@skyux/ag-grid 7.0.0-beta.0 → 7.0.0-beta.10

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 (11) hide show
  1. package/css/sky-ag-grid.css +23 -26
  2. package/documentation.json +561 -374
  3. package/esm2020/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +59 -5
  4. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.mjs +4 -5
  5. package/esm2020/lib/modules/shared/sky-ag-grid-resources.module.mjs +1 -4
  6. package/fesm2015/skyux-ag-grid.mjs +61 -11
  7. package/fesm2015/skyux-ag-grid.mjs.map +1 -1
  8. package/fesm2020/skyux-ag-grid.mjs +58 -11
  9. package/fesm2020/skyux-ag-grid.mjs.map +1 -1
  10. package/lib/modules/ag-grid/ag-grid-wrapper.component.d.ts +6 -3
  11. package/package.json +12 -12
package/documentation.json CHANGED
@@ -29,7 +29,7 @@
29
29
  "originalName": "",
30
30
  "children": [
31
31
  {
32
- "id": 616,
32
+ "id": 622,
33
33
  "name": "SkyAgGridCellEditorInitialAction",
34
34
  "kind": 8,
35
35
  "kindString": "Enumeration",
@@ -39,10 +39,10 @@
39
39
  },
40
40
  "children": [
41
41
  {
42
- "id": 617,
42
+ "id": 623,
43
43
  "name": "Delete",
44
44
  "kind": 16,
45
- "kindString": "Enumeration member",
45
+ "kindString": "Enumeration Member",
46
46
  "flags": {},
47
47
  "comment": {
48
48
  "shortText": "The cell should be cleared."
@@ -54,13 +54,17 @@
54
54
  "character": 2
55
55
  }
56
56
  ],
57
+ "type": {
58
+ "type": "literal",
59
+ "value": 0
60
+ },
57
61
  "defaultValue": "0"
58
62
  },
59
63
  {
60
- "id": 618,
64
+ "id": 624,
61
65
  "name": "Highlighted",
62
66
  "kind": 16,
63
- "kindString": "Enumeration member",
67
+ "kindString": "Enumeration Member",
64
68
  "flags": {},
65
69
  "comment": {
66
70
  "shortText": "The cell value should be highlighted."
@@ -72,13 +76,17 @@
72
76
  "character": 2
73
77
  }
74
78
  ],
79
+ "type": {
80
+ "type": "literal",
81
+ "value": 1
82
+ },
75
83
  "defaultValue": "1"
76
84
  },
77
85
  {
78
- "id": 619,
86
+ "id": 625,
79
87
  "name": "Replace",
80
88
  "kind": 16,
81
- "kindString": "Enumeration member",
89
+ "kindString": "Enumeration Member",
82
90
  "flags": {},
83
91
  "comment": {
84
92
  "shortText": "The cell value should be replaced with the initializing value."
@@ -90,13 +98,17 @@
90
98
  "character": 2
91
99
  }
92
100
  ],
101
+ "type": {
102
+ "type": "literal",
103
+ "value": 2
104
+ },
93
105
  "defaultValue": "2"
94
106
  },
95
107
  {
96
- "id": 620,
108
+ "id": 626,
97
109
  "name": "Untouched",
98
110
  "kind": 16,
99
- "kindString": "Enumeration member",
111
+ "kindString": "Enumeration Member",
100
112
  "flags": {},
101
113
  "comment": {
102
114
  "shortText": "The cell should not be modified and the cursor is placed at the end of the value."
@@ -108,18 +120,22 @@
108
120
  "character": 2
109
121
  }
110
122
  ],
123
+ "type": {
124
+ "type": "literal",
125
+ "value": 3
126
+ },
111
127
  "defaultValue": "3"
112
128
  }
113
129
  ],
114
130
  "groups": [
115
131
  {
116
- "title": "Enumeration members",
132
+ "title": "Enumeration Members",
117
133
  "kind": 16,
118
134
  "children": [
119
- 617,
120
- 618,
121
- 619,
122
- 620
135
+ 623,
136
+ 624,
137
+ 625,
138
+ 626
123
139
  ]
124
140
  }
125
141
  ],
@@ -132,7 +148,7 @@
132
148
  ]
133
149
  },
134
150
  {
135
- "id": 627,
151
+ "id": 633,
136
152
  "name": "SkyCellType",
137
153
  "kind": 8,
138
154
  "kindString": "Enumeration",
@@ -142,10 +158,10 @@
142
158
  },
143
159
  "children": [
144
160
  {
145
- "id": 628,
161
+ "id": 634,
146
162
  "name": "Autocomplete",
147
163
  "kind": 16,
148
- "kindString": "Enumeration member",
164
+ "kindString": "Enumeration Member",
149
165
  "flags": {},
150
166
  "comment": {
151
167
  "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as [SKY UX autocomplete components](https://developer.blackbaud.com/skyux/components/autocomplete). You can set any of the autocomplete component's properties by passing `SkyCellEditorAutocompleteParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells the column will display the currently selected value's name property by default. If the autocomplete needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition."
@@ -157,13 +173,17 @@
157
173
  "character": 2
158
174
  }
159
175
  ],
176
+ "type": {
177
+ "type": "literal",
178
+ "value": "skyCellAutocomplete"
179
+ },
160
180
  "defaultValue": "\"skyCellAutocomplete\""
161
181
  },
162
182
  {
163
- "id": 629,
183
+ "id": 635,
164
184
  "name": "Currency",
165
185
  "kind": 16,
166
- "kindString": "Enumeration member",
186
+ "kindString": "Enumeration Member",
167
187
  "flags": {},
168
188
  "comment": {
169
189
  "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as a currency amount.\n<br/><br/>\n**Read-only mode**\n<br/>\nFormats the display as currency using [SKY UX numeric components](https://developer.blackbaud.com/skyux/components/numeric)."
@@ -175,13 +195,17 @@
175
195
  "character": 2
176
196
  }
177
197
  ],
198
+ "type": {
199
+ "type": "literal",
200
+ "value": "skyCellCurrency"
201
+ },
178
202
  "defaultValue": "\"skyCellCurrency\""
179
203
  },
180
204
  {
181
- "id": 630,
205
+ "id": 636,
182
206
  "name": "CurrencyValidator",
183
207
  "kind": 16,
184
- "kindString": "Enumeration member",
208
+ "kindString": "Enumeration Member",
185
209
  "flags": {},
186
210
  "comment": {
187
211
  "shortText": "**Edit and read-only modes**\n<br/>\nCombines SkyCellType.Currency and SkyCellType.Validator, where the value is displayed as a currency and passed to a validator function."
@@ -193,13 +217,17 @@
193
217
  "character": 2
194
218
  }
195
219
  ],
220
+ "type": {
221
+ "type": "literal",
222
+ "value": "skyCellCurrencyValidator"
223
+ },
196
224
  "defaultValue": "\"skyCellCurrencyValidator\""
197
225
  },
198
226
  {
199
- "id": 631,
227
+ "id": 637,
200
228
  "name": "Date",
201
229
  "kind": 16,
202
- "kindString": "Enumeration member",
230
+ "kindString": "Enumeration Member",
203
231
  "flags": {},
204
232
  "comment": {
205
233
  "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as [SKY UX datepicker components](https://developer.blackbaud.com/skyux/components/datepicker). You can set any of the datepicker component's properties by passing `SkyCellEditorDatepickerParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Date values can be entered.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells in the column will display the currently selected date formatted as `MM-DD-YYYY`, or the date format of the locale passed to `getGridOptions()`. If you would like to overwrite this format, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition. See the demo for an example."
@@ -211,13 +239,17 @@
211
239
  "character": 2
212
240
  }
213
241
  ],
242
+ "type": {
243
+ "type": "literal",
244
+ "value": "skyCellDate"
245
+ },
214
246
  "defaultValue": "\"skyCellDate\""
215
247
  },
216
248
  {
217
- "id": 632,
249
+ "id": 638,
218
250
  "name": "Lookup",
219
251
  "kind": 16,
220
- "kindString": "Enumeration member",
252
+ "kindString": "Enumeration Member",
221
253
  "flags": {},
222
254
  "comment": {
223
255
  "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as [SKY UX lookup components](https://developer.blackbaud.com/skyux-v5/components/lookup). You can set any of the lookup component's properties by passing `SkyCellEditorLookupParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells the column will display, by default, either: the name(s) of the selected value(s) if there are less than 6, or a summary count of the values if there are more than 5. If the lookup needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition."
@@ -229,13 +261,17 @@
229
261
  "character": 2
230
262
  }
231
263
  ],
264
+ "type": {
265
+ "type": "literal",
266
+ "value": "skyCellLookup"
267
+ },
232
268
  "defaultValue": "\"skyCellLookup\""
233
269
  },
234
270
  {
235
- "id": 633,
271
+ "id": 639,
236
272
  "name": "Number",
237
273
  "kind": 16,
238
- "kindString": "Enumeration member",
274
+ "kindString": "Enumeration Member",
239
275
  "flags": {},
240
276
  "comment": {
241
277
  "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as HTML number `inputs`. Only numbers can be entered.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells in the column will render as the number value."
@@ -247,13 +283,17 @@
247
283
  "character": 2
248
284
  }
249
285
  ],
286
+ "type": {
287
+ "type": "literal",
288
+ "value": "skyCellNumber"
289
+ },
250
290
  "defaultValue": "\"skyCellNumber\""
251
291
  },
252
292
  {
253
- "id": 634,
293
+ "id": 640,
254
294
  "name": "NumberValidator",
255
295
  "kind": 16,
256
- "kindString": "Enumeration member",
296
+ "kindString": "Enumeration Member",
257
297
  "flags": {},
258
298
  "comment": {
259
299
  "shortText": "**Edit and read-only modes**\n<br/>\nCombines SkyCellType.Number and SkyCellType.Validator, where the value is displayed as a number and passed to a validator function."
@@ -265,13 +305,17 @@
265
305
  "character": 2
266
306
  }
267
307
  ],
308
+ "type": {
309
+ "type": "literal",
310
+ "value": "skyCellNumberValidator"
311
+ },
268
312
  "defaultValue": "\"skyCellNumberValidator\""
269
313
  },
270
314
  {
271
- "id": 635,
315
+ "id": 641,
272
316
  "name": "RowSelector",
273
317
  "kind": 16,
274
- "kindString": "Enumeration member",
318
+ "kindString": "Enumeration Member",
275
319
  "flags": {},
276
320
  "comment": {
277
321
  "shortText": "**Edit and read-only modes**\n<br/>\nSpecifies that cells in the column will render as [SKY UX checkbox components](https://developer.blackbaud.com/skyux/components/checkbox). It allows the user to select multiple rows, and adds a highlight to selected rows. The [Ag Grid `rowNode`](https://www.ag-grid.com/javascript-grid-row-node/) will be updated to reflect the selected state."
@@ -283,13 +327,17 @@
283
327
  "character": 2
284
328
  }
285
329
  ],
330
+ "type": {
331
+ "type": "literal",
332
+ "value": "skyCellRowSelector"
333
+ },
286
334
  "defaultValue": "\"skyCellRowSelector\""
287
335
  },
288
336
  {
289
- "id": 636,
337
+ "id": 642,
290
338
  "name": "Text",
291
339
  "kind": 16,
292
- "kindString": "Enumeration member",
340
+ "kindString": "Enumeration Member",
293
341
  "flags": {},
294
342
  "comment": {
295
343
  "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as HTML text `inputs`. Any characters can be entered.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies cells in the column will render as their string value."
@@ -301,13 +349,17 @@
301
349
  "character": 2
302
350
  }
303
351
  ],
352
+ "type": {
353
+ "type": "literal",
354
+ "value": "skyCellText"
355
+ },
304
356
  "defaultValue": "\"skyCellText\""
305
357
  },
306
358
  {
307
- "id": 637,
359
+ "id": 643,
308
360
  "name": "Validator",
309
361
  "kind": 16,
310
- "kindString": "Enumeration member",
362
+ "kindString": "Enumeration Member",
311
363
  "flags": {},
312
364
  "comment": {
313
365
  "shortText": "**Edit and read-only modes**\n<br/>\nSpecifies cell in the column will be passed to a validator function which flags erroneous entries. You can set the validator function and message by passing them to [column definition's `cellRendererParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) as `skyComponentProperties.validator` and `skyComponentProperties.validatorMessage`. SkyCellType.Validator can be combined with other cell types, such as SkyCellType.Autocomplete or SkyCellType.Date, by using the array syntax for the [column definition's `type` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing)."
@@ -319,24 +371,28 @@
319
371
  "character": 2
320
372
  }
321
373
  ],
374
+ "type": {
375
+ "type": "literal",
376
+ "value": "skyCellValidator"
377
+ },
322
378
  "defaultValue": "\"skyCellValidator\""
323
379
  }
324
380
  ],
325
381
  "groups": [
326
382
  {
327
- "title": "Enumeration members",
383
+ "title": "Enumeration Members",
328
384
  "kind": 16,
329
385
  "children": [
330
- 628,
331
- 629,
332
- 630,
333
- 631,
334
- 632,
335
- 633,
336
386
  634,
337
387
  635,
338
388
  636,
339
- 637
389
+ 637,
390
+ 638,
391
+ 639,
392
+ 640,
393
+ 641,
394
+ 642,
395
+ 643
340
396
  ]
341
397
  }
342
398
  ],
@@ -349,14 +405,14 @@
349
405
  ]
350
406
  },
351
407
  {
352
- "id": 621,
408
+ "id": 627,
353
409
  "name": "SkyAgGridCellEditorUtils",
354
410
  "kind": 128,
355
411
  "kindString": "Class",
356
412
  "flags": {},
357
413
  "children": [
358
414
  {
359
- "id": 622,
415
+ "id": 628,
360
416
  "name": "getEditorInitialAction",
361
417
  "kind": 2048,
362
418
  "kindString": "Method",
@@ -373,7 +429,7 @@
373
429
  ],
374
430
  "signatures": [
375
431
  {
376
- "id": 623,
432
+ "id": 629,
377
433
  "name": "getEditorInitialAction",
378
434
  "kind": 4096,
379
435
  "kindString": "Call signature",
@@ -383,7 +439,7 @@
383
439
  },
384
440
  "parameters": [
385
441
  {
386
- "id": 624,
442
+ "id": 630,
387
443
  "name": "params",
388
444
  "kind": 32768,
389
445
  "kindString": "Parameter",
@@ -401,7 +457,7 @@
401
457
  ],
402
458
  "type": {
403
459
  "type": "reference",
404
- "id": 616,
460
+ "id": 622,
405
461
  "name": "SkyAgGridCellEditorInitialAction"
406
462
  }
407
463
  }
@@ -413,14 +469,14 @@
413
469
  "title": "Constructors",
414
470
  "kind": 512,
415
471
  "children": [
416
- 625
472
+ 631
417
473
  ]
418
474
  },
419
475
  {
420
476
  "title": "Methods",
421
477
  "kind": 2048,
422
478
  "children": [
423
- 622
479
+ 628
424
480
  ]
425
481
  }
426
482
  ],
@@ -433,7 +489,7 @@
433
489
  ]
434
490
  },
435
491
  {
436
- "id": 523,
492
+ "id": 529,
437
493
  "name": "SkyAgGridModule",
438
494
  "kind": 128,
439
495
  "kindString": "Class",
@@ -458,7 +514,7 @@
458
514
  "title": "Constructors",
459
515
  "kind": 512,
460
516
  "children": [
461
- 524
517
+ 530
462
518
  ]
463
519
  }
464
520
  ],
@@ -471,7 +527,7 @@
471
527
  ]
472
528
  },
473
529
  {
474
- "id": 526,
530
+ "id": 532,
475
531
  "name": "SkyAgGridService",
476
532
  "kind": 128,
477
533
  "kindString": "Class",
@@ -495,7 +551,7 @@
495
551
  ],
496
552
  "children": [
497
553
  {
498
- "id": 527,
554
+ "id": 533,
499
555
  "name": "constructor",
500
556
  "kind": 512,
501
557
  "kindString": "Constructor",
@@ -509,14 +565,14 @@
509
565
  ],
510
566
  "signatures": [
511
567
  {
512
- "id": 528,
568
+ "id": 534,
513
569
  "name": "new SkyAgGridService",
514
570
  "kind": 16384,
515
571
  "kindString": "Constructor signature",
516
572
  "flags": {},
517
573
  "parameters": [
518
574
  {
519
- "id": 529,
575
+ "id": 535,
520
576
  "name": "agGridAdapterService",
521
577
  "kind": 32768,
522
578
  "kindString": "Parameter",
@@ -527,7 +583,7 @@
527
583
  }
528
584
  },
529
585
  {
530
- "id": 530,
586
+ "id": 536,
531
587
  "name": "themeSvc",
532
588
  "kind": 32768,
533
589
  "kindString": "Parameter",
@@ -552,7 +608,7 @@
552
608
  }
553
609
  },
554
610
  {
555
- "id": 531,
611
+ "id": 537,
556
612
  "name": "resources",
557
613
  "kind": 32768,
558
614
  "kindString": "Parameter",
@@ -579,14 +635,14 @@
579
635
  ],
580
636
  "type": {
581
637
  "type": "reference",
582
- "id": 526,
638
+ "id": 532,
583
639
  "name": "SkyAgGridService"
584
640
  }
585
641
  }
586
642
  ]
587
643
  },
588
644
  {
589
- "id": 540,
645
+ "id": 546,
590
646
  "name": "getEditableGridOptions",
591
647
  "kind": 2048,
592
648
  "kindString": "Method",
@@ -602,7 +658,7 @@
602
658
  ],
603
659
  "signatures": [
604
660
  {
605
- "id": 541,
661
+ "id": 547,
606
662
  "name": "getEditableGridOptions",
607
663
  "kind": 4096,
608
664
  "kindString": "Call signature",
@@ -613,7 +669,7 @@
613
669
  },
614
670
  "parameters": [
615
671
  {
616
- "id": 542,
672
+ "id": 548,
617
673
  "name": "args",
618
674
  "kind": 32768,
619
675
  "kindString": "Parameter",
@@ -621,7 +677,7 @@
621
677
  "comment": {},
622
678
  "type": {
623
679
  "type": "reference",
624
- "id": 689,
680
+ "id": 695,
625
681
  "name": "SkyGetGridOptionsArgs"
626
682
  }
627
683
  }
@@ -636,7 +692,7 @@
636
692
  ]
637
693
  },
638
694
  {
639
- "id": 537,
695
+ "id": 543,
640
696
  "name": "getGridOptions",
641
697
  "kind": 2048,
642
698
  "kindString": "Method",
@@ -652,7 +708,7 @@
652
708
  ],
653
709
  "signatures": [
654
710
  {
655
- "id": 538,
711
+ "id": 544,
656
712
  "name": "getGridOptions",
657
713
  "kind": 4096,
658
714
  "kindString": "Call signature",
@@ -663,7 +719,7 @@
663
719
  },
664
720
  "parameters": [
665
721
  {
666
- "id": 539,
722
+ "id": 545,
667
723
  "name": "args",
668
724
  "kind": 32768,
669
725
  "kindString": "Parameter",
@@ -671,7 +727,7 @@
671
727
  "comment": {},
672
728
  "type": {
673
729
  "type": "reference",
674
- "id": 689,
730
+ "id": 695,
675
731
  "name": "SkyGetGridOptionsArgs"
676
732
  }
677
733
  }
@@ -686,7 +742,7 @@
686
742
  ]
687
743
  },
688
744
  {
689
- "id": 535,
745
+ "id": 541,
690
746
  "name": "ngOnDestroy",
691
747
  "kind": 2048,
692
748
  "kindString": "Method",
@@ -702,7 +758,7 @@
702
758
  ],
703
759
  "signatures": [
704
760
  {
705
- "id": 536,
761
+ "id": 542,
706
762
  "name": "ngOnDestroy",
707
763
  "kind": 4096,
708
764
  "kindString": "Call signature",
@@ -728,16 +784,16 @@
728
784
  "title": "Constructors",
729
785
  "kind": 512,
730
786
  "children": [
731
- 527
787
+ 533
732
788
  ]
733
789
  },
734
790
  {
735
791
  "title": "Methods",
736
792
  "kind": 2048,
737
793
  "children": [
738
- 540,
739
- 537,
740
- 535
794
+ 546,
795
+ 543,
796
+ 541
741
797
  ]
742
798
  }
743
799
  ],
@@ -787,7 +843,7 @@
787
843
  "sources": [
788
844
  {
789
845
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
790
- "line": 43,
846
+ "line": 50,
791
847
  "character": 2
792
848
  }
793
849
  ],
