@sd-angular/core 1.2.86 → 1.2.89

package/button/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-button.d.ts",
   "metadata": "sd-angular-core-button.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/button",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/button"
 }

package/button/sd-angular-core-button.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-button.d.ts.map

package/cache/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-cache.d.ts",
   "metadata": "sd-angular-core-cache.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/cache",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/cache"
 }

package/cache/sd-angular-core-cache.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-cache.d.ts.map

package/chart/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-chart.d.ts",
   "metadata": "sd-angular-core-chart.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/chart",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/chart"
 }

package/chart/sd-angular-core-chart.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-chart.d.ts.map

package/checkbox/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-checkbox.d.ts",
   "metadata": "sd-angular-core-checkbox.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/checkbox",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/checkbox"
 }

package/checkbox/sd-angular-core-checkbox.d.ts

@@ -3,5 +3,3 @@
  */
 export * from './index';
 export { SdCheckbox as ɵa } from './src/lib/checkbox.component';
-
-//# sourceMappingURL=sd-angular-core-checkbox.d.ts.map

package/chip/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-chip.d.ts",
   "metadata": "sd-angular-core-chip.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/chip",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/chip"
 }

package/chip/sd-angular-core-chip.d.ts

@@ -3,5 +3,3 @@
  */
 export * from './index';
 export { SdRemovableChipPipe as ɵa } from './src/lib/pipes/removable-chip.pipe';
-
-//# sourceMappingURL=sd-angular-core-chip.d.ts.map

package/comment/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-comment.d.ts",
   "metadata": "sd-angular-core-comment.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/comment",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/comment"
 }

package/comment/sd-angular-core-comment.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-comment.d.ts.map

