@genesislcap/foundation-ui 14.436.0-FUI-2489.2 → 14.437.0

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 (52) hide show
  1. package/dist/custom-elements.json +727 -727
  2. package/dist/dts/combobox/combobox.d.ts.map +1 -1
  3. package/dist/dts/connection-indicator/connection-indicator.styles.d.ts.map +1 -1
  4. package/dist/dts/connection-indicator/connection-indicator.template.d.ts.map +1 -1
  5. package/dist/dts/date-picker/date-picker.d.ts +1 -1
  6. package/dist/dts/date-picker/date-picker.template.d.ts.map +1 -1
  7. package/dist/dts/date-picker/month.d.ts.map +1 -1
  8. package/dist/dts/design-system-provider/design-system-provider.utils.d.ts +2 -1
  9. package/dist/dts/design-system-provider/design-system-provider.utils.d.ts.map +1 -1
  10. package/dist/dts/dialog/dialog.d.ts.map +1 -1
  11. package/dist/dts/filter/filter.d.ts.map +1 -1
  12. package/dist/dts/filter/filter.template.d.ts.map +1 -1
  13. package/dist/dts/grid-layout-item/grid-layout-item.template.d.ts.map +1 -1
  14. package/dist/dts/notification-listener/notification-listener.d.ts.map +1 -1
  15. package/dist/dts/options-datasource/multiselect-datasource.d.ts.map +1 -1
  16. package/dist/dts/options-datasource/options-datasource.d.ts.map +1 -1
  17. package/dist/dts/popper/popper.d.ts.map +1 -1
  18. package/dist/dts/react.d.ts +9 -9
  19. package/dist/dts/router/events.d.ts +1 -1
  20. package/dist/dts/router/navigation.d.ts +5 -5
  21. package/dist/dts/router/navigation.d.ts.map +1 -1
  22. package/dist/dts/scheduler-cron-builder/scheduler-cron-builder.d.ts +1 -1
  23. package/dist/dts/scheduler-cron-builder/scheduler-cron-builder.d.ts.map +1 -1
  24. package/dist/dts/scheduler-cron-builder/weekly-recurrence/weekly-recurrence.d.ts.map +1 -1
  25. package/dist/dts/search-bar/search-bar-combobox.template.d.ts.map +1 -1
  26. package/dist/dts/tabs/tabs.d.ts.map +1 -1
  27. package/dist/dts/toast/toast.d.ts.map +1 -1
  28. package/dist/dts/toast/toast.template.d.ts.map +1 -1
  29. package/dist/esm/combobox/combobox.js +2 -1
  30. package/dist/esm/connection-indicator/connection-indicator.styles.js +5 -2
  31. package/dist/esm/connection-indicator/connection-indicator.template.js +2 -1
  32. package/dist/esm/date-picker/date-picker.template.js +2 -1
  33. package/dist/esm/date-picker/day.util.js +1 -1
  34. package/dist/esm/date-picker/month.js +1 -1
  35. package/dist/esm/dialog/dialog.js +0 -1
  36. package/dist/esm/filter/filter.js +1 -1
  37. package/dist/esm/filter/filter.template.js +0 -1
  38. package/dist/esm/grid-layout-item/grid-layout-item.template.js +3 -0
  39. package/dist/esm/notification-listener/notification-listener.js +3 -2
  40. package/dist/esm/options-datasource/options-datasource.js +2 -1
  41. package/dist/esm/popper/popper.js +0 -1
  42. package/dist/esm/router/navigation.js +1 -4
  43. package/dist/esm/scheduler-cron-builder/scheduler-cron-builder.js +3 -2
  44. package/dist/esm/scheduler-cron-builder/weekly-recurrence/weekly-recurrence.js +3 -1
  45. package/dist/esm/search-bar/search-bar-combobox.template.js +2 -1
  46. package/dist/esm/tabs/tabs.js +0 -1
  47. package/dist/esm/toast/toast.js +1 -1
  48. package/dist/esm/toast/toast.template.js +1 -3
  49. package/dist/react.cjs +6 -6
  50. package/dist/react.mjs +5 -5
  51. package/package.json +19 -19
  52. package/public/ag-grid/preview.html +432 -468