@@ -841,6 +897,33 @@
841
897
  "package": "@angular/core",
842
898
  "name": "ElementRef"
843
899
  }
900
+ },
901
+ {
902
+ "id": 370,
903
+ "name": "document",
904
+ "kind": 32768,
905
+ "kindString": "Parameter",
906
+ "flags": {},
907
+ "decorators": [
908
+ {
909
+ "name": "Inject",
910
+ "type": {
911
+ "type": "reference",
912
+ "qualifiedName": "InjectDecorator",
913
+ "package": "@angular/core",
914
+ "name": "Inject"
915
+ },
916
+ "arguments": {
917
+ "token": "DOCUMENT"
918
+ }
919
+ }
920
+ ],
921
+ "type": {
922
+ "type": "reference",
923
+ "qualifiedName": "Document",
924
+ "package": "typescript",
925
+ "name": "Document"
926
+ }
844
927
  }
845
928
  ],
846
929
  "type": {
@@ -852,7 +935,7 @@
852
935
  ]
853
936
  },
854
937
  {
855
- "id": 371,
938
+ "id": 372,
856
939
  "name": "afterAnchorId",
857
940
  "kind": 1024,
858
941
  "kindString": "Property",
@@ -862,7 +945,7 @@
862
945
  "sources": [
863
946
  {
864
947
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
865
- "line": 28,
948
+ "line": 33,
866
949
  "character": 9
867
950
  }
868
951
  ],
@@ -872,7 +955,7 @@
872
955
  }
873
956
  },
874
957
  {
875
- "id": 370,
958
+ "id": 371,
876
959
  "name": "agGrid",
877
960
  "kind": 1024,
878
961
  "kindString": "Property",
@@ -897,7 +980,7 @@
897
980
  "sources": [
898
981
  {
899
982
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
900
- "line": 26,
983
+ "line": 31,
901
984
  "character": 9
902
985
  }
903
986
  ],
@@ -909,7 +992,7 @@
909
992
  }
910
993
  },
911
994
  {
912
- "id": 372,
995
+ "id": 373,
913
996
  "name": "beforeAnchorId",
914
997
  "kind": 1024,
915
998
  "kindString": "Property",
@@ -919,7 +1002,7 @@
919
1002
  "sources": [
920
1003
  {
921
1004
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
922
- "line": 29,
1005
+ "line": 34,
923
1006
  "character": 9
924
1007
  }
925
1008
  ],
@@ -929,7 +1012,7 @@
929
1012
  }
930
1013
  },
931
1014
  {
932
- "id": 373,
1015
+ "id": 374,
933
1016
  "name": "gridId",
934
1017
  "kind": 1024,
935
1018
  "kindString": "Property",
@@ -939,7 +1022,7 @@
939
1022
  "sources": [
940
1023
  {
941
1024
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
942
- "line": 30,
1025
+ "line": 35,
943
1026
  "character": 9
944
1027
  }
945
1028
  ],
@@ -949,7 +1032,7 @@
949
1032
  }
950
1033
  },
951
1034
  {
952
- "id": 374,
1035
+ "id": 375,
953
1036
  "name": "viewkeeperClasses",
954
1037
  "kind": 262144,
955
1038
  "kindString": "Accessor",
@@ -959,13 +1042,13 @@
959
1042
  "sources": [
960
1043
  {
961
1044
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
962
- "line": 32,
1045
+ "line": 37,
963
1046
  "character": 13
964
1047
  }
965
1048
  ],
966
1049
  "getSignature": [
967
1050
  {
968
- "id": 375,
1051
+ "id": 376,
969
1052
  "name": "viewkeeperClasses",
970
1053
  "kind": 524288,
971
1054
  "kindString": "Get signature",
@@ -981,14 +1064,14 @@
981
1064
  ],
982
1065
  "setSignature": [
983
1066
  {
984
- "id": 376,
1067
+ "id": 377,
985
1068
  "name": "viewkeeperClasses",
986
1069
  "kind": 1048576,
987
1070
  "kindString": "Set signature",
988
1071
  "flags": {},
989
1072
  "parameters": [
990
1073
  {
991
- "id": 377,
1074
+ "id": 378,
992
1075
  "name": "value",
993
1076
  "kind": 32768,
994
1077
  "kindString": "Parameter",
@@ -1010,7 +1093,7 @@
1010
1093
  ]
1011
1094
  },
1012
1095
  {
1013
- "id": 379,
1096
+ "id": 381,
1014
1097
  "name": "ngAfterContentInit",
1015
1098
  "kind": 2048,
1016
1099
  "kindString": "Method",
@@ -1020,13 +1103,13 @@
1020
1103
  "sources": [
1021
1104
  {
1022
1105
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
1023
- "line": 54,
1106
+ "line": 62,
1024
1107
  "character": 9
1025
1108
  }
1026
1109
  ],
1027
1110
  "signatures": [
1028
1111
  {
1029
- "id": 380,
1112
+ "id": 382,
1030
1113
  "name": "ngAfterContentInit",
1031
1114
  "kind": 4096,
1032
1115
  "kindString": "Call signature",
@@ -1047,7 +1130,44 @@
1047
1130
  }
1048
1131
  },
1049
1132
  {
1050
- "id": 387,
1133
+ "id": 383,
1134
+ "name": "ngOnDestroy",
1135
+ "kind": 2048,
1136
+ "kindString": "Method",
1137
+ "flags": {
1138
+ "isPublic": true
1139
+ },
1140
+ "sources": [
1141
+ {
1142
+ "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
1143
+ "line": 88,
1144
+ "character": 9
1145
+ }
1146
+ ],
1147
+ "signatures": [
1148
+ {
1149
+ "id": 384,
1150
+ "name": "ngOnDestroy",
1151
+ "kind": 4096,
1152
+ "kindString": "Call signature",
1153
+ "flags": {},
1154
+ "type": {
1155
+ "type": "intrinsic",
1156
+ "name": "void"
1157
+ },
1158
+ "implementationOf": {
1159
+ "type": "reference",
1160
+ "name": "OnDestroy.ngOnDestroy"
1161
+ }
1162
+ }
1163
+ ],
1164
+ "implementationOf": {
1165
+ "type": "reference",
1166
+ "name": "OnDestroy.ngOnDestroy"
1167
+ }
1168
+ },
1169
+ {
1170
+ "id": 391,
1051
1171
  "name": "onAnchorFocus",
1052
1172
  "kind": 2048,
1053
1173
  "kindString": "Method",
@@ -1057,20 +1177,20 @@
1057
1177
  "sources": [
1058
1178
  {
1059
1179
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
1060
- "line": 87,
1180
+ "line": 113,
1061
1181
  "character": 9
1062
1182
  }
1063
1183
  ],
1064
1184
  "signatures": [
1065
1185
  {
1066
- "id": 388,
1186
+ "id": 392,
1067
1187
  "name": "onAnchorFocus",
1068
1188
  "kind": 4096,
1069
1189
  "kindString": "Call signature",
1070
1190
  "flags": {},
1071
1191
  "parameters": [
1072
1192
  {
1073
- "id": 389,
1193
+ "id": 393,
1074
1194
  "name": "event",
1075
1195
  "kind": 32768,
1076
1196
  "kindString": "Parameter",
@@ -1091,7 +1211,7 @@
1091
1211
  ]
1092
1212
  },
1093
1213
  {
1094
- "id": 384,
1214
+ "id": 388,
1095
1215
  "name": "onGridKeydown",
1096
1216
  "kind": 2048,
1097
1217
  "kindString": "Method",
@@ -1101,20 +1221,20 @@
1101
1221
  "sources": [
1102
1222
  {
1103
1223
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
1104
- "line": 75,
1224
+ "line": 101,
1105
1225
  "character": 9
1106
1226
  }
1107
1227
  ],
1108
1228
  "signatures": [
1109
1229
  {
1110
- "id": 385,
1230
+ "id": 389,
1111
1231
  "name": "onGridKeydown",
1112
1232
  "kind": 4096,
1113
1233
  "kindString": "Call signature",
1114
1234
  "flags": {},
1115
1235
  "parameters": [
1116
1236
  {
1117
- "id": 386,
1237
+ "id": 390,
1118
1238
  "name": "event",
1119
1239
  "kind": 32768,
1120
1240
  "kindString": "Parameter",
@@ -1135,7 +1255,7 @@
1135
1255
  ]
1136
1256
  },
1137
1257
  {
1138
- "id": 381,
1258
+ "id": 385,
1139
1259
  "name": "onKeyUpEscape",
1140
1260
  "kind": 2048,
1141
1261
  "kindString": "Method",
@@ -1145,13 +1265,13 @@
1145
1265
  "sources": [
1146
1266
  {
1147
1267
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
1148
- "line": 70,
1268
+ "line": 96,
1149
1269
  "character": 9
1150
1270
  }
1151
1271
  ],
1152
1272
  "signatures": [
1153
1273
  {
1154
- "id": 382,
1274
+ "id": 386,
1155
1275
  "name": "onKeyUpEscape",
1156
1276
  "kind": 4096,
1157
1277
  "kindString": "Call signature",
@@ -1161,7 +1281,7 @@
1161
1281
  },
1162
1282
  "parameters": [
1163
1283
  {
1164
- "id": 383,
1284
+ "id": 387,
1165
1285
  "name": "$event",
1166
1286
  "kind": 32768,
1167
1287
  "kindString": "Parameter",
@@ -1194,34 +1314,35 @@
1194
1314
  "title": "Properties",
1195
1315
  "kind": 1024,
1196
1316
  "children": [
1197
- 371,
1198
- 370,
1199
1317
  372,
1200
- 373
1318
+ 371,
1319
+ 373,
1320
+ 374
1201
1321
  ]
1202
1322
  },
1203
1323
  {
1204
1324
  "title": "Accessors",
1205
1325
  "kind": 262144,
1206
1326
  "children": [
1207
- 374
1327
+ 375
1208
1328
  ]
1209
1329
  },
1210
1330
  {
1211
1331
  "title": "Methods",
1212
1332
  "kind": 2048,
1213
1333
  "children": [
1214
- 379,
1215
- 387,
1216
- 384,
1217
- 381
1334
+ 381,
1335
+ 383,
1336
+ 391,
1337
+ 388,
1338
+ 385
1218
1339
  ]
1219
1340
  }
1220
1341
  ],
1221
1342
  "sources": [
1222
1343
  {
1223
1344
  "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
1224
- "line": 22,
1345
+ "line": 27,
1225
1346
  "character": 13
1226
1347
  }
1227
1348
  ],
@@ -1231,11 +1352,17 @@
1231
1352
  "qualifiedName": "AfterContentInit",
1232
1353
  "package": "@angular/core",
1233
1354
  "name": "AfterContentInit"
1355
+ },
1356
+ {
1357
+ "type": "reference",
1358
+ "qualifiedName": "OnDestroy",
1359
+ "package": "@angular/core",
1360
+ "name": "OnDestroy"
1234
1361
  }
1235
1362
  ]
1236
1363
  },
1237
1364
  {
1238
- "id": 392,
1365
+ "id": 398,
1239
1366
  "name": "SkyAgGridRowDeleteDirective",
1240
1367
  "kind": 128,
1241
1368
  "kindString": "Class",
@@ -1256,7 +1383,7 @@
1256
1383
  ],
1257
1384
  "children": [
1258
1385
  {
1259
- "id": 393,
1386
+ "id": 399,
1260
1387
  "name": "constructor",
1261
1388
  "kind": 512,
1262
1389
  "kindString": "Constructor",
@@ -1270,14 +1397,14 @@
1270
1397
  ],
1271
1398
  "signatures": [
1272
1399
  {
1273
- "id": 394,
1400
+ "id": 400,
1274
1401
  "name": "SkyAgGridRowDeleteDirective",
1275
1402
  "kind": 16384,
1276
1403
  "kindString": "Constructor signature",
1277
1404
  "flags": {},
1278
1405
  "parameters": [
1279
1406
  {
1280
- "id": 395,
1407
+ "id": 401,
1281
1408
  "name": "affixService",
1282
1409
  "kind": 32768,
1283
1410
  "kindString": "Parameter",
@@ -1288,7 +1415,7 @@
1288
1415
  }
1289
1416
  },
1290
1417
  {
1291
- "id": 396,
1418
+ "id": 402,
1292
1419
  "name": "changeDetector",
1293
1420
  "kind": 32768,
1294
1421
  "kindString": "Parameter",
@@ -1301,7 +1428,7 @@
1301
1428
  }
1302
1429
  },
1303
1430
  {
1304
- "id": 397,
1431
+ "id": 403,
1305
1432
  "name": "elementRef",
1306
1433
  "kind": 32768,
1307
1434
  "kindString": "Parameter",
@@ -1320,7 +1447,7 @@
1320
1447
  }
1321
1448
  },
1322
1449
  {
1323
- "id": 398,
1450
+ "id": 404,
1324
1451
  "name": "overlayService",
1325
1452
  "kind": 32768,
1326
1453
  "kindString": "Parameter",
@@ -1331,7 +1458,7 @@
1331
1458
  }
1332
1459
  },
1333
1460
  {
1334
- "id": 399,
1461
+ "id": 405,
1335
1462
  "name": "viewContainerRef",
1336
1463
  "kind": 32768,
1337
1464
  "kindString": "Parameter",
@@ -1346,14 +1473,14 @@
1346
1473
  ],
1347
1474
  "type": {
1348
1475
  "type": "reference",
1349
- "id": 392,
1476
+ "id": 398,
1350
1477
  "name": "SkyAgGridRowDeleteDirective"
1351
1478
  }
1352
1479
  }
1353
1480
  ]
1354
1481
  },
1355
1482
  {
1356
- "id": 410,
1483
+ "id": 416,
1357
1484
  "name": "agGrid",
1358
1485
  "kind": 1024,
1359
1486
  "kindString": "Property",
@@ -1389,7 +1516,7 @@
1389
1516
  }
1390
1517
  },
1391
1518
  {
1392
- "id": 404,
1519
+ "id": 410,
1393
1520
  "name": "rowDeleteCancel",
1394
1521
  "kind": 1024,
1395
1522
  "kindString": "Property",
@@ -1423,7 +1550,7 @@
1423
1550
  "typeArguments": [
1424
1551
  {
1425
1552
  "type": "reference",
1426
- "id": 565,
1553
+ "id": 571,
1427
1554
  "name": "SkyAgGridRowDeleteCancelArgs"
1428
1555
  }
1429
1556
  ],
@@ -1434,7 +1561,7 @@
1434
1561
  "defaultValue": "..."
1435
1562
  },
1436
1563
  {
1437
- "id": 407,
1564
+ "id": 413,
1438
1565
  "name": "rowDeleteConfigs",
1439
1566
  "kind": 1024,
1440
1567
  "kindString": "Property",
@@ -1458,7 +1585,7 @@
1458
1585
  "defaultValue": "[]"
1459
1586
  },
1460
1587
  {
1461
- "id": 405,
1588
+ "id": 411,
1462
1589
  "name": "rowDeleteConfirm",
1463
1590
  "kind": 1024,
1464
1591
  "kindString": "Property",
@@ -1492,7 +1619,7 @@
1492
1619
  "typeArguments": [
1493
1620
  {
1494
1621
  "type": "reference",
1495
- "id": 567,
1622
+ "id": 573,
1496
1623
  "name": "SkyAgGridRowDeleteConfirmArgs"
1497
1624
  }
1498
1625
  ],
@@ -1503,7 +1630,7 @@
1503
1630
  "defaultValue": "..."
1504
1631
  },
1505
1632
  {
1506
- "id": 406,
1633
+ "id": 412,
1507
1634
  "name": "rowDeleteIdsChange",
1508
1635
  "kind": 1024,
1509
1636
  "kindString": "Property",
@@ -1550,7 +1677,7 @@
1550
1677
  "defaultValue": "..."
1551
1678
  },
1552
1679
  {
1553
- "id": 400,
1680
+ "id": 406,
1554
1681
  "name": "rowDeleteIds",
1555
1682
  "kind": 262144,
1556
1683
  "kindString": "Accessor",
@@ -1576,7 +1703,7 @@
1576
1703
  ],
1577
1704
  "getSignature": [
1578
1705
  {
1579
- "id": 401,
1706
+ "id": 407,
1580
1707
  "name": "rowDeleteIds",
1581
1708
  "kind": 524288,
1582
1709
  "kindString": "Get signature",
@@ -1595,7 +1722,7 @@
1595
1722
  ],
1596
1723
  "setSignature": [
1597
1724
  {
1598
- "id": 402,
1725
+ "id": 408,
1599
1726
  "name": "rowDeleteIds",
1600
1727
  "kind": 1048576,
1601
1728
  "kindString": "Set signature",
@@ -1605,7 +1732,7 @@
1605
1732
  },
1606
1733
  "parameters": [
1607
1734
  {
1608
- "id": 403,
1735
+ "id": 409,
1609
1736
  "name": "value",
1610
1737
  "kind": 32768,
1611
1738
  "kindString": "Parameter",
@@ -1627,7 +1754,7 @@
1627
1754
  ]
1628
1755
  },
1629
1756
  {
1630
- "id": 408,
1757
+ "id": 414,
1631
1758
  "name": "tableWidth",
1632
1759
  "kind": 262144,
1633
1760
  "kindString": "Accessor",
@@ -1643,7 +1770,7 @@
1643
1770
  ],
1644
1771
  "getSignature": [
1645
1772
  {
1646
- "id": 409,
1773
+ "id": 415,
1647
1774
  "name": "tableWidth",
1648
1775
  "kind": 524288,
1649
1776
  "kindString": "Get signature",
@@ -1656,7 +1783,7 @@
1656
1783
  ]
1657
1784
  },
1658
1785
  {
1659
- "id": 422,
1786
+ "id": 428,
1660
1787
  "name": "cancelRowDelete",
1661
1788
  "kind": 2048,
1662
1789
  "kindString": "Method",
@@ -1672,14 +1799,14 @@
1672
1799
  ],
1673
1800
  "signatures": [
1674
1801
  {
1675
- "id": 423,
1802
+ "id": 429,
1676
1803
  "name": "cancelRowDelete",
1677
1804
  "kind": 4096,
1678
1805
  "kindString": "Call signature",
1679
1806
  "flags": {},
1680
1807
  "parameters": [
1681
1808
  {
1682
- "id": 424,
1809
+ "id": 430,
1683
1810
  "name": "row",
1684
1811
  "kind": 32768,
1685
1812
  "kindString": "Parameter",
@@ -1700,7 +1827,7 @@
1700
1827
  ]
1701
1828
  },
1702
1829
  {
1703
- "id": 425,
1830
+ "id": 431,
1704
1831
  "name": "confirmRowDelete",
1705
1832
  "kind": 2048,
1706
1833
  "kindString": "Method",
@@ -1716,14 +1843,14 @@
1716
1843
  ],
1717
1844
  "signatures": [
1718
1845
  {
1719
- "id": 426,
1846
+ "id": 432,
1720
1847
  "name": "confirmRowDelete",
1721
1848
  "kind": 4096,
1722
1849
  "kindString": "Call signature",
1723
1850
  "flags": {},
1724
1851
  "parameters": [
1725
1852
  {
1726
- "id": 427,
1853
+ "id": 433,
1727
1854
  "name": "row",
1728
1855
  "kind": 32768,
1729
1856
  "kindString": "Parameter",
@@ -1744,7 +1871,7 @@
1744
1871
  ]
1745
1872
  },
1746
1873
  {
1747
- "id": 428,
1874
+ "id": 434,
1748
1875
  "name": "getRowDeleteItem",
1749
1876
  "kind": 2048,
1750
1877
  "kindString": "Method",
@@ -1760,14 +1887,14 @@
1760
1887
  ],
1761
1888
  "signatures": [
1762
1889
  {
1763
- "id": 429,
1890
+ "id": 435,
1764
1891
  "name": "getRowDeleteItem",
1765
1892
  "kind": 4096,
1766
1893
  "kindString": "Call signature",
1767
1894
  "flags": {},
1768
1895
  "parameters": [
1769
1896
  {
1770
- "id": 430,
1897
+ "id": 436,
1771
1898
  "name": "row",
1772
1899
  "kind": 32768,
1773
1900
  "kindString": "Parameter",
@@ -1788,7 +1915,7 @@
1788
1915
  ]
1789
1916
  },
1790
1917
  {
1791
- "id": 418,
1918
+ "id": 424,
1792
1919
  "name": "ngAfterContentInit",
1793
1920
  "kind": 2048,
1794
1921
  "kindString": "Method",
@@ -1804,7 +1931,7 @@
1804
1931
  ],
1805
1932
  "signatures": [
1806
1933
  {
1807
- "id": 419,
1934
+ "id": 425,
1808
1935
  "name": "ngAfterContentInit",
1809
1936
  "kind": 4096,
1810
1937
  "kindString": "Call signature",
@@ -1825,7 +1952,7 @@
1825
1952
  }
1826
1953
  },
1827
1954
  {
1828
- "id": 420,
1955
+ "id": 426,
1829
1956
  "name": "ngOnDestroy",
1830
1957
  "kind": 2048,
1831
1958
  "kindString": "Method",
@@ -1841,7 +1968,7 @@
1841
1968
  ],
1842
1969
  "signatures": [
1843
1970
  {
1844
- "id": 421,
1971
+ "id": 427,
1845
1972
  "name": "ngOnDestroy",
1846
1973
  "kind": 4096,
1847
1974
  "kindString": "Call signature",
@@ -1867,37 +1994,37 @@
1867
1994
  "title": "Constructors",
1868
1995
  "kind": 512,
1869
1996
  "children": [
1870
- 393
1997
+ 399
1871
1998
  ]
1872
1999
  },
1873
2000
  {
1874
2001
  "title": "Properties",
1875
2002
  "kind": 1024,
1876
2003
  "children": [
2004
+ 416,
1877
2005
  410,
1878
- 404,
1879
- 407,
1880
- 405,
1881
- 406
2006
+ 413,
2007
+ 411,
2008
+ 412
1882
2009
  ]
1883
2010
  },
1884
2011
  {
1885
2012
  "title": "Accessors",
1886
2013
  "kind": 262144,
1887
2014
  "children": [
1888
- 400,
1889
- 408
2015
+ 406,
2016
+ 414
1890
2017
  ]
1891
2018
  },
1892
2019
  {
1893
2020
  "title": "Methods",
1894
2021
  "kind": 2048,
1895
2022
  "children": [
1896
- 422,
1897
- 425,
1898
2023
  428,
1899
- 418,
1900
- 420
2024
+ 431,
2025
+ 434,
2026
+ 424,
2027
+ 426
1901
2028
  ]
1902
2029
  }
1903
2030
  ],
@@ -1924,14 +2051,14 @@
1924
2051
  ]
1925
2052
  },
1926
2053
  {
1927
- "id": 569,
2054
+ "id": 575,
1928
2055
  "name": "SkyAgGridAutocompleteProperties",
1929
2056
  "kind": 256,
1930
2057
  "kindString": "Interface",
1931
2058
  "flags": {},
1932
2059
  "children": [
1933
2060
  {
1934
- "id": 570,
2061
+ "id": 576,
1935
2062
  "name": "data",
1936
2063
  "kind": 1024,
1937
2064
  "kindString": "Property",
@@ -1954,7 +2081,7 @@
1954
2081
  }
1955
2082
  },
1956
2083
  {
1957
- "id": 571,
2084
+ "id": 577,
1958
2085
  "name": "debounceTime",
1959
2086
  "kind": 1024,
1960
2087
  "kindString": "Property",
@@ -1974,7 +2101,7 @@
1974
2101
  }
1975
2102
  },
1976
2103
  {
1977
- "id": 572,
2104
+ "id": 578,
1978
2105
  "name": "descriptorProperty",
1979
2106
  "kind": 1024,
1980
2107
  "kindString": "Property",
@@ -1994,7 +2121,7 @@
1994
2121
  }
1995
2122
  },
1996
2123
  {
1997
- "id": 573,
2124
+ "id": 579,
1998
2125
  "name": "propertiesToSearch",
1999
2126
  "kind": 1024,
2000
2127
  "kindString": "Property",
@@ -2017,7 +2144,7 @@
2017
2144
  }
2018
2145
  },
2019
2146
  {
2020
- "id": 578,
2147
+ "id": 584,
2021
2148
  "name": "searchFilters",
2022
2149
  "kind": 1024,
2023
2150
  "kindString": "Property",
@@ -2036,21 +2163,21 @@
2036
2163
  "elementType": {
2037
2164
  "type": "reflection",
2038
2165
  "declaration": {
2039
- "id": 579,
2166
+ "id": 585,
2040
2167
  "name": "__type",
2041
2168
  "kind": 65536,
2042
2169
  "kindString": "Type literal",
2043
2170
  "flags": {},
2044
2171
  "signatures": [
2045
2172
  {
2046
- "id": 580,
2173
+ "id": 586,
2047
2174
  "name": "__type",
2048
2175
  "kind": 4096,
2049
2176
  "kindString": "Call signature",
2050
2177
  "flags": {},
2051
2178
  "parameters": [
2052
2179
  {
2053
- "id": 581,
2180
+ "id": 587,
2054
2181
  "name": "searchText",
2055
2182
  "kind": 32768,
2056
2183
  "kindString": "Parameter",
@@ -2061,7 +2188,7 @@
2061
2188
  }
2062
2189
  },
2063
2190
  {
2064
- "id": 582,
2191
+ "id": 588,
2065
2192
  "name": "item",
2066
2193
  "kind": 32768,
2067
2194
  "kindString": "Parameter",
@@ -2083,7 +2210,7 @@
2083
2210
  }
2084
2211
  },
2085
2212
  {
2086
- "id": 584,
2213
+ "id": 590,
2087
2214
  "name": "searchResultTemplate",
2088
2215
  "kind": 1024,
2089
2216
  "kindString": "Property",
@@ -2111,7 +2238,7 @@
2111
2238
  }
2112
2239
  },
2113
2240
  {
2114
- "id": 583,
2241
+ "id": 589,
2115
2242
  "name": "searchResultsLimit",
2116
2243
  "kind": 1024,
2117
2244
  "kindString": "Property",
@@ -2131,7 +2258,7 @@
2131
2258
  }
2132
2259
  },
2133
2260
  {
2134
- "id": 585,
2261
+ "id": 591,
2135
2262
  "name": "searchTextMinimumCharacters",
2136
2263
  "kind": 1024,
2137
2264
  "kindString": "Property",
@@ -2151,7 +2278,7 @@
2151
2278
  }
2152
2279
  },
2153
2280
  {
2154
- "id": 586,
2281
+ "id": 592,
2155
2282
  "name": "selectionChange",
2156
2283
  "kind": 1024,
2157
2284
  "kindString": "Property",
@@ -2173,7 +2300,7 @@
2173
2300
  }
2174
2301
  },
2175
2302
  {
2176
- "id": 574,
2303
+ "id": 580,
2177
2304
  "name": "search",
2178
2305
  "kind": 2048,
2179
2306
  "kindString": "Method",
@@ -2189,14 +2316,14 @@
2189
2316
  ],
2190
2317
  "signatures": [
2191
2318
  {
2192
- "id": 575,
2319
+ "id": 581,
2193
2320
  "name": "search",
2194
2321
  "kind": 4096,
2195
2322
  "kindString": "Call signature",
2196
2323
  "flags": {},
2197
2324
  "parameters": [
2198
2325
  {
2199
- "id": 576,
2326
+ "id": 582,
2200
2327
  "name": "searchText",
2201
2328
  "kind": 32768,
2202
2329
  "kindString": "Parameter",
@@ -2207,7 +2334,7 @@
2207
2334
  }
2208
2335
  },
2209
2336
  {
2210
- "id": 577,
2337
+ "id": 583,
2211
2338
  "name": "data",
2212
2339
  "kind": 32768,
2213
2340
  "kindString": "Parameter",
@@ -2259,22 +2386,22 @@
2259
2386
  "title": "Properties",
2260
2387
  "kind": 1024,
2261
2388
  "children": [
2262
- 570,
2263
- 571,
2264
- 572,
2265
- 573,
2389
+ 576,
2390
+ 577,
2266
2391
  578,
2392
+ 579,
2267
2393
  584,
2268
- 583,
2269
- 585,
2270
- 586
2394
+ 590,
2395
+ 589,
2396
+ 591,
2397
+ 592
2271
2398
  ]
2272
2399
  },
2273
2400
  {
2274
2401
  "title": "Methods",
2275
2402
  "kind": 2048,
2276
2403
  "children": [
2277
- 574
2404
+ 580
2278
2405
  ]
2279
2406
  }
2280
2407
  ],
@@ -2288,20 +2415,20 @@
2288
2415
  "extendedBy": [
2289
2416
  {
2290
2417
  "type": "reference",
2291
- "id": 587,
2418
+ "id": 593,
2292
2419
  "name": "SkyAutocompleteProperties"
2293
2420
  }
2294
2421
  ]
2295
2422
  },
2296
2423
  {
2297
- "id": 638,
2424
+ "id": 644,
2298
2425
  "name": "SkyAgGridCurrencyProperties",
2299
2426
  "kind": 256,
2300
2427
  "kindString": "Interface",
2301
2428
  "flags": {},
2302
2429
  "children": [
2303
2430
  {
2304
- "id": 639,
2431
+ "id": 645,
2305
2432
  "name": "currencySymbol",
2306
2433
  "kind": 1024,
2307
2434
  "kindString": "Property",
@@ -2321,7 +2448,7 @@
2321
2448
  }
2322
2449
  },
2323
2450
  {
2324
- "id": 640,
2451
+ "id": 646,
2325
2452
  "name": "decimalPlaces",
2326
2453
  "kind": 1024,
2327
2454
  "kindString": "Property",
@@ -2341,7 +2468,7 @@
2341
2468
  }
2342
2469
  },
2343
2470
  {
2344
- "id": 641,
2471
+ "id": 647,
2345
2472
  "name": "negativeBracketsTypeOnBlur",
2346
2473
  "kind": 1024,
2347
2474
  "kindString": "Property",
@@ -2366,9 +2493,9 @@
2366
2493
  "title": "Properties",
2367
2494
  "kind": 1024,
2368
2495
  "children": [
2369
- 639,
2370
- 640,
2371
- 641
2496
+ 645,
2497
+ 646,
2498
+ 647
2372
2499
  ]
2373
2500
  }
2374
2501
  ],
@@ -2381,14 +2508,14 @@
2381
2508
  ]
2382
2509
  },
2383
2510
  {
2384
- "id": 642,
2511
+ "id": 648,
2385
2512
  "name": "SkyAgGridDatepickerProperties",
2386
2513
  "kind": 256,
2387
2514
  "kindString": "Interface",
2388
2515
  "flags": {},
2389
2516
  "children": [
2390
2517
  {
2391
- "id": 643,
2518
+ "id": 649,
2392
2519
  "name": "dateFormat",
2393
2520
  "kind": 1024,
2394
2521
  "kindString": "Property",
@@ -2408,7 +2535,7 @@
2408
2535
  }
2409
2536
  },
2410
2537
  {
2411
- "id": 644,
2538
+ "id": 650,
2412
2539
  "name": "disabled",
2413
2540
  "kind": 1024,
2414
2541
  "kindString": "Property",
@@ -2428,7 +2555,7 @@
2428
2555
  }
2429
2556
  },
2430
2557
  {
2431
- "id": 645,
2558
+ "id": 651,
2432
2559
  "name": "maxDate",
2433
2560
  "kind": 1024,
2434
2561
  "kindString": "Property",
@@ -2450,7 +2577,7 @@
2450
2577
  }
2451
2578
  },
2452
2579
  {
2453
- "id": 646,
2580
+ "id": 652,
2454
2581
  "name": "minDate",
2455
2582
  "kind": 1024,
2456
2583
  "kindString": "Property",
@@ -2472,7 +2599,7 @@
2472
2599
  }
2473
2600
  },
2474
2601
  {
2475
- "id": 647,
2602
+ "id": 653,
2476
2603
  "name": "skyDatepickerNoValidate",
2477
2604
  "kind": 1024,
2478
2605
  "kindString": "Property",
@@ -2492,7 +2619,7 @@
2492
2619
  }
2493
2620
  },
2494
2621
  {
2495
- "id": 648,
2622
+ "id": 654,
2496
2623
  "name": "startingDay",
2497
2624
  "kind": 1024,
2498
2625
  "kindString": "Property",
@@ -2517,12 +2644,12 @@
2517
2644
  "title": "Properties",
2518
2645
  "kind": 1024,
2519
2646
  "children": [
2520
- 643,
2521
- 644,
2522
- 645,
2523
- 646,
2524
- 647,
2525
- 648
2647
+ 649,
2648
+ 650,
2649
+ 651,
2650
+ 652,
2651
+ 653,
2652
+ 654
2526
2653
  ]
2527
2654
  }
2528
2655
  ],
@@ -2536,20 +2663,20 @@
2536
2663
  "extendedBy": [
2537
2664
  {
2538
2665
  "type": "reference",
2539
- "id": 649,
2666
+ "id": 655,
2540
2667
  "name": "SkyDatepickerProperties"
2541
2668
  }
2542
2669
  ]
2543
2670
  },
2544
2671
  {
2545
- "id": 658,
2672
+ "id": 664,
2546
2673
  "name": "SkyAgGridLookupProperties",
2547
2674
  "kind": 256,
2548
2675
  "kindString": "Interface",
2549
2676
  "flags": {},
2550
2677
  "children": [
2551
2678
  {
2552
- "id": 663,
2679
+ "id": 669,
2553
2680
  "name": "ariaLabel",
2554
2681
  "kind": 1024,
2555
2682
  "kindString": "Property",
@@ -2569,7 +2696,7 @@
2569
2696
  }
2570
2697
  },
2571
2698
  {
2572
- "id": 664,
2699
+ "id": 670,
2573
2700
  "name": "autocompleteAttribute",
2574
2701
  "kind": 1024,
2575
2702
  "kindString": "Property",
@@ -2589,7 +2716,7 @@
2589
2716
  }
2590
2717
  },
2591
2718
  {
2592
- "id": 665,
2719
+ "id": 671,
2593
2720
  "name": "data",
2594
2721
  "kind": 1024,
2595
2722
  "kindString": "Property",
@@ -2610,7 +2737,7 @@
2610
2737
  }
2611
2738
  },
2612
2739
  {
2613
- "id": 666,
2740
+ "id": 672,
2614
2741
  "name": "debounceTime",
2615
2742
  "kind": 1024,
2616
2743
  "kindString": "Property",
@@ -2630,7 +2757,7 @@
2630
2757
  }
2631
2758
  },
