ms-data-grid 0.0.59 → 0.0.60

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 (64) hide show
  1. package/esm2022/lib/data-grid/data-grid.component.mjs +5069 -0
  2. package/esm2022/lib/data-grid/statuses.mjs +45 -0
  3. package/esm2022/lib/data-grid.module.mjs +27 -0
  4. package/esm2022/lib/directives/cell-render-init.directive.mjs +67 -0
  5. package/esm2022/lib/directives/cellHost.directive.mjs +16 -0
  6. package/esm2022/lib/pipes/filter.pipe.mjs +28 -0
  7. package/esm2022/lib/services/common.service.mjs +259 -0
  8. package/esm2022/lib/services/copy-service.service.mjs +222 -0
  9. package/esm2022/lib/services/export.service.mjs +149 -0
  10. package/esm2022/lib/services/split-columns.service.mjs +143 -0
  11. package/esm2022/ms-data-grid.mjs +5 -0
  12. package/esm2022/public-api.mjs +6 -0
  13. package/fesm2022/ms-data-grid.mjs +6006 -0
  14. package/fesm2022/ms-data-grid.mjs.map +1 -0
  15. package/index.d.ts +5 -0
  16. package/lib/data-grid/data-grid.component.d.ts +564 -0
  17. package/lib/data-grid/statuses.d.ts +3 -0
  18. package/lib/data-grid.module.d.ts +15 -0
  19. package/lib/directives/cell-render-init.directive.d.ts +18 -0
  20. package/lib/directives/cellHost.directive.d.ts +8 -0
  21. package/lib/pipes/filter.pipe.d.ts +7 -0
  22. package/lib/services/common.service.d.ts +18 -0
  23. package/lib/services/copy-service.service.d.ts +14 -0
  24. package/lib/services/export.service.d.ts +24 -0
  25. package/lib/services/split-columns.service.d.ts +9 -0
  26. package/package.json +51 -38
  27. package/{src/public-api.ts → public-api.d.ts} +2 -6
  28. package/ng-package.json +0 -18
  29. package/src/lib/css/bootstrap.css +0 -12043
  30. package/src/lib/data-grid/animations.ts +0 -267
  31. package/src/lib/data-grid/data-grid.component.html +0 -5724
  32. package/src/lib/data-grid/data-grid.component.scss +0 -2126
  33. package/src/lib/data-grid/data-grid.component.spec.ts +0 -28
  34. package/src/lib/data-grid/data-grid.component.ts +0 -5780
  35. package/src/lib/data-grid/statuses.ts +0 -49
  36. package/src/lib/data-grid.module.ts +0 -21
  37. package/src/lib/data-grid.service.spec.ts +0 -16
  38. package/src/lib/data-grid.service.ts +0 -9
  39. package/src/lib/directives/cell-render-init.directive.spec.ts +0 -11
  40. package/src/lib/directives/cell-render-init.directive.ts +0 -65
  41. package/src/lib/directives/cellHost.directive.spec.ts +0 -11
  42. package/src/lib/directives/cellHost.directive.ts +0 -10
  43. package/src/lib/directives/draggable-header.directive.spec.ts +0 -11
  44. package/src/lib/directives/draggable-header.directive.ts +0 -172
  45. package/src/lib/pipes/filter.pipe.spec.ts +0 -11
  46. package/src/lib/pipes/filter.pipe.ts +0 -22
  47. package/src/lib/services/cell-selection.service.spec.ts +0 -16
  48. package/src/lib/services/cell-selection.service.ts +0 -205
  49. package/src/lib/services/common.service.spec.ts +0 -16
  50. package/src/lib/services/common.service.ts +0 -306
  51. package/src/lib/services/copy-service.service.spec.ts +0 -16
  52. package/src/lib/services/copy-service.service.ts +0 -252
  53. package/src/lib/services/drag-drp.service.spec.ts +0 -16
  54. package/src/lib/services/drag-drp.service.ts +0 -58
  55. package/src/lib/services/export.service.spec.ts +0 -16
  56. package/src/lib/services/export.service.ts +0 -189
  57. package/src/lib/services/split-columns.service.spec.ts +0 -16
  58. package/src/lib/services/split-columns.service.ts +0 -148
  59. package/src/lib/services/swap-columns.service.spec.ts +0 -16
  60. package/src/lib/services/swap-columns.service.ts +0 -162
  61. package/src/typings.d.ts +0 -4
  62. package/tsconfig.lib.json +0 -19
  63. package/tsconfig.lib.prod.json +0 -10
  64. package/tsconfig.spec.json +0 -14
