@sd-angular/core 0.0.1039 → 0.0.1043

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 (140) hide show
  1. package/assets/scss/quill-mention/quill-mention.css +55 -0
  2. package/assets/scss/sd-core.scss +1 -0
  3. package/bundles/sd-angular-core-chip.umd.js +41 -10
  4. package/bundles/sd-angular-core-chip.umd.js.map +1 -1
  5. package/bundles/sd-angular-core-chip.umd.min.js +2 -2
  6. package/bundles/sd-angular-core-chip.umd.min.js.map +1 -1
  7. package/bundles/sd-angular-core-comment.umd.js +16 -15
  8. package/bundles/sd-angular-core-comment.umd.js.map +1 -1
  9. package/bundles/sd-angular-core-comment.umd.min.js +2 -2
  10. package/bundles/sd-angular-core-comment.umd.min.js.map +1 -1
  11. package/bundles/sd-angular-core-editor.umd.js +73 -18
  12. package/bundles/sd-angular-core-editor.umd.js.map +1 -1
  13. package/bundles/sd-angular-core-editor.umd.min.js +2 -2
  14. package/bundles/sd-angular-core-editor.umd.min.js.map +1 -1
  15. package/bundles/sd-angular-core-filter.umd.js +703 -0
  16. package/bundles/sd-angular-core-filter.umd.js.map +1 -0
  17. package/bundles/sd-angular-core-filter.umd.min.js +2 -0
  18. package/bundles/sd-angular-core-filter.umd.min.js.map +1 -0
  19. package/bundles/sd-angular-core-form.umd.js +6 -4
  20. package/bundles/sd-angular-core-form.umd.js.map +1 -1
  21. package/bundles/sd-angular-core-form.umd.min.js +1 -1
  22. package/bundles/sd-angular-core-form.umd.min.js.map +1 -1
  23. package/bundles/sd-angular-core-grid-material.umd.js +96 -48
  24. package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
  25. package/bundles/sd-angular-core-grid-material.umd.min.js +1 -1
  26. package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
  27. package/bundles/sd-angular-core-modal-custom.umd.js +487 -0
  28. package/bundles/sd-angular-core-modal-custom.umd.js.map +1 -0
  29. package/bundles/sd-angular-core-modal-custom.umd.min.js +16 -0
  30. package/bundles/sd-angular-core-modal-custom.umd.min.js.map +1 -0
  31. package/bundles/sd-angular-core-modal-resizable.umd.js +487 -0
  32. package/bundles/sd-angular-core-modal-resizable.umd.js.map +1 -0
  33. package/bundles/sd-angular-core-modal-resizable.umd.min.js +16 -0
  34. package/bundles/sd-angular-core-modal-resizable.umd.min.js.map +1 -0
  35. package/bundles/sd-angular-core-setting.umd.js +176 -117
  36. package/bundles/sd-angular-core-setting.umd.js.map +1 -1
  37. package/bundles/sd-angular-core-setting.umd.min.js +1 -1
  38. package/bundles/sd-angular-core-setting.umd.min.js.map +1 -1
  39. package/bundles/sd-angular-core.umd.js +4 -4
  40. package/bundles/sd-angular-core.umd.min.js +1 -1
  41. package/bundles/sd-angular-core.umd.min.js.map +1 -1
  42. package/chip/sd-angular-core-chip.metadata.json +1 -1
  43. package/chip/src/lib/chip.component.d.ts +8 -1
  44. package/comment/sd-angular-core-comment.metadata.json +1 -1
  45. package/comment/src/lib/comment.model.d.ts +11 -0
  46. package/editor/sd-angular-core-editor.metadata.json +1 -1
  47. package/editor/src/lib/editor.component.d.ts +17 -3
  48. package/esm2015/chip/src/lib/chip.component.js +34 -4
  49. package/esm2015/chip/src/lib/chip.module.js +6 -3
  50. package/esm2015/comment/src/lib/comment.component.js +4 -4
  51. package/esm2015/comment/src/lib/comment.model.js +1 -1
  52. package/esm2015/comment/src/lib/comment.module.js +3 -1
  53. package/esm2015/editor/src/lib/editor.component.js +70 -14
  54. package/esm2015/editor/src/lib/editor.module.js +4 -2
  55. package/esm2015/filter/index.js +2 -0
  56. package/esm2015/filter/sd-angular-core-filter.js +8 -0
  57. package/esm2015/filter/src/lib/directives/sd-filter-def.directive.js +22 -0
  58. package/esm2015/filter/src/lib/filter.component.js +161 -0
  59. package/esm2015/filter/src/lib/filter.model.js +2 -0
  60. package/esm2015/filter/src/lib/filter.module.js +47 -0
  61. package/esm2015/filter/src/lib/filter.service.js +60 -0
  62. package/esm2015/filter/src/lib/pipes/values-local.pipe.js +19 -0
  63. package/esm2015/filter/src/lib/pipes/values-server.pipe.js +18 -0
  64. package/esm2015/filter/src/public-api.js +8 -0
  65. package/esm2015/form/src/lib/form.module.js +4 -1
  66. package/esm2015/grid-material/src/lib/components/column-inline-filter/column-inline-filter.component.js +10 -7
  67. package/esm2015/grid-material/src/lib/components/quick-action/quick-action.component.js +1 -1
  68. package/esm2015/grid-material/src/lib/grid-material.component.js +1 -6
  69. package/esm2015/grid-material/src/lib/models/grid-column.model.js +1 -1
  70. package/esm2015/grid-material/src/lib/services/generated-column/generated-column.service.js +28 -12
  71. package/esm2015/grid-material/src/lib/services/grid-configuration.service.js +50 -21
  72. package/esm2015/modal-custom/index.js +2 -0
  73. package/esm2015/modal-custom/sd-angular-core-modal-custom.js +5 -0
  74. package/esm2015/modal-custom/src/lib/modal-custom/modal-custom.component.js +123 -0
  75. package/esm2015/modal-custom/src/lib/modal-custom.module.js +30 -0
  76. package/esm2015/modal-custom/src/public-api.js +6 -0
  77. package/esm2015/modal-resizable/index.js +2 -0
  78. package/esm2015/modal-resizable/sd-angular-core-modal-resizable.js +5 -0
  79. package/esm2015/modal-resizable/src/lib/modal-resizable/modal-resizable.component.js +123 -0
  80. package/esm2015/modal-resizable/src/lib/modal-resizable.module.js +30 -0
  81. package/esm2015/modal-resizable/src/public-api.js +6 -0
  82. package/esm2015/public-api.js +3 -1
  83. package/esm2015/setting/src/lib/setting.model.js +1 -1
  84. package/esm2015/setting/src/lib/setting.service.js +119 -58
  85. package/fesm2015/sd-angular-core-chip.js +37 -5
  86. package/fesm2015/sd-angular-core-chip.js.map +1 -1
  87. package/fesm2015/sd-angular-core-comment.js +5 -3
  88. package/fesm2015/sd-angular-core-comment.js.map +1 -1
  89. package/fesm2015/sd-angular-core-editor.js +72 -15
  90. package/fesm2015/sd-angular-core-editor.js.map +1 -1
  91. package/fesm2015/sd-angular-core-filter.js +323 -0
  92. package/fesm2015/sd-angular-core-filter.js.map +1 -0
  93. package/fesm2015/sd-angular-core-form.js +3 -0
  94. package/fesm2015/sd-angular-core-form.js.map +1 -1
  95. package/fesm2015/sd-angular-core-grid-material.js +86 -43
  96. package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
  97. package/fesm2015/sd-angular-core-modal-custom.js +161 -0
  98. package/fesm2015/sd-angular-core-modal-custom.js.map +1 -0
  99. package/fesm2015/sd-angular-core-modal-resizable.js +161 -0
  100. package/fesm2015/sd-angular-core-modal-resizable.js.map +1 -0
  101. package/fesm2015/sd-angular-core-setting.js +119 -58
  102. package/fesm2015/sd-angular-core-setting.js.map +1 -1
  103. package/fesm2015/sd-angular-core.js +2 -0
  104. package/fesm2015/sd-angular-core.js.map +1 -1
  105. package/filter/index.d.ts +1 -0
  106. package/filter/package.json +12 -0
  107. package/filter/sd-angular-core-filter.d.ts +7 -0
  108. package/filter/sd-angular-core-filter.metadata.json +1 -0
  109. package/filter/src/lib/directives/sd-filter-def.directive.d.ts +8 -0
  110. package/filter/src/lib/filter.component.d.ts +31 -0
  111. package/filter/src/lib/filter.model.d.ts +105 -0
  112. package/filter/src/lib/filter.module.d.ts +2 -0
  113. package/filter/src/lib/filter.service.d.ts +9 -0
  114. package/filter/src/lib/pipes/values-local.pipe.d.ts +5 -0
  115. package/filter/src/lib/pipes/values-server.pipe.d.ts +5 -0
  116. package/filter/src/public-api.d.ts +4 -0
  117. package/form/sd-angular-core-form.metadata.json +1 -1
  118. package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
  119. package/grid-material/src/lib/models/grid-column.model.d.ts +1 -0
  120. package/grid-material/src/lib/services/generated-column/generated-column.service.d.ts +3 -2
  121. package/modal-custom/index.d.ts +1 -0
  122. package/modal-custom/package.json +12 -0
  123. package/modal-custom/sd-angular-core-modal-custom.d.ts +4 -0
  124. package/modal-custom/sd-angular-core-modal-custom.metadata.json +1 -0
  125. package/modal-custom/src/lib/modal-custom/modal-custom.component.d.ts +31 -0
  126. package/modal-custom/src/lib/modal-custom.module.d.ts +2 -0
  127. package/modal-custom/src/public-api.d.ts +2 -0
  128. package/modal-resizable/index.d.ts +1 -0
  129. package/modal-resizable/package.json +12 -0
  130. package/modal-resizable/sd-angular-core-modal-resizable.d.ts +4 -0
  131. package/modal-resizable/sd-angular-core-modal-resizable.metadata.json +1 -0
  132. package/modal-resizable/src/lib/modal-resizable/modal-resizable.component.d.ts +31 -0
  133. package/modal-resizable/src/lib/modal-resizable.module.d.ts +2 -0
  134. package/modal-resizable/src/public-api.d.ts +2 -0
  135. package/package.json +3 -2
  136. package/public-api.d.ts +2 -0
  137. package/{sd-angular-core-0.0.1039.tgz → sd-angular-core-0.0.1043.tgz} +0 -0
  138. package/setting/sd-angular-core-setting.metadata.json +1 -1
  139. package/setting/src/lib/setting.model.d.ts +20 -6
  140. package/setting/src/lib/setting.service.d.ts +2 -1