2632
2759
  {
2633
- "id": 667,
2760
+ "id": 673,
2634
2761
  "name": "descriptorProperty",
2635
2762
  "kind": 1024,
2636
2763
  "kindString": "Property",
@@ -2650,7 +2777,7 @@
2650
2777
  }
2651
2778
  },
2652
2779
  {
2653
- "id": 668,
2780
+ "id": 674,
2654
2781
  "name": "disabled",
2655
2782
  "kind": 1024,
2656
2783
  "kindString": "Property",
@@ -2670,7 +2797,7 @@
2670
2797
  }
2671
2798
  },
2672
2799
  {
2673
- "id": 669,
2800
+ "id": 675,
2674
2801
  "name": "enableShowMore",
2675
2802
  "kind": 1024,
2676
2803
  "kindString": "Property",
@@ -2690,7 +2817,7 @@
2690
2817
  }
2691
2818
  },
2692
2819
  {
2693
- "id": 670,
2820
+ "id": 676,
2694
2821
  "name": "idProperty",
2695
2822
  "kind": 1024,
2696
2823
  "kindString": "Property",
@@ -2710,7 +2837,7 @@
2710
2837
  }
2711
2838
  },
2712
2839
  {
2713
- "id": 671,
2840
+ "id": 677,
2714
2841
  "name": "placeholderText",
2715
2842
  "kind": 1024,
2716
2843
  "kindString": "Property",
@@ -2730,7 +2857,7 @@
2730
2857
  }
2731
2858
  },
2732
2859
  {
2733
- "id": 672,
2860
+ "id": 678,
2734
2861
  "name": "propertiesToSearch",
2735
2862
  "kind": 1024,
2736
2863
  "kindString": "Property",
@@ -2753,7 +2880,7 @@
2753
2880
  }
2754
2881
  },
2755
2882
  {
2756
- "id": 673,
2883
+ "id": 679,
2757
2884
  "name": "search",
2758
2885
  "kind": 1024,
2759
2886
  "kindString": "Property",
@@ -2773,7 +2900,7 @@
2773
2900
  }
2774
2901
  },
2775
2902
  {
2776
- "id": 678,
2903
+ "id": 684,
2777
2904
  "name": "searchFilters",
2778
2905
  "kind": 1024,
2779
2906
  "kindString": "Property",
@@ -2796,7 +2923,7 @@
2796
2923
  }
2797
2924
  },
2798
2925
  {
2799
- "id": 680,
2926
+ "id": 686,
2800
2927
  "name": "searchResultTemplate",
2801
2928
  "kind": 1024,
2802
2929
  "kindString": "Property",
@@ -2824,7 +2951,7 @@
2824
2951
  }
2825
2952
  },
2826
2953
  {
2827
- "id": 679,
2954
+ "id": 685,
2828
2955
  "name": "searchResultsLimit",
2829
2956
  "kind": 1024,
2830
2957
  "kindString": "Property",
@@ -2844,7 +2971,7 @@
2844
2971
  }
2845
2972
  },
2846
2973
  {
2847
- "id": 681,
2974
+ "id": 687,
2848
2975
  "name": "searchTextMinimumCharacters",
2849
2976
  "kind": 1024,
2850
2977
  "kindString": "Property",
@@ -2864,7 +2991,7 @@
2864
2991
  }
2865
2992
  },
2866
2993
  {
2867
- "id": 682,
2994
+ "id": 688,
2868
2995
  "name": "selectMode",
2869
2996
  "kind": 1024,
2870
2997
  "kindString": "Property",
@@ -2884,7 +3011,7 @@
2884
3011
  }
2885
3012
  },
2886
3013
  {
2887
- "id": 683,
3014
+ "id": 689,
2888
3015
  "name": "showAddButton",
2889
3016
  "kind": 1024,
2890
3017
  "kindString": "Property",
@@ -2904,7 +3031,7 @@
2904
3031
  }
2905
3032
  },
2906
3033
  {
2907
- "id": 684,
3034
+ "id": 690,
2908
3035
  "name": "showMoreConfig",
2909
3036
  "kind": 1024,
2910
3037
  "kindString": "Property",
@@ -2924,7 +3051,7 @@
2924
3051
  }
2925
3052
  },
2926
3053
  {
2927
- "id": 685,
3054
+ "id": 691,
2928
3055
  "name": "wrapperClass",
2929
3056
  "kind": 1024,
2930
3057
  "kindString": "Property",
@@ -2944,7 +3071,7 @@
2944
3071
  }
2945
3072
  },
2946
3073
  {
2947
- "id": 659,
3074
+ "id": 665,
2948
3075
  "name": "addClick",
2949
3076
  "kind": 2048,
2950
3077
  "kindString": "Method",
@@ -2960,14 +3087,14 @@
2960
3087
  ],