package/comment/sd-angular-core-comment.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":25,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdComment"}],"exports":[{"__symbolic":"reference","name":"SdComment"}],"providers":[]}]}],"members":{}},"SdCommentOption":{"__symbolic":"interface"},"Comment":{"__symbolic":"interface"},"SdComment":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sd-comment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\" *ngIf=\"commentOption?.style==='basic'\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">•</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-body-style1\" *ngIf=\"commentOption?.style==='style1'\" sdScroll>\r\n    <ng-container *ngFor=\"let item of items | async; let i = index\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment {{i + 1 === (count | async) ? 'c-comment-border': ''}}\">\r\n          <div class=\"c-info mb-4\">\r\n            <div class=\"c-col-left\">\r\n              <div class=\"c-creator\">\r\n                {{item.creator}}\r\n              </div>\r\n              <div class=\"c-email\">\r\n                {{item.email}}\r\n              </div>\r\n            </div>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <div class=\"c-col-right\"\r\n                   [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy H:mm'\">{{item.createdDate | date:'dd/MM/yyyy H:mm'}}</div>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12 c-position-relative\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n                       [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n          </div>\r\n          <div *ngIf=\"commentOption?.fullComment?.enabled\" class=\"c-full-comment-backdrop\"\r\n               (click)=\"modalFullComment.open()\"></div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"Gửi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sd-modal [title]=\"'Comments' | sdTranslate\" width=\"sm\" [closeClickOutSide]=\"commentOption?.fullComment?.closeClickOutSide\" #modalFullComment>\r\n  <sd-modal-body>\r\n    <sd-editor [(model)]=\"message\" [styles]=\"fullCommentStyles\"\r\n               [toolbar]=\"commentOption?.editor?.toolbar\"\r\n               [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n               [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n               [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <sd-button class=\"ml-8\" title=\"Xóa toàn bộ\" size=\"sm\" type=\"link\"\r\n               (action)=\"clearAllData()\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"!commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Đóng\" size=\"sm\" (action)=\"modalFullComment.close()\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Gửi\" size=\"sm\" (action)=\"onSend();modalFullComment.close();\" [disabled]=\"!message\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n","styles":[".text-black400{color:#757575}.c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-body-style1{background:#fff;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body-style1 .c-comment{background:#fff;border-bottom:3px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.c-container .c-body-style1 .c-comment .c-info{color:#757575}.c-container .c-body-style1 .c-comment .c-info .c-creator{color:#000;font-weight:500;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-email{color:#000;font-weight:400;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-col-left{display:inline-block;overflow:hidden;vertical-align:top;width:calc(100% - 128px)}.c-container .c-body-style1 .c-comment .c-info .c-col-right{display:inline-block;margin-left:8px;width:120px}.c-container .c-body-style1 .c-comment-border{border-bottom:none}.c-container .c-footer{background:#fff;min-height:120px}.c-container .c-footer .c-position-relative{position:relative}.c-container .c-footer .c-full-comment-backdrop{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}"]}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextarea","line":21,"character":13}]}]}],"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommentModule":"./src/lib/comment.module","SdCommentOption":"./src/lib/comment.model","Comment":"./src/lib/comment.model","SdComment":"./src/lib/comment.component"},"importAs":"@sd-angular/core/comment"}
+{"__symbolic":"module","version":4,"metadata":{"SdCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":25,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdComment"}],"exports":[{"__symbolic":"reference","name":"SdComment"}],"providers":[]}]}],"members":{}},"SdCommentOption":{"__symbolic":"interface"},"Comment":{"__symbolic":"interface"},"SdComment":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sd-comment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\" *ngIf=\"commentOption?.style==='basic'\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">•</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-body-style1\" *ngIf=\"commentOption?.style==='style1'\" sdScroll>\r\n    <ng-container *ngFor=\"let item of items | async; let i = index\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment {{i + 1 === (count | async) ? 'c-comment-border': ''}}\">\r\n          <div class=\"c-info mb-4\">\r\n            <div class=\"c-col-left\">\r\n              <div class=\"c-creator\">\r\n                {{item.creator}}\r\n              </div>\r\n              <div class=\"c-email\">\r\n                {{item.email}}\r\n              </div>\r\n            </div>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <div class=\"c-col-right\"\r\n                   [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy H:mm'\">{{item.createdDate | date:'dd/MM/yyyy H:mm'}}</div>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12 c-position-relative\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n                       [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n          </div>\r\n          <div *ngIf=\"commentOption?.fullComment?.enabled\" class=\"c-full-comment-backdrop\"\r\n               (click)=\"modalFullComment.open()\"></div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"Gửi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sd-modal [title]=\"'Comments' | sdTranslate\" width=\"sm\" [closeClickOutSide]=\"commentOption?.fullComment?.closeClickOutSide\" #modalFullComment>\r\n  <sd-modal-body>\r\n    <sd-editor [(model)]=\"message\" [styles]=\"fullCommentStyles\"\r\n               [toolbar]=\"commentOption?.editor?.toolbar\"\r\n               [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n               [hashTagValues]=\"commentOption?.editor?.hashTagValues\"\r\n               [args]=\"commentOption?.editor?.args\"></sd-editor>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <sd-button class=\"ml-8\" title=\"Xóa toàn bộ\" size=\"sm\" type=\"link\"\r\n               (action)=\"clearAllData()\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"!commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Đóng\" size=\"sm\" (action)=\"modalFullComment.close()\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Gửi\" size=\"sm\" (action)=\"onSend();modalFullComment.close();\" [disabled]=\"!message\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n","styles":[".text-black400{color:#757575}.c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-body-style1{background:#fff;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body-style1 .c-comment{background:#fff;border-bottom:3px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.c-container .c-body-style1 .c-comment .c-info{color:#757575}.c-container .c-body-style1 .c-comment .c-info .c-creator{color:#000;font-weight:500;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-email{color:#000;font-weight:400;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-col-left{display:inline-block;overflow:hidden;vertical-align:top;width:calc(100% - 128px)}.c-container .c-body-style1 .c-comment .c-info .c-col-right{display:inline-block;margin-left:8px;width:120px}.c-container .c-body-style1 .c-comment-border{border-bottom:none}.c-container .c-footer{background:#fff;min-height:120px}.c-container .c-footer .c-position-relative{position:relative}.c-container .c-footer .c-full-comment-backdrop{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}"]}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextarea","line":21,"character":13}]}]}],"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommentModule":"./src/lib/comment.module","SdCommentOption":"./src/lib/comment.model","Comment":"./src/lib/comment.model","SdComment":"./src/lib/comment.component"},"importAs":"@sd-angular/core/comment"}

package/comment/src/lib/comment.model.d.ts

@@ -6,7 +6,6 @@ export interface SdCommentOption {
     editor?: {
         enabled?: boolean;
         toolbar?: any;
-        urlUploadImage?: string;
         styles?: any;
         mentionValues?: {
             id: string;
@@ -18,6 +17,7 @@ export interface SdCommentOption {
             value: string;
             link?: string;
         }[];
+        args?: any;
     };
     style: 'basic' | 'style1';
     fullComment?: {

package/common/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-common.d.ts",
   "metadata": "sd-angular-core-common.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/common",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/common"
 }

package/common/sd-angular-core-common.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-common.d.ts.map

package/confirm/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-confirm.d.ts",
   "metadata": "sd-angular-core-confirm.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/confirm",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/confirm"
 }

package/confirm/sd-angular-core-confirm.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-confirm.d.ts.map

package/date-month/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-date-month.d.ts",
   "metadata": "sd-angular-core-date-month.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/date-month",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/date-month"
 }

package/date-month/sd-angular-core-date-month.d.ts

@@ -3,5 +3,3 @@
  */
 export * from './index';
 export { MY_FORMATS as ɵa } from './src/lib/date-month.component';
-
-//# sourceMappingURL=sd-angular-core-date-month.d.ts.map

package/date-range/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-date-range.d.ts",
   "metadata": "sd-angular-core-date-range.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/date-range",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/date-range"
 }