@@ -70,6 +70,7 @@ interface SdGridMaterialBool<T = any> extends SdGridMaterialBaseColumn<T> {
70
70
  interface SdGridMaterialColumnDate<T = any> extends SdGridMaterialBaseColumn<T> {
71
71
  type: 'date' | 'datetime' | 'time';
72
72
  option?: {
73
+ useFilterDate?: boolean;
73
74
  timeDifferent?: 'second' | 'minute' | 'hour' | 'day' | 'month';
74
75
  };
75
76
  editor?: {
@@ -1,10 +1,11 @@
1
1
  import { SdSetting, SdSettingService } from '@sd-angular/core/setting';
2
2
  import { SdGridMaterialConfigOption } from '../../models/grid-config.model';
3
3
  import { SdGeneratedColumn } from './generated-column.model';
4
+ import { SdSettingServer } from '@sd-angular/core/setting';
4
5
  export declare class SdGeneratedColumnService {
5
6
  #private;
6
7
  private settingService;
7
8
  constructor(settingService: SdSettingService);
8
- load: (configuration: SdGridMaterialConfigOption) => SdSetting<SdGeneratedColumn<any>[]>;
9
- loadSystem: (configuration: SdGridMaterialConfigOption) => SdSetting<SdGeneratedColumn<any>[]>;
9
+ load: (configuration: SdGridMaterialConfigOption) => SdSetting<SdGeneratedColumn<any>[]> | SdSettingServer<SdGeneratedColumn<any>[]>;
10
+ loadSystem: (configuration: SdGridMaterialConfigOption) => SdSetting<SdGeneratedColumn<any>[]> | SdSettingServer<SdGeneratedColumn<any>[]>;
10
11
  }
@@ -0,0 +1 @@
1
+ export * from './src/public-api';
@@ -0,0 +1,12 @@
1
+ {
2
+ "peerDependencies": {},
3
+ "main": "../bundles/sd-angular-core-modal-custom.umd.js",
4
+ "module": "../fesm2015/sd-angular-core-modal-custom.js",
5
+ "es2015": "../fesm2015/sd-angular-core-modal-custom.js",
6
+ "esm2015": "../esm2015/modal-custom/sd-angular-core-modal-custom.js",
7
+ "fesm2015": "../fesm2015/sd-angular-core-modal-custom.js",
8
+ "typings": "sd-angular-core-modal-custom.d.ts",
9
+ "metadata": "sd-angular-core-modal-custom.metadata.json",
10
+ "sideEffects": false,
11
+ "name": "@sd-angular/core/modal-custom"
12
+ }
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
@@ -0,0 +1 @@
1
+ {"__symbolic":"module","version":4,"metadata":{"SdModalCustom":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"sd-modal-custom","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<ng-template cdkPortal>\r\n <div [id]=\"id\" class=\"modal-custom\" [ngStyle]=\"{'width': width}\"\r\n [ngClass]=\"{'modal-custom--active': isOpened,'modal-custom--loading': isLoading, 'c-minium': isMinium}\"\r\n (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n <ng-container *ngIf=\"isOpened\">\r\n <div class=\"modal-custom__header media align-items-center\">\r\n <div class=\"modal-custom__title media-body\">\r\n <ng-content select=\"[sdTitle]\"></ng-content>\r\n </div>\r\n <button type=\"button\" class=\"c-action--white c-min\" (click)=\"minium()\" *ngIf=\"!isMinium\" mat-icon-button\r\n title=\"Thu nhỏ\">\r\n <mat-icon>remove</mat-icon>\r\n </button>\r\n <button type=\"button\" class=\"c-action--white c-max\" (click)=\"maxium()\" *ngIf=\"isMinium\" mat-icon-button\r\n title=\"Phóng to\">\r\n <mat-icon>remove</mat-icon>\r\n </button>\r\n <button type=\"button\" class=\"c-action--white\" (click)=\"close()\" mat-icon-button title=\"Đóng\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n <div *ngIf=\"isOpened\" class=\"modal-custom__body\">\r\n <div class=\"modal-custom__content\">\r\n <ng-content select=\"[sdBody]\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"modal-custom__footer\">\r\n <ng-content select=\"[sdFooter]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</ng-template>","styles":[".modal-custom{background-color:#fff;border-radius:4px 4px 0 0;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:12px;top:80px;transform:translate3d(0,100%,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}.modal-custom.c-minium-of-list{bottom:0;opacity:1;pointer-events:all;top:auto;transform:translateZ(0);visibility:visible}.modal-custom.c-minium{top:auto}.modal-custom.c-minium .modal-custom__body,.modal-custom.c-minium .modal-custom__footer{display:none}.c-action{color:#212121}.c-action:focus{outline:none}.c-action--white{color:#fff}.c-action--white.c-min{margin-bottom:-12px}.c-action--white.c-max{margin-top:-12px}.modal-custom__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.modal-custom__icon .mat-icon{float:left}.modal-custom__header{background-color:#5d6165;border-radius:4px 4px 0 0;color:#fff;min-height:40px;padding:0 16px}.modal-custom__body{flex:1;position:relative}.modal-custom__content{bottom:0;left:0;overflow:auto;padding:8px 16px 16px;position:absolute;right:0;top:0}.modal-custom__footer{border-top:1px solid #dde0e5;padding:5px 0}.modal-custom-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.modal-custom-backdrop--active{background-color:rgba(0,0,0,.4)}.modal-custom--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.modal-custom__title{font-size:14px;font-weight:500;line-height:20px}"]}]}],"members":{"portal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortal","line":28,"character":13}]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"editingChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":41,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":44,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleEditable":[{"__symbolic":"method"}]}},"SdModalCustomModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdModalCustom"}],"exports":[{"__symbolic":"reference","name":"SdModalCustom"}],"providers":[]}]}],"members":{}}},"origins":{"SdModalCustom":"./src/lib/modal-custom/modal-custom.component","SdModalCustomModule":"./src/lib/modal-custom.module"},"importAs":"@sd-angular/core/modal-custom"}
@@ -0,0 +1,31 @@
1
+ import { ComponentFactoryResolver, ApplicationRef, Injector, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef } from '@angular/core';
2
+ import { CdkPortal } from '@angular/cdk/portal';
3
+ import { SdLoadingService } from '@sd-angular/core/loading';
4
+ export declare class SdModalCustom implements AfterViewInit, OnDestroy {
5
+ #private;
6
+ private cfr;
7
+ private ar;
8
+ private injector;
9
+ private ref;
10
+ private loadingService;
11
+ id: string;
12
+ portal: CdkPortal;
13
+ editable: boolean;
14
+ width: string;
15
+ editingChanged: EventEmitter<boolean>;
16
+ isEditing: boolean;
17
+ isOpened: boolean;
18
+ isHover: boolean;
19
+ isLoading: boolean;
20
+ isMinium: boolean;
21
+ constructor(cfr: ComponentFactoryResolver, ar: ApplicationRef, injector: Injector, ref: ChangeDetectorRef, loadingService: SdLoadingService);
22
+ ngAfterViewInit(): void;
23
+ open: () => void;
24
+ close: () => void;
25
+ minium: () => void;
26
+ maxium: () => void;
27
+ startLoading: () => void;
28
+ stopLoading: () => void;
29
+ ngOnDestroy(): void;
30
+ toggleEditable(): void;
31
+ }
@@ -0,0 +1,2 @@
1
+ export declare class SdModalCustomModule {
2
+ }
@@ -0,0 +1,2 @@
1
+ export * from './lib/modal-custom/modal-custom.component';
2
+ export * from './lib/modal-custom.module';
@@ -0,0 +1 @@
1
+ export * from './src/public-api';
@@ -0,0 +1,12 @@
1
+ {
2
+ "peerDependencies": {},
3
+ "main": "../bundles/sd-angular-core-modal-resizable.umd.js",
4
+ "module": "../fesm2015/sd-angular-core-modal-resizable.js",
5
+ "es2015": "../fesm2015/sd-angular-core-modal-resizable.js",
6
+ "esm2015": "../esm2015/modal-resizable/sd-angular-core-modal-resizable.js",
7
+ "fesm2015": "../fesm2015/sd-angular-core-modal-resizable.js",
8
+ "typings": "sd-angular-core-modal-resizable.d.ts",
9
+ "metadata": "sd-angular-core-modal-resizable.metadata.json",
10
+ "sideEffects": false,
11
+ "name": "@sd-angular/core/modal-resizable"
12
+ }
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
@@ -0,0 +1 @@
1
+ {"__symbolic":"module","version":4,"metadata":{"SdModalResizable":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"sd-modal-resizable","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<ng-template cdkPortal>\r\n <div [id]=\"id\" class=\"modal-custom\" [ngStyle]=\"{'width': width}\"\r\n [ngClass]=\"{'modal-custom--active': isOpened,'modal-custom--loading': isLoading, 'c-minium': isMinium}\"\r\n (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n <ng-container *ngIf=\"isOpened\">\r\n <div class=\"modal-custom__header media align-items-center\">\r\n <div class=\"modal-custom__title media-body\">\r\n <ng-content select=\"[sdTitle]\"></ng-content>\r\n </div>\r\n <button type=\"button\" class=\"c-action--white c-min\" (click)=\"minium()\" *ngIf=\"!isMinium\" mat-icon-button\r\n title=\"Thu nhỏ\">\r\n <mat-icon>remove</mat-icon>\r\n </button>\r\n <button type=\"button\" class=\"c-action--white c-max\" (click)=\"maxium()\" *ngIf=\"isMinium\" mat-icon-button\r\n title=\"Phóng to\">\r\n <mat-icon>remove</mat-icon>\r\n </button>\r\n <button type=\"button\" class=\"c-action--white\" (click)=\"close()\" mat-icon-button title=\"Đóng\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n <div *ngIf=\"isOpened\" class=\"modal-custom__body\">\r\n <div class=\"modal-custom__content\">\r\n <ng-content select=\"[sdBody]\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"modal-custom__footer\">\r\n <ng-content select=\"[sdFooter]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</ng-template>","styles":[".modal-custom{background-color:#fff;border-radius:4px 4px 0 0;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:12px;top:80px;transform:translate3d(0,100%,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}.modal-custom.c-minium-of-list{bottom:0;opacity:1;pointer-events:all;top:auto;transform:translateZ(0);visibility:visible}.modal-custom.c-minium{top:auto}.modal-custom.c-minium .modal-custom__body,.modal-custom.c-minium .modal-custom__footer{display:none}.c-action{color:#212121}.c-action:focus{outline:none}.c-action--white{color:#fff}.c-action--white.c-min{margin-bottom:-12px}.c-action--white.c-max{margin-top:-12px}.modal-custom__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.modal-custom__icon .mat-icon{float:left}.modal-custom__header{background-color:#5d6165;border-radius:4px 4px 0 0;color:#fff;min-height:40px;padding:0 16px}.modal-custom__body{flex:1;position:relative}.modal-custom__content{bottom:0;left:0;overflow:auto;padding:8px 16px 16px;position:absolute;right:0;top:0}.modal-custom__footer{border-top:1px solid #dde0e5;padding:5px 0}.modal-custom-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.modal-custom-backdrop--active{background-color:rgba(0,0,0,.4)}.modal-custom--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.modal-custom__title{font-size:14px;font-weight:500;line-height:20px}"]}]}],"members":{"portal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortal","line":28,"character":13}]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"editingChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":41,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":44,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleEditable":[{"__symbolic":"method"}]}},"SdModalResizableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdModalResizable"}],"exports":[{"__symbolic":"reference","name":"SdModalResizable"}],"providers":[]}]}],"members":{}}},"origins":{"SdModalResizable":"./src/lib/modal-resizable/modal-resizable.component","SdModalResizableModule":"./src/lib/modal-resizable.module"},"importAs":"@sd-angular/core/modal-resizable"}
@@ -0,0 +1,31 @@
1
+ import { ComponentFactoryResolver, ApplicationRef, Injector, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef } from '@angular/core';
2
+ import { CdkPortal } from '@angular/cdk/portal';
3
+ import { SdLoadingService } from '@sd-angular/core/loading';
4
+ export declare class SdModalResizable implements AfterViewInit, OnDestroy {
5
+ #private;
6
+ private cfr;
7
+ private ar;
8
+ private injector;
9
+ private ref;
10
+ private loadingService;
11
+ id: string;
12
+ portal: CdkPortal;
13
+ editable: boolean;
14
+ width: string;
15
+ editingChanged: EventEmitter<boolean>;
16
+ isEditing: boolean;
17
+ isOpened: boolean;
18
+ isHover: boolean;
19
+ isLoading: boolean;
20
+ isMinium: boolean;
21
+ constructor(cfr: ComponentFactoryResolver, ar: ApplicationRef, injector: Injector, ref: ChangeDetectorRef, loadingService: SdLoadingService);
22
+ ngAfterViewInit(): void;
23
+ open: () => void;
24
+ close: () => void;
25
+ minium: () => void;
26
+ maxium: () => void;
27
+ startLoading: () => void;
28
+ stopLoading: () => void;
29
+ ngOnDestroy(): void;
30
+ toggleEditable(): void;
31
+ }
@@ -0,0 +1,2 @@
1
+ export declare class SdModalResizableModule {
2
+ }
@@ -0,0 +1,2 @@
1
+ export * from './lib/modal-resizable/modal-resizable.component';
2
+ export * from './lib/modal-resizable.module';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sd-angular/core",
3
- "version": "0.0.1039",
3
+ "version": "0.0.1043",
4
4
  "homepage": "https://www.facebook.com/DarkP3ter",