2961
3088
  "signatures": [
2962
3089
  {
2963
- "id": 660,
3090
+ "id": 666,
2964
3091
  "name": "addClick",
2965
3092
  "kind": 4096,
2966
3093
  "kindString": "Call signature",
2967
3094
  "flags": {},
2968
3095
  "parameters": [
2969
3096
  {
2970
- "id": 661,
3097
+ "id": 667,
2971
3098
  "name": "args",
2972
3099
  "kind": 32768,
2973
3100
  "kindString": "Parameter",
@@ -2981,7 +3108,7 @@
2981
3108
  "type": {
2982
3109
  "type": "reflection",
2983
3110
  "declaration": {
2984
- "id": 662,
3111
+ "id": 668,
2985
3112
  "name": "__type",
2986
3113
  "kind": 65536,
2987
3114
  "kindString": "Type literal",
@@ -2992,7 +3119,7 @@
2992
3119
  ]
2993
3120
  },
2994
3121
  {
2995
- "id": 674,
3122
+ "id": 680,
2996
3123
  "name": "searchAsync",
2997
3124
  "kind": 2048,
2998
3125
  "kindString": "Method",
@@ -3008,14 +3135,14 @@
3008
3135
  ],
3009
3136
  "signatures": [
3010
3137
  {
3011
- "id": 675,
3138
+ "id": 681,
3012
3139
  "name": "searchAsync",
3013
3140
  "kind": 4096,
3014
3141
  "kindString": "Call signature",
3015
3142
  "flags": {},
3016
3143
  "parameters": [
3017
3144
  {
3018
- "id": 676,
3145
+ "id": 682,
3019
3146
  "name": "args",
3020
3147
  "kind": 32768,
3021
3148
  "kindString": "Parameter",
@@ -3029,7 +3156,7 @@
3029
3156
  "type": {
3030
3157
  "type": "reflection",
3031
3158
  "declaration": {
3032
- "id": 677,
3159
+ "id": 683,
3033
3160
  "name": "__type",
3034
3161
  "kind": 65536,
3035
3162
  "kindString": "Type literal",
@@ -3045,33 +3172,33 @@
3045
3172
  "title": "Properties",
3046
3173
  "kind": 1024,
3047
3174
  "children": [
3048
- 663,
3049
- 664,
3050
- 665,
3051
- 666,
3052
- 667,
3053
- 668,
3054
3175
  669,
3055
3176
  670,
3056
3177
  671,
3057
3178
  672,
3058
3179
  673,
3180
+ 674,
3181
+ 675,
3182
+ 676,
3183
+ 677,
3059
3184
  678,
3060
- 680,
3061
3185
  679,
3062
- 681,
3063
- 682,
3064
- 683,
3065
3186
  684,
3066
- 685
3187
+ 686,
3188
+ 685,
3189
+ 687,
3190
+ 688,
3191
+ 689,
3192
+ 690,
3193
+ 691
3067
3194
  ]
3068
3195
  },
3069
3196
  {
3070
3197
  "title": "Methods",
3071
3198
  "kind": 2048,
3072
3199
  "children": [
3073
- 659,
3074
- 674
3200
+ 665,
3201
+ 680
3075
3202
  ]
3076
3203
  }
3077
3204
  ],
@@ -3084,14 +3211,14 @@
3084
3211
  ]
3085
3212
  },
3086
3213
  {
3087
- "id": 686,
3214
+ "id": 692,
3088
3215
  "name": "SkyAgGridNumberProperties",
3089
3216
  "kind": 256,
3090
3217
  "kindString": "Interface",
3091
3218
  "flags": {},
3092
3219
  "children": [
3093
3220
  {
3094
- "id": 687,
3221
+ "id": 693,
3095
3222
  "name": "max",
3096
3223
  "kind": 1024,
3097
3224
  "kindString": "Property",
@@ -3111,7 +3238,7 @@
3111
3238
  }
3112
3239
  },
3113
3240
  {
3114
- "id": 688,
3241
+ "id": 694,
3115
3242
  "name": "min",
3116
3243
  "kind": 1024,
3117
3244
  "kindString": "Property",
@@ -3136,8 +3263,8 @@
3136
3263
  "title": "Properties",
3137
3264
  "kind": 1024,
3138
3265
  "children": [
3139
- 687,
3140
- 688
3266
+ 693,
3267
+ 694
3141
3268
  ]
3142
3269
  }
3143
3270
  ],
@@ -3150,7 +3277,7 @@
3150
3277
  ]
3151
3278
  },
3152
3279
  {
3153
- "id": 565,
3280
+ "id": 571,
3154
3281
  "name": "SkyAgGridRowDeleteCancelArgs",
3155
3282
  "kind": 256,
3156
3283
  "kindString": "Interface",
@@ -3160,7 +3287,7 @@
3160
3287
  },
3161
3288
  "children": [
3162
3289
  {
3163
- "id": 566,
3290
+ "id": 572,
3164
3291
  "name": "id",
3165
3292
  "kind": 1024,
3166
3293
  "kindString": "Property",
@@ -3186,7 +3313,7 @@
3186
3313
  "title": "Properties",
3187
3314
  "kind": 1024,
3188
3315
  "children": [
3189
- 566
3316
+ 572
3190
3317
  ]
3191
3318
  }
3192
3319
  ],
@@ -3199,7 +3326,7 @@
3199
3326
  ]
3200
3327
  },
3201
3328
  {
3202
- "id": 567,
3329
+ "id": 573,
3203
3330
  "name": "SkyAgGridRowDeleteConfirmArgs",
3204
3331
  "kind": 256,
3205
3332
  "kindString": "Interface",
@@ -3209,7 +3336,7 @@
3209
3336
  },
3210
3337
  "children": [
3211
3338
  {
3212
- "id": 568,
3339
+ "id": 574,
3213
3340
  "name": "id",
3214
3341
  "kind": 1024,
3215
3342
  "kindString": "Property",
@@ -3235,7 +3362,7 @@
3235
3362
  "title": "Properties",
3236
3363
  "kind": 1024,
3237
3364
  "children": [
3238
- 568
3365
+ 574
3239
3366
  ]
3240
3367
  }
3241
3368
  ],
@@ -3248,14 +3375,14 @@
3248
3375
  ]
3249
3376
  },
3250
3377
  {
3251
- "id": 692,
3378
+ "id": 698,
3252
3379
  "name": "SkyAgGridTextProperties",
3253
3380
  "kind": 256,
3254
3381
  "kindString": "Interface",
3255
3382
  "flags": {},
3256
3383
  "children": [
3257
3384
  {
3258
- "id": 693,
3385
+ "id": 699,
3259
3386
  "name": "maxlength",
3260
3387
  "kind": 1024,
3261
3388
  "kindString": "Property",
@@ -3280,7 +3407,7 @@
3280
3407
  "title": "Properties",
3281
3408
  "kind": 1024,
3282
3409
  "children": [
3283
- 693
3410
+ 699
3284
3411
  ]
3285
3412
  }
3286
3413
  ],
@@ -3293,14 +3420,14 @@
3293
3420
  ]
3294
3421
  },
3295
3422
  {
3296
- "id": 694,
3423
+ "id": 700,
3297
3424
  "name": "SkyAgGridValidatorProperties",
3298
3425
  "kind": 256,
3299
3426
  "kindString": "Interface",
3300
3427
  "flags": {},
3301
3428
  "children": [
3302
3429
  {
3303
- "id": 700,
3430
+ "id": 706,
3304
3431
  "name": "validatorMessage",
3305
3432
  "kind": 1024,
3306
3433
  "kindString": "Property",
@@ -3324,21 +3451,21 @@
3324
3451
  {
3325
3452
  "type": "reflection",
3326
3453
  "declaration": {
3327
- "id": 701,
3454
+ "id": 707,
3328
3455
  "name": "__type",
3329
3456
  "kind": 65536,
3330
3457
  "kindString": "Type literal",
3331
3458
  "flags": {},
3332
3459
  "signatures": [
3333
3460
  {
3334
- "id": 702,
3461
+ "id": 708,
3335
3462
  "name": "__type",
3336
3463
  "kind": 4096,
3337
3464
  "kindString": "Call signature",
3338
3465
  "flags": {},
3339
3466
  "parameters": [
3340
3467
  {
3341
- "id": 703,
3468
+ "id": 709,
3342
3469
  "name": "value",
3343
3470
  "kind": 32768,
3344
3471
  "kindString": "Parameter",
@@ -3349,7 +3476,7 @@
3349
3476
  }
3350
3477
  },
3351
3478
  {
3352
- "id": 704,
3479
+ "id": 710,
3353
3480
  "name": "data",
3354
3481
  "kind": 32768,
3355
3482
  "kindString": "Parameter",
@@ -3362,7 +3489,7 @@
3362
3489
  }
3363
3490
  },
3364
3491
  {
3365
- "id": 705,
3492
+ "id": 711,
3366
3493
  "name": "rowIndex",
3367
3494
  "kind": 32768,
3368
3495
  "kindString": "Parameter",
@@ -3387,7 +3514,7 @@
3387
3514
  }
3388
3515
  },
3389
3516
  {
3390
- "id": 695,
3517
+ "id": 701,
3391
3518
  "name": "validator",
3392
3519
  "kind": 2048,
3393
3520
  "kindString": "Method",
@@ -3403,14 +3530,14 @@
3403
3530
  ],
3404
3531
  "signatures": [
3405
3532
  {
3406
- "id": 696,
3533
+ "id": 702,
3407
3534
  "name": "validator",
3408
3535
  "kind": 4096,
3409
3536
  "kindString": "Call signature",
3410
3537
  "flags": {},
3411
3538
  "parameters": [
3412
3539
  {
3413
- "id": 697,
3540
+ "id": 703,
3414
3541
  "name": "value",
3415
3542
  "kind": 32768,
3416
3543
  "kindString": "Parameter",
@@ -3421,7 +3548,7 @@
3421
3548
  }
3422
3549
  },
3423
3550
  {
3424
- "id": 698,
3551
+ "id": 704,
3425
3552
  "name": "data",
3426
3553
  "kind": 32768,
3427
3554
  "kindString": "Parameter",
@@ -3434,7 +3561,7 @@
3434
3561
  }
3435
3562
  },
3436
3563
  {
3437
- "id": 699,
3564
+ "id": 705,
3438
3565
  "name": "rowIndex",
3439
3566
  "kind": 32768,
3440
3567
  "kindString": "Parameter",
@@ -3460,14 +3587,14 @@
3460
3587
  "title": "Properties",
3461
3588
  "kind": 1024,
3462
3589
  "children": [
3463
- 700
3590
+ 706
3464
3591
  ]
3465
3592
  },
3466
3593
  {
3467
3594
  "title": "Methods",
3468
3595
  "kind": 2048,
3469
3596
  "children": [
3470
- 695
3597
+ 701
3471
3598
  ]
3472
3599
  }
3473
3600
  ],
@@ -3480,7 +3607,7 @@
3480
3607
  ]
3481
3608
  },
3482
3609
  {
3483
- "id": 587,
3610
+ "id": 593,
3484
3611
  "name": "SkyAutocompleteProperties",
3485
3612
  "kind": 256,
3486
3613
  "kindString": "Interface",
@@ -3495,7 +3622,7 @@
3495
3622
  },
3496
3623
  "children": [
3497
3624
  {
3498
- "id": 588,
3625
+ "id": 594,
3499
3626
  "name": "data",
3500
3627
  "kind": 1024,
3501
3628
  "kindString": "Property",
@@ -3518,12 +3645,12 @@
3518
3645
  },
3519
3646
  "inheritedFrom": {
3520
3647
  "type": "reference",
3521
- "id": 570,
3648
+ "id": 576,
3522
3649
  "name": "SkyAgGridAutocompleteProperties.data"
3523
3650
  }
3524
3651
  },
3525
3652
  {
3526
- "id": 589,
3653
+ "id": 595,
3527
3654
  "name": "debounceTime",
3528
3655
  "kind": 1024,
3529
3656
  "kindString": "Property",
@@ -3543,12 +3670,12 @@
3543
3670
  },
3544
3671
  "inheritedFrom": {
3545
3672
  "type": "reference",
3546
- "id": 571,
3673
+ "id": 577,
3547
3674
  "name": "SkyAgGridAutocompleteProperties.debounceTime"
3548
3675
  }
3549
3676
  },
3550
3677
  {
3551
- "id": 590,
3678
+ "id": 596,
3552
3679
  "name": "descriptorProperty",
3553
3680
  "kind": 1024,
3554
3681
  "kindString": "Property",
@@ -3568,12 +3695,12 @@
3568
3695
  },
3569
3696
  "inheritedFrom": {
3570
3697
  "type": "reference",
3571
- "id": 572,
3698
+ "id": 578,
3572
3699
  "name": "SkyAgGridAutocompleteProperties.descriptorProperty"
3573
3700
  }
3574
3701
  },
3575
3702
  {
3576
- "id": 591,
3703
+ "id": 597,
3577
3704
  "name": "propertiesToSearch",
3578
3705
  "kind": 1024,
3579
3706
  "kindString": "Property",
@@ -3596,12 +3723,12 @@
3596
3723
  },
3597
3724
  "inheritedFrom": {
3598
3725
  "type": "reference",
3599
- "id": 573,
3726
+ "id": 579,
3600
3727
  "name": "SkyAgGridAutocompleteProperties.propertiesToSearch"
3601
3728
  }
3602
3729
  },
3603
3730
  {
3604
- "id": 596,
3731
+ "id": 602,
3605
3732
  "name": "searchFilters",
3606
3733
  "kind": 1024,
3607
3734
  "kindString": "Property",
@@ -3620,21 +3747,21 @@
3620
3747
  "elementType": {
3621
3748
  "type": "reflection",
3622
3749
  "declaration": {
3623
- "id": 597,
3750
+ "id": 603,
3624
3751
  "name": "__type",
3625
3752
  "kind": 65536,
3626
3753
  "kindString": "Type literal",
3627
3754
  "flags": {},
3628
3755
  "signatures": [
3629
3756
  {
3630
- "id": 598,
3757
+ "id": 604,
3631
3758
  "name": "__type",
3632
3759
  "kind": 4096,
3633
3760
  "kindString": "Call signature",
3634
3761
  "flags": {},
3635
3762
  "parameters": [
3636
3763
  {
3637
- "id": 599,
3764
+ "id": 605,
3638
3765
  "name": "searchText",
3639
3766
  "kind": 32768,
3640
3767
  "kindString": "Parameter",
@@ -3645,7 +3772,7 @@
3645
3772
  }
3646
3773
  },
3647
3774
  {
3648
- "id": 600,
3775
+ "id": 606,
3649
3776
  "name": "item",
3650
3777
  "kind": 32768,
3651
3778
  "kindString": "Parameter",
@@ -3667,12 +3794,12 @@
3667
3794
  },
3668
3795
  "inheritedFrom": {
3669
3796
  "type": "reference",
3670
- "id": 578,
3797
+ "id": 584,
3671
3798
  "name": "SkyAgGridAutocompleteProperties.searchFilters"
3672
3799
  }
3673
3800
  },
3674
3801
  {
3675
- "id": 602,
3802
+ "id": 608,
3676
3803
  "name": "searchResultTemplate",
3677
3804
  "kind": 1024,
3678
3805
  "kindString": "Property",
@@ -3700,12 +3827,12 @@
3700
3827
  },
3701
3828
  "inheritedFrom": {
3702
3829
  "type": "reference",
3703
- "id": 584,
3830
+ "id": 590,
3704
3831
  "name": "SkyAgGridAutocompleteProperties.searchResultTemplate"
3705
3832
  }
3706
3833
  },
3707
3834
  {
3708
- "id": 601,
3835
+ "id": 607,
3709
3836
  "name": "searchResultsLimit",
3710
3837
  "kind": 1024,
3711
3838
  "kindString": "Property",
@@ -3725,12 +3852,12 @@
3725
3852
  },
3726
3853
  "inheritedFrom": {
3727
3854
  "type": "reference",
3728
- "id": 583,
3855
+ "id": 589,
3729
3856
  "name": "SkyAgGridAutocompleteProperties.searchResultsLimit"
3730
3857
  }
3731
3858
  },
3732
3859
  {
3733
- "id": 603,
3860
+ "id": 609,
3734
3861
  "name": "searchTextMinimumCharacters",
3735
3862
  "kind": 1024,
3736
3863
  "kindString": "Property",
@@ -3750,12 +3877,12 @@
3750
3877
  },
3751
3878
  "inheritedFrom": {
3752
3879
  "type": "reference",
3753
- "id": 585,
3880
+ "id": 591,
3754
3881
  "name": "SkyAgGridAutocompleteProperties.searchTextMinimumCharacters"
3755
3882
  }
3756
3883
  },
3757
3884
  {
3758
- "id": 604,
3885
+ "id": 610,
3759
3886
  "name": "selectionChange",
3760
3887
  "kind": 1024,
3761
3888
  "kindString": "Property",
@@ -3777,12 +3904,12 @@
3777
3904
  },
3778
3905
  "inheritedFrom": {
3779
3906
  "type": "reference",
3780
- "id": 586,
3907
+ "id": 592,
3781
3908
  "name": "SkyAgGridAutocompleteProperties.selectionChange"
3782
3909
  }
3783
3910
  },
3784
3911
  {
3785
- "id": 592,
3912
+ "id": 598,
3786
3913
  "name": "search",
3787
3914
  "kind": 2048,
3788
3915
  "kindString": "Method",
@@ -3798,14 +3925,14 @@
3798
3925
  ],
3799
3926
  "signatures": [
3800
3927
  {
3801
- "id": 593,
3928
+ "id": 599,
3802
3929
  "name": "search",
3803
3930
  "kind": 4096,
3804
3931
  "kindString": "Call signature",
3805
3932
  "flags": {},
3806
3933
  "parameters": [
3807
3934
  {
3808
- "id": 594,
3935
+ "id": 600,
3809
3936
  "name": "searchText",
3810
3937
  "kind": 32768,
3811
3938
  "kindString": "Parameter",
@@ -3816,7 +3943,7 @@
3816
3943
  }
3817
3944
  },
3818
3945
  {
3819
- "id": 595,
3946
+ "id": 601,
3820
3947
  "name": "data",
3821
3948
  "kind": 32768,
3822
3949
  "kindString": "Parameter",
@@ -3861,14 +3988,14 @@
3861
3988
  },
3862
3989
  "inheritedFrom": {
3863
3990
  "type": "reference",
3864
- "id": 575,
3991
+ "id": 581,
3865
3992
  "name": "SkyAgGridAutocompleteProperties.search"
3866
3993
  }
3867
3994
  }
3868
3995
  ],
3869
3996
  "inheritedFrom": {
3870
3997
  "type": "reference",
3871
- "id": 574,
3998
+ "id": 580,
3872
3999
  "name": "SkyAgGridAutocompleteProperties.search"
3873
4000
  }
3874
4001
  }
@@ -3878,22 +4005,22 @@
3878
4005
  "title": "Properties",
3879
4006
  "kind": 1024,
3880
4007
  "children": [
3881
- 588,
3882
- 589,
3883
- 590,
3884
- 591,
4008
+ 594,
4009
+ 595,
3885
4010
  596,
4011
+ 597,
3886
4012
  602,
3887
- 601,
3888
- 603,
3889
- 604
4013
+ 608,
4014
+ 607,
4015
+ 609,
4016
+ 610
3890
4017
  ]
3891
4018
  },
3892
4019
  {
3893
4020
  "title": "Methods",
3894
4021
  "kind": 2048,
3895
4022
  "children": [
3896
- 592
4023
+ 598
3897
4024
  ]
3898
4025
  }
3899
4026
  ],
@@ -3907,13 +4034,13 @@
3907
4034
  "extendedTypes": [
3908
4035
  {
3909
4036
  "type": "reference",
3910
- "id": 569,
4037
+ "id": 575,
3911
4038
  "name": "SkyAgGridAutocompleteProperties"
3912
4039
  }
3913
4040
  ]
3914
4041
  },
3915
4042
  {
3916
- "id": 649,
4043
+ "id": 655,
3917
4044
  "name": "SkyDatepickerProperties",
3918
4045
  "kind": 256,
3919
4046
  "kindString": "Interface",
@@ -3928,7 +4055,7 @@
3928
4055
  },
3929
4056
  "children": [
3930
4057
  {
3931
- "id": 650,
4058
+ "id": 656,
3932
4059
  "name": "dateFormat",
3933
4060
  "kind": 1024,
3934
4061
  "kindString": "Property",
@@ -3948,12 +4075,12 @@
3948
4075
  },
3949
4076
  "inheritedFrom": {
3950
4077
  "type": "reference",
3951
- "id": 643,
4078
+ "id": 649,
3952
4079
  "name": "SkyAgGridDatepickerProperties.dateFormat"
3953
4080
  }
3954
4081
  },
3955
4082
  {
3956
- "id": 651,
4083
+ "id": 657,
3957
4084
  "name": "disabled",
3958
4085
  "kind": 1024,
3959
4086
  "kindString": "Property",
@@ -3973,12 +4100,12 @@
3973
4100
  },
3974
4101
  "inheritedFrom": {
3975
4102
  "type": "reference",
3976
- "id": 644,
4103
+ "id": 650,
3977
4104
  "name": "SkyAgGridDatepickerProperties.disabled"
3978
4105
  }
3979
4106
  },
3980
4107
  {
3981
- "id": 652,
4108
+ "id": 658,
3982
4109
  "name": "maxDate",
3983
4110
  "kind": 1024,
3984
4111
  "kindString": "Property",
@@ -4000,12 +4127,12 @@
4000
4127
  },
4001
4128
  "inheritedFrom": {
4002
4129
  "type": "reference",
4003
- "id": 645,
4130
+ "id": 651,
4004
4131
  "name": "SkyAgGridDatepickerProperties.maxDate"
4005
4132
  }
4006
4133
  },
4007
4134
  {
4008
- "id": 653,
4135
+ "id": 659,
4009
4136
  "name": "minDate",
4010
4137
  "kind": 1024,
4011
4138
  "kindString": "Property",
@@ -4027,12 +4154,12 @@
4027
4154
  },