package/public/ag-grid/preview.html CHANGED
@@ -1,480 +1,444 @@
1
- <!doctype html>
1
+ <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <title>Foundation Theme Preview</title>
6
- <script defer src="../../dist/foundation-ui.js" type="module"></script>
7
- <style>
8
- html,
9
- body {
10
- display: flex;
11
- width: 100%;
12
- height: 100%;
13
- margin: 0;
14
- }
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <title>Foundation Theme Preview</title>
6
+ <script defer src="../../dist/foundation-ui.js" type="module"></script>
7
+ <style>
8
+ html,
9
+ body {
10
+ display: flex;
11
+ width: 100%;
12
+ height: 100%;
13
+ margin: 0;
14
+ }
15
15
 
16
- header {
17
- padding: 10px 0 10px 10px;
18
- color: white;
19
- }
16
+ header {
17
+ padding: 10px 0 10px 10px;
18
+ color: white;
19
+ }
20
20
 
21
- foundation-design-system-provider {
22
- display: none;
23
- flex-direction: column;
24
- }
21
+ foundation-design-system-provider {
22
+ display: none;
23
+ flex-direction: column;
24
+ }
25
25
 
26
- grid-pro {
27
- flex: auto;
28
- margin: 10px;
29
- }
30
- </style>
31
- </head>
32
- <body>
33
- <foundation-design-system-provider>
34
- <header>
35
- <h1>Foundation Theme Preview</h1>
36
- <p>
37
- Preview grid-pro included as a script tag. Since there's no app level bundler here, this
38
- ensures external css etc is present at a library / package level. Run
39
- <code>build:rollup</code>
40
- first.
41
- </p>
42
- </header>
43
- <foundation-grid-pro></foundation-grid-pro>
44
- <foundation-button appearance="accent" id="js-load-ag-row-data">
45
- Load AG Grid
46
- </foundation-button>
47
- <foundation-button id="js-toggle-theme">Toggle Theme (On / Off)</foundation-button>
48
- </foundation-design-system-provider>
26
+ grid-pro {
27
+ flex: auto;
28
+ margin: 10px;
29
+ }
30
+ </style>
31
+ </head>
32
+ <body>
33
+ <foundation-design-system-provider>
34
+ <header>
35
+ <h1>Foundation Theme Preview</h1>
36
+ <p>Preview grid-pro included as a script tag. Since there's no app level bundler here, this ensures
37
+ external css etc is present at a library / package level. Run <code>build:rollup</code> first.</p>
38
+ </header>
39
+ <foundation-grid-pro></foundation-grid-pro>
40
+ <foundation-button appearance="accent" id="js-load-ag-row-data">Load AG Grid</foundation-button>
41
+ <foundation-button id="js-toggle-theme">Toggle Theme (On / Off)</foundation-button>
42
+ </foundation-design-system-provider>
49
43
 
