ms-data-grid 0.0.45 → 0.0.47

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 (61) hide show
  1. package/ng-package.json +18 -0
  2. package/package.json +38 -45
  3. package/src/lib/css/bootstrap.css +12043 -0
  4. package/src/lib/data-grid/animations.ts +228 -0
  5. package/src/lib/data-grid/data-grid.component.html +5353 -0
  6. package/src/lib/data-grid/data-grid.component.scss +2005 -0
  7. package/src/lib/data-grid/data-grid.component.spec.ts +28 -0
  8. package/src/lib/data-grid/data-grid.component.ts +5368 -0
  9. package/src/lib/data-grid/statuses.ts +49 -0
  10. package/src/lib/data-grid.module.ts +19 -0
  11. package/src/lib/data-grid.service.spec.ts +16 -0
  12. package/src/lib/data-grid.service.ts +9 -0
  13. package/src/lib/directives/draggable-header.directive.spec.ts +11 -0
  14. package/src/lib/directives/draggable-header.directive.ts +172 -0
  15. package/src/lib/pipes/filter.pipe.spec.ts +11 -0
  16. package/src/lib/pipes/filter.pipe.ts +22 -0
  17. package/src/lib/services/cell-selection.service.spec.ts +16 -0
  18. package/src/lib/services/cell-selection.service.ts +205 -0
  19. package/src/lib/services/common.service.spec.ts +16 -0
  20. package/src/lib/services/common.service.ts +278 -0
  21. package/src/lib/services/copy-service.service.spec.ts +16 -0
  22. package/src/lib/services/copy-service.service.ts +252 -0
  23. package/src/lib/services/drag-drp.service.spec.ts +16 -0
  24. package/src/lib/services/drag-drp.service.ts +58 -0
  25. package/src/lib/services/export.service.spec.ts +16 -0
  26. package/src/lib/services/export.service.ts +189 -0
  27. package/src/lib/services/split-columns.service.spec.ts +16 -0
  28. package/src/lib/services/split-columns.service.ts +148 -0
  29. package/src/lib/services/swap-columns.service.spec.ts +16 -0
  30. package/src/lib/services/swap-columns.service.ts +162 -0
  31. package/src/public-api.ts +6 -0
  32. package/src/typings.d.ts +4 -0
  33. package/tsconfig.lib.json +19 -0
  34. package/tsconfig.lib.prod.json +10 -0
  35. package/tsconfig.spec.json +14 -0
  36. package/esm2022/lib/data-grid/data-grid.component.mjs +0 -3786
  37. package/esm2022/lib/data-grid/statuses.mjs +0 -44
  38. package/esm2022/lib/data-grid.module.mjs +0 -25
  39. package/esm2022/lib/data-grid.service.mjs +0 -14
  40. package/esm2022/lib/directives/draggable-header.directive.mjs +0 -145
  41. package/esm2022/lib/pipes/filter.pipe.mjs +0 -28
  42. package/esm2022/lib/services/common.service.mjs +0 -210
  43. package/esm2022/lib/services/copy-service.service.mjs +0 -222
  44. package/esm2022/lib/services/split-columns.service.mjs +0 -143
  45. package/esm2022/lib/services/swap-columns.service.mjs +0 -118
  46. package/esm2022/ms-data-grid.mjs +0 -5
  47. package/esm2022/public-api.mjs +0 -8
  48. package/fesm2022/ms-data-grid.mjs +0 -4720
  49. package/fesm2022/ms-data-grid.mjs.map +0 -1
  50. package/index.d.ts +0 -5
  51. package/lib/data-grid/data-grid.component.d.ts +0 -477
  52. package/lib/data-grid/statuses.d.ts +0 -3
  53. package/lib/data-grid.module.d.ts +0 -14
  54. package/lib/data-grid.service.d.ts +0 -6
  55. package/lib/directives/draggable-header.directive.d.ts +0 -31
  56. package/lib/pipes/filter.pipe.d.ts +0 -7
  57. package/lib/services/common.service.d.ts +0 -17
  58. package/lib/services/copy-service.service.d.ts +0 -14
  59. package/lib/services/split-columns.service.d.ts +0 -9
  60. package/lib/services/swap-columns.service.d.ts +0 -19
  61. package/public-api.d.ts +0 -4