4028
4155
  "inheritedFrom": {
4029
4156
  "type": "reference",
4030
- "id": 646,
4157
+ "id": 652,
4031
4158
  "name": "SkyAgGridDatepickerProperties.minDate"
4032
4159
  }
4033
4160
  },
4034
4161
  {
4035
- "id": 654,
4162
+ "id": 660,
4036
4163
  "name": "skyDatepickerNoValidate",
4037
4164
  "kind": 1024,
4038
4165
  "kindString": "Property",
@@ -4052,12 +4179,12 @@
4052
4179
  },
4053
4180
  "inheritedFrom": {
4054
4181
  "type": "reference",
4055
- "id": 647,
4182
+ "id": 653,
4056
4183
  "name": "SkyAgGridDatepickerProperties.skyDatepickerNoValidate"
4057
4184
  }
4058
4185
  },
4059
4186
  {
4060
- "id": 655,
4187
+ "id": 661,
4061
4188
  "name": "startingDay",
4062
4189
  "kind": 1024,
4063
4190
  "kindString": "Property",
@@ -4077,7 +4204,7 @@
4077
4204
  },
4078
4205
  "inheritedFrom": {
4079
4206
  "type": "reference",
4080
- "id": 648,
4207
+ "id": 654,
4081
4208
  "name": "SkyAgGridDatepickerProperties.startingDay"
4082
4209
  }
4083
4210
  }
@@ -4087,12 +4214,12 @@
4087
4214
  "title": "Properties",
4088
4215
  "kind": 1024,
4089
4216
  "children": [
4090
- 650,
4091
- 651,
4092
- 652,
4093
- 653,
4094
- 654,
4095
- 655
4217
+ 656,
4218
+ 657,
4219
+ 658,
4220
+ 659,
4221
+ 660,
4222
+ 661
4096
4223
  ]
4097
4224
  }
4098
4225
  ],
@@ -4106,20 +4233,20 @@
4106
4233
  "extendedTypes": [
4107
4234
  {
4108
4235
  "type": "reference",
4109
- "id": 642,
4236
+ "id": 648,
4110
4237
  "name": "SkyAgGridDatepickerProperties"
4111
4238
  }
4112
4239
  ]
4113
4240
  },
4114
4241
  {
4115
- "id": 689,
4242
+ "id": 695,
4116
4243
  "name": "SkyGetGridOptionsArgs",
4117
4244
  "kind": 256,
4118
4245
  "kindString": "Interface",
4119
4246
  "flags": {},
4120
4247
  "children": [
4121
4248
  {
4122
- "id": 690,
4249
+ "id": 696,
4123
4250
  "name": "gridOptions",
4124
4251
  "kind": 1024,
4125
4252
  "kindString": "Property",
@@ -4142,7 +4269,7 @@
4142
4269
  }
4143
4270
  },
4144
4271
  {
4145
- "id": 691,
4272
+ "id": 697,
4146
4273
  "name": "locale",
4147
4274
  "kind": 1024,
4148
4275
  "kindString": "Property",
@@ -4170,8 +4297,8 @@
4170
4297
  "title": "Properties",
4171
4298
  "kind": 1024,
4172
4299
  "children": [
4173
- 690,
4174
- 691
4300
+ 696,
4301
+ 697
4175
4302
  ]
4176
4303
  }
4177
4304
  ],
@@ -4189,37 +4316,37 @@
4189
4316
  "title": "Enumerations",
4190
4317
  "kind": 8,
4191
4318
  "children": [
4192
- 616,
4193
- 627
4319
+ 622,
4320
+ 633
4194
4321
  ]
4195
4322
  },
4196
4323
  {
4197
4324
  "title": "Classes",
4198
4325
  "kind": 128,
4199
4326
  "children": [
4200
- 621,
4201
- 523,
4202
- 526,
4327
+ 627,
4328
+ 529,
4329
+ 532,
4203
4330
  364,
4204
- 392
4331
+ 398
4205
4332
  ]
4206
4333
  },
4207
4334
  {
4208
4335
  "title": "Interfaces",
4209
4336
  "kind": 256,
4210
4337
  "children": [
4211
- 569,
4212
- 638,
4213
- 642,
4214
- 658,
4215
- 686,
4216
- 565,
4217
- 567,
4338
+ 575,
4339
+ 644,
4340
+ 648,
4341
+ 664,
4218
4342
  692,
4219
- 694,
4220
- 587,
4221
- 649,
4222
- 689
4343
+ 571,
4344
+ 573,
4345
+ 698,
4346
+ 700,
4347
+ 593,
4348
+ 655,
4349
+ 695
4223
4350
  ]
4224
4351
  }
4225
4352
  ],