50
- <script>
51
- const rowData = [
52
- {
53
- athlete: 'Michael Phelps',
54
- age: 23,
55
- country: 'United States',
56
- year: 2008,
57
- date: '24/08/2008',
58
- sport: 'Swimming',
59
- gold: 8,
60
- silver: 0,
61
- bronze: 0,
62
- total: 8,
63
- },
64
- {
65
- athlete: 'Michael Phelps',
66
- age: 19,
67
- country: 'United States',
68
- year: 2004,
69
- date: '29/08/2004',
70
- sport: 'Swimming',
71
- gold: 6,
72
- silver: 0,
73
- bronze: 2,
74
- total: 8,
75
- },
76
- {
77
- athlete: 'Michael Phelps',
78
- age: 27,
79
- country: 'United States',
80
- year: 2012,
81
- date: '12/08/2012',
82
- sport: 'Swimming',
83
- gold: 4,
84
- silver: 2,
85
- bronze: 0,
86
- total: 6,
87
- },
88
- {
89
- athlete: 'Natalie Coughlin',
90
- age: 25,
91
- country: 'United States',
92
- year: 2008,
93
- date: '24/08/2008',
94
- sport: 'Swimming',
95
- gold: 1,
96
- silver: 2,
97
- bronze: 3,
98
- total: 6,
99
- },
100
- {
101
- athlete: 'Aleksey Nemov',
102
- age: 24,
103
- country: 'Russia',
104
- year: 2000,
105
- date: '01/10/2000',
106
- sport: 'Gymnastics',
107
- gold: 2,
108
- silver: 1,
109
- bronze: 3,
110
- total: 6,
111
- },
112
- {
113
- athlete: 'Alicia Coutts',
114
- age: 24,
115
- country: 'Australia',
116
- year: 2012,
117
- date: '12/08/2012',
118
- sport: 'Swimming',
119
- gold: 1,
120
- silver: 3,
121
- bronze: 1,
122
- total: 5,
123
- },
124
- {
125
- athlete: 'Missy Franklin',
126
- age: 17,
127
- country: 'United States',
128
- year: 2012,
129
- date: '12/08/2012',
130
- sport: 'Swimming',
131
- gold: 4,
132
- silver: 0,
133
- bronze: 1,
134
- total: 5,
135
- },
136
- {
137
- athlete: 'Ryan Lochte',
138
- age: 27,
139
- country: 'United States',
140
- year: 2012,
141
- date: '12/08/2012',
142
- sport: 'Swimming',
143
- gold: 2,
144
- silver: 2,
145
- bronze: 1,
146
- total: 5,
147
- },
148
- {
149
- athlete: 'Allison Schmitt',
150
- age: 22,
151
- country: 'United States',
152
- year: 2012,
153
- date: '12/08/2012',
154
- sport: 'Swimming',
155
- gold: 3,
156
- silver: 1,
157
- bronze: 1,
158
- total: 5,
159
- },
160
- {
161
- athlete: 'Natalie Coughlin',
162
- age: 21,
163
- country: 'United States',
164
- year: 2004,
165
- date: '29/08/2004',
166
- sport: 'Swimming',
167
- gold: 2,
168
- silver: 2,
169
- bronze: 1,
170
- total: 5,
171
- },
172
- {
173
- athlete: 'Ian Thorpe',
174
- age: 17,
175
- country: 'Australia',
176
- year: 2000,
177
- date: '01/10/2000',
178
- sport: 'Swimming',
179
- gold: 3,
180
- silver: 2,
181
- bronze: 0,
182
- total: 5,
183
- },
184
- {
185
- athlete: 'Dara Torres',
186
- age: 33,
187
- country: 'United States',
188
- year: 2000,
189
- date: '01/10/2000',
190
- sport: 'Swimming',
191
- gold: 2,
192
- silver: 0,
193
- bronze: 3,
194
- total: 5,
195
- },
196
- {
197
- athlete: 'Cindy Klassen',
198
- age: 26,
199
- country: 'Canada',
200
- year: 2006,
201
- date: '26/02/2006',
202
- sport: 'Speed Skating',
203
- gold: 1,
204
- silver: 2,
205
- bronze: 2,
206
- total: 5,
207
- },
208
- {
209
- athlete: 'Nastia Liukin',
210
- age: 18,
211
- country: 'United States',
212
- year: 2008,
213
- date: '24/08/2008',
214
- sport: 'Gymnastics',
215
- gold: 1,
216
- silver: 3,
217
- bronze: 1,
218
- total: 5,
219
- },
220
- {
221
- athlete: 'Marit Bjørgen',
222
- age: 29,
223
- country: 'Norway',
224
- year: 2010,
225
- date: '28/02/2010',
226
- sport: 'Cross Country Skiing',
227
- gold: 3,
228
- silver: 1,
229
- bronze: 1,
230
- total: 5,
231
- },
232
- {
233
- athlete: 'Sun Yang',
234
- age: 20,
235
- country: 'China',
236
- year: 2012,
237
- date: '12/08/2012',
238
- sport: 'Swimming',
239
- gold: 2,
240
- silver: 1,
241
- bronze: 1,
242
- total: 4,
243
- },
244
- {
245
- athlete: 'Kirsty Coventry',
246
- age: 24,
247
- country: 'Zimbabwe',
248
- year: 2008,
249
- date: '24/08/2008',
250
- sport: 'Swimming',
251
- gold: 1,
252
- silver: 3,
253
- bronze: 0,
254
- total: 4,
255
- },
256
- {
257
- athlete: 'Libby Lenton-Trickett',
258
- age: 23,
259
- country: 'Australia',
260
- year: 2008,
261
- date: '24/08/2008',
262
- sport: 'Swimming',
263
- gold: 2,
264
- silver: 1,
265
- bronze: 1,
266
- total: 4,
267
- },
268
- {
269
- athlete: 'Ryan Lochte',
270
- age: 24,
271
- country: 'United States',
272
- year: 2008,
273
- date: '24/08/2008',
274
- sport: 'Swimming',
275
- gold: 2,
276
- silver: 0,
277
- bronze: 2,
278
- total: 4,
279
- },
280
- {
281
- athlete: 'Inge de Bruijn',
282
- age: 30,
283
- country: 'Netherlands',
284
- year: 2004,
285
- date: '29/08/2004',
286
- sport: 'Swimming',
287
- gold: 1,
288
- silver: 1,
289
- bronze: 2,
290
- total: 4,
291
- },
292
- {
293
- athlete: 'Petria Thomas',
294
- age: 28,
295
- country: 'Australia',
296
- year: 2004,
297
- date: '29/08/2004',
298
- sport: 'Swimming',
299
- gold: 3,
300
- silver: 1,
301
- bronze: 0,
302
- total: 4,
303
- },
304
- {
305
- athlete: 'Ian Thorpe',
306
- age: 21,
307
- country: 'Australia',
308
- year: 2004,
309
- date: '29/08/2004',
310
- sport: 'Swimming',
311
- gold: 2,
312
- silver: 1,
313
- bronze: 1,
314
- total: 4,
315
- },
316
- {
317
- athlete: 'Inge de Bruijn',
318
- age: 27,
319
- country: 'Netherlands',
320
- year: 2000,
321
- date: '01/10/2000',
322
- sport: 'Swimming',
323
- gold: 3,
324
- silver: 1,
325
- bronze: 0,
326
- total: 4,
327
- },
328
- {
329
- athlete: 'Gary Hall Jr.',
330
- age: 25,
331
- country: 'United States',
332
- year: 2000,
333
- date: '01/10/2000',
334
- sport: 'Swimming',
335
- gold: 2,
336
- silver: 1,
337
- bronze: 1,
338
- total: 4,
339
- },
340
- {
341
- athlete: 'Michael Klim',
342
- age: 23,
343
- country: 'Australia',
344
- year: 2000,
345
- date: '01/10/2000',
346
- sport: 'Swimming',
347
- gold: 2,
348
- silver: 2,
349
- bronze: 0,
350
- total: 4,
351
- },
352
- {
353
- athlete: "Susie O'Neill",
354
- age: 27,
355
- country: 'Australia',
356
- year: 2000,
357
- date: '01/10/2000',
358
- sport: 'Swimming',
359
- gold: 1,
360
- silver: 3,
361
- bronze: 0,
362
- total: 4,
363
- },
364
- {
365
- athlete: 'Jenny Thompson',
366
- age: 27,
367
- country: 'United States',
368
- year: 2000,
369
- date: '01/10/2000',
370
- sport: 'Swimming',
371
- gold: 3,
372
- silver: 0,
373
- bronze: 1,
374
- total: 4,
375
- },
376
- {
377
- athlete: 'Pieter van den Hoogenband',
378
- age: 22,
379
- country: 'Netherlands',
380
- year: 2000,
381
- date: '01/10/2000',
382
- sport: 'Swimming',
383
- gold: 2,
384
- silver: 0,
385
- bronze: 2,
386
- total: 4,
387
- },
388
- {
389
- athlete: 'An Hyeon-Su',
390
- age: 20,
391
- country: 'South Korea',
392
- year: 2006,
393
- date: '26/02/2006',
394
- sport: 'Short-Track Speed Skating',
395
- gold: 3,
396
- silver: 0,
397
- bronze: 1,
398
- total: 4,
399
- },
400
- {
401
- athlete: 'Aliya Mustafina',
402
- age: 17,
403
- country: 'Russia',
404
- year: 2012,
405
- date: '12/08/2012',
406
- sport: 'Gymnastics',
407
- gold: 1,
408
- silver: 1,
409
- bronze: 2,
410
- total: 4,
411
- },
412
- {
413
- athlete: 'Shawn Johnson',
414
- age: 16,
415
- country: 'United States',
416
- year: 2008,
417
- date: '24/08/2008',
418
- sport: 'Gymnastics',
419
- gold: 1,
420
- silver: 3,
421
- bronze: 0,
422
- total: 4,
423
- },
424
- ];
44
+ <script>
45
+ const rowData = [
46
+ {
47
+ 'athlete': 'Michael Phelps',
48
+ 'age': 23,
49
+ 'country': 'United States',
50
+ 'year': 2008,
51
+ 'date': '24/08/2008',
52
+ 'sport': 'Swimming',
53
+ 'gold': 8,
54
+ 'silver': 0,
55
+ 'bronze': 0,
56
+ 'total': 8,
57
+ }, {
58
+ 'athlete': 'Michael Phelps',
59
+ 'age': 19,
60
+ 'country': 'United States',
61
+ 'year': 2004,
62
+ 'date': '29/08/2004',
63
+ 'sport': 'Swimming',
64
+ 'gold': 6,
65
+ 'silver': 0,
66
+ 'bronze': 2,
67
+ 'total': 8,
68
+ }, {
69
+ 'athlete': 'Michael Phelps',
70
+ 'age': 27,
71
+ 'country': 'United States',
72
+ 'year': 2012,
73
+ 'date': '12/08/2012',
74
+ 'sport': 'Swimming',
75
+ 'gold': 4,
76
+ 'silver': 2,
77
+ 'bronze': 0,
78
+ 'total': 6,
79
+ }, {
80
+ 'athlete': 'Natalie Coughlin',
81
+ 'age': 25,
82
+ 'country': 'United States',
83
+ 'year': 2008,
84
+ 'date': '24/08/2008',
85
+ 'sport': 'Swimming',
86
+ 'gold': 1,
87
+ 'silver': 2,
88
+ 'bronze': 3,
89
+ 'total': 6,
90
+ }, {
91
+ 'athlete': 'Aleksey Nemov',
92
+ 'age': 24,
93
+ 'country': 'Russia',
94
+ 'year': 2000,
95
+ 'date': '01/10/2000',
96
+ 'sport': 'Gymnastics',
97
+ 'gold': 2,
98
+ 'silver': 1,
99
+ 'bronze': 3,
100
+ 'total': 6,
101
+ }, {
102
+ 'athlete': 'Alicia Coutts',
103
+ 'age': 24,
104
+ 'country': 'Australia',
105
+ 'year': 2012,
106
+ 'date': '12/08/2012',
107
+ 'sport': 'Swimming',
108
+ 'gold': 1,
109
+ 'silver': 3,
110
+ 'bronze': 1,
111
+ 'total': 5,
112
+ }, {
113
+ 'athlete': 'Missy Franklin',
114
+ 'age': 17,
115
+ 'country': 'United States',
116
+ 'year': 2012,
117
+ 'date': '12/08/2012',
118
+ 'sport': 'Swimming',
119
+ 'gold': 4,
120
+ 'silver': 0,
121
+ 'bronze': 1,
122
+ 'total': 5,
123
+ }, {
124
+ 'athlete': 'Ryan Lochte',
125
+ 'age': 27,
126
+ 'country': 'United States',
127
+ 'year': 2012,
128
+ 'date': '12/08/2012',
129
+ 'sport': 'Swimming',
130
+ 'gold': 2,
131
+ 'silver': 2,
132
+ 'bronze': 1,
133
+ 'total': 5,
134
+ }, {
135
+ 'athlete': 'Allison Schmitt',
136
+ 'age': 22,
137
+ 'country': 'United States',
138
+ 'year': 2012,
139
+ 'date': '12/08/2012',
140
+ 'sport': 'Swimming',
141
+ 'gold': 3,
142
+ 'silver': 1,
143
+ 'bronze': 1,
144
+ 'total': 5,
145
+ }, {
146
+ 'athlete': 'Natalie Coughlin',
147
+ 'age': 21,
148
+ 'country': 'United States',
149
+ 'year': 2004,
150
+ 'date': '29/08/2004',
151
+ 'sport': 'Swimming',
152
+ 'gold': 2,
153
+ 'silver': 2,
154
+ 'bronze': 1,
155
+ 'total': 5,
156
+ }, {
157
+ 'athlete': 'Ian Thorpe',
158
+ 'age': 17,
159
+ 'country': 'Australia',
160
+ 'year': 2000,
161
+ 'date': '01/10/2000',
162
+ 'sport': 'Swimming',
163
+ 'gold': 3,
164
+ 'silver': 2,
165
+ 'bronze': 0,
166
+ 'total': 5,
167
+ }, {
168
+ 'athlete': 'Dara Torres',
169
+ 'age': 33,
170
+ 'country': 'United States',
171
+ 'year': 2000,
172
+ 'date': '01/10/2000',
173
+ 'sport': 'Swimming',
174
+ 'gold': 2,
175
+ 'silver': 0,
176
+ 'bronze': 3,
177
+ 'total': 5,
178
+ }, {
179
+ 'athlete': 'Cindy Klassen',
180
+ 'age': 26,
181
+ 'country': 'Canada',
182
+ 'year': 2006,
183
+ 'date': '26/02/2006',
184
+ 'sport': 'Speed Skating',
185
+ 'gold': 1,
186
+ 'silver': 2,
187
+ 'bronze': 2,
188
+ 'total': 5,
189
+ }, {
190
+ 'athlete': 'Nastia Liukin',
191
+ 'age': 18,
192
+ 'country': 'United States',
193
+ 'year': 2008,
194
+ 'date': '24/08/2008',
195
+ 'sport': 'Gymnastics',
196
+ 'gold': 1,
197
+ 'silver': 3,
198
+ 'bronze': 1,
199
+ 'total': 5,
200
+ }, {
201
+ 'athlete': 'Marit Bjørgen',
202
+ 'age': 29,
203
+ 'country': 'Norway',
204
+ 'year': 2010,
205
+ 'date': '28/02/2010',
206
+ 'sport': 'Cross Country Skiing',
207
+ 'gold': 3,
208
+ 'silver': 1,
209
+ 'bronze': 1,
210
+ 'total': 5,
211
+ }, {
212
+ 'athlete': 'Sun Yang',
213
+ 'age': 20,
214
+ 'country': 'China',
215
+ 'year': 2012,
216
+ 'date': '12/08/2012',
217
+ 'sport': 'Swimming',
218
+ 'gold': 2,
219
+ 'silver': 1,
220
+ 'bronze': 1,
221
+ 'total': 4,
222
+ }, {
223
+ 'athlete': 'Kirsty Coventry',
224
+ 'age': 24,
225
+ 'country': 'Zimbabwe',
226
+ 'year': 2008,
227
+ 'date': '24/08/2008',
228
+ 'sport': 'Swimming',
229
+ 'gold': 1,
230
+ 'silver': 3,
231
+ 'bronze': 0,
232
+ 'total': 4,
233
+ }, {
234
+ 'athlete': 'Libby Lenton-Trickett',
235
+ 'age': 23,
236
+ 'country': 'Australia',
237
+ 'year': 2008,
238
+ 'date': '24/08/2008',
239
+ 'sport': 'Swimming',
240
+ 'gold': 2,
241
+ 'silver': 1,
242
+ 'bronze': 1,
243
+ 'total': 4,
244
+ }, {
245
+ 'athlete': 'Ryan Lochte',
246
+ 'age': 24,
247
+ 'country': 'United States',
248
+ 'year': 2008,
249
+ 'date': '24/08/2008',
250
+ 'sport': 'Swimming',
251
+ 'gold': 2,
252
+ 'silver': 0,
253
+ 'bronze': 2,
254
+ 'total': 4,
255
+ }, {
256
+ 'athlete': 'Inge de Bruijn',
257
+ 'age': 30,
258
+ 'country': 'Netherlands',
259
+ 'year': 2004,
260
+ 'date': '29/08/2004',
261
+ 'sport': 'Swimming',
262
+ 'gold': 1,
263
+ 'silver': 1,
264
+ 'bronze': 2,
265
+ 'total': 4,
266
+ }, {
267
+ 'athlete': 'Petria Thomas',
268
+ 'age': 28,
269
+ 'country': 'Australia',
270
+ 'year': 2004,
271
+ 'date': '29/08/2004',
272
+ 'sport': 'Swimming',
273
+ 'gold': 3,
274
+ 'silver': 1,
275
+ 'bronze': 0,
276
+ 'total': 4,
277
+ }, {
278
+ 'athlete': 'Ian Thorpe',
279
+ 'age': 21,
280
+ 'country': 'Australia',
281
+ 'year': 2004,
282
+ 'date': '29/08/2004',
283
+ 'sport': 'Swimming',
284
+ 'gold': 2,
285
+ 'silver': 1,
286
+ 'bronze': 1,
287
+ 'total': 4,
288
+ }, {
289
+ 'athlete': 'Inge de Bruijn',
290
+ 'age': 27,
291
+ 'country': 'Netherlands',
292
+ 'year': 2000,
293
+ 'date': '01/10/2000',
294
+ 'sport': 'Swimming',
295
+ 'gold': 3,
296
+ 'silver': 1,
297
+ 'bronze': 0,
298
+ 'total': 4,
299
+ }, {
300
+ 'athlete': 'Gary Hall Jr.',
301
+ 'age': 25,
302
+ 'country': 'United States',
303
+ 'year': 2000,
304
+ 'date': '01/10/2000',
305
+ 'sport': 'Swimming',
306
+ 'gold': 2,
307
+ 'silver': 1,
308
+ 'bronze': 1,
309
+ 'total': 4,
310
+ }, {
311
+ 'athlete': 'Michael Klim',
312
+ 'age': 23,
313
+ 'country': 'Australia',
314
+ 'year': 2000,
315
+ 'date': '01/10/2000',
316
+ 'sport': 'Swimming',
317
+ 'gold': 2,
318
+ 'silver': 2,
319
+ 'bronze': 0,
320
+ 'total': 4,
321
+ }, {
322
+ 'athlete': 'Susie O\'Neill',
323
+ 'age': 27,
324
+ 'country': 'Australia',
325
+ 'year': 2000,
326
+ 'date': '01/10/2000',
327
+ 'sport': 'Swimming',
328
+ 'gold': 1,
329
+ 'silver': 3,
330
+ 'bronze': 0,
331
+ 'total': 4,
332
+ }, {
333
+ 'athlete': 'Jenny Thompson',
334
+ 'age': 27,
335
+ 'country': 'United States',
336
+ 'year': 2000,
337
+ 'date': '01/10/2000',
338
+ 'sport': 'Swimming',
339
+ 'gold': 3,
340
+ 'silver': 0,
341
+ 'bronze': 1,
342
+ 'total': 4,
343
+ }, {
344
+ 'athlete': 'Pieter van den Hoogenband',
345
+ 'age': 22,
346
+ 'country': 'Netherlands',
347
+ 'year': 2000,
348
+ 'date': '01/10/2000',
349
+ 'sport': 'Swimming',
350
+ 'gold': 2,
351
+ 'silver': 0,
352
+ 'bronze': 2,
353
+ 'total': 4,
354
+ }, {
355
+ 'athlete': 'An Hyeon-Su',
356
+ 'age': 20,
357
+ 'country': 'South Korea',
358
+ 'year': 2006,
359
+ 'date': '26/02/2006',
360
+ 'sport': 'Short-Track Speed Skating',
361
+ 'gold': 3,
362
+ 'silver': 0,
363
+ 'bronze': 1,
364
+ 'total': 4,
365
+ }, {
366
+ 'athlete': 'Aliya Mustafina',
367
+ 'age': 17,
368
+ 'country': 'Russia',
369
+ 'year': 2012,
370
+ 'date': '12/08/2012',
371
+ 'sport': 'Gymnastics',
372
+ 'gold': 1,
373
+ 'silver': 1,
374
+ 'bronze': 2,
375
+ 'total': 4,
376
+ }, {
377
+ 'athlete': 'Shawn Johnson',
378
+ 'age': 16,
379
+ 'country': 'United States',
380
+ 'year': 2008,
381
+ 'date': '24/08/2008',
382
+ 'sport': 'Gymnastics',
383
+ 'gold': 1,
384
+ 'silver': 3,
385
+ 'bronze': 0,
386
+ 'total': 4,
387
+ },
388
+ ];
425
389
 