5
5
  "author": {
6
6
  "name": "darkpeter",
@@ -47,7 +47,8 @@
47
47
  "quill": "^1.3.7",
48
48
  "tslib": "^2.0.0",
49
49
  "uuid": "^7.0.1",
50
- "xlsx": "^0.16.3"
50
+ "xlsx": "^0.16.3",
51
+ "quill-mention": "^2.1.1"
51
52
  },
52
53
  "main": "bundles/sd-angular-core.umd.js",
53
54
  "module": "fesm2015/sd-angular-core.js",
package/public-api.d.ts CHANGED
@@ -13,6 +13,8 @@ import '@sd-angular/core/select';
13
13
  import '@sd-angular/core/quick-action';
14
14
  import '@sd-angular/core/image-preview';
15
15
  import '@sd-angular/core/comment';
16
+ import '@sd-angular/core/filter';
17
+ import '@sd-angular/core/modal-resizable';
16
18
  export { SdCoreModule } from './lib/core.module';
17
19
  export { MaterialModule } from './lib/material.module';
18
20
  export * from './lib/material.module';
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"SdSettingOption":{"__symbolic":"interface"},"SdSetting":{"__symbolic":"interface"},"ISettingConfiguration":{"__symbolic":"interface"},"SETTING_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":30,"character":34},"arguments":["setting.configuration"]},"SdSettingService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":15},"arguments":[{"__symbolic":"reference","name":"SETTING_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":39}}]],"parameters":[{"__symbolic":"reference","name":"ISettingConfiguration"}]}],"create":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"SdSettingOption":"./src/lib/setting.model","SdSetting":"./src/lib/setting.model","ISettingConfiguration":"./src/lib/setting.model","SETTING_CONFIG":"./src/lib/setting.model","SdSettingService":"./src/lib/setting.service"},"importAs":"@sd-angular/core/setting"}
1
+ {"__symbolic":"module","version":4,"metadata":{"SdSettingOption":{"__symbolic":"interface"},"SdSettingOptionServer":{"__symbolic":"interface"},"SdSetting":{"__symbolic":"interface"},"SdSettingServer":{"__symbolic":"interface"},"ISettingConfiguration":{"__symbolic":"interface"},"SETTING_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":45,"character":34},"arguments":["setting.configuration"]},"SdSettingService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":15},"arguments":[{"__symbolic":"reference","name":"SETTING_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":39}}]],"parameters":[{"__symbolic":"reference","name":"ISettingConfiguration"}]}],"create":[{"__symbolic":"method"}],"createServer":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"SdSettingOption":"./src/lib/setting.model","SdSettingOptionServer":"./src/lib/setting.model","SdSetting":"./src/lib/setting.model","SdSettingServer":"./src/lib/setting.model","ISettingConfiguration":"./src/lib/setting.model","SETTING_CONFIG":"./src/lib/setting.model","SdSettingService":"./src/lib/setting.service"},"importAs":"@sd-angular/core/setting"}
@@ -1,18 +1,32 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import { Observable, Subject } from 'rxjs';
2
+ import { BehaviorSubject, Observable } from 'rxjs';
3
3
  export interface SdSettingOption<T = any> {
4
- type?: 'session' | 'server';
4
+ type?: 'session';
5
+ default?: T;
6
+ args?: {
7
+ [key: string]: any;
8
+ };
9
+ }
10
+ export interface SdSettingOptionServer<T = any> {
5
11
  default?: T;
6
12
  args?: {
7
13
  [key: string]: any;
8
14
  };
9
15
  }