@@ -4270,7 +4397,7 @@
4270
4397
  {
4271
4398
  "fileName": "data-entry-grid-docs-demo.component.ts",
4272
4399
  "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/data-entry-grid-docs-demo.component.ts",
4273
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SkyDataEntryGridContextMenuComponent } from './data-entry-grid-docs-demo-context-menu.component';\nimport { SKY_AG_GRID_DEMO_DATA } from './data-entry-grid-docs-demo-data';\nimport { SkyDataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\nimport { SkyDataEntryGridEditModalComponent } from './data-entry-grid-docs-demo-edit-modal.component';\n\n@Component({\n selector: 'app-data-entry-grid-docs-demo',\n templateUrl: './data-entry-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataEntryGridDemoComponent {\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n colId: 'context',\n headerName: '',\n maxWidth: 50,\n sortable: false,\n cellRenderer: SkyDataEntryGridContextMenuComponent,\n },\n {\n field: 'name',\n headerName: 'Name',\n type: SkyCellType.Text,\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value): boolean => String(value).length <= 10,\n validatorMessage: `Value exceeds maximum length`,\n },\n },\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value) => value >= 18,\n validatorMessage: `Age must be 18+`,\n },\n },\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n {\n colId: 'validationCurrency',\n field: 'validationCurrency',\n headerName: 'Validation currency',\n type: [SkyCellType.CurrencyValidator],\n },\n {\n colId: 'validationDate',\n field: 'validationDate',\n headerName: 'Validation date',\n type: [SkyCellType.Date, SkyCellType.Validator],\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value: Date) => !!value && value > new Date(1985, 9, 26),\n validatorMessage: 'Please enter a future date',\n },\n },\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridOptions: GridOptions;\n public searchText = '';\n public noRowsTemplate: string;\n\n constructor(\n private agGridService: SkyAgGridService,\n private modalService: SkyModalService,\n private changeDetection: ChangeDetectorRef\n ) {\n this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n this.gridOptions = {\n columnDefs: this.columnDefs,\n onGridReady: (gridReadyEvent) => this.onGridReady(gridReadyEvent),\n };\n\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: this.gridOptions,\n });\n this.changeDetection.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.changeDetection.markForCheck();\n }\n\n public openModal(): void {\n const context = new SkyDataEntryGridEditModalContext();\n context.gridData = this.gridData;\n\n const options = {\n providers: [\n { provide: SkyDataEntryGridEditModalContext, useValue: context },\n ],\n ariaDescribedBy: 'docs-edit-grid-modal-content',\n size: 'large',\n };\n\n const modalInstance = this.modalService.open(\n SkyDataEntryGridEditModalComponent,\n options\n );\n\n modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n if (result.reason === 'cancel' || result.reason === 'close') {\n alert('Edits canceled!');\n } else {\n this.gridData = result.data;\n if (this.gridApi) {\n this.gridApi.refreshCells();\n }\n alert('Saving data!');\n }\n });\n }\n\n public searchApplied(searchText: string | void): void {\n if (searchText) {\n this.searchText = searchText;\n } else {\n this.searchText = '';\n }\n if (this.gridApi) {\n this.gridApi.setQuickFilter(this.searchText);\n const displayedRowCount = this.gridApi.getDisplayedRowCount();\n if (displayedRowCount > 0) {\n this.gridApi.hideOverlay();\n } else {\n this.gridApi.showNoRowsOverlay();\n }\n }\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4400
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SkyDataEntryGridContextMenuComponent } from './data-entry-grid-docs-demo-context-menu.component';\nimport { SKY_AG_GRID_DEMO_DATA } from './data-entry-grid-docs-demo-data';\nimport { SkyDataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\nimport { SkyDataEntryGridEditModalComponent } from './data-entry-grid-docs-demo-edit-modal.component';\n\n@Component({\n selector: 'app-data-entry-grid-docs-demo',\n templateUrl: './data-entry-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataEntryGridDemoComponent {\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n colId: 'context',\n headerName: '',\n maxWidth: 50,\n sortable: false,\n cellRenderer: SkyDataEntryGridContextMenuComponent,\n },\n {\n field: 'name',\n headerName: 'Name',\n type: SkyCellType.Text,\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value): boolean => String(value).length <= 10,\n validatorMessage: `Value exceeds maximum length`,\n },\n },\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value) => value >= 18,\n validatorMessage: `Age must be 18+`,\n },\n },\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n {\n colId: 'validationCurrency',\n field: 'validationCurrency',\n headerName: 'Validation currency',\n type: [SkyCellType.CurrencyValidator],\n },\n {\n colId: 'validationDate',\n field: 'validationDate',\n headerName: 'Validation date',\n type: [SkyCellType.Date, SkyCellType.Validator],\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value: Date) => !!value && value > new Date(1985, 9, 26),\n validatorMessage: 'Please enter a future date',\n },\n },\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridOptions: GridOptions;\n public searchText = '';\n public noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n\n constructor(\n private agGridService: SkyAgGridService,\n private modalService: SkyModalService,\n private changeDetection: ChangeDetectorRef\n ) {\n this.gridOptions = {\n columnDefs: this.columnDefs,\n onGridReady: (gridReadyEvent) => this.onGridReady(gridReadyEvent),\n };\n\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: this.gridOptions,\n });\n this.changeDetection.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.changeDetection.markForCheck();\n }\n\n public openModal(): void {\n const context = new SkyDataEntryGridEditModalContext();\n context.gridData = this.gridData;\n\n const options = {\n providers: [\n { provide: SkyDataEntryGridEditModalContext, useValue: context },\n ],\n ariaDescribedBy: 'docs-edit-grid-modal-content',\n size: 'large',\n };\n\n const modalInstance = this.modalService.open(\n SkyDataEntryGridEditModalComponent,\n options\n );\n\n modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n if (result.reason === 'cancel' || result.reason === 'close') {\n alert('Edits canceled!');\n } else {\n this.gridData = result.data;\n if (this.gridApi) {\n this.gridApi.refreshCells();\n }\n alert('Saving data!');\n }\n });\n }\n\n public searchApplied(searchText: string | void): void {\n if (searchText) {\n this.searchText = searchText;\n } else {\n this.searchText = '';\n }\n if (this.gridApi) {\n this.gridApi.setQuickFilter(this.searchText);\n const displayedRowCount = this.gridApi.getDisplayedRowCount();\n if (displayedRowCount > 0) {\n this.gridApi.hideOverlay();\n } else {\n this.gridApi.showNoRowsOverlay();\n }\n }\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4274
4401
  },
4275
4402
  {
4276
4403
  "fileName": "data-entry-grid-docs-demo.module.ts",
@@ -4325,7 +4452,7 @@
4325
4452
  {
4326
4453
  "fileName": "data-manager-data-entry-grid-docs-demo-view-grid.component.ts",
4327
4454
  "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo-view-grid.component.ts",
4328
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport {\n ColDef,\n ColumnApi,\n GridApi,\n GridOptions,\n GridReadyEvent,\n RowSelectedEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\n@Component({\n selector: 'app-data-manager-data-entry-grid-docs-demo-view-grid',\n templateUrl:\n './data-manager-data-entry-grid-docs-demo-view-grid.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataEntryGridDocsDemoViewGridComponent\n implements OnInit\n{\n @Input()\n public set items(value: any[]) {\n this._items = value;\n this.changeDetector.markForCheck();\n if (this.gridApi) {\n this.gridApi.refreshCells();\n }\n }\n\n public viewId = 'dataEntryGridWithDataManagerView';\n\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'validationCurrency',\n headerName: 'Validation currency',\n type: [SkyCellType.CurrencyValidator],\n },\n {\n field: 'validationDate',\n headerName: 'Validation date',\n type: [SkyCellType.Date, SkyCellType.Validator],\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value: Date) => !!value && value > new Date(1985, 9, 26),\n validatorMessage: 'Please enter a future date',\n },\n },\n },\n ];\n\n public dataState = new SkyDataManagerState({});\n\n public columnApi?: ColumnApi;\n public displayedItems: any[] = [];\n public gridApi?: GridApi;\n public gridInitialized = false;\n public gridOptions!: GridOptions;\n public noRowsTemplate: string;\n public isActive = false;\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Data Grid View',\n icon: 'table',\n searchEnabled: true,\n sortEnabled: true,\n multiselectToolbarEnabled: true,\n columnPickerEnabled: true,\n filterButtonEnabled: true,\n columnOptions: [\n {\n id: 'selected',\n label: 'selected',\n alwaysDisplayed: true,\n },\n {\n id: 'name',\n label: 'Name',\n description: 'The name of the employee.',\n },\n {\n id: 'age',\n label: 'Age',\n description: 'The age of the employee.',\n },\n {\n id: 'startDate',\n label: 'Start date',\n description: 'The start date of the employee.',\n },\n {\n id: 'endDate',\n label: 'End date',\n description: 'The end date of the employee.',\n },\n {\n id: 'department',\n label: 'Department',\n description: 'The department of the employee',\n },\n {\n id: 'jobTitle',\n label: 'Title',\n description: 'The job title of the employee.',\n },\n {\n id: 'validationCurrency',\n label: 'Validation currency',\n description: 'An example column for currency validation.',\n },\n {\n id: 'validationDate',\n label: 'Validation date',\n description: 'An example column for date validation.',\n },\n ],\n };\n\n private _items: any[] = [];\n\n constructor(\n private agGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {\n this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n }\n\n public ngOnInit(): void {\n this.displayedItems = this._items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefs,\n onGridReady: this.onGridReady.bind(this),\n },\n });\n\n this.dataManagerService\n .getDataStateUpdates(this.viewId)\n .subscribe((state) => {\n this.dataState = state;\n this.setInitialColumnOrder();\n this.updateData();\n this.changeDetector.detectChanges();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n this.isActive = id === this.viewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public updateData(): void {\n this.sortItems();\n this.displayedItems = this.filterItems(this.searchItems(this._items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter((item) => item.selected);\n }\n\n if (this.displayedItems.length > 0) {\n this.gridApi?.hideOverlay();\n } else {\n this.gridApi?.showNoRowsOverlay();\n }\n\n this.changeDetector.markForCheck();\n }\n\n public setInitialColumnOrder(): void {\n const viewState = this.dataState.getViewStateById(this.viewId);\n const visibleColumns = viewState.displayedColumnIds;\n\n this.columnDefs.sort((col1, col2) => {\n const col1Index = visibleColumns.findIndex(\n (colId: string) => colId === col1.colId\n );\n const col2Index = visibleColumns.findIndex(\n (colId: string) => colId === col2.colId\n );\n\n if (col1Index === -1) {\n col1.hide = true;\n return 0;\n } else if (col2Index === -1) {\n col2.hide = true;\n return 0;\n } else {\n return col1Index - col2Index;\n }\n });\n\n this.gridInitialized = true;\n this.changeDetector.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.columnApi = gridReadyEvent.columnApi;\n this.updateData();\n this.changeDetector.markForCheck();\n }\n\n public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n if (!rowSelectedEvent.data.selected) {\n this.updateData();\n }\n }\n\n public sortItems(): void {\n const sortOption = this.dataState.activeSortOption;\n if (this.columnApi && sortOption) {\n this.columnApi.applyColumnState({\n state: [\n {\n colId: sortOption.propertyName,\n sort: sortOption.descending ? 'desc' : 'asc',\n },\n ],\n });\n }\n }\n\n public searchItems(items: any[]): any[] {\n let searchedItems = items;\n const searchText = this.dataState && this.dataState.searchText;\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (\n Object.prototype.hasOwnProperty.call(item, property) &&\n (property === 'name' || property === 'description')\n ) {\n const propertyText = item[property].toLowerCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n\n return false;\n });\n }\n\n return searchedItems;\n }\n\n public filterItems(items: any[]): any[] {\n let filteredItems = items;\n const filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n const filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n return (\n ((filters.hideSales && item.department.name !== 'Sales') ||\n !filters.hideSales) &&\n ((filters.jobTitle !== 'any' &&\n item.jobTitle?.name === filters.jobTitle) ||\n !filters.jobTitle ||\n filters.jobTitle === 'any')\n );\n });\n }\n\n return filteredItems;\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4455
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport {\n ColDef,\n ColumnApi,\n GridApi,\n GridOptions,\n GridReadyEvent,\n RowSelectedEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\n@Component({\n selector: 'app-data-manager-data-entry-grid-docs-demo-view-grid',\n templateUrl:\n './data-manager-data-entry-grid-docs-demo-view-grid.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataEntryGridDocsDemoViewGridComponent\n implements OnInit\n{\n @Input()\n public set items(value: any[]) {\n this._items = value;\n this.changeDetector.markForCheck();\n if (this.gridApi) {\n this.gridApi.refreshCells();\n }\n }\n\n public viewId = 'dataEntryGridWithDataManagerView';\n\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'validationCurrency',\n headerName: 'Validation currency',\n type: [SkyCellType.CurrencyValidator],\n },\n {\n field: 'validationDate',\n headerName: 'Validation date',\n type: [SkyCellType.Date, SkyCellType.Validator],\n cellRendererParams: {\n skyComponentProperties: {\n validator: (value: Date) => !!value && value > new Date(1985, 9, 26),\n validatorMessage: 'Please enter a future date',\n },\n },\n },\n ];\n\n public dataState = new SkyDataManagerState({});\n\n public columnApi?: ColumnApi;\n public displayedItems: any[] = [];\n public gridApi?: GridApi;\n public gridInitialized = false;\n public gridOptions!: GridOptions;\n public noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n public isActive = false;\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Data Grid View',\n icon: 'table',\n searchEnabled: true,\n sortEnabled: true,\n multiselectToolbarEnabled: true,\n columnPickerEnabled: true,\n filterButtonEnabled: true,\n columnOptions: [\n {\n id: 'selected',\n label: 'selected',\n alwaysDisplayed: true,\n },\n {\n id: 'name',\n label: 'Name',\n description: 'The name of the employee.',\n },\n {\n id: 'age',\n label: 'Age',\n description: 'The age of the employee.',\n },\n {\n id: 'startDate',\n label: 'Start date',\n description: 'The start date of the employee.',\n },\n {\n id: 'endDate',\n label: 'End date',\n description: 'The end date of the employee.',\n },\n {\n id: 'department',\n label: 'Department',\n description: 'The department of the employee',\n },\n {\n id: 'jobTitle',\n label: 'Title',\n description: 'The job title of the employee.',\n },\n {\n id: 'validationCurrency',\n label: 'Validation currency',\n description: 'An example column for currency validation.',\n },\n {\n id: 'validationDate',\n label: 'Validation date',\n description: 'An example column for date validation.',\n },\n ],\n };\n\n private _items: any[] = [];\n\n constructor(\n private agGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {}\n\n public ngOnInit(): void {\n this.displayedItems = this._items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefs,\n onGridReady: this.onGridReady.bind(this),\n },\n });\n\n this.dataManagerService\n .getDataStateUpdates(this.viewId)\n .subscribe((state) => {\n this.dataState = state;\n this.setInitialColumnOrder();\n this.updateData();\n this.changeDetector.detectChanges();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n this.isActive = id === this.viewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public updateData(): void {\n this.sortItems();\n this.displayedItems = this.filterItems(this.searchItems(this._items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter((item) => item.selected);\n }\n\n if (this.displayedItems.length > 0) {\n this.gridApi?.hideOverlay();\n } else {\n this.gridApi?.showNoRowsOverlay();\n }\n\n this.changeDetector.markForCheck();\n }\n\n public setInitialColumnOrder(): void {\n const viewState = this.dataState.getViewStateById(this.viewId);\n const visibleColumns = viewState.displayedColumnIds;\n\n this.columnDefs.sort((col1, col2) => {\n const col1Index = visibleColumns.findIndex(\n (colId: string) => colId === col1.colId\n );\n const col2Index = visibleColumns.findIndex(\n (colId: string) => colId === col2.colId\n );\n\n if (col1Index === -1) {\n col1.hide = true;\n return 0;\n } else if (col2Index === -1) {\n col2.hide = true;\n return 0;\n } else {\n return col1Index - col2Index;\n }\n });\n\n this.gridInitialized = true;\n this.changeDetector.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.columnApi = gridReadyEvent.columnApi;\n this.updateData();\n this.changeDetector.markForCheck();\n }\n\n public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n if (!rowSelectedEvent.data.selected) {\n this.updateData();\n }\n }\n\n public sortItems(): void {\n const sortOption = this.dataState.activeSortOption;\n if (this.columnApi && sortOption) {\n this.columnApi.applyColumnState({\n state: [\n {\n colId: sortOption.propertyName,\n sort: sortOption.descending ? 'desc' : 'asc',\n },\n ],\n });\n }\n }\n\n public searchItems(items: any[]): any[] {\n let searchedItems = items;\n const searchText = this.dataState && this.dataState.searchText;\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (\n Object.prototype.hasOwnProperty.call(item, property) &&\n (property === 'name' || property === 'description')\n ) {\n const propertyText = item[property].toLowerCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n\n return false;\n });\n }\n\n return searchedItems;\n }\n\n public filterItems(items: any[]): any[] {\n let filteredItems = items;\n const filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n const filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n return (\n ((filters.hideSales && item.department.name !== 'Sales') ||\n !filters.hideSales) &&\n ((filters.jobTitle !== 'any' &&\n item.jobTitle?.name === filters.jobTitle) ||\n !filters.jobTitle ||\n filters.jobTitle === 'any')\n );\n });\n }\n\n return filteredItems;\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4329
4456
  },
4330
4457
  {
4331
4458
  "fileName": "data-manager-data-entry-grid-docs-demo.component.html",
@@ -4342,65 +4469,125 @@
4342
4469
  "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo.module.ts",
4343
4470
  "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyDataManagerDataEntryGridContextMenuComponent } from './data-manager-data-entry-grid-docs-demo-context-menu.component';\nimport { SkyDataManagerDataEntryGridEditModalComponent } from './data-manager-data-entry-grid-docs-demo-edit-modal.component';\nimport { DataManagerDataEntryGridDocsDemoFiltersModalComponent } from './data-manager-data-entry-grid-docs-demo-filter-modal.component';\nimport { DataManagerDataEntryGridDocsDemoViewGridComponent } from './data-manager-data-entry-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerDataEntryGridDemoComponent } from './data-manager-data-entry-grid-docs-demo.component';\n\n@NgModule({\n declarations: [\n SkyDataManagerDataEntryGridContextMenuComponent,\n SkyDataManagerDataEntryGridDemoComponent,\n SkyDataManagerDataEntryGridEditModalComponent,\n DataManagerDataEntryGridDocsDemoFiltersModalComponent,\n DataManagerDataEntryGridDocsDemoViewGridComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyToolbarModule,\n SkySearchModule,\n AgGridModule,\n SkyAgGridModule,\n SkyModalModule,\n SkyDropdownModule,\n SkyDataManagerModule,\n SkyCheckboxModule,\n ],\n exports: [SkyDataManagerDataEntryGridDemoComponent],\n})\nexport class SkyDataManagerDataEntryGridDocsDemoModule {}\n"
4344
4471
  },
4472
+ {
4473
+ "fileName": "basic-multiselect-data-grid-docs-demo-data.ts",
4474
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo-data.ts",
4475
+ "rawContents": "export interface SkyAutocompleteOption {\n id: string;\n name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n {\n id: '1',\n name: 'Marketing',\n },\n {\n id: '2',\n name: 'Sales',\n },\n {\n id: '3',\n name: 'Engineering',\n },\n {\n id: '4',\n name: 'Customer Support',\n },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n Marketing: [\n {\n id: '1',\n name: 'Social Media Coordinator',\n },\n {\n id: '2',\n name: 'Blog Manager',\n },\n {\n id: '3',\n name: 'Events Manager',\n },\n ],\n Sales: [\n {\n id: '4',\n name: 'Business Development Representative',\n },\n {\n id: '5',\n name: 'Account Executive',\n },\n ],\n Engineering: [\n {\n id: '6',\n name: 'Software Engineer',\n },\n {\n id: '7',\n name: 'Senior Software Engineer',\n },\n {\n id: '8',\n name: 'Principal Software Engineer',\n },\n {\n id: '9',\n name: 'UX Designer',\n },\n {\n id: '10',\n name: 'Product Manager',\n },\n ],\n 'Customer Support': [\n {\n id: '11',\n name: 'Customer Support Representative',\n },\n {\n id: '12',\n name: 'Account Manager',\n },\n {\n id: '13',\n name: 'Customer Support Specialist',\n },\n ],\n};\n\nexport interface SkyAgGridDemoRow {\n selected: boolean;\n name: string;\n age: number;\n startDate: Date;\n endDate?: Date;\n department: SkyAutocompleteOption;\n jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n {\n selected: false,\n name: 'Billy Bob',\n age: 55,\n startDate: new Date('12/1/1994'),\n department: SKY_DEPARTMENTS[3],\n jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n },\n {\n selected: false,\n name: 'Jane Deere',\n age: 33,\n startDate: new Date('7/15/2009'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][2],\n },\n {\n selected: false,\n name: 'John Doe',\n age: 38,\n startDate: new Date('9/1/2017'),\n endDate: new Date('9/30/2017'),\n department: SKY_DEPARTMENTS[1],\n },\n {\n selected: false,\n name: 'David Smith',\n age: 51,\n startDate: new Date('1/1/2012'),\n endDate: new Date('6/15/2018'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][4],\n },\n {\n selected: true,\n name: 'Emily Johnson',\n age: 41,\n startDate: new Date('1/15/2014'),\n department: SKY_DEPARTMENTS[0],\n jobTitle: SKY_JOB_TITLES['Marketing'][2],\n },\n {\n selected: false,\n name: 'Nicole Davidson',\n age: 22,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][0],\n },\n {\n selected: false,\n name: 'Carl Roberts',\n age: 23,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][3],\n },\n];\n"
4476
+ },
4477
+ {
4478
+ "fileName": "basic-multiselect-data-grid-docs-demo.component.html",
4479
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo.component.html",
4480
+ "rawContents": "<div>\n <sky-ag-grid-wrapper>\n <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n </ag-grid-angular>\n </sky-ag-grid-wrapper>\n</div>\n"
4481
+ },
4482
+ {
4483
+ "fileName": "basic-multiselect-data-grid-docs-demo.component.ts",
4484
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo.component.ts",
4485
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './basic-multiselect-data-grid-docs-demo-data';\n\n@Component({\n selector: 'app-basic-multiselect-data-grid-docs-demo',\n templateUrl: './basic-multiselect-data-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyBasicMultiselectDataGridDemoComponent {\n public multiselectColumnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public gridOptions: GridOptions;\n public searchText = '';\n\n constructor(private agGridService: SkyAgGridService) {\n this.gridOptions = {\n columnDefs: this.multiselectColumnDefs,\n onGridReady: (gridReadyEvent) => this.onGridReady(gridReadyEvent),\n rowSelection: 'multiple',\n };\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: this.gridOptions,\n });\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4486
+ },
4487
+ {
4488
+ "fileName": "basic-multiselect-data-grid-docs-demo.module.ts",
4489
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo.module.ts",
4490
+ "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport {\n SkyDataManagerModule,\n SkyDataManagerService,\n} from '@skyux/data-manager';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyBasicMultiselectDataGridDemoComponent } from './basic-multiselect-data-grid-docs-demo.component';\n\n@NgModule({\n declarations: [SkyBasicMultiselectDataGridDemoComponent],\n exports: [SkyBasicMultiselectDataGridDemoComponent],\n imports: [\n CommonModule,\n SkyToolbarModule,\n SkySearchModule,\n SkyDataManagerModule,\n SkyAgGridModule,\n AgGridModule,\n ],\n providers: [SkyDataManagerService],\n})\nexport class SkyBasicMultiselectDataGridDocsDemoModule {}\n"
4491
+ },
4345
4492
  {
4346
4493
  "fileName": "basic-data-grid-docs-demo-data.ts",
4347
4494
  "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-demo-data.ts",
4348
- "rawContents": "export interface SkyAutocompleteOption {\n id: string;\n name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n {\n id: '1',\n name: 'Marketing',\n },\n {\n id: '2',\n name: 'Sales',\n },\n {\n id: '3',\n name: 'Engineering',\n },\n {\n id: '4',\n name: 'Customer Support',\n },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n Marketing: [\n {\n id: '1',\n name: 'Social Media Coordinator',\n },\n {\n id: '2',\n name: 'Blog Manager',\n },\n {\n id: '3',\n name: 'Events Manager',\n },\n ],\n Sales: [\n {\n id: '4',\n name: 'Business Development Representative',\n },\n {\n id: '5',\n name: 'Account Executive',\n },\n ],\n Engineering: [\n {\n id: '6',\n name: 'Software Engineer',\n },\n {\n id: '7',\n name: 'Senior Software Engineer',\n },\n {\n id: '8',\n name: 'Principal Software Engineer',\n },\n {\n id: '9',\n name: 'UX Designer',\n },\n {\n id: '10',\n name: 'Product Manager',\n },\n ],\n 'Customer Support': [\n {\n id: '11',\n name: 'Customer Support Representative',\n },\n {\n id: '12',\n name: 'Account Manager',\n },\n {\n id: '13',\n name: 'Customer Support Specialist',\n },\n ],\n};\n\nexport interface SkyAgGridDemoRow {\n selected: boolean;\n name: string;\n age: number;\n startDate: Date;\n endDate?: Date;\n department: SkyAutocompleteOption;\n jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n {\n selected: true,\n name: 'Billy Bob',\n age: 55,\n startDate: new Date('12/1/1994'),\n department: SKY_DEPARTMENTS[3],\n jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n },\n {\n selected: false,\n name: 'Jane Deere',\n age: 33,\n startDate: new Date('7/15/2009'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][2],\n },\n {\n selected: false,\n name: 'John Doe',\n age: 38,\n startDate: new Date('9/1/2017'),\n endDate: new Date('9/30/2017'),\n department: SKY_DEPARTMENTS[1],\n },\n {\n selected: false,\n name: 'David Smith',\n age: 51,\n startDate: new Date('1/1/2012'),\n endDate: new Date('6/15/2018'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][4],\n },\n {\n selected: true,\n name: 'Emily Johnson',\n age: 41,\n startDate: new Date('1/15/2014'),\n department: SKY_DEPARTMENTS[0],\n jobTitle: SKY_JOB_TITLES['Marketing'][2],\n },\n {\n selected: false,\n name: 'Nicole Davidson',\n age: 22,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][0],\n },\n {\n selected: false,\n name: 'Carl Roberts',\n age: 23,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][3],\n },\n];\n"
4495
+ "rawContents": "export interface SkyAutocompleteOption {\n id: string;\n name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n {\n id: '1',\n name: 'Marketing',\n },\n {\n id: '2',\n name: 'Sales',\n },\n {\n id: '3',\n name: 'Engineering',\n },\n {\n id: '4',\n name: 'Customer Support',\n },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n Marketing: [\n {\n id: '1',\n name: 'Social Media Coordinator',\n },\n {\n id: '2',\n name: 'Blog Manager',\n },\n {\n id: '3',\n name: 'Events Manager',\n },\n ],\n Sales: [\n {\n id: '4',\n name: 'Business Development Representative',\n },\n {\n id: '5',\n name: 'Account Executive',\n },\n ],\n Engineering: [\n {\n id: '6',\n name: 'Software Engineer',\n },\n {\n id: '7',\n name: 'Senior Software Engineer',\n },\n {\n id: '8',\n name: 'Principal Software Engineer',\n },\n {\n id: '9',\n name: 'UX Designer',\n },\n {\n id: '10',\n name: 'Product Manager',\n },\n ],\n 'Customer Support': [\n {\n id: '11',\n name: 'Customer Support Representative',\n },\n {\n id: '12',\n name: 'Account Manager',\n },\n {\n id: '13',\n name: 'Customer Support Specialist',\n },\n ],\n};\n\nexport interface SkyAgGridDemoRow {\n selected: boolean;\n name: string;\n age: number;\n startDate: Date;\n endDate?: Date;\n department: SkyAutocompleteOption;\n jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n {\n name: 'Billy Bob',\n age: 55,\n startDate: new Date('12/1/1994'),\n department: SKY_DEPARTMENTS[3],\n jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n },\n {\n name: 'Jane Deere',\n age: 33,\n startDate: new Date('7/15/2009'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][2],\n },\n {\n name: 'John Doe',\n age: 38,\n startDate: new Date('9/1/2017'),\n endDate: new Date('9/30/2017'),\n department: SKY_DEPARTMENTS[1],\n },\n {\n name: 'David Smith',\n age: 51,\n startDate: new Date('1/1/2012'),\n endDate: new Date('6/15/2018'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][4],\n },\n {\n name: 'Emily Johnson',\n age: 41,\n startDate: new Date('1/15/2014'),\n department: SKY_DEPARTMENTS[0],\n jobTitle: SKY_JOB_TITLES['Marketing'][2],\n },\n {\n name: 'Nicole Davidson',\n age: 22,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][0],\n },\n {\n name: 'Carl Roberts',\n age: 23,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][3],\n },\n];\n"
4349
4496
  },
4350
4497
  {
4351
4498
  "fileName": "basic-data-grid-docs-demo.component.html",
4352
4499
  "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-demo.component.html",
4353
- "rawContents": "<div>\n <sky-toolbar>\n <sky-toolbar-item>\n <sky-search\n [searchText]=\"searchText\"\n [debounceTime]=\"250\"\n (searchApply)=\"searchApplied($event)\"\n (searchChange)=\"searchApplied($event)\"\n (searchClear)=\"searchApplied($event)\"\n >\n </sky-search>\n </sky-toolbar-item>\n </sky-toolbar>\n <sky-ag-grid-wrapper>\n <ag-grid-angular\n [gridOptions]=\"gridOptions\"\n [rowData]=\"gridData\"\n [overlayNoRowsTemplate]=\"noRowsTemplate\"\n >\n </ag-grid-angular>\n </sky-ag-grid-wrapper>\n</div>\n"
4500
+ "rawContents": "<div>\n <sky-ag-grid-wrapper>\n <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n </ag-grid-angular>\n </sky-ag-grid-wrapper>\n</div>\n"
4354
4501
  },
4355
4502
  {
4356
4503
  "fileName": "basic-data-grid-docs-demo.component.ts",
4357
4504
  "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-demo.component.ts",
4358
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './basic-data-grid-docs-demo-data';\n\n@Component({\n selector: 'app-basic-data-grid-docs-demo',\n templateUrl: './basic-data-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyBasicDataGridDemoComponent {\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public gridOptions: GridOptions;\n public searchText = '';\n public noRowsTemplate: string;\n\n constructor(\n private agGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef\n ) {\n this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefs,\n onGridReady: this.onGridReady.bind(this),\n },\n });\n this.changeDetector.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.changeDetector.markForCheck();\n }\n\n public searchApplied(searchText: string | void): void {\n if (searchText) {\n this.searchText = searchText;\n } else {\n this.searchText = '';\n }\n if (this.gridApi) {\n this.gridApi.setQuickFilter(this.searchText);\n const displayedRowCount = this.gridApi.getDisplayedRowCount();\n if (displayedRowCount > 0) {\n this.gridApi.hideOverlay();\n } else {\n this.gridApi.showNoRowsOverlay();\n }\n }\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4505
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './basic-data-grid-docs-demo-data';\n\n@Component({\n selector: 'app-basic-data-grid-docs-demo',\n templateUrl: './basic-data-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyBasicDataGridDemoComponent {\n public columnDefs: ColDef[] = [\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public gridOptions: GridOptions;\n public searchText = '';\n\n constructor(private agGridService: SkyAgGridService) {\n this.gridOptions = {\n columnDefs: this.columnDefs,\n onGridReady: (gridReadyEvent) => this.onGridReady(gridReadyEvent),\n rowSelection: 'single',\n };\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: this.gridOptions,\n });\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4359
4506
  },
4360
4507
  {
4361
4508
  "fileName": "basic-data-grid-docs-demo.module.ts",
4362
4509
  "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-demo.module.ts",
4363
4510
  "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport {\n SkyDataManagerModule,\n SkyDataManagerService,\n} from '@skyux/data-manager';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyBasicDataGridDemoComponent } from './basic-data-grid-docs-demo.component';\n\n@NgModule({\n declarations: [SkyBasicDataGridDemoComponent],\n exports: [SkyBasicDataGridDemoComponent],\n imports: [\n CommonModule,\n SkyToolbarModule,\n SkySearchModule,\n SkyDataManagerModule,\n SkyAgGridModule,\n AgGridModule,\n ],\n providers: [SkyDataManagerService],\n})\nexport class SkyBasicDataGridDocsDemoModule {}\n"
4364
4511
  },
4512
+ {
4513
+ "fileName": "data-manager-multiselect-data-grid-docs-demo-data.ts",
4514
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-data.ts",
4515
+ "rawContents": "export interface SkyAutocompleteOption {\n id: string;\n name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n {\n id: '1',\n name: 'Marketing',\n },\n {\n id: '2',\n name: 'Sales',\n },\n {\n id: '3',\n name: 'Engineering',\n },\n {\n id: '4',\n name: 'Customer Support',\n },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n Marketing: [\n {\n id: '1',\n name: 'Social Media Coordinator',\n },\n {\n id: '2',\n name: 'Blog Manager',\n },\n {\n id: '3',\n name: 'Events Manager',\n },\n ],\n Sales: [\n {\n id: '4',\n name: 'Business Development Representative',\n },\n {\n id: '5',\n name: 'Account Executive',\n },\n ],\n Engineering: [\n {\n id: '6',\n name: 'Software Engineer',\n },\n {\n id: '7',\n name: 'Senior Software Engineer',\n },\n {\n id: '8',\n name: 'Principal Software Engineer',\n },\n {\n id: '9',\n name: 'UX Designer',\n },\n {\n id: '10',\n name: 'Product Manager',\n },\n ],\n 'Customer Support': [\n {\n id: '11',\n name: 'Customer Support Representative',\n },\n {\n id: '12',\n name: 'Account Manager',\n },\n {\n id: '13',\n name: 'Customer Support Specialist',\n },\n ],\n};\n\nexport interface SkyAgGridDemoRow {\n selected: boolean;\n name: string;\n age: number;\n startDate: Date;\n endDate?: Date;\n department: SkyAutocompleteOption;\n jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n {\n selected: false,\n name: 'Billy Bob',\n age: 55,\n startDate: new Date('12/1/1994'),\n department: SKY_DEPARTMENTS[3],\n jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n },\n {\n selected: false,\n name: 'Jane Deere',\n age: 33,\n startDate: new Date('7/15/2009'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][2],\n },\n {\n selected: false,\n name: 'John Doe',\n age: 38,\n startDate: new Date('9/1/2017'),\n endDate: new Date('9/30/2017'),\n department: SKY_DEPARTMENTS[1],\n jobTitle: SKY_JOB_TITLES['Sales'][1],\n },\n {\n selected: false,\n name: 'David Smith',\n age: 51,\n startDate: new Date('1/1/2012'),\n endDate: new Date('6/15/2018'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][4],\n },\n {\n selected: true,\n name: 'Emily Johnson',\n age: 41,\n startDate: new Date('1/15/2014'),\n department: SKY_DEPARTMENTS[0],\n jobTitle: SKY_JOB_TITLES['Marketing'][2],\n },\n {\n selected: false,\n name: 'Nicole Davidson',\n age: 22,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][0],\n },\n {\n selected: false,\n name: 'Carl Roberts',\n age: 23,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][3],\n },\n];\n"
4516
+ },
4517
+ {
4518
+ "fileName": "data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html",
4519
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html",
4520
+ "rawContents": "<sky-modal>\n <sky-modal-header> Filter employees </sky-modal-header>\n <sky-modal-content>\n <label for=\"sky-demo-select-type\">Job Title</label>\n <select\n id=\"sky-demo-select-type\"\n [(ngModel)]=\"jobTitle\"\n class=\"sky-form-control\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div style=\"margin-top: 15px\">\n <sky-checkbox [(ngModel)]=\"hideSales\">\n <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n </sky-checkbox>\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
4521
+ },
4522
+ {
4523
+ "fileName": "data-manager-multiselect-data-grid-docs-demo-filter-modal.component.ts",
4524
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-filter-modal.component.ts",
4525
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport {\n SkyDataManagerFilterData,\n SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n selector: 'app-data-manager-multiselect-data-grid-docs-demo-filter-modal',\n templateUrl:\n './data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerMultiselectDataGridDocsDemoFiltersModalComponent {\n public jobTitle = '';\n\n public hideSales = false;\n\n constructor(\n public context: SkyDataManagerFilterModalContext,\n public instance: SkyModalInstance,\n private changeDetector: ChangeDetectorRef\n ) {\n if (this.context.filterData && this.context.filterData.filters) {\n const filters = this.context.filterData.filters;\n this.jobTitle = filters.jobTitle || 'any';\n this.hideSales = filters.hideSales || false;\n }\n }\n\n public applyFilters() {\n const result: SkyDataManagerFilterData = {};\n\n result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n result.filters = {\n jobTitle: this.jobTitle,\n hideSales: this.hideSales,\n };\n this.changeDetector.markForCheck();\n\n this.instance.save(result);\n }\n\n public clearAllFilters() {\n this.hideSales = false;\n this.jobTitle = 'any';\n }\n\n public cancel() {\n this.instance.cancel();\n }\n}\n"
4526
+ },
4527
+ {
4528
+ "fileName": "data-manager-multiselect-data-grid-docs-demo-view-grid.component.html",
4529
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-view-grid.component.html",
4530
+ "rawContents": "<sky-data-view skyAgGridDataManagerAdapter [viewId]=\"viewConfig.id\">\n <sky-ag-grid-wrapper *ngIf=\"isViewActive && isGridReadyForInitialization\">\n <ag-grid-angular\n [gridOptions]=\"gridOptions\"\n [rowData]=\"displayedItems\"\n [overlayNoRowsTemplate]=\"noRowsTemplate\"\n (rowSelected)=\"onRowSelected($event)\"\n >\n </ag-grid-angular>\n </sky-ag-grid-wrapper>\n</sky-data-view>\n"
4531
+ },
4532
+ {
4533
+ "fileName": "data-manager-multiselect-data-grid-docs-demo-view-grid.component.ts",
4534
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-view-grid.component.ts",
4535
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n SkyDataManagerColumnPickerOption,\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n SkyDataViewState,\n} from '@skyux/data-manager';\n\nimport {\n ColDef,\n ColumnApi,\n GridApi,\n GridOptions,\n GridReadyEvent,\n RowSelectedEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\n@Component({\n selector: 'app-data-manager-multiselect-data-grid-docs-demo-view-grid',\n templateUrl:\n './data-manager-multiselect-data-grid-docs-demo-view-grid.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerMultiselectDataGridDocsDemoViewGridComponent\n implements OnInit\n{\n @Input()\n public items: any[] = [];\n\n public viewId = 'dataGridMultiselectWithDataManagerView';\n\n public columnDefinitions: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n private columnPickerOptions: SkyDataManagerColumnPickerOption[] = [\n {\n id: 'selected',\n label: '',\n alwaysDisplayed: true,\n },\n {\n id: 'name',\n label: 'Name',\n description: 'The name of the employee.',\n },\n {\n id: 'age',\n label: 'Age',\n description: 'The age of the employee.',\n },\n {\n id: 'startDate',\n label: 'Start date',\n description: 'The start date of the employee.',\n },\n {\n id: 'endDate',\n label: 'End date',\n description: 'The end date of the employee.',\n },\n {\n id: 'department',\n label: 'Department',\n description: 'The department of the employee',\n },\n {\n id: 'jobTitle',\n label: 'Title',\n description: 'The job title of the employee.',\n },\n ];\n\n public dataState = new SkyDataManagerState({});\n\n public columnApi?: ColumnApi;\n public displayedItems: any[] = [];\n public gridApi?: GridApi;\n public isGridReadyForInitialization = false;\n public gridOptions!: GridOptions;\n public noRowsTemplate = `<div class=\"sky-deemphasized\">No results found.</div>`;\n public isViewActive = false;\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Data Grid View',\n icon: 'table',\n searchEnabled: true,\n sortEnabled: true,\n multiselectToolbarEnabled: true,\n columnPickerEnabled: true,\n filterButtonEnabled: true,\n columnOptions: this.columnPickerOptions,\n };\n\n constructor(\n private skyAgGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {}\n\n public ngOnInit(): void {\n this.displayedItems = this.items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.gridOptions = this.skyAgGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefinitions,\n rowSelection: 'multiple',\n onGridReady: this.onGridReady.bind(this),\n },\n });\n\n this.dataManagerService\n .getDataStateUpdates(this.viewId)\n .subscribe((state) => {\n this.dataState = state;\n this.updateColumnOrder();\n this.isGridReadyForInitialization = true;\n this.updateDisplayedItems();\n this.changeDetector.detectChanges();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n this.isViewActive = id === this.viewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.columnApi = gridReadyEvent.columnApi;\n this.updateDisplayedItems();\n }\n\n public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n if (!rowSelectedEvent.data.selected) {\n this.updateDisplayedItems();\n }\n }\n\n private searchItems(items: any[]): any[] {\n let searchedItems = items;\n const searchText = this.dataState && this.dataState.searchText;\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (\n Object.prototype.hasOwnProperty.call(item, property) &&\n (property === 'name' || property === 'description')\n ) {\n const propertyText = item[property].toLowerCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n return false;\n });\n }\n return searchedItems;\n }\n\n private filterItems(items: any[]): any[] {\n let filteredItems = items;\n const filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n const filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n return (\n ((filters.hideSales && item.department.name !== 'Sales') ||\n !filters.hideSales) &&\n ((filters.jobTitle !== 'any' &&\n item.jobTitle?.name === filters.jobTitle) ||\n !filters.jobTitle ||\n filters.jobTitle === 'any')\n );\n });\n }\n\n return filteredItems;\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n\n private updateColumnOrder(): void {\n const viewState: SkyDataViewState = this.dataState.getViewStateById(\n this.viewId\n );\n\n this.columnDefinitions.sort((columnDefinition1, columnDefinition2) => {\n const displayedColumnIdIndex1: number =\n viewState.displayedColumnIds.findIndex(\n (aDisplayedColumnId: string) =>\n aDisplayedColumnId === columnDefinition1.field\n );\n const displayedColumnIdIndex2: number =\n viewState.displayedColumnIds.findIndex(\n (aDisplayedColumnId: string) =>\n aDisplayedColumnId === columnDefinition2.field\n );\n\n if (displayedColumnIdIndex1 === -1) {\n return 0;\n } else if (displayedColumnIdIndex2 === -1) {\n return 0;\n } else {\n return displayedColumnIdIndex1 - displayedColumnIdIndex2;\n }\n });\n this.changeDetector.markForCheck();\n }\n\n private updateDisplayedItems(): void {\n const sortOption = this.dataState.activeSortOption;\n if (this.columnApi && sortOption) {\n this.columnApi.applyColumnState({\n state: [\n {\n colId: sortOption.propertyName,\n sort: sortOption.descending ? 'desc' : 'asc',\n },\n ],\n });\n }\n\n this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter((item) => item.selected);\n }\n\n if (this.displayedItems.length > 0) {\n this.gridApi?.hideOverlay();\n } else {\n this.gridApi?.showNoRowsOverlay();\n }\n }\n}\n"
4536
+ },
4537
+ {
4538
+ "fileName": "data-manager-multiselect-data-grid-docs-demo.component.html",
4539
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo.component.html",
4540
+ "rawContents": "<sky-data-manager>\n <sky-data-manager-toolbar></sky-data-manager-toolbar>\n <app-data-manager-multiselect-data-grid-docs-demo-view-grid [items]=\"items\">\n </app-data-manager-multiselect-data-grid-docs-demo-view-grid>\n</sky-data-manager>\n"
4541
+ },
4542
+ {
4543
+ "fileName": "data-manager-multiselect-data-grid-docs-demo.component.ts",
4544
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo.component.ts",
4545
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-manager-multiselect-data-grid-docs-demo-data';\nimport { DataManagerMultiselectDataGridDocsDemoFiltersModalComponent } from './data-manager-multiselect-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n selector: 'app-data-manager-multiselect-data-grid-docs-demo',\n templateUrl: './data-manager-multiselect-data-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [SkyDataManagerService],\n})\nexport class SkyDataManagerMultiselectDataGridDemoComponent implements OnInit {\n public items = SKY_AG_GRID_DEMO_DATA;\n\n public dataState = new SkyDataManagerState({});\n\n public dataManagerConfig = {\n filterModalComponent:\n DataManagerMultiselectDataGridDocsDemoFiltersModalComponent,\n sortOptions: [\n {\n id: 'az',\n label: 'Name (A - Z)',\n descending: false,\n propertyName: 'name',\n },\n {\n id: 'za',\n label: 'Name (Z - A)',\n descending: true,\n propertyName: 'name',\n },\n ],\n };\n\n public defaultDataState = new SkyDataManagerState({\n filterData: {\n filtersApplied: false,\n filters: {\n hideSales: false,\n jobTitle: 'any',\n },\n },\n views: [\n {\n viewId: 'dataGridMultiselectWithDataManagerView',\n columnIds: [\n 'selected',\n 'name',\n 'age',\n 'startDate',\n 'endDate',\n 'department',\n 'jobTitle',\n ],\n displayedColumnIds: [\n 'selected',\n 'name',\n 'age',\n 'startDate',\n 'endDate',\n 'department',\n 'jobTitle',\n ],\n },\n ],\n });\n\n public activeViewId = 'dataGridMultiselectWithDataManagerView';\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {\n this.dataManagerService\n .getDataStateUpdates('dataGridDataManager')\n .subscribe((state) => {\n this.dataState = state;\n this.changeDetector.detectChanges();\n });\n this.dataManagerService\n .getActiveViewIdUpdates()\n .subscribe((activeViewId) => {\n this.activeViewId = activeViewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public ngOnInit(): void {\n this.dataManagerService.initDataManager({\n activeViewId: this.activeViewId,\n dataManagerConfig: this.dataManagerConfig,\n defaultDataState: this.defaultDataState,\n });\n }\n}\n"
4546
+ },
4547
+ {
4548
+ "fileName": "data-manager-multiselect-data-grid-docs-demo.module.ts",
4549
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo.module.ts",
4550
+ "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerMultiselectDataGridDocsDemoFiltersModalComponent } from './data-manager-multiselect-data-grid-docs-demo-filter-modal.component';\nimport { DataManagerMultiselectDataGridDocsDemoViewGridComponent } from './data-manager-multiselect-data-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerMultiselectDataGridDemoComponent } from './data-manager-multiselect-data-grid-docs-demo.component';\n\n@NgModule({\n declarations: [\n SkyDataManagerMultiselectDataGridDemoComponent,\n DataManagerMultiselectDataGridDocsDemoFiltersModalComponent,\n DataManagerMultiselectDataGridDocsDemoViewGridComponent,\n ],\n exports: [SkyDataManagerMultiselectDataGridDemoComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyToolbarModule,\n SkySearchModule,\n SkyDataManagerModule,\n SkyAgGridModule,\n AgGridModule,\n SkyDataManagerModule,\n SkyModalModule,\n SkyCheckboxModule,\n ],\n})\nexport class SkyDataManagerMultiselectDataGridDocsDemoModule {}\n"
4551
+ },
4365
4552
  {
4366
4553
  "fileName": "data-manager-data-grid-docs-demo-data.ts",
4367
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo-data.ts",
4368
- "rawContents": "export interface SkyAutocompleteOption {\n id: string;\n name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n {\n id: '1',\n name: 'Marketing',\n },\n {\n id: '2',\n name: 'Sales',\n },\n {\n id: '3',\n name: 'Engineering',\n },\n {\n id: '4',\n name: 'Customer Support',\n },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n Marketing: [\n {\n id: '1',\n name: 'Social Media Coordinator',\n },\n {\n id: '2',\n name: 'Blog Manager',\n },\n {\n id: '3',\n name: 'Events Manager',\n },\n ],\n Sales: [\n {\n id: '4',\n name: 'Business Development Representative',\n },\n {\n id: '5',\n name: 'Account Executive',\n },\n ],\n Engineering: [\n {\n id: '6',\n name: 'Software Engineer',\n },\n {\n id: '7',\n name: 'Senior Software Engineer',\n },\n {\n id: '8',\n name: 'Principal Software Engineer',\n },\n {\n id: '9',\n name: 'UX Designer',\n },\n {\n id: '10',\n name: 'Product Manager',\n },\n ],\n 'Customer Support': [\n {\n id: '11',\n name: 'Customer Support Representative',\n },\n {\n id: '12',\n name: 'Account Manager',\n },\n {\n id: '13',\n name: 'Customer Support Specialist',\n },\n ],\n};\n\nexport interface SkyAgGridDemoRow {\n selected: boolean;\n name: string;\n age: number;\n startDate: Date;\n endDate?: Date;\n department: SkyAutocompleteOption;\n jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n {\n selected: true,\n name: 'Billy Bob',\n age: 55,\n startDate: new Date('12/1/1994'),\n department: SKY_DEPARTMENTS[3],\n jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n },\n {\n selected: false,\n name: 'Jane Deere',\n age: 33,\n startDate: new Date('7/15/2009'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][2],\n },\n {\n selected: false,\n name: 'John Doe',\n age: 38,\n startDate: new Date('9/1/2017'),\n endDate: new Date('9/30/2017'),\n department: SKY_DEPARTMENTS[1],\n jobTitle: SKY_JOB_TITLES['Sales'][1],\n },\n {\n selected: false,\n name: 'David Smith',\n age: 51,\n startDate: new Date('1/1/2012'),\n endDate: new Date('6/15/2018'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][4],\n },\n {\n selected: true,\n name: 'Emily Johnson',\n age: 41,\n startDate: new Date('1/15/2014'),\n department: SKY_DEPARTMENTS[0],\n jobTitle: SKY_JOB_TITLES['Marketing'][2],\n },\n {\n selected: false,\n name: 'Nicole Davidson',\n age: 22,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][0],\n },\n {\n selected: false,\n name: 'Carl Roberts',\n age: 23,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][3],\n },\n];\n"
4554
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-data.ts",
4555
+ "rawContents": "export interface SkyAutocompleteOption {\n id: string;\n name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n {\n id: '1',\n name: 'Marketing',\n },\n {\n id: '2',\n name: 'Sales',\n },\n {\n id: '3',\n name: 'Engineering',\n },\n {\n id: '4',\n name: 'Customer Support',\n },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n Marketing: [\n {\n id: '1',\n name: 'Social Media Coordinator',\n },\n {\n id: '2',\n name: 'Blog Manager',\n },\n {\n id: '3',\n name: 'Events Manager',\n },\n ],\n Sales: [\n {\n id: '4',\n name: 'Business Development Representative',\n },\n {\n id: '5',\n name: 'Account Executive',\n },\n ],\n Engineering: [\n {\n id: '6',\n name: 'Software Engineer',\n },\n {\n id: '7',\n name: 'Senior Software Engineer',\n },\n {\n id: '8',\n name: 'Principal Software Engineer',\n },\n {\n id: '9',\n name: 'UX Designer',\n },\n {\n id: '10',\n name: 'Product Manager',\n },\n ],\n 'Customer Support': [\n {\n id: '11',\n name: 'Customer Support Representative',\n },\n {\n id: '12',\n name: 'Account Manager',\n },\n {\n id: '13',\n name: 'Customer Support Specialist',\n },\n ],\n};\n\nexport interface SkyAgGridDemoRow {\n selected: boolean;\n name: string;\n age: number;\n startDate: Date;\n endDate?: Date;\n department: SkyAutocompleteOption;\n jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n {\n name: 'Billy Bob',\n age: 55,\n startDate: new Date('12/1/1994'),\n department: SKY_DEPARTMENTS[3],\n jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n },\n {\n name: 'Jane Deere',\n age: 33,\n startDate: new Date('7/15/2009'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][2],\n },\n {\n name: 'John Doe',\n age: 38,\n startDate: new Date('9/1/2017'),\n endDate: new Date('9/30/2017'),\n department: SKY_DEPARTMENTS[1],\n jobTitle: SKY_JOB_TITLES['Sales'][1],\n },\n {\n name: 'David Smith',\n age: 51,\n startDate: new Date('1/1/2012'),\n endDate: new Date('6/15/2018'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][4],\n },\n {\n name: 'Emily Johnson',\n age: 41,\n startDate: new Date('1/15/2014'),\n department: SKY_DEPARTMENTS[0],\n jobTitle: SKY_JOB_TITLES['Marketing'][2],\n },\n {\n name: 'Nicole Davidson',\n age: 22,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][0],\n },\n {\n name: 'Carl Roberts',\n age: 23,\n startDate: new Date('11/1/2019'),\n department: SKY_DEPARTMENTS[2],\n jobTitle: SKY_JOB_TITLES['Engineering'][3],\n },\n];\n"
4369
4556
  },
4370
4557
  {
4371
4558
  "fileName": "data-manager-data-grid-docs-demo-filter-modal.component.html",
4372
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo-filter-modal.component.html",
4559
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-filter-modal.component.html",
4373
4560
  "rawContents": "<sky-modal>\n <sky-modal-header> Filter employees </sky-modal-header>\n <sky-modal-content>\n <label for=\"sky-demo-select-type\">Job Title</label>\n <select\n id=\"sky-demo-select-type\"\n [(ngModel)]=\"jobTitle\"\n class=\"sky-form-control\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div style=\"margin-top: 15px\">\n <sky-checkbox [(ngModel)]=\"hideSales\">\n <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n </sky-checkbox>\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
4374
4561
  },
4375
4562
  {
4376
4563
  "fileName": "data-manager-data-grid-docs-demo-filter-modal.component.ts",
4377
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo-filter-modal.component.ts",
4378
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport {\n SkyDataManagerFilterData,\n SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n selector: 'app-data-manager-data-grid-docs-demo-filter-modal',\n templateUrl: './data-manager-data-grid-docs-demo-filter-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridDocsDemoFiltersModalComponent {\n public jobTitle = '';\n\n public hideSales = false;\n\n constructor(\n public context: SkyDataManagerFilterModalContext,\n public instance: SkyModalInstance,\n private changeDetector: ChangeDetectorRef\n ) {\n if (this.context.filterData && this.context.filterData.filters) {\n const filters = this.context.filterData.filters;\n this.jobTitle = filters.jobTitle || 'any';\n this.hideSales = filters.hideSales || false;\n }\n this.changeDetector.markForCheck();\n }\n\n public applyFilters() {\n const result: SkyDataManagerFilterData = {};\n\n result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n result.filters = {\n jobTitle: this.jobTitle,\n hideSales: this.hideSales,\n };\n this.changeDetector.markForCheck();\n\n this.instance.save(result);\n }\n\n public clearAllFilters() {\n this.hideSales = false;\n this.jobTitle = 'any';\n this.changeDetector.markForCheck();\n }\n\n public cancel() {\n this.instance.cancel();\n }\n}\n"
4564
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-filter-modal.component.ts",
4565
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport {\n SkyDataManagerFilterData,\n SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n selector: 'app-data-manager-data-grid-docs-demo-filter-modal',\n templateUrl: './data-manager-data-grid-docs-demo-filter-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridDocsDemoFiltersModalComponent {\n public jobTitle = '';\n\n public hideSales = false;\n\n constructor(\n public context: SkyDataManagerFilterModalContext,\n public instance: SkyModalInstance,\n private changeDetector: ChangeDetectorRef\n ) {\n if (this.context.filterData && this.context.filterData.filters) {\n const filters = this.context.filterData.filters;\n this.jobTitle = filters.jobTitle || 'any';\n this.hideSales = filters.hideSales || false;\n }\n }\n\n public applyFilters() {\n const result: SkyDataManagerFilterData = {};\n\n result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n result.filters = {\n jobTitle: this.jobTitle,\n hideSales: this.hideSales,\n };\n this.changeDetector.markForCheck();\n\n this.instance.save(result);\n }\n\n public clearAllFilters() {\n this.hideSales = false;\n this.jobTitle = 'any';\n }\n\n public cancel() {\n this.instance.cancel();\n }\n}\n"
4379
4566
  },
4380
4567
  {
4381
4568
  "fileName": "data-manager-data-grid-docs-demo-view-grid.component.html",
4382
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo-view-grid.component.html",
4383
- "rawContents": "<sky-data-view skyAgGridDataManagerAdapter [viewId]=\"viewConfig.id\">\n <sky-ag-grid-wrapper *ngIf=\"isActive && gridInitialized\">\n <ag-grid-angular\n [gridOptions]=\"gridOptions\"\n [overlayNoRowsTemplate]=\"noRowsTemplate\"\n [rowData]=\"displayedItems\"\n (rowSelected)=\"onRowSelected($event)\"\n >\n </ag-grid-angular>\n </sky-ag-grid-wrapper>\n</sky-data-view>\n"
4569
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-view-grid.component.html",
4570
+ "rawContents": "<sky-data-view skyAgGridDataManagerAdapter [viewId]=\"viewConfig.id\">\n <sky-ag-grid-wrapper *ngIf=\"isViewActive && isGridReadyForInitialization\">\n <ag-grid-angular\n [gridOptions]=\"gridOptions\"\n [rowData]=\"displayedItems\"\n [overlayNoRowsTemplate]=\"noRowsTemplate\"\n (rowSelected)=\"onRowSelected($event)\"\n >\n </ag-grid-angular>\n </sky-ag-grid-wrapper>\n</sky-data-view>\n"
4384
4571
  },
4385
4572
  {
4386
4573
  "fileName": "data-manager-data-grid-docs-demo-view-grid.component.ts",
4387
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo-view-grid.component.ts",
4388
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport {\n ColDef,\n ColumnApi,\n GridApi,\n GridOptions,\n GridReadyEvent,\n RowSelectedEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\n@Component({\n selector: 'app-data-manager-data-grid-docs-demo-view-grid',\n templateUrl: './data-manager-data-grid-docs-demo-view-grid.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridsDocsDemoViewGridComponent implements OnInit {\n @Input()\n public items: any[] = [];\n\n public viewId = 'dataGridWithDataManagerView';\n\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n public dataState = new SkyDataManagerState({});\n\n public columnApi?: ColumnApi;\n public displayedItems: any[] = [];\n public gridApi?: GridApi;\n public gridInitialized = false;\n public gridOptions!: GridOptions;\n public noRowsTemplate: string;\n public isActive = false;\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Data Grid View',\n icon: 'table',\n searchEnabled: true,\n sortEnabled: true,\n multiselectToolbarEnabled: true,\n columnPickerEnabled: true,\n filterButtonEnabled: true,\n columnOptions: [\n {\n id: 'selected',\n label: 'selected',\n alwaysDisplayed: true,\n },\n {\n id: 'name',\n label: 'Name',\n description: 'The name of the employee.',\n },\n {\n id: 'age',\n label: 'Age',\n description: 'The age of the employee.',\n },\n {\n id: 'startDate',\n label: 'Start date',\n description: 'The start date of the employee.',\n },\n {\n id: 'endDate',\n label: 'End date',\n description: 'The end date of the employee.',\n },\n {\n id: 'department',\n label: 'Department',\n description: 'The department of the employee',\n },\n {\n id: 'jobTitle',\n label: 'Title',\n description: 'The job title of the employee.',\n },\n ],\n };\n\n constructor(\n private agGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {\n this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n }\n\n public ngOnInit(): void {\n this.displayedItems = this.items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefs,\n onGridReady: this.onGridReady.bind(this),\n },\n });\n\n this.dataManagerService\n .getDataStateUpdates(this.viewId)\n .subscribe((state) => {\n this.dataState = state;\n this.setInitialColumnOrder();\n this.updateData();\n this.changeDetector.detectChanges();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n this.isActive = id === this.viewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public updateData(): void {\n this.sortItems();\n this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter((item) => item.selected);\n }\n\n if (this.displayedItems.length > 0) {\n this.gridApi?.hideOverlay();\n } else {\n this.gridApi?.showNoRowsOverlay();\n }\n\n this.changeDetector.markForCheck();\n }\n\n public setInitialColumnOrder(): void {\n const viewState = this.dataState.getViewStateById(this.viewId);\n const visibleColumns = viewState.displayedColumnIds;\n\n this.columnDefs.sort((col1, col2) => {\n const col1Index = visibleColumns.findIndex(\n (colId: string) => colId === col1.colId\n );\n const col2Index = visibleColumns.findIndex(\n (colId: string) => colId === col2.colId\n );\n\n if (col1Index === -1) {\n col1.hide = true;\n return 0;\n } else if (col2Index === -1) {\n col2.hide = true;\n return 0;\n } else {\n return col1Index - col2Index;\n }\n });\n\n this.gridInitialized = true;\n this.changeDetector.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.columnApi = gridReadyEvent.columnApi;\n this.updateData();\n this.changeDetector.markForCheck();\n }\n\n public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n if (!rowSelectedEvent.data.selected) {\n this.updateData();\n }\n }\n\n public sortItems(): void {\n const sortOption = this.dataState.activeSortOption;\n if (this.columnApi && sortOption) {\n this.columnApi.applyColumnState({\n state: [\n {\n colId: sortOption.propertyName,\n sort: sortOption.descending ? 'desc' : 'asc',\n },\n ],\n });\n }\n }\n\n public searchItems(items: any[]): any[] {\n let searchedItems = items;\n const searchText = this.dataState && this.dataState.searchText;\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (\n Object.prototype.hasOwnProperty.call(item, property) &&\n (property === 'name' || property === 'description')\n ) {\n const propertyText = item[property].toLowerCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n return false;\n });\n }\n return searchedItems;\n }\n\n public filterItems(items: any[]): any[] {\n let filteredItems = items;\n const filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n const filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n return (\n ((filters.hideSales && item.department.name !== 'Sales') ||\n !filters.hideSales) &&\n ((filters.jobTitle !== 'any' &&\n item.jobTitle?.name === filters.jobTitle) ||\n !filters.jobTitle ||\n filters.jobTitle === 'any')\n );\n });\n }\n\n return filteredItems;\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4574
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-view-grid.component.ts",
4575
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n SkyDataManagerColumnPickerOption,\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n SkyDataViewState,\n} from '@skyux/data-manager';\n\nimport {\n ColDef,\n ColumnApi,\n GridApi,\n GridOptions,\n GridReadyEvent,\n RowSelectedEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\n@Component({\n selector: 'app-data-manager-data-grid-docs-demo-view-grid',\n templateUrl: './data-manager-data-grid-docs-demo-view-grid.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridDocsDemoViewGridComponent implements OnInit {\n @Input()\n public items: any[] = [];\n\n public viewId = 'dataGridWithDataManagerView';\n\n public columnDefinitions: ColDef[] = [\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n private columnPickerOptions: SkyDataManagerColumnPickerOption[] = [\n {\n id: 'name',\n label: 'Name',\n description: 'The name of the employee.',\n },\n {\n id: 'age',\n label: 'Age',\n description: 'The age of the employee.',\n },\n {\n id: 'startDate',\n label: 'Start date',\n description: 'The start date of the employee.',\n },\n {\n id: 'endDate',\n label: 'End date',\n description: 'The end date of the employee.',\n },\n {\n id: 'department',\n label: 'Department',\n description: 'The department of the employee',\n },\n {\n id: 'jobTitle',\n label: 'Title',\n description: 'The job title of the employee.',\n },\n ];\n\n public dataState = new SkyDataManagerState({});\n\n public columnApi?: ColumnApi;\n public displayedItems: any[] = [];\n public gridApi?: GridApi;\n public isGridReadyForInitialization = false;\n public gridOptions!: GridOptions;\n public noRowsTemplate = `<div class=\"sky-deemphasized\">No results found.</div>`;\n public isViewActive = false;\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Data Grid View',\n icon: 'table',\n searchEnabled: true,\n sortEnabled: true,\n columnPickerEnabled: true,\n filterButtonEnabled: true,\n columnOptions: this.columnPickerOptions,\n };\n\n constructor(\n private skyAgGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {}\n\n public ngOnInit(): void {\n this.displayedItems = this.items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.gridOptions = this.skyAgGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefinitions,\n rowSelection: 'single',\n onGridReady: this.onGridReady.bind(this),\n },\n });\n\n this.dataManagerService\n .getDataStateUpdates(this.viewId)\n .subscribe((state) => {\n this.dataState = state;\n this.updateColumnOrder();\n this.isGridReadyForInitialization = true;\n this.updateDisplayedItems();\n this.changeDetector.detectChanges();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n this.isViewActive = id === this.viewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.columnApi = gridReadyEvent.columnApi;\n this.updateDisplayedItems();\n }\n\n public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n if (!rowSelectedEvent.data.selected) {\n this.updateDisplayedItems();\n }\n }\n\n private searchItems(items: any[]): any[] {\n let searchedItems = items;\n const searchText = this.dataState && this.dataState.searchText;\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (\n Object.prototype.hasOwnProperty.call(item, property) &&\n (property === 'name' || property === 'description')\n ) {\n const propertyText = item[property].toLowerCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n return false;\n });\n }\n return searchedItems;\n }\n\n private filterItems(items: any[]): any[] {\n let filteredItems = items;\n const filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n const filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n return (\n ((filters.hideSales && item.department.name !== 'Sales') ||\n !filters.hideSales) &&\n ((filters.jobTitle !== 'any' &&\n item.jobTitle?.name === filters.jobTitle) ||\n !filters.jobTitle ||\n filters.jobTitle === 'any')\n );\n });\n }\n\n return filteredItems;\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n\n private updateColumnOrder(): void {\n const viewState: SkyDataViewState = this.dataState.getViewStateById(\n this.viewId\n );\n\n this.columnDefinitions.sort((columnDefinition1, columnDefinition2) => {\n const displayedColumnIdIndex1: number =\n viewState.displayedColumnIds.findIndex(\n (aDisplayedColumnId: string) =>\n aDisplayedColumnId === columnDefinition1.field\n );\n const displayedColumnIdIndex2: number =\n viewState.displayedColumnIds.findIndex(\n (aDisplayedColumnId: string) =>\n aDisplayedColumnId === columnDefinition2.field\n );\n\n if (displayedColumnIdIndex1 === -1) {\n return 0;\n } else if (displayedColumnIdIndex2 === -1) {\n return 0;\n } else {\n return displayedColumnIdIndex1 - displayedColumnIdIndex2;\n }\n });\n this.changeDetector.markForCheck();\n }\n\n private updateDisplayedItems(): void {\n const sortOption = this.dataState.activeSortOption;\n if (this.columnApi && sortOption) {\n this.columnApi.applyColumnState({\n state: [\n {\n colId: sortOption.propertyName,\n sort: sortOption.descending ? 'desc' : 'asc',\n },\n ],\n });\n }\n\n this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter((item) => item.selected);\n }\n\n if (this.displayedItems.length > 0) {\n this.gridApi?.hideOverlay();\n } else {\n this.gridApi?.showNoRowsOverlay();\n }\n }\n}\n"
4389
4576
  },