426
- const columnDefs = [
427
- {
428
- headerName: '#',
429
- colId: 'rowNum',
430
- valueGetter: 'node.id',
431
- width: 80,
432
- pinned: 'left',
433
- },
434
- { headerName: 'Athlete', field: 'athlete', width: 150, pinned: 'left' },
435
- { headerName: 'Age', field: 'age', width: 90, pinned: 'left' },
436
- { headerName: 'Country', field: 'country', width: 150 },
437
- { headerName: 'Year', field: 'year', width: 90 },
438
- { headerName: 'Date', field: 'date', width: 110 },
439
- { headerName: 'Sport', field: 'sport', width: 150 },
440
- { headerName: 'Gold', field: 'gold', width: 100 },
441
- { headerName: 'Silver', field: 'silver', width: 100 },
442
- { headerName: 'Bronze', field: 'bronze', width: 100 },
443
- { headerName: 'Total', field: 'total', width: 100, pinned: 'right' },
444
- ];
390
+ const columnDefs = [
391
+ {
392
+ headerName: '#',
393
+ colId: 'rowNum',
394
+ valueGetter: 'node.id',
395
+ width: 80,
396
+ pinned: 'left',
397
+ },
398
+ {headerName: 'Athlete', field: 'athlete', width: 150, pinned: 'left'},
399
+ {headerName: 'Age', field: 'age', width: 90, pinned: 'left'},
400
+ {headerName: 'Country', field: 'country', width: 150},
401
+ {headerName: 'Year', field: 'year', width: 90},
402
+ {headerName: 'Date', field: 'date', width: 110},
403
+ {headerName: 'Sport', field: 'sport', width: 150},
404
+ {headerName: 'Gold', field: 'gold', width: 100},
405
+ {headerName: 'Silver', field: 'silver', width: 100},
406
+ {headerName: 'Bronze', field: 'bronze', width: 100},
407
+ {headerName: 'Total', field: 'total', width: 100, pinned: 'right'},
408
+ ];
445
409
 