package/date-range/sd-angular-core-date-range.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-date-range.d.ts.map

package/date-time/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-date-time.d.ts",
   "metadata": "sd-angular-core-date-time.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/date-time",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/date-time"
 }

package/date-time/sd-angular-core-date-time.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-date-time.d.ts.map

package/db/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-db.d.ts",
   "metadata": "sd-angular-core-db.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/db",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/db"
 }

package/db/sd-angular-core-db.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-db.d.ts.map

package/dynamic-report/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-dynamic-report.d.ts",
   "metadata": "sd-angular-core-dynamic-report.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/dynamic-report",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/dynamic-report"
 }

package/dynamic-report/sd-angular-core-dynamic-report.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-dynamic-report.d.ts.map

package/editor/package.json

@@ -8,16 +8,5 @@
   "typings": "sd-angular-core-editor.d.ts",
   "metadata": "sd-angular-core-editor.metadata.json",
   "sideEffects": false,
-  "name": "@sd-angular/core/editor",
-  "__processed_by_ivy_ngcc__": {
-    "es2015": "10.2.0",
-    "esm2015": "10.2.0",
-    "fesm2015": "10.2.0",
-    "main": "10.2.0",
-    "module": "10.2.0",
-    "typings": "10.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1"
-  }
+  "name": "@sd-angular/core/editor"
 }

package/editor/sd-angular-core-editor.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-
-//# sourceMappingURL=sd-angular-core-editor.d.ts.map

