@momentum-design/components 0.0.23 → 0.0.24
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/custom-elements.json +677 -0
- package/package.json +1 -1
|
@@ -0,0 +1,677 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/components/avatar/avatar.component.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "",
|
|
12
|
+
"name": "Avatar",
|
|
13
|
+
"slots": [
|
|
14
|
+
{
|
|
15
|
+
"description": "This is a default/unnamed slot",
|
|
16
|
+
"name": ""
|
|
17
|
+
}
|
|
18
|
+
],
|
|
19
|
+
"members": [
|
|
20
|
+
{
|
|
21
|
+
"kind": "field",
|
|
22
|
+
"name": "type",
|
|
23
|
+
"type": {
|
|
24
|
+
"text": "AvatarType | undefined"
|
|
25
|
+
},
|
|
26
|
+
"attribute": "type",
|
|
27
|
+
"reflects": true
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"kind": "field",
|
|
31
|
+
"name": "alt",
|
|
32
|
+
"type": {
|
|
33
|
+
"text": "string | undefined"
|
|
34
|
+
},
|
|
35
|
+
"attribute": "alt"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"kind": "field",
|
|
39
|
+
"name": "src",
|
|
40
|
+
"type": {
|
|
41
|
+
"text": "string | undefined"
|
|
42
|
+
},
|
|
43
|
+
"attribute": "src"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"kind": "field",
|
|
47
|
+
"name": "scale",
|
|
48
|
+
"type": {
|
|
49
|
+
"text": "number | undefined"
|
|
50
|
+
},
|
|
51
|
+
"description": "Scale of the avatar",
|
|
52
|
+
"attribute": "scale"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"kind": "method",
|
|
56
|
+
"name": "updateSize",
|
|
57
|
+
"privacy": "private",
|
|
58
|
+
"description": "Updates the size by setting the width and height"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"kind": "method",
|
|
62
|
+
"name": "photoTemplate"
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"attributes": [
|
|
66
|
+
{
|
|
67
|
+
"name": "type",
|
|
68
|
+
"type": {
|
|
69
|
+
"text": "AvatarType | undefined"
|
|
70
|
+
},
|
|
71
|
+
"fieldName": "type"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "alt",
|
|
75
|
+
"type": {
|
|
76
|
+
"text": "string | undefined"
|
|
77
|
+
},
|
|
78
|
+
"fieldName": "alt"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"name": "src",
|
|
82
|
+
"type": {
|
|
83
|
+
"text": "string | undefined"
|
|
84
|
+
},
|
|
85
|
+
"fieldName": "src"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"name": "scale",
|
|
89
|
+
"type": {
|
|
90
|
+
"text": "number | undefined"
|
|
91
|
+
},
|
|
92
|
+
"description": "Scale of the avatar",
|
|
93
|
+
"fieldName": "scale"
|
|
94
|
+
}
|
|
95
|
+
],
|
|
96
|
+
"superclass": {
|
|
97
|
+
"name": "Component",
|
|
98
|
+
"module": "/src/models"
|
|
99
|
+
},
|
|
100
|
+
"tagName": "mdc-avatar",
|
|
101
|
+
"summary": "This is MyElement",
|
|
102
|
+
"customElement": true
|
|
103
|
+
}
|
|
104
|
+
],
|
|
105
|
+
"exports": [
|
|
106
|
+
{
|
|
107
|
+
"kind": "js",
|
|
108
|
+
"name": "default",
|
|
109
|
+
"declaration": {
|
|
110
|
+
"name": "Avatar",
|
|
111
|
+
"module": "src/components/avatar/avatar.component.ts"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
]
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"kind": "javascript-module",
|
|
118
|
+
"path": "src/components/badge/badge.component.ts",
|
|
119
|
+
"declarations": [
|
|
120
|
+
{
|
|
121
|
+
"kind": "class",
|
|
122
|
+
"description": "",
|
|
123
|
+
"name": "Badge",
|
|
124
|
+
"slots": [
|
|
125
|
+
{
|
|
126
|
+
"description": "This is a default/unnamed slot",
|
|
127
|
+
"name": ""
|
|
128
|
+
}
|
|
129
|
+
],
|
|
130
|
+
"members": [
|
|
131
|
+
{
|
|
132
|
+
"kind": "field",
|
|
133
|
+
"name": "type",
|
|
134
|
+
"type": {
|
|
135
|
+
"text": "BadgeType | undefined"
|
|
136
|
+
},
|
|
137
|
+
"description": "Type of the badge\nCan be `regular`, `icon`, `text` or `warning`\n\nDefault: `regular`",
|
|
138
|
+
"attribute": "type",
|
|
139
|
+
"reflects": true
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"kind": "field",
|
|
143
|
+
"name": "scale",
|
|
144
|
+
"type": {
|
|
145
|
+
"text": "number | undefined"
|
|
146
|
+
},
|
|
147
|
+
"description": "Scale of the badge (works in combination with length unit)\n\nDefault: `1`",
|
|
148
|
+
"attribute": "scale"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"kind": "field",
|
|
152
|
+
"name": "lengthUnit",
|
|
153
|
+
"type": {
|
|
154
|
+
"text": "string | undefined"
|
|
155
|
+
},
|
|
156
|
+
"description": "Length unit attribute for scale\n\nDefault: `rem`",
|
|
157
|
+
"attribute": "length-unit"
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"kind": "field",
|
|
161
|
+
"name": "iconName",
|
|
162
|
+
"type": {
|
|
163
|
+
"text": "string | undefined"
|
|
164
|
+
},
|
|
165
|
+
"description": "If `type` is set to `icon`, attribute `iconName` can\nbe used to choose which icon should be shown\n\nIf no `iconName` is provided, no icon will be rendered.",
|
|
166
|
+
"attribute": "icon-name"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"kind": "field",
|
|
170
|
+
"name": "text",
|
|
171
|
+
"type": {
|
|
172
|
+
"text": "string | undefined"
|
|
173
|
+
},
|
|
174
|
+
"description": "If `type` is set to `text`, attribute `text` can\nbe used to pass in any text to be displayed in the badge.",
|
|
175
|
+
"attribute": "text"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"kind": "method",
|
|
179
|
+
"name": "updateSize",
|
|
180
|
+
"privacy": "private"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"kind": "method",
|
|
184
|
+
"name": "iconTemplate"
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"kind": "method",
|
|
188
|
+
"name": "textTemplate"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"kind": "method",
|
|
192
|
+
"name": "warningTemplate"
|
|
193
|
+
}
|
|
194
|
+
],
|
|
195
|
+
"attributes": [
|
|
196
|
+
{
|
|
197
|
+
"name": "type",
|
|
198
|
+
"type": {
|
|
199
|
+
"text": "BadgeType | undefined"
|
|
200
|
+
},
|
|
201
|
+
"description": "Type of the badge\nCan be `regular`, `icon`, `text` or `warning`\n\nDefault: `regular`",
|
|
202
|
+
"fieldName": "type"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "scale",
|
|
206
|
+
"type": {
|
|
207
|
+
"text": "number | undefined"
|
|
208
|
+
},
|
|
209
|
+
"description": "Scale of the badge (works in combination with length unit)\n\nDefault: `1`",
|
|
210
|
+
"fieldName": "scale"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "length-unit",
|
|
214
|
+
"type": {
|
|
215
|
+
"text": "string | undefined"
|
|
216
|
+
},
|
|
217
|
+
"description": "Length unit attribute for scale\n\nDefault: `rem`",
|
|
218
|
+
"fieldName": "lengthUnit"
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"name": "icon-name",
|
|
222
|
+
"type": {
|
|
223
|
+
"text": "string | undefined"
|
|
224
|
+
},
|
|
225
|
+
"description": "If `type` is set to `icon`, attribute `iconName` can\nbe used to choose which icon should be shown\n\nIf no `iconName` is provided, no icon will be rendered.",
|
|
226
|
+
"fieldName": "iconName"
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"name": "text",
|
|
230
|
+
"type": {
|
|
231
|
+
"text": "string | undefined"
|
|
232
|
+
},
|
|
233
|
+
"description": "If `type` is set to `text`, attribute `text` can\nbe used to pass in any text to be displayed in the badge.",
|
|
234
|
+
"fieldName": "text"
|
|
235
|
+
}
|
|
236
|
+
],
|
|
237
|
+
"superclass": {
|
|
238
|
+
"name": "Component",
|
|
239
|
+
"module": "/src/models"
|
|
240
|
+
},
|
|
241
|
+
"tagName": "mdc-badge",
|
|
242
|
+
"summary": "This is MyElement",
|
|
243
|
+
"customElement": true
|
|
244
|
+
}
|
|
245
|
+
],
|
|
246
|
+
"exports": [
|
|
247
|
+
{
|
|
248
|
+
"kind": "js",
|
|
249
|
+
"name": "default",
|
|
250
|
+
"declaration": {
|
|
251
|
+
"name": "Badge",
|
|
252
|
+
"module": "src/components/badge/badge.component.ts"
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
]
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"kind": "javascript-module",
|
|
259
|
+
"path": "src/components/icon/icon.component.ts",
|
|
260
|
+
"declarations": [
|
|
261
|
+
{
|
|
262
|
+
"kind": "class",
|
|
263
|
+
"description": "Icon component, which has to be mounted inside of a `IconProvider`\ncomponent.\n\nThe `IconProvider` component defines where icons should be consumed from (`url`).\nThis `Icon` component accepts the `name` attribute, which will be\nthe file name of the icon to be loaded from the given `url`.\n\nOnce fetched, the icon will be mounted. If fetching wasn't successful,\nnothing will be shown.\n\nThe `scale` attribute allows scaling the icon based on the provided\n`length-unit` attribute (which will either come from the IconProvider or\ncould be overridden per icon). For example:\nif `scale = 1` and `length-unit = 'em'`, the size of the icon will be\n`width: 1em; height: 1em`.\n\nFor accessibility the `role` and `aria-label` of the icon can be set.",
|
|
264
|
+
"name": "Icon",
|
|
265
|
+
"members": [
|
|
266
|
+
{
|
|
267
|
+
"kind": "field",
|
|
268
|
+
"name": "iconData",
|
|
269
|
+
"type": {
|
|
270
|
+
"text": "HTMLElement | undefined"
|
|
271
|
+
},
|
|
272
|
+
"privacy": "private"
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"kind": "field",
|
|
276
|
+
"name": "lengthUnitFromContext",
|
|
277
|
+
"type": {
|
|
278
|
+
"text": "string | undefined"
|
|
279
|
+
},
|
|
280
|
+
"privacy": "private"
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "field",
|
|
284
|
+
"name": "name",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "string | undefined"
|
|
287
|
+
},
|
|
288
|
+
"description": "Name of the icon (= filename)",
|
|
289
|
+
"attribute": "name",
|
|
290
|
+
"reflects": true
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"kind": "field",
|
|
294
|
+
"name": "scale",
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "number | undefined"
|
|
297
|
+
},
|
|
298
|
+
"description": "Scale of the icon (works in combination with length unit)",
|
|
299
|
+
"attribute": "scale"
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"kind": "field",
|
|
303
|
+
"name": "lengthUnit",
|
|
304
|
+
"type": {
|
|
305
|
+
"text": "string | undefined"
|
|
306
|
+
},
|
|
307
|
+
"description": "Length unit attribute for overridding length-unit from `IconProvider`",
|
|
308
|
+
"attribute": "length-unit"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"kind": "field",
|
|
312
|
+
"name": "role",
|
|
313
|
+
"type": {
|
|
314
|
+
"text": "string | null"
|
|
315
|
+
},
|
|
316
|
+
"default": "null",
|
|
317
|
+
"description": "Role attribute to be set for accessibility",
|
|
318
|
+
"attribute": "role"
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"kind": "field",
|
|
322
|
+
"name": "ariaLabel",
|
|
323
|
+
"type": {
|
|
324
|
+
"text": "string | null"
|
|
325
|
+
},
|
|
326
|
+
"default": "null",
|
|
327
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
328
|
+
"attribute": "aria-label"
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"kind": "field",
|
|
332
|
+
"name": "iconProviderContext",
|
|
333
|
+
"privacy": "private"
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"kind": "method",
|
|
337
|
+
"name": "getIconData",
|
|
338
|
+
"privacy": "private",
|
|
339
|
+
"description": "Get Icon Data function which will fetch the icon (currently only svg)\nand sets state and attributes once fetched successfully"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"kind": "method",
|
|
343
|
+
"name": "updateSize",
|
|
344
|
+
"privacy": "private",
|
|
345
|
+
"description": "Updates the size by setting the width and height"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"kind": "method",
|
|
349
|
+
"name": "setRoleOnIcon",
|
|
350
|
+
"privacy": "private"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"kind": "method",
|
|
354
|
+
"name": "setAriaLabelOnIcon",
|
|
355
|
+
"privacy": "private"
|
|
356
|
+
}
|
|
357
|
+
],
|
|
358
|
+
"attributes": [
|
|
359
|
+
{
|
|
360
|
+
"name": "name",
|
|
361
|
+
"type": {
|
|
362
|
+
"text": "string | undefined"
|
|
363
|
+
},
|
|
364
|
+
"description": "Name of the icon (= filename)",
|
|
365
|
+
"fieldName": "name"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"name": "scale",
|
|
369
|
+
"type": {
|
|
370
|
+
"text": "number | undefined"
|
|
371
|
+
},
|
|
372
|
+
"description": "Scale of the icon (works in combination with length unit)",
|
|
373
|
+
"fieldName": "scale"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"name": "length-unit",
|
|
377
|
+
"type": {
|
|
378
|
+
"text": "string | undefined"
|
|
379
|
+
},
|
|
380
|
+
"description": "Length unit attribute for overridding length-unit from `IconProvider`",
|
|
381
|
+
"fieldName": "lengthUnit"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "role",
|
|
385
|
+
"type": {
|
|
386
|
+
"text": "string | null"
|
|
387
|
+
},
|
|
388
|
+
"default": "null",
|
|
389
|
+
"description": "Role attribute to be set for accessibility",
|
|
390
|
+
"fieldName": "role"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"name": "aria-label",
|
|
394
|
+
"type": {
|
|
395
|
+
"text": "string | null"
|
|
396
|
+
},
|
|
397
|
+
"default": "null",
|
|
398
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
399
|
+
"fieldName": "ariaLabel"
|
|
400
|
+
}
|
|
401
|
+
],
|
|
402
|
+
"superclass": {
|
|
403
|
+
"name": "Component",
|
|
404
|
+
"module": "/src/models"
|
|
405
|
+
},
|
|
406
|
+
"tagName": "mdc-icon",
|
|
407
|
+
"customElement": true
|
|
408
|
+
}
|
|
409
|
+
],
|
|
410
|
+
"exports": [
|
|
411
|
+
{
|
|
412
|
+
"kind": "js",
|
|
413
|
+
"name": "default",
|
|
414
|
+
"declaration": {
|
|
415
|
+
"name": "Icon",
|
|
416
|
+
"module": "src/components/icon/icon.component.ts"
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
]
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"kind": "javascript-module",
|
|
423
|
+
"path": "src/components/iconprovider/iconprovider.component.ts",
|
|
424
|
+
"declarations": [
|
|
425
|
+
{
|
|
426
|
+
"kind": "class",
|
|
427
|
+
"description": "IconProvider component, which allows to be consumed from sub components\n(see `providerUtils.consume` for how to consume)\n\nBundling icons will be up to the consumer of this component, such\nthat only a url has to be passed in from which the icons will be\nfetched.",
|
|
428
|
+
"name": "IconProvider",
|
|
429
|
+
"members": [
|
|
430
|
+
{
|
|
431
|
+
"kind": "field",
|
|
432
|
+
"name": "Context",
|
|
433
|
+
"privacy": "public",
|
|
434
|
+
"static": true,
|
|
435
|
+
"readonly": true
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"kind": "field",
|
|
439
|
+
"name": "url",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "string | undefined"
|
|
442
|
+
},
|
|
443
|
+
"description": "Url of where icons will be fetched from",
|
|
444
|
+
"attribute": "url"
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"kind": "field",
|
|
448
|
+
"name": "fileExtension",
|
|
449
|
+
"type": {
|
|
450
|
+
"text": "string | undefined"
|
|
451
|
+
},
|
|
452
|
+
"description": "File extension of icons, default: 'svg'",
|
|
453
|
+
"attribute": "file-extension",
|
|
454
|
+
"reflects": true
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"kind": "field",
|
|
458
|
+
"name": "lengthUnit",
|
|
459
|
+
"type": {
|
|
460
|
+
"text": "string | undefined"
|
|
461
|
+
},
|
|
462
|
+
"description": "Length unit used for sizing of icons, default: 'em'",
|
|
463
|
+
"attribute": "length-unit",
|
|
464
|
+
"reflects": true
|
|
465
|
+
},
|
|
466
|
+
{
|
|
467
|
+
"kind": "method",
|
|
468
|
+
"name": "updateValuesInContext",
|
|
469
|
+
"privacy": "private"
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"kind": "method",
|
|
473
|
+
"name": "updateContext",
|
|
474
|
+
"privacy": "protected",
|
|
475
|
+
"return": {
|
|
476
|
+
"type": {
|
|
477
|
+
"text": "void"
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
],
|
|
482
|
+
"attributes": [
|
|
483
|
+
{
|
|
484
|
+
"name": "url",
|
|
485
|
+
"type": {
|
|
486
|
+
"text": "string | undefined"
|
|
487
|
+
},
|
|
488
|
+
"description": "Url of where icons will be fetched from",
|
|
489
|
+
"fieldName": "url"
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"name": "file-extension",
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "string | undefined"
|
|
495
|
+
},
|
|
496
|
+
"description": "File extension of icons, default: 'svg'",
|
|
497
|
+
"fieldName": "fileExtension"
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
"name": "length-unit",
|
|
501
|
+
"type": {
|
|
502
|
+
"text": "string | undefined"
|
|
503
|
+
},
|
|
504
|
+
"description": "Length unit used for sizing of icons, default: 'em'",
|
|
505
|
+
"fieldName": "lengthUnit"
|
|
506
|
+
}
|
|
507
|
+
],
|
|
508
|
+
"superclass": {
|
|
509
|
+
"name": "Provider",
|
|
510
|
+
"module": "/src/models"
|
|
511
|
+
},
|
|
512
|
+
"tagName": "mdc-iconprovider",
|
|
513
|
+
"customElement": true
|
|
514
|
+
}
|
|
515
|
+
],
|
|
516
|
+
"exports": [
|
|
517
|
+
{
|
|
518
|
+
"kind": "js",
|
|
519
|
+
"name": "default",
|
|
520
|
+
"declaration": {
|
|
521
|
+
"name": "IconProvider",
|
|
522
|
+
"module": "src/components/iconprovider/iconprovider.component.ts"
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
]
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"kind": "javascript-module",
|
|
529
|
+
"path": "src/components/text/text.component.ts",
|
|
530
|
+
"declarations": [
|
|
531
|
+
{
|
|
532
|
+
"kind": "class",
|
|
533
|
+
"description": "Text component, which helps creating a text element aligning with\nstyling.\n\nThe `type` attribute allows changing the type of text, like `heading-1`, etc.\n\nFor accessibility the `role` and `aria-level` on the component are going to be set\nautomatically based on the type e.g. heading-1 will lead to `role=\"heading\"` and `aria-level=1`.",
|
|
534
|
+
"name": "Text",
|
|
535
|
+
"members": [
|
|
536
|
+
{
|
|
537
|
+
"kind": "field",
|
|
538
|
+
"name": "type",
|
|
539
|
+
"type": {
|
|
540
|
+
"text": "FontType | undefined"
|
|
541
|
+
},
|
|
542
|
+
"privacy": "public",
|
|
543
|
+
"description": "Text Type - defines how the text should be rendered\n\nPossible values: `heading-1` | `heading-2` | `heading-3` | `heading-4`\n| `heading-5` | `heading-6` | `heading-7` | `body-large` | `body-regular`\n| `body-small` | `image-title` | `label`;",
|
|
544
|
+
"attribute": "type",
|
|
545
|
+
"reflects": true
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"kind": "method",
|
|
549
|
+
"name": "handleTypeChanged",
|
|
550
|
+
"privacy": "protected",
|
|
551
|
+
"return": {
|
|
552
|
+
"type": {
|
|
553
|
+
"text": "void"
|
|
554
|
+
}
|
|
555
|
+
}
|
|
556
|
+
}
|
|
557
|
+
],
|
|
558
|
+
"attributes": [
|
|
559
|
+
{
|
|
560
|
+
"name": "type",
|
|
561
|
+
"type": {
|
|
562
|
+
"text": "FontType | undefined"
|
|
563
|
+
},
|
|
564
|
+
"description": "Text Type - defines how the text should be rendered\n\nPossible values: `heading-1` | `heading-2` | `heading-3` | `heading-4`\n| `heading-5` | `heading-6` | `heading-7` | `body-large` | `body-regular`\n| `body-small` | `image-title` | `label`;",
|
|
565
|
+
"fieldName": "type"
|
|
566
|
+
}
|
|
567
|
+
],
|
|
568
|
+
"superclass": {
|
|
569
|
+
"name": "Component",
|
|
570
|
+
"module": "/src/models"
|
|
571
|
+
},
|
|
572
|
+
"tagName": "mdc-text",
|
|
573
|
+
"customElement": true
|
|
574
|
+
}
|
|
575
|
+
],
|
|
576
|
+
"exports": [
|
|
577
|
+
{
|
|
578
|
+
"kind": "js",
|
|
579
|
+
"name": "default",
|
|
580
|
+
"declaration": {
|
|
581
|
+
"name": "Text",
|
|
582
|
+
"module": "src/components/text/text.component.ts"
|
|
583
|
+
}
|
|
584
|
+
}
|
|
585
|
+
]
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"kind": "javascript-module",
|
|
589
|
+
"path": "src/components/themeprovider/themeprovider.component.ts",
|
|
590
|
+
"declarations": [
|
|
591
|
+
{
|
|
592
|
+
"kind": "class",
|
|
593
|
+
"description": "ThemeProvider component, which sets the theme css variables\nfor the child dom nodes and allows to be consumed from sub components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes the different font faces available\nfor Text components.",
|
|
594
|
+
"name": "ThemeProvider",
|
|
595
|
+
"members": [
|
|
596
|
+
{
|
|
597
|
+
"kind": "field",
|
|
598
|
+
"name": "Context",
|
|
599
|
+
"privacy": "public",
|
|
600
|
+
"static": true,
|
|
601
|
+
"readonly": true
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"kind": "field",
|
|
605
|
+
"name": "themes",
|
|
606
|
+
"type": {
|
|
607
|
+
"text": "string"
|
|
608
|
+
},
|
|
609
|
+
"description": "Available themes to switch to\n\nHas to be a space separated string, like className\ne.g.: `mds-theme-stable-darkWebex mds-theme-stable-lightWebex`",
|
|
610
|
+
"attribute": "themes"
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"kind": "field",
|
|
614
|
+
"name": "theme",
|
|
615
|
+
"type": {
|
|
616
|
+
"text": "Theme"
|
|
617
|
+
},
|
|
618
|
+
"description": "Current theme attribute\n\nHas to be fully qualified, such that\nthe theme name matches the className of the respective\ntheme stylesheet",
|
|
619
|
+
"attribute": "theme"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"kind": "method",
|
|
623
|
+
"name": "updateContext",
|
|
624
|
+
"privacy": "protected",
|
|
625
|
+
"return": {
|
|
626
|
+
"type": {
|
|
627
|
+
"text": "void"
|
|
628
|
+
}
|
|
629
|
+
},
|
|
630
|
+
"description": "Update all observing components of this\nprovider to update the theme"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"kind": "method",
|
|
634
|
+
"name": "updateActiveThemeClass",
|
|
635
|
+
"privacy": "private",
|
|
636
|
+
"description": "Function to update the active theme classname to update the theme tokens\nas CSS variables on the web component."
|
|
637
|
+
}
|
|
638
|
+
],
|
|
639
|
+
"attributes": [
|
|
640
|
+
{
|
|
641
|
+
"name": "themes",
|
|
642
|
+
"type": {
|
|
643
|
+
"text": "string"
|
|
644
|
+
},
|
|
645
|
+
"description": "Available themes to switch to\n\nHas to be a space separated string, like className\ne.g.: `mds-theme-stable-darkWebex mds-theme-stable-lightWebex`",
|
|
646
|
+
"fieldName": "themes"
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
"name": "theme",
|
|
650
|
+
"type": {
|
|
651
|
+
"text": "Theme"
|
|
652
|
+
},
|
|
653
|
+
"description": "Current theme attribute\n\nHas to be fully qualified, such that\nthe theme name matches the className of the respective\ntheme stylesheet",
|
|
654
|
+
"fieldName": "theme"
|
|
655
|
+
}
|
|
656
|
+
],
|
|
657
|
+
"superclass": {
|
|
658
|
+
"name": "Provider",
|
|
659
|
+
"module": "/src/models"
|
|
660
|
+
},
|
|
661
|
+
"tagName": "mdc-themeprovider",
|
|
662
|
+
"customElement": true
|
|
663
|
+
}
|
|
664
|
+
],
|
|
665
|
+
"exports": [
|
|
666
|
+
{
|
|
667
|
+
"kind": "js",
|
|
668
|
+
"name": "default",
|
|
669
|
+
"declaration": {
|
|
670
|
+
"name": "ThemeProvider",
|
|
671
|
+
"module": "src/components/themeprovider/themeprovider.component.ts"
|
|
672
|
+
}
|
|
673
|
+
}
|
|
674
|
+
]
|
|
675
|
+
}
|
|
676
|
+
]
|
|
677
|
+
}
|
package/package.json
CHANGED