4390
4577
  {
4391
4578
  "fileName": "data-manager-data-grid-docs-demo.component.html",
4392
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo.component.html",
4579
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo.component.html",
4393
4580
  "rawContents": "<sky-data-manager>\n <sky-data-manager-toolbar></sky-data-manager-toolbar>\n <app-data-manager-data-grid-docs-demo-view-grid [items]=\"items\">\n </app-data-manager-data-grid-docs-demo-view-grid>\n</sky-data-manager>\n"
4394
4581
  },
4395
4582
  {
4396
4583
  "fileName": "data-manager-data-grid-docs-demo.component.ts",
4397
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo.component.ts",
4398
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-manager-data-grid-docs-demo-data';\nimport { DataManagerDataGridDocsDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n selector: 'app-data-manager-data-grid-docs-demo',\n templateUrl: './data-manager-data-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [SkyDataManagerService],\n})\nexport class SkyDataManagerDataGridDemoComponent implements OnInit {\n public items = SKY_AG_GRID_DEMO_DATA;\n\n public dataState = new SkyDataManagerState({});\n\n public dataManagerConfig = {\n filterModalComponent: DataManagerDataGridDocsDemoFiltersModalComponent,\n sortOptions: [\n {\n id: 'az',\n label: 'Name (A - Z)',\n descending: false,\n propertyName: 'name',\n },\n {\n id: 'za',\n label: 'Name (Z - A)',\n descending: true,\n propertyName: 'name',\n },\n ],\n };\n\n public defaultDataState = new SkyDataManagerState({\n filterData: {\n filtersApplied: false,\n filters: {\n hideSales: false,\n },\n },\n views: [\n {\n viewId: 'dataGridWithDataManagerView',\n displayedColumnIds: [\n 'selected',\n 'name',\n 'age',\n 'startDate',\n 'endDate',\n 'department',\n 'jobTitle',\n ],\n },\n ],\n });\n\n public activeViewId = 'dataGridWithDataManagerView';\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {\n this.dataManagerService\n .getDataStateUpdates('dataGridDataManager')\n .subscribe((state) => {\n this.dataState = state;\n this.changeDetector.detectChanges();\n });\n this.dataManagerService\n .getActiveViewIdUpdates()\n .subscribe((activeViewId) => {\n this.activeViewId = activeViewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public ngOnInit(): void {\n this.dataManagerService.initDataManager({\n activeViewId: this.activeViewId,\n dataManagerConfig: this.dataManagerConfig,\n defaultDataState: this.defaultDataState,\n });\n }\n}\n"
4584
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo.component.ts",
4585
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-manager-data-grid-docs-demo-data';\nimport { DataManagerDataGridDocsDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n selector: 'app-data-manager-data-grid-docs-demo',\n templateUrl: './data-manager-data-grid-docs-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [SkyDataManagerService],\n})\nexport class SkyDataManagerDataGridDemoComponent implements OnInit {\n public items = SKY_AG_GRID_DEMO_DATA;\n\n public dataState = new SkyDataManagerState({});\n\n public dataManagerConfig = {\n filterModalComponent: DataManagerDataGridDocsDemoFiltersModalComponent,\n sortOptions: [\n {\n id: 'az',\n label: 'Name (A - Z)',\n descending: false,\n propertyName: 'name',\n },\n {\n id: 'za',\n label: 'Name (Z - A)',\n descending: true,\n propertyName: 'name',\n },\n ],\n };\n\n public defaultDataState = new SkyDataManagerState({\n filterData: {\n filtersApplied: false,\n filters: {\n hideSales: false,\n jobTitle: 'any',\n },\n },\n views: [\n {\n viewId: 'dataGridWithDataManagerView',\n columnIds: [\n 'name',\n 'age',\n 'startDate',\n 'endDate',\n 'department',\n 'jobTitle',\n ],\n displayedColumnIds: [\n 'name',\n 'age',\n 'startDate',\n 'endDate',\n 'department',\n 'jobTitle',\n ],\n },\n ],\n });\n\n public activeViewId = 'dataGridWithDataManagerView';\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) {\n this.dataManagerService\n .getDataStateUpdates('dataGridDataManager')\n .subscribe((state) => {\n this.dataState = state;\n this.changeDetector.detectChanges();\n });\n this.dataManagerService\n .getActiveViewIdUpdates()\n .subscribe((activeViewId) => {\n this.activeViewId = activeViewId;\n this.changeDetector.detectChanges();\n });\n }\n\n public ngOnInit(): void {\n this.dataManagerService.initDataManager({\n activeViewId: this.activeViewId,\n dataManagerConfig: this.dataManagerConfig,\n defaultDataState: this.defaultDataState,\n });\n }\n}\n"
4399
4586
  },