package/editor/sd-angular-core-editor.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SdEditor"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":16,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":17,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":18,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/api","name":"SdApiModule","line":20,"character":4}],"exports":[{"__symbolic":"reference","name":"SdEditor"}],"providers":[]}]}],"members":{}},"Constants":{"ARE_YOU_WANT_TO_DELETE":"Are you sure you want to delete?","ACTIVE":"active","IN_ACTIVE":"inactive","APPROVE":"approve","UN_APPROVE":"unapprove","ACCEPT_SIZE_IMAGE":"Logo only accept image with size <= 2MB","ACCEPT_TYPE_IMAGE":"image/png, image/gif, image/jpeg, image/bmp, image/x-icon","PAGE_TYPE_NEW":"new","PAGE_TYPE_EDIT":"edit","SAVE":"saveOb","SAVE_AND_CONTINUE":"saveAndContOb","IMAGE_SIZE":2048000,"SUCCESS":"Success","IMPORT_SUCCESSFULLY":"Import successfully!","ERROR":"Error","FAILED":"fail","FILE":"file","NONE":"none","NOT_EXIST_ID_OR_LINK":"This ID/Link is not existing","FEATURE_IS_PENDING":"This feature is pending","NOT_SUPPORT_FILE_IMAGE":"File upload is not supported.","NOT_SUPPORT_FILE_IMPORT":"File import is not supported.","NETWORK_ERROR":"Network Error","SORT_BY":[{"value":0,"name":"Created Date"},{"value":1,"name":"Title"}],"DESC":[{"value":true,"name":"Descending"},{"value":false,"name":"Ascending"}],"FORM_ERRORS":{"Id":"","textSearch":"","ImportLogId":"","SortBy":"","Reverse":""},"VALIDATION_MESSAGES":{}},"PROMOTION_PERMISSIONS":["ListPromotion","AddNewPromotion","EditPromotion","ActiveOrInactivePromotion","RemovePromotion","ImportPromotion","ExportPromotion"],"ValidateMessageConstants":{"TITLE_REQUIRED":"Title is required","TITLE_MAXLENGTH":"Title is not more than 55 characters","TITLE_PATTERN":"Title is required","CREATED_AT_REQUIRED":"Created At is required","SHOW_ON_HOME_REQUIRED":"Show On Home is required","DISPLAY_NUMBER_REQUIRED":"Display Number is required","CONTENT_TYPE_REQUIRED":"Content Type is required","DISCOUNT_PERCENT_REQUIRED":"Discount percent is required","DISCOUNT_PERCENT_MAX":"Max discount percent is 100, cannot input greater","DISCOUNT_PERCENT_MIN":"Min discount percent is 0, cannot input lower"},"PROMOTION_FORM":{"FORM_ERRORS":{"title":"","createdAt":"","displayNumber":"","showOnHome":"","discountPercent":"","isActive":"","ctaLabelName":"","ctaDeepLink":"","tags":""},"VALIDATION_MESSAGES":{"title":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"TITLE_REQUIRED"},"maxlength":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"TITLE_MAXLENGTH"},"pattern":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"TITLE_PATTERN"}},"createdAt":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"CREATED_AT_REQUIRED"}},"showOnHome":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"SHOW_ON_HOME_REQUIRED"}},"displayNumber":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISPLAY_NUMBER_REQUIRED"}},"discountPercent":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISCOUNT_PERCENT_REQUIRED"},"max":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISCOUNT_PERCENT_MAX"},"min":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISCOUNT_PERCENT_MIN"}},"tags":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"CONTENT_TYPE_REQUIRED"}}}},"SdEditor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sd-editor","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"template":"<label *ngIf=\"label && !sdLabelDef?.templateRef\" class=\"d-block T14M\">{{label}} <span class=\"text-danger mb-2\" *ngIf=\"required\">*</span></label>\r\n<ng-container *ngIf=\"sdLabelDef?.templateRef\" matSuffix>\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n  </ng-container>\r\n</ng-container>\r\n<ng-container *ngIf=\"!formControl.disabled && !showHtmlEditor\">\r\n  <quill-editor #editor [styles]=\"styles\" (onEditorCreated)=\"editorInit($event)\" [ngModel]=\"formControl.value\"\r\n                (ngModelChange)=\"onModelChange($event)\" [id]=\"id\" [modules]=\"quillConfig\" [placeholder]=\"placeholder\"\r\n                [maxLength]=\"maxlength\" >\r\n  </quill-editor>\r\n  <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.required\">\r\n    {{'This field is required' | sdTranslate}}\r\n  </span>\r\n  <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.minlength\">\r\n    {{'Max length' | sdTranslate}} <strong>{{minlength}}</strong>\r\n  </span>\r\n  <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.maxlength\">\r\n    {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n  </span>\r\n</ng-container>\r\n<ng-container *ngIf=\"formControl.disabled\">\r\n  <div [innerHtml]=\"formControl.value\"></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"enableHTMLButton\">\r\n  <sd-textarea [(model)]=\"modelHTML\" *ngIf=\"showHtmlEditor\" rows=\"20\"\r\n               (modelChange)=\"onModelChange($event)\"></sd-textarea>\r\n  <sd-button\r\n    title=\"{{showHtmlEditor?'Ẩn':'Hiện'}} mã HTML\"\r\n    class=\"mr-8\"\r\n    fontSet=\"material-icons-outlined\"\r\n    (action)=\"onClickShowHtmlEditor()\"\r\n    type=\"light\"\r\n  ></sd-button>\r\n</ng-container>\r\n","styles":["::ng-deep img[alt=c-image-editor-quill]{max-width:80%}"]}]}],"members":{"editor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["editor"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"pRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"_minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["minlength"]}]}],"_maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["maxlength"]}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"domain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"urlUploadImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"enableHTMLButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"mentionValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"hashTagValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"sdLabelDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":100,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdLabelDefDirective","line":100,"character":16}]}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":172,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":173,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/api","name":"SdApiService","line":174,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"SdEditorModule":"./src/lib/editor.module","Constants":"./src/lib/constant","PROMOTION_PERMISSIONS":"./src/lib/constant","ValidateMessageConstants":"./src/lib/constant","PROMOTION_FORM":"./src/lib/constant","SdEditor":"./src/lib/editor.component"},"importAs":"@sd-angular/core/editor"}
+{"__symbolic":"module","version":4,"metadata":{"IEditorConfiguration":{"__symbolic":"interface"},"EDITOR_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":17,"character":33},"arguments":["editor.configuration"]},"SdEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SdEditor"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":16,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":17,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":18,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/api","name":"SdApiModule","line":20,"character":4}],"exports":[{"__symbolic":"reference","name":"SdEditor"}],"providers":[]}]}],"members":{}},"Constants":{"ARE_YOU_WANT_TO_DELETE":"Are you sure you want to delete?","ACTIVE":"active","IN_ACTIVE":"inactive","APPROVE":"approve","UN_APPROVE":"unapprove","ACCEPT_SIZE_IMAGE":"Logo only accept image with size <= 2MB","ACCEPT_TYPE_IMAGE":"image/png, image/gif, image/jpeg, image/bmp, image/x-icon","PAGE_TYPE_NEW":"new","PAGE_TYPE_EDIT":"edit","SAVE":"saveOb","SAVE_AND_CONTINUE":"saveAndContOb","IMAGE_SIZE":2048000,"SUCCESS":"Success","IMPORT_SUCCESSFULLY":"Import successfully!","ERROR":"Error","FAILED":"fail","FILE":"file","NONE":"none","NOT_EXIST_ID_OR_LINK":"This ID/Link is not existing","FEATURE_IS_PENDING":"This feature is pending","NOT_SUPPORT_FILE_IMAGE":"File upload is not supported.","NOT_SUPPORT_FILE_IMPORT":"File import is not supported.","NETWORK_ERROR":"Network Error","SORT_BY":[{"value":0,"name":"Created Date"},{"value":1,"name":"Title"}],"DESC":[{"value":true,"name":"Descending"},{"value":false,"name":"Ascending"}],"FORM_ERRORS":{"Id":"","textSearch":"","ImportLogId":"","SortBy":"","Reverse":""},"VALIDATION_MESSAGES":{}},"PROMOTION_PERMISSIONS":["ListPromotion","AddNewPromotion","EditPromotion","ActiveOrInactivePromotion","RemovePromotion","ImportPromotion","ExportPromotion"],"ValidateMessageConstants":{"TITLE_REQUIRED":"Title is required","TITLE_MAXLENGTH":"Title is not more than 55 characters","TITLE_PATTERN":"Title is required","CREATED_AT_REQUIRED":"Created At is required","SHOW_ON_HOME_REQUIRED":"Show On Home is required","DISPLAY_NUMBER_REQUIRED":"Display Number is required","CONTENT_TYPE_REQUIRED":"Content Type is required","DISCOUNT_PERCENT_REQUIRED":"Discount percent is required","DISCOUNT_PERCENT_MAX":"Max discount percent is 100, cannot input greater","DISCOUNT_PERCENT_MIN":"Min discount percent is 0, cannot input lower"},"PROMOTION_FORM":{"FORM_ERRORS":{"title":"","createdAt":"","displayNumber":"","showOnHome":"","discountPercent":"","isActive":"","ctaLabelName":"","ctaDeepLink":"","tags":""},"VALIDATION_MESSAGES":{"title":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"TITLE_REQUIRED"},"maxlength":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"TITLE_MAXLENGTH"},"pattern":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"TITLE_PATTERN"}},"createdAt":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"CREATED_AT_REQUIRED"}},"showOnHome":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"SHOW_ON_HOME_REQUIRED"}},"displayNumber":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISPLAY_NUMBER_REQUIRED"}},"discountPercent":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISCOUNT_PERCENT_REQUIRED"},"max":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISCOUNT_PERCENT_MAX"},"min":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"DISCOUNT_PERCENT_MIN"}},"tags":{"required":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ValidateMessageConstants"},"member":"CONTENT_TYPE_REQUIRED"}}}},"SdEditor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"sd-editor","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"template":"<div id=\"box-{{id}}\">\r\n  <label *ngIf=\"label && !sdLabelDef?.templateRef\" class=\"d-block T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n                                                                                        *ngIf=\"required\">*</span></label>\r\n  <ng-container *ngIf=\"sdLabelDef?.templateRef\" matSuffix>\r\n    <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!formControl.disabled && !showHtmlEditor\">\r\n    <quill-editor #editor [styles]=\"styles\" (onEditorCreated)=\"editorInit($event)\" [ngModel]=\"formControl.value\"\r\n                  (onSelectionChanged)=\"onSelectionChanged($event)\"\r\n                  (onContentChanged)=\"onContentChanged($event)\"\r\n                  (ngModelChange)=\"onModelChange($event)\" [id]=\"id\" [modules]=\"quillConfig\" [placeholder]=\"placeholder\"\r\n                  [maxLength]=\"maxlength\">\r\n    </quill-editor>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.required\">\r\n    {{'This field is required' | sdTranslate}}\r\n  </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.minlength\">\r\n    {{'Max length' | sdTranslate}} <strong>{{minlength}}</strong>\r\n  </span>\r\n    <span class=\"d-block text-danger mt-5\" *ngIf=\"formControl.errors?.maxlength\">\r\n    {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n  </span>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formControl.disabled\">\r\n    <div [innerHtml]=\"formControl.value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"enableHTMLButton\">\r\n    <sd-textarea [(model)]=\"modelHTML\" *ngIf=\"showHtmlEditor\" rows=\"20\"\r\n                 (modelChange)=\"onModelChange($event)\"></sd-textarea>\r\n    <sd-button\r\n      title=\"{{showHtmlEditor?'Ẩn':'Hiện'}} mã HTML\"\r\n      class=\"mr-8\"\r\n      fontSet=\"material-icons-outlined\"\r\n      (action)=\"onClickShowHtmlEditor()\"\r\n      type=\"light\"\r\n    ></sd-button>\r\n  </ng-container>\r\n</div>\r\n","styles":["::ng-deep img[alt=c-image-editor-quill]{max-width:80%}::ng-deep .ql-toolbar input.ql-customFile[type=file]{display:none}"]}]}],"members":{"editor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["editor"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"pRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"_minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["minlength"]}]}],"_maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["maxlength"]}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"args":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"domain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"enableHTMLButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"mentionValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"hashTagValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"sdLabelDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":110,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdLabelDefDirective","line":110,"character":16}]}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":178,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":185,"character":5},"arguments":[{"__symbolic":"reference","name":"EDITOR_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":185,"character":28}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":181,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":182,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/api","name":"SdApiService","line":183,"character":26},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":184,"character":28},{"__symbolic":"reference","name":"IEditorConfiguration"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onSelectionChanged":[{"__symbolic":"method"}],"onContentChanged":[{"__symbolic":"method"}]}}},"origins":{"IEditorConfiguration":"./src/lib/editor.model","EDITOR_CONFIG":"./src/lib/editor.model","SdEditorModule":"./src/lib/editor.module","Constants":"./src/lib/constant","PROMOTION_PERMISSIONS":"./src/lib/constant","ValidateMessageConstants":"./src/lib/constant","PROMOTION_FORM":"./src/lib/constant","SdEditor":"./src/lib/editor.component"},"importAs":"@sd-angular/core/editor"}

