@aurodesignsystem-dev/auro-table 0.0.0-pr134.0 → 0.0.0-pr135.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.
- package/README.md +214 -25
- package/custom-elements.json +979 -0
- package/demo/api.md +22 -10
- package/demo/auro-table.min.js +524 -34
- package/demo/index.md +1 -1
- package/dist/auro-table-Dx0M-P1P.js +12 -0
- package/dist/index.d.ts +12 -9
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +7 -4
- package/dist/auro-table-Bk6DedD_.js +0 -11
|
@@ -0,0 +1,979 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "scripts/wca/auro-table.js",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "",
|
|
12
|
+
"name": "AuroTableWCA",
|
|
13
|
+
"superclass": {
|
|
14
|
+
"name": "AuroTable",
|
|
15
|
+
"module": "/src/auro-table.js"
|
|
16
|
+
},
|
|
17
|
+
"tagName": "auro-table",
|
|
18
|
+
"customElement": true,
|
|
19
|
+
"slots": [
|
|
20
|
+
{
|
|
21
|
+
"description": "Default slot for projecting a native `<table>` element. Only available when `columnHeaders` and `componentData` are not set.",
|
|
22
|
+
"name": "",
|
|
23
|
+
"inheritedFrom": {
|
|
24
|
+
"name": "AuroTable",
|
|
25
|
+
"module": "src/auro-table.js"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"attributes": [
|
|
30
|
+
{
|
|
31
|
+
"name": "columnHeaders",
|
|
32
|
+
"type": {
|
|
33
|
+
"text": "array"
|
|
34
|
+
},
|
|
35
|
+
"description": "An array of strings representing the table's column headers.",
|
|
36
|
+
"fieldName": "columnHeaders",
|
|
37
|
+
"inheritedFrom": {
|
|
38
|
+
"name": "AuroTable",
|
|
39
|
+
"module": "src/auro-table.js"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "componentData",
|
|
44
|
+
"type": {
|
|
45
|
+
"text": "array"
|
|
46
|
+
},
|
|
47
|
+
"description": "An array of objects representing the table's data rows.",
|
|
48
|
+
"fieldName": "componentData",
|
|
49
|
+
"inheritedFrom": {
|
|
50
|
+
"name": "AuroTable",
|
|
51
|
+
"module": "src/auro-table.js"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "nowrap",
|
|
56
|
+
"type": {
|
|
57
|
+
"text": "boolean"
|
|
58
|
+
},
|
|
59
|
+
"description": "When true, prevents the table from wrapping its content.",
|
|
60
|
+
"default": "false",
|
|
61
|
+
"fieldName": "nowrap",
|
|
62
|
+
"inheritedFrom": {
|
|
63
|
+
"name": "AuroTable",
|
|
64
|
+
"module": "src/auro-table.js"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
],
|
|
68
|
+
"members": [
|
|
69
|
+
{
|
|
70
|
+
"kind": "method",
|
|
71
|
+
"name": "#bindToSlottedTable",
|
|
72
|
+
"privacy": "private",
|
|
73
|
+
"parameters": [
|
|
74
|
+
{
|
|
75
|
+
"name": "table",
|
|
76
|
+
"type": {
|
|
77
|
+
"text": "HTMLTableElement"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
"description": "Binds the component to a slotted table element.\nThis includes extracting existing elements and observing for mutations.",
|
|
82
|
+
"inheritedFrom": {
|
|
83
|
+
"name": "AuroTable",
|
|
84
|
+
"module": "src/auro-table.js"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"kind": "method",
|
|
89
|
+
"name": "#classMapFor",
|
|
90
|
+
"privacy": "private",
|
|
91
|
+
"parameters": [
|
|
92
|
+
{
|
|
93
|
+
"name": "tag",
|
|
94
|
+
"type": {
|
|
95
|
+
"text": "HTMLElement.tagName"
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
"description": "Gets the class map based on this.#elementClasses for a given tag.",
|
|
100
|
+
"return": {
|
|
101
|
+
"type": {
|
|
102
|
+
"text": "Object"
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
"inheritedFrom": {
|
|
106
|
+
"name": "AuroTable",
|
|
107
|
+
"module": "src/auro-table.js"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"kind": "field",
|
|
112
|
+
"name": "#elementClasses",
|
|
113
|
+
"privacy": "private",
|
|
114
|
+
"type": {
|
|
115
|
+
"text": "object"
|
|
116
|
+
},
|
|
117
|
+
"default": "{ 'TABLE': ['body-default'], 'TH': ['heading-2xs'], // 'TD': [], // No specific classes for TD as per current requirements // 'TR': [], // No specific classes for TR as per current requirements // 'THEAD': [], // No specific classes for THEAD as per current requirements // 'TBODY': [] // No specific classes for TBODY as per current requirements }",
|
|
118
|
+
"inheritedFrom": {
|
|
119
|
+
"name": "AuroTable",
|
|
120
|
+
"module": "src/auro-table.js"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"kind": "method",
|
|
125
|
+
"name": "#extractElementsFromSlottedTable",
|
|
126
|
+
"privacy": "private",
|
|
127
|
+
"parameters": [
|
|
128
|
+
{
|
|
129
|
+
"name": "table",
|
|
130
|
+
"type": {
|
|
131
|
+
"text": "HTMLTableElement"
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"description": "Extracts relevant elements from a slotted table and adds them to collections for tracking.",
|
|
136
|
+
"inheritedFrom": {
|
|
137
|
+
"name": "AuroTable",
|
|
138
|
+
"module": "src/auro-table.js"
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"kind": "method",
|
|
143
|
+
"name": "#extractHeaders",
|
|
144
|
+
"privacy": "private",
|
|
145
|
+
"description": "Extracts headers from the columnHeaders property and populates the table header.",
|
|
146
|
+
"return": {
|
|
147
|
+
"type": {
|
|
148
|
+
"text": "void"
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
"inheritedFrom": {
|
|
152
|
+
"name": "AuroTable",
|
|
153
|
+
"module": "src/auro-table.js"
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"kind": "method",
|
|
158
|
+
"name": "#extractRows",
|
|
159
|
+
"privacy": "private",
|
|
160
|
+
"description": "Extracts rows from the componentData property and populates the table body.",
|
|
161
|
+
"return": {
|
|
162
|
+
"type": {
|
|
163
|
+
"text": "void"
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
"inheritedFrom": {
|
|
167
|
+
"name": "AuroTable",
|
|
168
|
+
"module": "src/auro-table.js"
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"kind": "method",
|
|
173
|
+
"name": "#handleExternalTableSlotChange",
|
|
174
|
+
"privacy": "private",
|
|
175
|
+
"description": "Handles when elements are projected into the default slot",
|
|
176
|
+
"return": {
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "void"
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
"inheritedFrom": {
|
|
182
|
+
"name": "AuroTable",
|
|
183
|
+
"module": "src/auro-table.js"
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"kind": "method",
|
|
188
|
+
"name": "#injectStylesIntoSlottedTable",
|
|
189
|
+
"privacy": "private",
|
|
190
|
+
"parameters": [
|
|
191
|
+
{
|
|
192
|
+
"name": "table",
|
|
193
|
+
"type": {
|
|
194
|
+
"text": "HTMLTableElement"
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
],
|
|
198
|
+
"description": "Injects styles into the slotted table.",
|
|
199
|
+
"return": {
|
|
200
|
+
"type": {
|
|
201
|
+
"text": "void"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
"inheritedFrom": {
|
|
205
|
+
"name": "AuroTable",
|
|
206
|
+
"module": "src/auro-table.js"
|
|
207
|
+
}
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"kind": "method",
|
|
211
|
+
"name": "#observeTableMutations",
|
|
212
|
+
"privacy": "private",
|
|
213
|
+
"parameters": [
|
|
214
|
+
{
|
|
215
|
+
"name": "table",
|
|
216
|
+
"type": {
|
|
217
|
+
"text": "HTMLTableElement"
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
],
|
|
221
|
+
"description": "Observes mutations to the table element and adds or removes elements from collections accordingly.",
|
|
222
|
+
"inheritedFrom": {
|
|
223
|
+
"name": "AuroTable",
|
|
224
|
+
"module": "src/auro-table.js"
|
|
225
|
+
}
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"kind": "field",
|
|
229
|
+
"name": "#runtimeUtils",
|
|
230
|
+
"privacy": "private",
|
|
231
|
+
"default": "new AuroLibraryRuntimeUtils()",
|
|
232
|
+
"inheritedFrom": {
|
|
233
|
+
"name": "AuroTable",
|
|
234
|
+
"module": "src/auro-table.js"
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "field",
|
|
239
|
+
"name": "#tableBody",
|
|
240
|
+
"privacy": "private",
|
|
241
|
+
"readonly": true,
|
|
242
|
+
"inheritedFrom": {
|
|
243
|
+
"name": "AuroTable",
|
|
244
|
+
"module": "src/auro-table.js"
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"kind": "field",
|
|
249
|
+
"name": "#tableBodyRef",
|
|
250
|
+
"privacy": "private",
|
|
251
|
+
"inheritedFrom": {
|
|
252
|
+
"name": "AuroTable",
|
|
253
|
+
"module": "src/auro-table.js"
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"kind": "field",
|
|
258
|
+
"name": "#tableHeader",
|
|
259
|
+
"privacy": "private",
|
|
260
|
+
"readonly": true,
|
|
261
|
+
"inheritedFrom": {
|
|
262
|
+
"name": "AuroTable",
|
|
263
|
+
"module": "src/auro-table.js"
|
|
264
|
+
}
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"kind": "field",
|
|
268
|
+
"name": "#tableHeaderRef",
|
|
269
|
+
"privacy": "private",
|
|
270
|
+
"inheritedFrom": {
|
|
271
|
+
"name": "AuroTable",
|
|
272
|
+
"module": "src/auro-table.js"
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"kind": "field",
|
|
277
|
+
"name": "#tableObserver",
|
|
278
|
+
"privacy": "private",
|
|
279
|
+
"type": {
|
|
280
|
+
"text": "null"
|
|
281
|
+
},
|
|
282
|
+
"default": "null",
|
|
283
|
+
"inheritedFrom": {
|
|
284
|
+
"name": "AuroTable",
|
|
285
|
+
"module": "src/auro-table.js"
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"kind": "field",
|
|
290
|
+
"name": "#tableStylesTextContent",
|
|
291
|
+
"privacy": "private",
|
|
292
|
+
"static": true,
|
|
293
|
+
"default": "`${styleCss.cssText} ${tokensCss.cssText}`",
|
|
294
|
+
"readonly": true,
|
|
295
|
+
"inheritedFrom": {
|
|
296
|
+
"name": "AuroTable",
|
|
297
|
+
"module": "src/auro-table.js"
|
|
298
|
+
}
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"kind": "field",
|
|
302
|
+
"name": "#tableTag",
|
|
303
|
+
"privacy": "private",
|
|
304
|
+
"readonly": true,
|
|
305
|
+
"inheritedFrom": {
|
|
306
|
+
"name": "AuroTable",
|
|
307
|
+
"module": "src/auro-table.js"
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"kind": "field",
|
|
312
|
+
"name": "#tableTagRef",
|
|
313
|
+
"privacy": "private",
|
|
314
|
+
"inheritedFrom": {
|
|
315
|
+
"name": "AuroTable",
|
|
316
|
+
"module": "src/auro-table.js"
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"kind": "field",
|
|
321
|
+
"name": "#tagCollections",
|
|
322
|
+
"privacy": "private",
|
|
323
|
+
"description": "Creates a ChildItemService for each relevant table tag to manage collections of those elements.\nTo create a collection for a new tag, add it to the tagCollections array.",
|
|
324
|
+
"type": {
|
|
325
|
+
"text": "Object<string, ChildItemService>"
|
|
326
|
+
},
|
|
327
|
+
"inheritedFrom": {
|
|
328
|
+
"name": "AuroTable",
|
|
329
|
+
"module": "src/auro-table.js"
|
|
330
|
+
}
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"kind": "field",
|
|
334
|
+
"name": "collectionUpdated",
|
|
335
|
+
"description": "Handles the addition of new elements to the table.\nCallback function for ChildItemService subscriptions contained in tagCollections.",
|
|
336
|
+
"parameters": [
|
|
337
|
+
{
|
|
338
|
+
"name": "addedNodes",
|
|
339
|
+
"type": {
|
|
340
|
+
"text": "NodeList"
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
],
|
|
344
|
+
"privacy": "private",
|
|
345
|
+
"inheritedFrom": {
|
|
346
|
+
"name": "AuroTable",
|
|
347
|
+
"module": "src/auro-table.js"
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"kind": "field",
|
|
352
|
+
"name": "columnHeaders",
|
|
353
|
+
"privacy": "public",
|
|
354
|
+
"type": {
|
|
355
|
+
"text": "array"
|
|
356
|
+
},
|
|
357
|
+
"description": "An array of strings representing the table's column headers.",
|
|
358
|
+
"attribute": "columnHeaders",
|
|
359
|
+
"reflects": true,
|
|
360
|
+
"inheritedFrom": {
|
|
361
|
+
"name": "AuroTable",
|
|
362
|
+
"module": "src/auro-table.js"
|
|
363
|
+
}
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"kind": "field",
|
|
367
|
+
"name": "componentData",
|
|
368
|
+
"privacy": "public",
|
|
369
|
+
"type": {
|
|
370
|
+
"text": "array"
|
|
371
|
+
},
|
|
372
|
+
"description": "An array of objects representing the table's data rows.",
|
|
373
|
+
"attribute": "componentData",
|
|
374
|
+
"reflects": true,
|
|
375
|
+
"inheritedFrom": {
|
|
376
|
+
"name": "AuroTable",
|
|
377
|
+
"module": "src/auro-table.js"
|
|
378
|
+
}
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"kind": "field",
|
|
382
|
+
"name": "nowrap",
|
|
383
|
+
"privacy": "public",
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "boolean"
|
|
386
|
+
},
|
|
387
|
+
"description": "When true, prevents the table from wrapping its content.",
|
|
388
|
+
"default": "false",
|
|
389
|
+
"attribute": "nowrap",
|
|
390
|
+
"reflects": true,
|
|
391
|
+
"inheritedFrom": {
|
|
392
|
+
"name": "AuroTable",
|
|
393
|
+
"module": "src/auro-table.js"
|
|
394
|
+
}
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"kind": "method",
|
|
398
|
+
"name": "register",
|
|
399
|
+
"static": true,
|
|
400
|
+
"parameters": [
|
|
401
|
+
{
|
|
402
|
+
"name": "name",
|
|
403
|
+
"default": "\"auro-table\"",
|
|
404
|
+
"description": "The name of element that you want to register to.",
|
|
405
|
+
"optional": true,
|
|
406
|
+
"type": {
|
|
407
|
+
"text": "string"
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
],
|
|
411
|
+
"description": "This will register this element with the browser.",
|
|
412
|
+
"inheritedFrom": {
|
|
413
|
+
"name": "AuroTable",
|
|
414
|
+
"module": "src/auro-table.js"
|
|
415
|
+
}
|
|
416
|
+
}
|
|
417
|
+
]
|
|
418
|
+
}
|
|
419
|
+
],
|
|
420
|
+
"exports": [
|
|
421
|
+
{
|
|
422
|
+
"kind": "custom-element-definition",
|
|
423
|
+
"name": "auro-table",
|
|
424
|
+
"declaration": {
|
|
425
|
+
"name": "AuroTableWCA",
|
|
426
|
+
"module": "scripts/wca/auro-table.js"
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
]
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"kind": "javascript-module",
|
|
433
|
+
"path": "src/auro-table.js",
|
|
434
|
+
"declarations": [
|
|
435
|
+
{
|
|
436
|
+
"kind": "class",
|
|
437
|
+
"description": "The AuroTable component provides two distinct functionalities for rendering and managing HTML tables:\n\n1. **Data-driven Table Rendering**:\n - When the `columnHeaders` and `componentData` properties are set, the component generates a table structure internally.\n - Table headers are created from `columnHeaders`, and rows are populated from `componentData`.\n\n2. **Slotted Table**:\n - When a native `<table>` element is projected into the component's default slot, AuroTable enhances it by:\n - Injecting design system styles directly into the table.\n - Tracking and managing child elements (TH, TD, TR, THEAD, TBODY, TABLE) using internal collections.\n - Observing DOM mutations to dynamically update collections and apply appropriate classes.\n - This mode allows developers to use their own table markup while benefiting from AuroTable's styling and child management features.",
|
|
438
|
+
"name": "AuroTable",
|
|
439
|
+
"slots": [
|
|
440
|
+
{
|
|
441
|
+
"description": "Default slot for projecting a native `<table>` element. Only available when `columnHeaders` and `componentData` are not set.",
|
|
442
|
+
"name": ""
|
|
443
|
+
}
|
|
444
|
+
],
|
|
445
|
+
"members": [
|
|
446
|
+
{
|
|
447
|
+
"kind": "method",
|
|
448
|
+
"name": "#bindToSlottedTable",
|
|
449
|
+
"privacy": "private",
|
|
450
|
+
"parameters": [
|
|
451
|
+
{
|
|
452
|
+
"name": "table",
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "HTMLTableElement"
|
|
455
|
+
}
|
|
456
|
+
}
|
|
457
|
+
],
|
|
458
|
+
"description": "Binds the component to a slotted table element.\nThis includes extracting existing elements and observing for mutations."
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
"kind": "method",
|
|
462
|
+
"name": "#classMapFor",
|
|
463
|
+
"privacy": "private",
|
|
464
|
+
"parameters": [
|
|
465
|
+
{
|
|
466
|
+
"name": "tag",
|
|
467
|
+
"type": {
|
|
468
|
+
"text": "HTMLElement.tagName"
|
|
469
|
+
}
|
|
470
|
+
}
|
|
471
|
+
],
|
|
472
|
+
"description": "Gets the class map based on this.#elementClasses for a given tag.",
|
|
473
|
+
"return": {
|
|
474
|
+
"type": {
|
|
475
|
+
"text": "Object"
|
|
476
|
+
}
|
|
477
|
+
}
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"kind": "field",
|
|
481
|
+
"name": "#elementClasses",
|
|
482
|
+
"privacy": "private",
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "object"
|
|
485
|
+
},
|
|
486
|
+
"default": "{ 'TABLE': ['body-default'], 'TH': ['heading-2xs'], // 'TD': [], // No specific classes for TD as per current requirements // 'TR': [], // No specific classes for TR as per current requirements // 'THEAD': [], // No specific classes for THEAD as per current requirements // 'TBODY': [] // No specific classes for TBODY as per current requirements }"
|
|
487
|
+
},
|
|
488
|
+
{
|
|
489
|
+
"kind": "method",
|
|
490
|
+
"name": "#extractElementsFromSlottedTable",
|
|
491
|
+
"privacy": "private",
|
|
492
|
+
"parameters": [
|
|
493
|
+
{
|
|
494
|
+
"name": "table",
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "HTMLTableElement"
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
],
|
|
500
|
+
"description": "Extracts relevant elements from a slotted table and adds them to collections for tracking."
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"kind": "method",
|
|
504
|
+
"name": "#extractHeaders",
|
|
505
|
+
"privacy": "private",
|
|
506
|
+
"description": "Extracts headers from the columnHeaders property and populates the table header.",
|
|
507
|
+
"return": {
|
|
508
|
+
"type": {
|
|
509
|
+
"text": "void"
|
|
510
|
+
}
|
|
511
|
+
}
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
"kind": "method",
|
|
515
|
+
"name": "#extractRows",
|
|
516
|
+
"privacy": "private",
|
|
517
|
+
"description": "Extracts rows from the componentData property and populates the table body.",
|
|
518
|
+
"return": {
|
|
519
|
+
"type": {
|
|
520
|
+
"text": "void"
|
|
521
|
+
}
|
|
522
|
+
}
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"kind": "method",
|
|
526
|
+
"name": "#handleExternalTableSlotChange",
|
|
527
|
+
"privacy": "private",
|
|
528
|
+
"description": "Handles when elements are projected into the default slot",
|
|
529
|
+
"return": {
|
|
530
|
+
"type": {
|
|
531
|
+
"text": "void"
|
|
532
|
+
}
|
|
533
|
+
}
|
|
534
|
+
},
|
|
535
|
+
{
|
|
536
|
+
"kind": "method",
|
|
537
|
+
"name": "#injectStylesIntoSlottedTable",
|
|
538
|
+
"privacy": "private",
|
|
539
|
+
"parameters": [
|
|
540
|
+
{
|
|
541
|
+
"name": "table",
|
|
542
|
+
"type": {
|
|
543
|
+
"text": "HTMLTableElement"
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
],
|
|
547
|
+
"description": "Injects styles into the slotted table.",
|
|
548
|
+
"return": {
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "void"
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"kind": "method",
|
|
556
|
+
"name": "#observeTableMutations",
|
|
557
|
+
"privacy": "private",
|
|
558
|
+
"parameters": [
|
|
559
|
+
{
|
|
560
|
+
"name": "table",
|
|
561
|
+
"type": {
|
|
562
|
+
"text": "HTMLTableElement"
|
|
563
|
+
}
|
|
564
|
+
}
|
|
565
|
+
],
|
|
566
|
+
"description": "Observes mutations to the table element and adds or removes elements from collections accordingly."
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"kind": "field",
|
|
570
|
+
"name": "#runtimeUtils",
|
|
571
|
+
"privacy": "private",
|
|
572
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"kind": "field",
|
|
576
|
+
"name": "#tableBody",
|
|
577
|
+
"privacy": "private",
|
|
578
|
+
"readonly": true
|
|
579
|
+
},
|
|
580
|
+
{
|
|
581
|
+
"kind": "field",
|
|
582
|
+
"name": "#tableBodyRef",
|
|
583
|
+
"privacy": "private"
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"kind": "field",
|
|
587
|
+
"name": "#tableHeader",
|
|
588
|
+
"privacy": "private",
|
|
589
|
+
"readonly": true
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"kind": "field",
|
|
593
|
+
"name": "#tableHeaderRef",
|
|
594
|
+
"privacy": "private"
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"kind": "field",
|
|
598
|
+
"name": "#tableObserver",
|
|
599
|
+
"privacy": "private",
|
|
600
|
+
"type": {
|
|
601
|
+
"text": "null"
|
|
602
|
+
},
|
|
603
|
+
"default": "null"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"kind": "field",
|
|
607
|
+
"name": "#tableStylesTextContent",
|
|
608
|
+
"privacy": "private",
|
|
609
|
+
"static": true,
|
|
610
|
+
"default": "`${styleCss.cssText} ${tokensCss.cssText}`",
|
|
611
|
+
"readonly": true
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"kind": "field",
|
|
615
|
+
"name": "#tableTag",
|
|
616
|
+
"privacy": "private",
|
|
617
|
+
"readonly": true
|
|
618
|
+
},
|
|
619
|
+
{
|
|
620
|
+
"kind": "field",
|
|
621
|
+
"name": "#tableTagRef",
|
|
622
|
+
"privacy": "private"
|
|
623
|
+
},
|
|
624
|
+
{
|
|
625
|
+
"kind": "field",
|
|
626
|
+
"name": "#tagCollections",
|
|
627
|
+
"privacy": "private",
|
|
628
|
+
"description": "Creates a ChildItemService for each relevant table tag to manage collections of those elements.\nTo create a collection for a new tag, add it to the tagCollections array.",
|
|
629
|
+
"type": {
|
|
630
|
+
"text": "Object<string, ChildItemService>"
|
|
631
|
+
}
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "field",
|
|
635
|
+
"name": "collectionUpdated",
|
|
636
|
+
"description": "Handles the addition of new elements to the table.\nCallback function for ChildItemService subscriptions contained in tagCollections.",
|
|
637
|
+
"parameters": [
|
|
638
|
+
{
|
|
639
|
+
"name": "addedNodes",
|
|
640
|
+
"type": {
|
|
641
|
+
"text": "NodeList"
|
|
642
|
+
}
|
|
643
|
+
}
|
|
644
|
+
],
|
|
645
|
+
"privacy": "private"
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"kind": "field",
|
|
649
|
+
"name": "columnHeaders",
|
|
650
|
+
"privacy": "public",
|
|
651
|
+
"type": {
|
|
652
|
+
"text": "array"
|
|
653
|
+
},
|
|
654
|
+
"description": "An array of strings representing the table's column headers.",
|
|
655
|
+
"attribute": "columnHeaders",
|
|
656
|
+
"reflects": true
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"kind": "field",
|
|
660
|
+
"name": "componentData",
|
|
661
|
+
"privacy": "public",
|
|
662
|
+
"type": {
|
|
663
|
+
"text": "array"
|
|
664
|
+
},
|
|
665
|
+
"description": "An array of objects representing the table's data rows.",
|
|
666
|
+
"attribute": "componentData",
|
|
667
|
+
"reflects": true
|
|
668
|
+
},
|
|
669
|
+
{
|
|
670
|
+
"kind": "field",
|
|
671
|
+
"name": "nowrap",
|
|
672
|
+
"privacy": "public",
|
|
673
|
+
"type": {
|
|
674
|
+
"text": "boolean"
|
|
675
|
+
},
|
|
676
|
+
"description": "When true, prevents the table from wrapping its content.",
|
|
677
|
+
"default": "false",
|
|
678
|
+
"attribute": "nowrap",
|
|
679
|
+
"reflects": true
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"kind": "method",
|
|
683
|
+
"name": "register",
|
|
684
|
+
"static": true,
|
|
685
|
+
"parameters": [
|
|
686
|
+
{
|
|
687
|
+
"name": "name",
|
|
688
|
+
"default": "\"auro-table\"",
|
|
689
|
+
"description": "The name of element that you want to register to.",
|
|
690
|
+
"optional": true,
|
|
691
|
+
"type": {
|
|
692
|
+
"text": "string"
|
|
693
|
+
}
|
|
694
|
+
}
|
|
695
|
+
],
|
|
696
|
+
"description": "This will register this element with the browser."
|
|
697
|
+
}
|
|
698
|
+
],
|
|
699
|
+
"attributes": [
|
|
700
|
+
{
|
|
701
|
+
"name": "columnHeaders",
|
|
702
|
+
"type": {
|
|
703
|
+
"text": "array"
|
|
704
|
+
},
|
|
705
|
+
"description": "An array of strings representing the table's column headers.",
|
|
706
|
+
"fieldName": "columnHeaders"
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"name": "componentData",
|
|
710
|
+
"type": {
|
|
711
|
+
"text": "array"
|
|
712
|
+
},
|
|
713
|
+
"description": "An array of objects representing the table's data rows.",
|
|
714
|
+
"fieldName": "componentData"
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"name": "nowrap",
|
|
718
|
+
"type": {
|
|
719
|
+
"text": "boolean"
|
|
720
|
+
},
|
|
721
|
+
"description": "When true, prevents the table from wrapping its content.",
|
|
722
|
+
"default": "false",
|
|
723
|
+
"fieldName": "nowrap"
|
|
724
|
+
}
|
|
725
|
+
],
|
|
726
|
+
"superclass": {
|
|
727
|
+
"name": "LitElement",
|
|
728
|
+
"package": "lit"
|
|
729
|
+
},
|
|
730
|
+
"customElement": true
|
|
731
|
+
}
|
|
732
|
+
],
|
|
733
|
+
"exports": [
|
|
734
|
+
{
|
|
735
|
+
"kind": "js",
|
|
736
|
+
"name": "AuroTable",
|
|
737
|
+
"declaration": {
|
|
738
|
+
"name": "AuroTable",
|
|
739
|
+
"module": "src/auro-table.js"
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
]
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"kind": "javascript-module",
|
|
746
|
+
"path": "src/child-service.js",
|
|
747
|
+
"declarations": [
|
|
748
|
+
{
|
|
749
|
+
"kind": "class",
|
|
750
|
+
"description": "",
|
|
751
|
+
"name": "ChildItemService",
|
|
752
|
+
"members": [
|
|
753
|
+
{
|
|
754
|
+
"kind": "method",
|
|
755
|
+
"name": "#getPreviousItems",
|
|
756
|
+
"privacy": "private"
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"kind": "field",
|
|
760
|
+
"name": "#items",
|
|
761
|
+
"privacy": "private",
|
|
762
|
+
"type": {
|
|
763
|
+
"text": "array"
|
|
764
|
+
},
|
|
765
|
+
"default": "[]"
|
|
766
|
+
},
|
|
767
|
+
{
|
|
768
|
+
"kind": "method",
|
|
769
|
+
"name": "#notifySubscribers",
|
|
770
|
+
"privacy": "private",
|
|
771
|
+
"description": "Notify all subscribers of changes in the items array."
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"kind": "field",
|
|
775
|
+
"name": "#previousItems",
|
|
776
|
+
"privacy": "private",
|
|
777
|
+
"type": {
|
|
778
|
+
"text": "array"
|
|
779
|
+
},
|
|
780
|
+
"default": "[]"
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"kind": "field",
|
|
784
|
+
"name": "#subscribers",
|
|
785
|
+
"privacy": "private",
|
|
786
|
+
"type": {
|
|
787
|
+
"text": "array"
|
|
788
|
+
},
|
|
789
|
+
"default": "[]"
|
|
790
|
+
},
|
|
791
|
+
{
|
|
792
|
+
"kind": "method",
|
|
793
|
+
"name": "add",
|
|
794
|
+
"parameters": [
|
|
795
|
+
{
|
|
796
|
+
"name": "item",
|
|
797
|
+
"description": "An item to add to the scroller.",
|
|
798
|
+
"type": {
|
|
799
|
+
"text": "Object"
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
],
|
|
803
|
+
"return": {
|
|
804
|
+
"type": {
|
|
805
|
+
"text": "void"
|
|
806
|
+
}
|
|
807
|
+
}
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"kind": "method",
|
|
811
|
+
"name": "addMany",
|
|
812
|
+
"parameters": [
|
|
813
|
+
{
|
|
814
|
+
"name": "items",
|
|
815
|
+
"type": {
|
|
816
|
+
"text": "ArrayLike<any>"
|
|
817
|
+
}
|
|
818
|
+
}
|
|
819
|
+
],
|
|
820
|
+
"return": {
|
|
821
|
+
"type": {
|
|
822
|
+
"text": "void"
|
|
823
|
+
}
|
|
824
|
+
}
|
|
825
|
+
},
|
|
826
|
+
{
|
|
827
|
+
"kind": "method",
|
|
828
|
+
"name": "clear"
|
|
829
|
+
},
|
|
830
|
+
{
|
|
831
|
+
"kind": "field",
|
|
832
|
+
"name": "current",
|
|
833
|
+
"readonly": true
|
|
834
|
+
},
|
|
835
|
+
{
|
|
836
|
+
"kind": "method",
|
|
837
|
+
"name": "getItemByIndex",
|
|
838
|
+
"parameters": [
|
|
839
|
+
{
|
|
840
|
+
"name": "index",
|
|
841
|
+
"type": {
|
|
842
|
+
"text": "Number"
|
|
843
|
+
}
|
|
844
|
+
}
|
|
845
|
+
],
|
|
846
|
+
"description": "Gets an item by its index in the items array.",
|
|
847
|
+
"return": {
|
|
848
|
+
"type": {
|
|
849
|
+
"text": "HTMLElement"
|
|
850
|
+
}
|
|
851
|
+
}
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"kind": "method",
|
|
855
|
+
"name": "getItemByNumber",
|
|
856
|
+
"parameters": [
|
|
857
|
+
{
|
|
858
|
+
"name": "number",
|
|
859
|
+
"type": {
|
|
860
|
+
"text": "Number"
|
|
861
|
+
}
|
|
862
|
+
}
|
|
863
|
+
],
|
|
864
|
+
"description": "Gets an item by its number (1-based index).",
|
|
865
|
+
"return": {
|
|
866
|
+
"type": {
|
|
867
|
+
"text": "HTMLElement"
|
|
868
|
+
}
|
|
869
|
+
}
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"kind": "method",
|
|
873
|
+
"name": "getNextItem",
|
|
874
|
+
"parameters": [
|
|
875
|
+
{
|
|
876
|
+
"name": "currentNumber"
|
|
877
|
+
}
|
|
878
|
+
]
|
|
879
|
+
},
|
|
880
|
+
{
|
|
881
|
+
"kind": "method",
|
|
882
|
+
"name": "getPreviousItem",
|
|
883
|
+
"parameters": [
|
|
884
|
+
{
|
|
885
|
+
"name": "currentNumber"
|
|
886
|
+
}
|
|
887
|
+
]
|
|
888
|
+
},
|
|
889
|
+
{
|
|
890
|
+
"kind": "method",
|
|
891
|
+
"name": "remove",
|
|
892
|
+
"parameters": [
|
|
893
|
+
{
|
|
894
|
+
"name": "item",
|
|
895
|
+
"description": "An item to remove from the scroller.",
|
|
896
|
+
"type": {
|
|
897
|
+
"text": "Object"
|
|
898
|
+
}
|
|
899
|
+
}
|
|
900
|
+
],
|
|
901
|
+
"return": {
|
|
902
|
+
"type": {
|
|
903
|
+
"text": "void"
|
|
904
|
+
}
|
|
905
|
+
}
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"kind": "method",
|
|
909
|
+
"name": "subscribe",
|
|
910
|
+
"parameters": [
|
|
911
|
+
{
|
|
912
|
+
"name": "callback",
|
|
913
|
+
"description": "A callback function that will be called when the items change.",
|
|
914
|
+
"type": {
|
|
915
|
+
"text": "Function"
|
|
916
|
+
}
|
|
917
|
+
}
|
|
918
|
+
],
|
|
919
|
+
"return": {
|
|
920
|
+
"type": {
|
|
921
|
+
"text": "Function"
|
|
922
|
+
}
|
|
923
|
+
}
|
|
924
|
+
},
|
|
925
|
+
{
|
|
926
|
+
"kind": "method",
|
|
927
|
+
"name": "unsubscribe",
|
|
928
|
+
"parameters": [
|
|
929
|
+
{
|
|
930
|
+
"name": "callback",
|
|
931
|
+
"description": "A callback function that will be called when the items change.",
|
|
932
|
+
"type": {
|
|
933
|
+
"text": "Function"
|
|
934
|
+
}
|
|
935
|
+
}
|
|
936
|
+
],
|
|
937
|
+
"return": {
|
|
938
|
+
"type": {
|
|
939
|
+
"text": "Boolean"
|
|
940
|
+
}
|
|
941
|
+
}
|
|
942
|
+
}
|
|
943
|
+
]
|
|
944
|
+
}
|
|
945
|
+
],
|
|
946
|
+
"exports": [
|
|
947
|
+
{
|
|
948
|
+
"kind": "js",
|
|
949
|
+
"name": "ChildItemService",
|
|
950
|
+
"declaration": {
|
|
951
|
+
"name": "ChildItemService",
|
|
952
|
+
"module": "src/child-service.js"
|
|
953
|
+
}
|
|
954
|
+
}
|
|
955
|
+
]
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
"kind": "javascript-module",
|
|
959
|
+
"path": "src/index.js",
|
|
960
|
+
"declarations": [],
|
|
961
|
+
"exports": [
|
|
962
|
+
{
|
|
963
|
+
"kind": "js",
|
|
964
|
+
"name": "AuroTable",
|
|
965
|
+
"declaration": {
|
|
966
|
+
"name": "AuroTable",
|
|
967
|
+
"module": "src/index.js"
|
|
968
|
+
}
|
|
969
|
+
}
|
|
970
|
+
]
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"kind": "javascript-module",
|
|
974
|
+
"path": "src/registered.js",
|
|
975
|
+
"declarations": [],
|
|
976
|
+
"exports": []
|
|
977
|
+
}
|
|
978
|
+
]
|
|
979
|
+
}
|