package/src/lib/data-grid/animations.ts DELETED
@@ -1,267 +0,0 @@
1
- import {
2
- trigger,
3
- transition,
4
- style,
5
- animate,
6
- stagger,
7
- query,
8
- state,
9
- keyframes
10
- } from '@angular/animations';
11
-
12
- /** Animation names available for rows */
13
- export enum RowAnimationType {
14
- SlideDown = 'slideDown',
15
- FadeSlideUp = 'fadeSlideUp',
16
- ZoomIn = 'zoomIn',
17
- SpreadHorizontal = 'spreadHorizontal',
18
- MergeIn = 'mergeIn',
19
- BounceIn = 'bounceIn',
20
- RotateIn = 'rotateIn',
21
- SlideInLeft = 'slideInLeft',
22
- FloatIn = 'floatIn',
23
- CollapseSpread = 'collapseSpread',
24
- CurtainDrop = 'curtainDrop',
25
- }
26
-
27
- /**
28
- * All animations must be a FLAT ARRAY,
29
- * not an object and not nested arrays.
30
- */
31
- export const DATA_GRID_ANIMATIONS = [
32
- trigger('accordionToggle', [
33
- state('collapsed', style({ height: '0px', overflow: 'unset' })),
34
- state('expanded', style({ height: '*', overflow: 'unset' })),
35
- transition('collapsed <=> expanded', animate('300ms ease-in'))
36
- ]),
37
-
38
- trigger('slideToggle', [
39
- transition(':enter', [
40
- style({ height: '0px', opacity: 0 }),
41
- animate('300ms ease-out', style({ height: '*', opacity: 1 }))
42
- ]),
43
- transition(':leave', [
44
- style({ height: '*', opacity: 1 }),
45
- animate('300ms ease-in', style({ height: '0px', opacity: 0 }))
46
- ])
47
- ]),
48
-
49
- trigger('slideUp', [
50
- state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
51
- state('*', style({ transform: 'translateY(0)', opacity: 1 })),
52
- transition('void => *', animate('300ms ease-out')),
53
- transition('* => void', animate('300ms ease-in'))
54
- ]),
55
-
56
- /** 🔽 SlideDown */
57
- trigger(RowAnimationType.SlideDown, [
58
- transition('* => *', [
59
- query(':enter', [
60
- style({ opacity: 0, transform: 'translateY(20px)' }),
61
- stagger(60, [
62
- animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
63
- opacity: 1,
64
- transform: 'translateY(0)'
65
- }))
66
- ])
67
- ], { optional: true }),
68
- query(':leave', [
69
- stagger(40, [
70
- animate('300ms ease', style({
71
- opacity: 0,
72
- transform: 'translateY(-20px)'
73
- }))
74
- ])
75
- ], { optional: true })
76
- ])
77
- ]),
78
-
79
- /** 🔼 Fade + Slide Up */
80
- trigger(RowAnimationType.FadeSlideUp, [
81
- transition('* => *', [
82
- query(':enter', [
83
- style({ opacity: 0, transform: 'translateY(15px)' }),
84
- stagger(40, [
85
- animate('300ms ease-out', style({ opacity: 1, transform: 'translateY(0)' }))
86
- ])
87
- ], { optional: true }),
88
- query(':leave', [
89
- stagger(30, [
90
- animate('200ms ease-in', style({ opacity: 0, transform: 'translateY(-10px)' }))
91
- ])
92
- ], { optional: true })
93
- ])
94
- ]),
95
-
96
- /** 🔍 Zoom In */
97
- trigger(RowAnimationType.ZoomIn, [
98
- transition('* => *', [
99
- query(':enter', [
100
- style({ opacity: 0, transform: 'scale(0.9)' }),
101
- stagger(50, [
102
- animate('350ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({
103
- opacity: 1,
104
- transform: 'scale(1)'
105
- }))
106
- ])
107
- ], { optional: true }),
108
- query(':leave', [
109
- stagger(30, [
110
- animate('250ms ease-in', style({ opacity: 0, transform: 'scale(0.9)' }))
111
- ])
112
- ], { optional: true })
113
- ])
114
- ]),
115
-
116
- /** ↔ Spread From Center */
117
- trigger(RowAnimationType.SpreadHorizontal, [
118
- transition('* => *', [
119
- query(':enter', [
120
- style({ opacity: 0, transform: 'scaleX(0.5)' }),
121
- stagger(60, [
122
- animate('400ms ease-out', style({ opacity: 1, transform: 'scaleX(1)' }))
123
- ])
124
- ], { optional: true }),
125
- query(':leave', [
126
- stagger(40, [
127
- animate('250ms ease-in', style({ opacity: 0, transform: 'scaleX(0.5)' }))
128
- ])
129
- ], { optional: true })
130
- ])
131
- ]),
132
-
133
- /** ⬅➡ Merge Toward Center */
134
- trigger(RowAnimationType.MergeIn, [
135
- transition('* => *', [
136
- query(':enter', [
137
- style({ opacity: 0, transform: 'translateX(-50%) scale(0.95)' }),
138
- stagger(50, [
139
- animate('400ms cubic-bezier(0.23, 1, 0.32, 1)', style({
140
- opacity: 1,
141
- transform: 'translateX(0) scale(1)'
142
- }))
143
- ])
144
- ], { optional: true }),
145
- query(':leave', [
146
- stagger(40, [
147
- animate('300ms ease', style({ opacity: 0, transform: 'translateX(50%) scale(0.9)' }))
148
- ])
149
- ], { optional: true })
150
- ])
151
- ]),
152
-
153
- /** 🟢 Bounce */
154
- trigger(RowAnimationType.BounceIn, [
155
- transition('* => *', [
156
- query(':enter', [
157
- style({ opacity: 0, transform: 'translateY(-15px)' }),
158
- stagger(40, [
159
- animate('600ms cubic-bezier(.68,-0.55,.27,1.55)', style({
160
- opacity: 1,
161
- transform: 'translateY(0)'
162
- }))
163
- ])
164
- ], { optional: true }),
165
- query(':leave', [
166
- stagger(30, [
167
- animate('200ms ease-in', style({
168
- opacity: 0,
169
- transform: 'translateY(15px)'
170
- }))
171
- ])
172
- ], { optional: true })
173
- ])
174
- ]),
175
-
176
- /** 🔄 Rotate */
177
- trigger(RowAnimationType.RotateIn, [
178
- transition('* => *', [
179
- query(':enter', [
180
- style({ opacity: 0, transform: 'rotateX(-90deg)' }),
181
- stagger(60, [
182
- animate('500ms ease-out', style({
183
- opacity: 1,
184
- transform: 'rotateX(0)'
185
- }))
186
- ])
187
- ], { optional: true }),
188
- query(':leave', [
189
- stagger(40, [
190
- animate('300ms ease-in', style({
191
- opacity: 0,
192
- transform: 'rotateX(90deg)'
193
- }))
194
- ])
195
- ], { optional: true })
196
- ])
197
- ]),
198
-
199
- /** ◀ Slide In Left */
200
- trigger(RowAnimationType.SlideInLeft, [
201
- transition('* => *', [
202
- query(':enter', [
203
- style({ opacity: 0, transform: 'translateX(-30px)' }),
204
- stagger(50, [
205
- animate('350ms ease-out', style({
206
- opacity: 1,
207
- transform: 'translateX(0)'
208
- }))
209
- ])
210
- ], { optional: true }),
211
- query(':leave', [
212
- stagger(40, [
213
- animate('200ms ease-in', style({
214
- opacity: 0,
215
- transform: 'translateX(30px)'
216
- }))
217
- ])
218
- ], { optional: true })
219
- ])
220
- ]),
221
-
222
- /** 🌊 Float w/ Wave */
223
- trigger(RowAnimationType.FloatIn, [
224
- transition('* => *', [
225
- query(':enter', [
226
- style({ opacity: 0, transform: 'translateY(10px)' }),
227
- stagger(70, [
228
- animate('600ms cubic-bezier(.25,.46,.45,.94)', keyframes([
229
- style({ opacity: 0.5, transform: 'translateY(-4px)', offset: 0.3 }),
230
- style({ opacity: 1, transform: 'translateY(0)', offset: 1 }),
231
- ]))
232
- ])
233
- ], { optional: true }),
234
- query(':leave', [
235
- stagger(40, [
236
- animate('200ms ease', style({
237
- opacity: 0,
238
- transform: 'translateY(5px)'
239
- }))
240
- ])
241
- ], { optional: true })
242
- ])
243
- ]),
244
-
245
- /** ⬇ Curtain Drop */
246
- trigger(RowAnimationType.CurtainDrop, [
247
- transition('* => *', [
248
- query(':enter', [
249
- style({ opacity: 0, transform: 'translateY(-50%) rotateX(90deg)' }),
250
- stagger(70, [
251
- animate('600ms cubic-bezier(0.175, 0.885, 0.32, 1.275)', style({
252
- opacity: 1,
253
- transform: 'translateY(0) rotateX(0)'
254
- }))
255
- ])
256
- ], { optional: true }),
257
- query(':leave', [
258
- stagger(50, [
259
- animate('300ms ease-in', style({
260
- opacity: 0,
261
- transform: 'translateY(50%) rotateX(-90deg)'
262
- }))
263
- ])
264
- ], { optional: true })
265
- ])
266
- ])
267
- ];