446
- const gridOptions = {
447
- defaultColDef: {
448
- resizable: true,
449
- filter: true,
450
- },
451
- columnDefs,
452
- debug: true,
453
- rowData,
454
- };
410
+ const gridOptions = {
411
+ defaultColDef: {
412
+ resizable: true,
413
+ filter: true,
414
+ },
415
+ columnDefs,
416
+ debug: true,
417
+ rowData,
418
+ };
455
419
 
456
- const loadButton = document.querySelector('#js-load-ag-row-data');
457
- const toggleButton = document.querySelector('#js-toggle-theme');
458
- const dsProviderElement = document.querySelector('foundation-design-system-provider');
459
- const gridElement = document.querySelector('grid-pro');
460
- let themeOn = true;
420
+ const loadButton = document.querySelector('#js-load-ag-row-data');
421
+ const toggleButton = document.querySelector('#js-toggle-theme');
422
+ const dsProviderElement = document.querySelector('foundation-design-system-provider');
423
+ const gridElement = document.querySelector('grid-pro');
424
+ let themeOn = true;
461
425
 
462
- loadButton.addEventListener('click', () => {
463
- gridElement['gridOptions'] = gridOptions;
464
- });
426
+ loadButton.addEventListener('click', () => {
427
+ gridElement['gridOptions'] = gridOptions;
428
+ });
465
429
 
466
- toggleButton.addEventListener('click', () => {
467
- themeOn = !themeOn;
468
- if (themeOn) {
469
- gridElement.setAttribute('theme', 'ag-theme-alpine');
470
- return;
471
- }
472
- gridElement.removeAttribute('theme');
473
- });
430
+ toggleButton.addEventListener('click', () => {
431
+ themeOn = !themeOn;
432
+ if (themeOn) {
433
+ gridElement.setAttribute('theme', 'ag-theme-alpine');
434
+ return;
435
+ }
436
+ gridElement.removeAttribute('theme');
437
+ });
474
438
 
475
- window.addEventListener('DOMContentLoaded', () => {
476
- dsProviderElement.style.display = 'flex';
477
- });
478
- </script>
479
- </body>
439
+ window.addEventListener('DOMContentLoaded', () => {
440
+ dsProviderElement.style.display = 'flex';
441
+ });
442
+ </script>
443
+ </body>
480
444
  </html>