package/editor/src/lib/editor.component.d.ts

@@ -1,14 +1,18 @@
-import { OnInit, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, NgZone } from '@angular/core';
-import { QuillEditorComponent } from 'ngx-quill';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ContentChange, QuillEditorComponent, SelectionChange } from 'ngx-quill';
 import { FormControl, FormGroup, NgForm } from '@angular/forms';
 import { SdApiService } from '@sd-angular/core/api';
 import 'quill-mention';
 import { SdLabelDefDirective } from '@sd-angular/core/common';
+import { SdLoadingService } from "@sd-angular/core/loading";
+import { IEditorConfiguration } from './editor.model';
 export declare class SdEditor implements OnInit, AfterViewInit, OnDestroy {
     #private;
     private ngZone;
     private ref;
     private sdApiService;
+    private loadingService;
+    private configuration;
     id: string;
     editor: QuillEditorComponent;
     label: string;
@@ -23,9 +27,9 @@ export declare class SdEditor implements OnInit, AfterViewInit, OnDestroy {
     modelChange: EventEmitter<string>;
     placeholder: string;
     styles: any;
+    args: any;
     formControl: FormControl;
     domain: string;
-    urlUploadImage: string;
     set form(val: NgForm | FormGroup);
     toolbar: any;
     enableHTMLButton: boolean;
@@ -85,13 +89,16 @@ export declare class SdEditor implements OnInit, AfterViewInit, OnDestroy {
             };
         };
     };