package/src/lib/data-grid/animations.ts ADDED
@@ -0,0 +1,228 @@
1
+ import { trigger, transition, style, animate, stagger, query, state, keyframes } from '@angular/animations';
2
+
3
+ export const TableRowAnimations: any = {
4
+ accordionToggle: trigger('accordionToggle', [
5
+ state('collapsed', style({ height: '0px', overflow: 'unset' })),
6
+ state('expanded', style({ height: '*', overflow: 'unset' })),
7
+ transition('collapsed <=> expanded', animate('300ms ease-in')),
8
+ ]),
9
+
10
+ slideToggle: trigger('slideToggle', [
11
+ transition(':enter', [
12
+ style({ height: '0px', opacity: 0, overflow: 'hidden' }),
13
+ animate('300ms ease-out', style({ height: '*', opacity: 1 })),
14
+ ]),
15
+ transition(':leave', [
16
+ style({ height: '*', opacity: 1, overflow: 'hidden' }),
17
+ animate('300ms ease-in', style({ height: '0px', opacity: 0 })),
18
+ ]),
19
+ ]),
20
+
21
+ slideUp: trigger('slideUp', [
22
+ state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
23
+ state('*', style({ transform: 'translateY(0)', opacity: 1 })),
24
+ transition('void => *', animate('300ms ease-out')),
25
+ transition('* => void', animate('300ms ease-in')),
26
+ ]),
27
+
28
+ rowAnimation: trigger('slideDown', [
29
+ transition('* => *', [
30
+ query(
31
+ ':enter',
32
+ [
33
+ style({ opacity: 0, transform: 'translateY(20px)' }),
34
+ stagger(60, [
35
+ animate(
36
+ '400ms cubic-bezier(0.25, 0.8, 0.25, 1)',
37
+ style({ opacity: 1, transform: 'translateY(0)' })
38
+ ),
39
+ ]),
40
+ ],
41
+ { optional: true }
42
+ ),
43
+ query(
44
+ ':leave',
45
+ [
46
+ stagger(40, [
47
+ animate(
48
+ '300ms ease',
49
+ style({ opacity: 0, transform: 'translateY(-20px)' })
50
+ ),
51
+ ]),
52
+ ],
53
+ { optional: true }
54
+ ),
55
+ ]),
56
+ ]),
57
+ fadeSlideUp: trigger('fadeSlideUp', [
58
+ transition('* => *', [
59
+ query(':enter', [
60
+ style({ opacity: 0, transform: 'translateY(15px)' }),
61
+ stagger(40, [
62
+ animate('300ms ease-out', style({ opacity: 1, transform: 'translateY(0)' }))
63
+ ])
64
+ ], { optional: true }),
65
+ query(':leave', [
66
+ stagger(30, [
67
+ animate('200ms ease-in', style({ opacity: 0, transform: 'translateY(-10px)' }))
68
+ ])
69
+ ], { optional: true })
70
+ ])
71
+ ]),
72
+
73
+ /** 2️⃣ Zoom In + Fade */
74
+ zoomIn: trigger('zoomIn', [
75
+ transition('* => *', [
76
+ query(':enter', [
77
+ style({ opacity: 0, transform: 'scale(0.9)' }),
78
+ stagger(50, [
79
+ animate('350ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1, transform: 'scale(1)' }))
80
+ ])
81
+ ], { optional: true }),
82
+ query(':leave', [
83
+ stagger(30, [
84
+ animate('250ms ease-in', style({ opacity: 0, transform: 'scale(0.9)' }))
85
+ ])
86
+ ], { optional: true })
87
+ ])
88
+ ]),
89
+
90
+ /** 3️⃣ Spread Out Horizontally (like “rows opening”) */
91
+ spreadHorizontal: trigger('spreadHorizontal', [
92
+ transition('* => *', [
93
+ query(':enter', [
94
+ style({ opacity: 0, transform: 'scaleX(0.5)' }),
95
+ stagger(60, [
96
+ animate('400ms ease-out', style({ opacity: 1, transform: 'scaleX(1)' }))
97
+ ])
98
+ ], { optional: true }),
99
+ query(':leave', [
100
+ stagger(40, [
101
+ animate('250ms ease-in', style({ opacity: 0, transform: 'scaleX(0.5)' }))
102
+ ])
103
+ ], { optional: true })
104
+ ])
105
+ ]),
106
+
107
+ /** 4️⃣ Merge In (spread out -> join center) */
108
+ mergeIn: trigger('mergeIn', [
109
+ transition('* => *', [
110
+ query(':enter', [
111
+ style({ opacity: 0, transform: 'translateX(-50%) scale(0.95)' }),
112
+ stagger(50, [
113
+ animate('400ms cubic-bezier(0.23, 1, 0.32, 1)', style({ opacity: 1, transform: 'translateX(0) scale(1)' }))
114
+ ])
115
+ ], { optional: true }),
116
+ query(':leave', [
117
+ stagger(40, [
118
+ animate('300ms ease', style({ opacity: 0, transform: 'translateX(50%) scale(0.9)' }))
119
+ ])
120
+ ], { optional: true })
121
+ ])
122
+ ]),
123
+
124
+ /** 5️⃣ Bounce In */
125
+ bounceIn: trigger('bounceIn', [
126
+ transition('* => *', [
127
+ query(':enter', [
128
+ style({ opacity: 0, transform: 'translateY(-15px)' }),
129
+ stagger(40, [
130
+ animate('600ms cubic-bezier(.68,-0.55,.27,1.55)', style({ opacity: 1, transform: 'translateY(0)' }))
131
+ ])
132
+ ], { optional: true }),
133
+ query(':leave', [
134
+ stagger(30, [
135
+ animate('200ms ease-in', style({ opacity: 0, transform: 'translateY(15px)' }))
136
+ ])
137
+ ], { optional: true })
138
+ ])
139
+ ]),
140
+
141
+ /** 6️⃣ Rotate In */
142
+ rotateIn: trigger('rotateIn', [
143
+ transition('* => *', [
144
+ query(':enter', [
145
+ style({ opacity: 0, transform: 'rotateX(-90deg)' }),
146
+ stagger(60, [
147
+ animate('500ms ease-out', style({ opacity: 1, transform: 'rotateX(0)' }))
148
+ ])
149
+ ], { optional: true }),
150
+ query(':leave', [
151
+ stagger(40, [
152
+ animate('300ms ease-in', style({ opacity: 0, transform: 'rotateX(90deg)' }))
153
+ ])
154
+ ], { optional: true })
155
+ ])
156
+ ]),
157
+
158
+ /** 7️⃣ Slide In from Left */
159
+ slideInLeft: trigger('slideInLeft', [
160
+ transition('* => *', [
161
+ query(':enter', [
162
+ style({ opacity: 0, transform: 'translateX(-30px)' }),
163
+ stagger(50, [
164
+ animate('350ms ease-out', style({ opacity: 1, transform: 'translateX(0)' }))
165
+ ])
166
+ ], { optional: true }),
167
+ query(':leave', [
168
+ stagger(40, [
169
+ animate('200ms ease-in', style({ opacity: 0, transform: 'translateX(30px)' }))
170
+ ])
171
+ ], { optional: true })
172
+ ])
173
+ ]),
174
+
175
+ /** 8️⃣ Float In (wavy ease) */
176
+ floatIn: trigger('floatIn', [
177
+ transition('* => *', [
178
+ query(':enter', [
179
+ style({ opacity: 0, transform: 'translateY(10px)' }),
180
+ stagger(70, [
181
+ animate('600ms cubic-bezier(.25,.46,.45,.94)', keyframes([
182
+ style({ opacity: 0.5, transform: 'translateY(-4px)', offset: 0.3 }),
183
+ style({ opacity: 1, transform: 'translateY(0)', offset: 1.0 }),
184
+ ]))
185
+ ])
186
+ ], { optional: true }),
187
+ query(':leave', [
188
+ stagger(40, [
189
+ animate('200ms ease', style({ opacity: 0, transform: 'translateY(5px)' }))
190
+ ])
191
+ ], { optional: true })
192
+ ])
193
+ ]),
194
+
195
+ /** 9️⃣ Collapse & Spread (rows contract, then expand again) */
196
+ collapseSpread: trigger('collapseSpread', [
197
+ transition('* => *', [
198
+ query(':enter', [
199
+ style({ opacity: 0, transform: 'scaleY(0.5)' }),
200
+ stagger(50, [
201
+ animate('400ms ease-out', style({ opacity: 1, transform: 'scaleY(1)' }))
202
+ ])
203
+ ], { optional: true }),
204
+ query(':leave', [
205
+ stagger(40, [
206
+ animate('250ms ease-in', style({ opacity: 0, transform: 'scaleY(0.5)' }))
207
+ ])
208
+ ], { optional: true })
209
+ ])
210
+ ]),
211
+
212
+ /** 🔟 Curtain Drop (rows fall in like curtains) */
213
+ curtainDrop: trigger('curtainDrop', [
214
+ transition('* => *', [
215
+ query(':enter', [
216
+ style({ opacity: 0, transform: 'translateY(-50%) rotateX(90deg)' }),
217
+ stagger(70, [
218
+ animate('600ms cubic-bezier(0.175, 0.885, 0.32, 1.275)', style({ opacity: 1, transform: 'translateY(0) rotateX(0)' }))
219
+ ])
220
+ ], { optional: true }),
221
+ query(':leave', [
222
+ stagger(50, [
223
+ animate('300ms ease-in', style({ opacity: 0, transform: 'translateY(50%) rotateX(-90deg)' }))
224
+ ])
225
+ ], { optional: true })
226
+ ])
227
+ ]),
228
+ };