10
16
  export interface SdSetting<T = any> {
17
+ get: () => T;
18
+ set: (data: T) => void;
19
+ has: () => boolean;
20
+ remove: () => void;
21
+ subject: BehaviorSubject<T>;
22
+ observer: Observable<T>;
23
+ }
24
+ export interface SdSettingServer<T = any> {
11
25
  get: () => Promise<T>;
12
26
  set: (data: T) => Promise<void>;
13
27
  has: () => Promise<boolean>;
14
28
  remove: () => Promise<void>;
15
- subject: Subject<T>;
29
+ subject: BehaviorSubject<T>;
16
30
  observer: Observable<T>;
17
31
  }
18
32
  export interface ISettingConfiguration {
@@ -20,11 +34,11 @@ export interface ISettingConfiguration {
20
34
  set?: (key: string, value: {
21
35
  data: any;
22
36
  createdOn: Date;
23
- }, args?: SdSettingOption) => Promise<void>;
24
- get?: (key: string, args?: SdSettingOption) => Promise<{
37
+ }, args?: SdSettingOptionServer) => Promise<void>;
38
+ get?: (key: string, args?: SdSettingOptionServer) => Promise<{
25
39
  data: any;
26
40
  createdOn: Date;
27
41
  }>;
28
- remove?: (key: string, args?: SdSettingOption) => Promise<void>;
42
+ remove?: (key: string, args?: SdSettingOptionServer) => Promise<void>;
29
43
  }
30
44
  export declare const SETTING_CONFIG: InjectionToken<ISettingConfiguration>;
@@ -1,7 +1,8 @@
1
- import { ISettingConfiguration, SdSettingOption, SdSetting } from './setting.model';
1
+ import { ISettingConfiguration, SdSettingOption, SdSetting, SdSettingServer, SdSettingOptionServer } from './setting.model';
2
2
  export declare class SdSettingService {
3
3
  #private;
4
4
  private configuration;
5
5
  constructor(configuration: ISettingConfiguration);
6
6
  create<T = any>(key: string | object, option?: SdSettingOption<T>): SdSetting<T>;
7
+ createServer<T = any>(key: string | object, option?: SdSettingOptionServer<T>): SdSettingServer<T>;
7
8
  }