-    textLength: number;
+    customButtonFileSVG: string;
     sdChange: EventEmitter<string>;
-    constructor(ngZone: NgZone, ref: ChangeDetectorRef, sdApiService: SdApiService);
+    timerLoadQuillToolbar: any;
+    constructor(ngZone: NgZone, ref: ChangeDetectorRef, sdApiService: SdApiService, loadingService: SdLoadingService, configuration: IEditorConfiguration);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     editorInit: (quill: any) => void;
     onModelChange: (val: string) => void;
     onClickShowHtmlEditor: () => void;
+    onSelectionChanged(e: SelectionChange): void;
+    onContentChanged(e: ContentChange): void;
 }

package/editor/src/lib/editor.model.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken } from "@angular/core";
+export interface IEditorConfiguration {
+    uploadImage?: (formData: FormData, args?: any) => Promise<string>;
+    actions: {
+        key: string;
+        icon: string;
+        click: (event: Event, args?: {
+            cursorPosition: {
+                index: number;
+                length: number;
+            };
+            args?: any;
+        }) => void;
+    }[];
+}
+export declare const EDITOR_CONFIG: InjectionToken<IEditorConfiguration>;

package/editor/src/public-api.d.ts

@@ -1,3 +1,4 @@
+export * from './lib/editor.model';
 export * from './lib/editor.module';
 export * from './lib/constant';
 export * from './lib/editor.component';