ms-data-grid 0.0.47 → 0.0.49

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 (60) hide show
  1. package/esm2022/lib/data-grid/data-grid.component.mjs +4841 -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 +49 -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 +5760 -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 +550 -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 +14 -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 -228
  31. package/src/lib/data-grid/data-grid.component.html +0 -5353
  32. package/src/lib/data-grid/data-grid.component.scss +0 -2005
  33. package/src/lib/data-grid/data-grid.component.spec.ts +0 -28
  34. package/src/lib/data-grid/data-grid.component.ts +0 -5368
  35. package/src/lib/data-grid/statuses.ts +0 -49
  36. package/src/lib/data-grid.module.ts +0 -19
  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/draggable-header.directive.spec.ts +0 -11
  40. package/src/lib/directives/draggable-header.directive.ts +0 -172
  41. package/src/lib/pipes/filter.pipe.spec.ts +0 -11
  42. package/src/lib/pipes/filter.pipe.ts +0 -22
  43. package/src/lib/services/cell-selection.service.spec.ts +0 -16
  44. package/src/lib/services/cell-selection.service.ts +0 -205
  45. package/src/lib/services/common.service.spec.ts +0 -16
  46. package/src/lib/services/common.service.ts +0 -278
  47. package/src/lib/services/copy-service.service.spec.ts +0 -16
  48. package/src/lib/services/copy-service.service.ts +0 -252
  49. package/src/lib/services/drag-drp.service.spec.ts +0 -16
  50. package/src/lib/services/drag-drp.service.ts +0 -58
  51. package/src/lib/services/export.service.spec.ts +0 -16
  52. package/src/lib/services/export.service.ts +0 -189
  53. package/src/lib/services/split-columns.service.spec.ts +0 -16
  54. package/src/lib/services/split-columns.service.ts +0 -148
  55. package/src/lib/services/swap-columns.service.spec.ts +0 -16
  56. package/src/lib/services/swap-columns.service.ts +0 -162
  57. package/src/typings.d.ts +0 -4
  58. package/tsconfig.lib.json +0 -19
  59. package/tsconfig.lib.prod.json +0 -10
  60. package/tsconfig.spec.json +0 -14
package/src/lib/data-grid/animations.ts DELETED
@@ -1,228 +0,0 @@
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
- };