4400
4587
  {
4401
4588
  "fileName": "data-manager-data-grid-docs-demo.module.ts",
4402
- "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-added/data-manager-data-grid-docs-demo.module.ts",
4403
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerDataGridDocsDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\nimport { DataManagerDataGridsDocsDemoViewGridComponent } from './data-manager-data-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerDataGridDemoComponent } from './data-manager-data-grid-docs-demo.component';\n\n@NgModule({\n declarations: [\n SkyDataManagerDataGridDemoComponent,\n DataManagerDataGridDocsDemoFiltersModalComponent,\n DataManagerDataGridsDocsDemoViewGridComponent,\n ],\n exports: [SkyDataManagerDataGridDemoComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyToolbarModule,\n SkySearchModule,\n SkyDataManagerModule,\n SkyAgGridModule,\n AgGridModule,\n SkyDataManagerModule,\n SkyModalModule,\n SkyCheckboxModule,\n ],\n})\nexport class SkyDataManagerDataGridDocsDemoModule {}\n"
4589
+ "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo.module.ts",
4590
+ "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerDataGridDocsDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\nimport { DataManagerDataGridDocsDemoViewGridComponent } from './data-manager-data-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerDataGridDemoComponent } from './data-manager-data-grid-docs-demo.component';\n\n@NgModule({\n declarations: [\n SkyDataManagerDataGridDemoComponent,\n DataManagerDataGridDocsDemoFiltersModalComponent,\n DataManagerDataGridDocsDemoViewGridComponent,\n ],\n exports: [SkyDataManagerDataGridDemoComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyToolbarModule,\n SkySearchModule,\n SkyDataManagerModule,\n SkyAgGridModule,\n AgGridModule,\n SkyDataManagerModule,\n SkyModalModule,\n SkyCheckboxModule,\n ],\n})\nexport class SkyDataManagerDataGridDocsDemoModule {}\n"
4404
4591
  },
4405
4592
  {
4406
4593
  "fileName": "top-scroll-data-grid-demo-data.ts",
@@ -4415,7 +4602,7 @@
4415
4602
  {
4416
4603
  "fileName": "top-scroll-data-grid-demo.component.ts",
4417
4604
  "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/top-scroll/top-scroll-data-grid-demo.component.ts",
4418
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './top-scroll-data-grid-demo-data';\n\n@Component({\n selector: 'app-basic-data-grid-docs-demo',\n templateUrl: './top-scroll-data-grid-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyTopScrollDataGridDemoComponent {\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public gridOptions: GridOptions;\n public searchText = '';\n public noRowsTemplate: string;\n\n constructor(\n private agGridService: SkyAgGridService,\n private changeDetector: ChangeDetectorRef\n ) {\n this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefs,\n onGridReady: this.onGridReady.bind(this),\n context: {\n enableTopScroll: true,\n },\n },\n });\n this.changeDetector.markForCheck();\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n this.changeDetector.markForCheck();\n }\n\n public searchApplied(searchText: string | void): void {\n if (searchText) {\n this.searchText = searchText;\n } else {\n this.searchText = '';\n }\n if (this.gridApi) {\n this.gridApi.setQuickFilter(this.searchText);\n const displayedRowCount = this.gridApi.getDisplayedRowCount();\n if (displayedRowCount > 0) {\n this.gridApi.hideOverlay();\n } else {\n this.gridApi.showNoRowsOverlay();\n }\n }\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4605
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n ColDef,\n GridApi,\n GridOptions,\n GridReadyEvent,\n ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './top-scroll-data-grid-demo-data';\n\n@Component({\n selector: 'app-basic-data-grid-docs-demo',\n templateUrl: './top-scroll-data-grid-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyTopScrollDataGridDemoComponent {\n public columnDefs: ColDef[] = [\n {\n field: 'selected',\n type: SkyCellType.RowSelector,\n },\n {\n field: 'name',\n headerName: 'Name',\n },\n {\n field: 'age',\n headerName: 'Age',\n type: SkyCellType.Number,\n maxWidth: 60,\n },\n {\n field: 'startDate',\n headerName: 'Start date',\n type: SkyCellType.Date,\n sort: 'asc',\n },\n {\n field: 'endDate',\n headerName: 'End date',\n type: SkyCellType.Date,\n valueFormatter: this.endDateFormatter,\n },\n {\n field: 'department',\n headerName: 'Department',\n type: SkyCellType.Autocomplete,\n },\n {\n field: 'jobTitle',\n headerName: 'Title',\n type: SkyCellType.Autocomplete,\n },\n ];\n\n public gridApi: GridApi | undefined;\n public gridData = SKY_AG_GRID_DEMO_DATA;\n public gridOptions: GridOptions;\n public searchText = '';\n public noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n\n constructor(private agGridService: SkyAgGridService) {\n this.gridOptions = this.agGridService.getGridOptions({\n gridOptions: {\n columnDefs: this.columnDefs,\n onGridReady: this.onGridReady.bind(this),\n context: {\n enableTopScroll: true,\n },\n },\n });\n }\n\n public onGridReady(gridReadyEvent: GridReadyEvent): void {\n this.gridApi = gridReadyEvent.api;\n this.gridApi.sizeColumnsToFit();\n }\n\n public searchApplied(searchText: string | void): void {\n if (searchText) {\n this.searchText = searchText;\n } else {\n this.searchText = '';\n }\n if (this.gridApi) {\n this.gridApi.setQuickFilter(this.searchText);\n const displayedRowCount = this.gridApi.getDisplayedRowCount();\n if (displayedRowCount > 0) {\n this.gridApi.hideOverlay();\n } else {\n this.gridApi.showNoRowsOverlay();\n }\n }\n }\n\n private endDateFormatter(params: ValueFormatterParams): string {\n const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n return params.value\n ? params.value.toLocaleDateString('en-us', dateConfig)\n : 'N/A';\n }\n}\n"
4419
4606
  },
4420
4607
  {
4421
4608
  "fileName": "top-scroll-data-grid-demo.module.ts",