@m3e/chips 1.0.0-rc.1
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/LICENSE +22 -0
- package/README.md +539 -0
- package/cem.config.mjs +16 -0
- package/demo/index.html +183 -0
- package/dist/css-custom-data.json +777 -0
- package/dist/custom-elements.json +3307 -0
- package/dist/html-custom-data.json +277 -0
- package/dist/index.js +1516 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +480 -0
- package/dist/index.min.js.map +1 -0
- package/dist/src/AssistChipElement.d.ts +82 -0
- package/dist/src/AssistChipElement.d.ts.map +1 -0
- package/dist/src/ChipElement.d.ts +86 -0
- package/dist/src/ChipElement.d.ts.map +1 -0
- package/dist/src/ChipSetElement.d.ts +43 -0
- package/dist/src/ChipSetElement.d.ts.map +1 -0
- package/dist/src/ChipVariant.d.ts +3 -0
- package/dist/src/ChipVariant.d.ts.map +1 -0
- package/dist/src/FilterChipElement.d.ts +93 -0
- package/dist/src/FilterChipElement.d.ts.map +1 -0
- package/dist/src/FilterChipSetElement.d.ts +78 -0
- package/dist/src/FilterChipSetElement.d.ts.map +1 -0
- package/dist/src/InputChipElement.d.ts +104 -0
- package/dist/src/InputChipElement.d.ts.map +1 -0
- package/dist/src/InputChipSetElement.d.ts +75 -0
- package/dist/src/InputChipSetElement.d.ts.map +1 -0
- package/dist/src/SuggestionChipElement.d.ts +83 -0
- package/dist/src/SuggestionChipElement.d.ts.map +1 -0
- package/dist/src/index.d.ts +10 -0
- package/dist/src/index.d.ts.map +1 -0
- package/eslint.config.mjs +13 -0
- package/package.json +55 -0
- package/rollup.config.js +32 -0
- package/src/AssistChipElement.ts +103 -0
- package/src/ChipElement.ts +336 -0
- package/src/ChipSetElement.ts +60 -0
- package/src/ChipVariant.ts +2 -0
- package/src/FilterChipElement.ts +254 -0
- package/src/FilterChipSetElement.ts +161 -0
- package/src/InputChipElement.ts +287 -0
- package/src/InputChipSetElement.ts +360 -0
- package/src/SuggestionChipElement.ts +104 -0
- package/src/index.ts +9 -0
- package/tsconfig.json +9 -0
|
@@ -0,0 +1,3307 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/AssistChipElement.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "",
|
|
12
|
+
"name": "M3eAssistChipElement",
|
|
13
|
+
"cssProperties": [
|
|
14
|
+
{
|
|
15
|
+
"description": "Border radius of the chip container.",
|
|
16
|
+
"name": "--m3e-chip-container-shape",
|
|
17
|
+
"inheritedFrom": {
|
|
18
|
+
"name": "M3eChipElement",
|
|
19
|
+
"module": "src/ChipElement.ts"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"description": "Base height of the chip container before density adjustment.",
|
|
24
|
+
"name": "--m3e-chip-container-height",
|
|
25
|
+
"inheritedFrom": {
|
|
26
|
+
"name": "M3eChipElement",
|
|
27
|
+
"module": "src/ChipElement.ts"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"description": "Font size of the chip label text.",
|
|
32
|
+
"name": "--m3e-chip-label-text-font-size",
|
|
33
|
+
"inheritedFrom": {
|
|
34
|
+
"name": "M3eChipElement",
|
|
35
|
+
"module": "src/ChipElement.ts"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"description": "Font weight of the chip label text.",
|
|
40
|
+
"name": "--m3e-chip-label-text-font-weight",
|
|
41
|
+
"inheritedFrom": {
|
|
42
|
+
"name": "M3eChipElement",
|
|
43
|
+
"module": "src/ChipElement.ts"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"description": "Line height of the chip label text.",
|
|
48
|
+
"name": "--m3e-chip-label-text-line-height",
|
|
49
|
+
"inheritedFrom": {
|
|
50
|
+
"name": "M3eChipElement",
|
|
51
|
+
"module": "src/ChipElement.ts"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"description": "Letter spacing of the chip label text.",
|
|
56
|
+
"name": "--m3e-chip-label-text-tracking",
|
|
57
|
+
"inheritedFrom": {
|
|
58
|
+
"name": "M3eChipElement",
|
|
59
|
+
"module": "src/ChipElement.ts"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"description": "Label text color in default state.",
|
|
64
|
+
"name": "--m3e-chip-label-text-color",
|
|
65
|
+
"inheritedFrom": {
|
|
66
|
+
"name": "M3eChipElement",
|
|
67
|
+
"module": "src/ChipElement.ts"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"description": "Icon color in default state.",
|
|
72
|
+
"name": "--m3e-chip-icon-color",
|
|
73
|
+
"inheritedFrom": {
|
|
74
|
+
"name": "M3eChipElement",
|
|
75
|
+
"module": "src/ChipElement.ts"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"description": "Font size of leading/trailing icons.",
|
|
80
|
+
"name": "--m3e-chip-icon-size",
|
|
81
|
+
"inheritedFrom": {
|
|
82
|
+
"name": "M3eChipElement",
|
|
83
|
+
"module": "src/ChipElement.ts"
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"description": "Horizontal gap between chip content elements.",
|
|
88
|
+
"name": "--m3e-chip-spacing",
|
|
89
|
+
"inheritedFrom": {
|
|
90
|
+
"name": "M3eChipElement",
|
|
91
|
+
"module": "src/ChipElement.ts"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"description": "Default start padding when no icon is present.",
|
|
96
|
+
"name": "--m3e-chip-padding-start",
|
|
97
|
+
"inheritedFrom": {
|
|
98
|
+
"name": "M3eChipElement",
|
|
99
|
+
"module": "src/ChipElement.ts"
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"description": "Default end padding when no trailing icon is present.",
|
|
104
|
+
"name": "--m3e-chip-padding-end",
|
|
105
|
+
"inheritedFrom": {
|
|
106
|
+
"name": "M3eChipElement",
|
|
107
|
+
"module": "src/ChipElement.ts"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"description": "Start padding when leading icon is present.",
|
|
112
|
+
"name": "--m3e-chip-with-icon-padding-start",
|
|
113
|
+
"inheritedFrom": {
|
|
114
|
+
"name": "M3eChipElement",
|
|
115
|
+
"module": "src/ChipElement.ts"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"description": "End padding when trailing icon is present.",
|
|
120
|
+
"name": "--m3e-chip-with-icon-padding-end",
|
|
121
|
+
"inheritedFrom": {
|
|
122
|
+
"name": "M3eChipElement",
|
|
123
|
+
"module": "src/ChipElement.ts"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"description": "Base color for disabled label text.",
|
|
128
|
+
"name": "--m3e-chip-disabled-label-text-color"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"description": "Opacity applied to disabled label text.",
|
|
132
|
+
"name": "--m3e-chip-disabled-label-text-opacity"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"description": "Base color for disabled icons.",
|
|
136
|
+
"name": "--m3e-chip-disabled-icon-color"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"description": "Opacity applied to disabled icons.",
|
|
140
|
+
"name": "--m3e-chip-disabled-icon-opacity"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"description": "Background color for elevated variant.",
|
|
144
|
+
"name": "--m3e-elevated-chip-container-color",
|
|
145
|
+
"inheritedFrom": {
|
|
146
|
+
"name": "M3eChipElement",
|
|
147
|
+
"module": "src/ChipElement.ts"
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"description": "Elevation level for elevated variant.",
|
|
152
|
+
"name": "--m3e-elevated-chip-elevation",
|
|
153
|
+
"inheritedFrom": {
|
|
154
|
+
"name": "M3eChipElement",
|
|
155
|
+
"module": "src/ChipElement.ts"
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"description": "Elevation level on hover.",
|
|
160
|
+
"name": "--m3e-elevated-chip-hover-elevation",
|
|
161
|
+
"inheritedFrom": {
|
|
162
|
+
"name": "M3eChipElement",
|
|
163
|
+
"module": "src/ChipElement.ts"
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"description": "Background color for disabled elevated variant.",
|
|
168
|
+
"name": "--m3e-elevated-chip-disabled-container-color"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"description": "Opacity applied to disabled elevated background.",
|
|
172
|
+
"name": "--m3e-elevated-chip-disabled-container-opacity"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"description": "Elevation level for disabled elevated variant.",
|
|
176
|
+
"name": "--m3e-elevated-chip-disabled-elevation"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"description": "Outline thickness for outlined variant.",
|
|
180
|
+
"name": "--m3e-outlined-chip-outline-thickness",
|
|
181
|
+
"inheritedFrom": {
|
|
182
|
+
"name": "M3eChipElement",
|
|
183
|
+
"module": "src/ChipElement.ts"
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"description": "Outline color for outlined variant.",
|
|
188
|
+
"name": "--m3e-outlined-chip-outline-color",
|
|
189
|
+
"inheritedFrom": {
|
|
190
|
+
"name": "M3eChipElement",
|
|
191
|
+
"module": "src/ChipElement.ts"
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"description": "Outline color for disabled outlined variant.",
|
|
196
|
+
"name": "--m3e-outlined-chip-disabled-outline-color"
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"description": "Opacity applied to disabled outline.",
|
|
200
|
+
"name": "--m3e-outlined-chip-disabled-outline-opacity"
|
|
201
|
+
}
|
|
202
|
+
],
|
|
203
|
+
"slots": [
|
|
204
|
+
{
|
|
205
|
+
"description": "Renders the label of the chip.",
|
|
206
|
+
"name": "",
|
|
207
|
+
"inheritedFrom": {
|
|
208
|
+
"name": "M3eChipElement",
|
|
209
|
+
"module": "src/ChipElement.ts"
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"description": "Renders an icon before the chip's label.",
|
|
214
|
+
"name": "icon",
|
|
215
|
+
"inheritedFrom": {
|
|
216
|
+
"name": "M3eChipElement",
|
|
217
|
+
"module": "src/ChipElement.ts"
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"description": "Renders an icon after the chip's label.",
|
|
222
|
+
"name": "trailing-icon",
|
|
223
|
+
"inheritedFrom": {
|
|
224
|
+
"name": "M3eChipElement",
|
|
225
|
+
"module": "src/ChipElement.ts"
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
"attributes": [
|
|
230
|
+
{
|
|
231
|
+
"description": "A value indicating whether the element is disabled.",
|
|
232
|
+
"name": "disabled"
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"description": "A value indicating whether the element is disabled and interactive.",
|
|
236
|
+
"name": "disabled-interactive"
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
|
|
240
|
+
"name": "download"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"description": "The URL to which the link button points.",
|
|
244
|
+
"name": "href"
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
|
|
248
|
+
"name": "name"
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
"description": "The relationship between the `target` of the link button and the document.",
|
|
252
|
+
"name": "rel"
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"description": "The target of the link button.",
|
|
256
|
+
"name": "target"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"description": "The type of the element.",
|
|
260
|
+
"name": "type"
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
"description": "A string representing the value of the chip.",
|
|
264
|
+
"name": "value",
|
|
265
|
+
"fieldName": "value",
|
|
266
|
+
"inheritedFrom": {
|
|
267
|
+
"name": "M3eChipElement",
|
|
268
|
+
"module": "src/ChipElement.ts"
|
|
269
|
+
}
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"description": "The appearance variant of the chip.",
|
|
273
|
+
"name": "variant",
|
|
274
|
+
"type": {
|
|
275
|
+
"text": "ChipVariant"
|
|
276
|
+
},
|
|
277
|
+
"default": "\"outlined\"",
|
|
278
|
+
"fieldName": "variant",
|
|
279
|
+
"inheritedFrom": {
|
|
280
|
+
"name": "M3eChipElement",
|
|
281
|
+
"module": "src/ChipElement.ts"
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"mixins": [
|
|
286
|
+
{
|
|
287
|
+
"name": "FormSubmitter",
|
|
288
|
+
"package": "@m3e/core"
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"name": "AttachInternals",
|
|
292
|
+
"package": "@m3e/core"
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "LinkButton",
|
|
296
|
+
"package": "@m3e/core"
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"name": "KeyboardClick",
|
|
300
|
+
"package": "@m3e/core"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "Focusable",
|
|
304
|
+
"package": "@m3e/core"
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"name": "DisabledInteractive",
|
|
308
|
+
"package": "@m3e/core"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "Disabled",
|
|
312
|
+
"package": "@m3e/core"
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
"name": "Role",
|
|
316
|
+
"package": "@m3e/core"
|
|
317
|
+
}
|
|
318
|
+
],
|
|
319
|
+
"superclass": {
|
|
320
|
+
"name": "M3eChipElement",
|
|
321
|
+
"module": "/src/ChipElement"
|
|
322
|
+
},
|
|
323
|
+
"tagName": "m3e-assist-chip",
|
|
324
|
+
"customElement": true,
|
|
325
|
+
"summary": "A chip users interact with to perform a smart or automated action that can span multiple applications.",
|
|
326
|
+
"members": [
|
|
327
|
+
{
|
|
328
|
+
"kind": "field",
|
|
329
|
+
"name": "_elevation",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "M3eElevationElement | undefined"
|
|
332
|
+
},
|
|
333
|
+
"privacy": "private",
|
|
334
|
+
"readonly": true,
|
|
335
|
+
"inheritedFrom": {
|
|
336
|
+
"name": "M3eChipElement",
|
|
337
|
+
"module": "src/ChipElement.ts"
|
|
338
|
+
}
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"kind": "field",
|
|
342
|
+
"name": "_focusRing",
|
|
343
|
+
"type": {
|
|
344
|
+
"text": "M3eFocusRingElement | undefined"
|
|
345
|
+
},
|
|
346
|
+
"privacy": "private",
|
|
347
|
+
"readonly": true,
|
|
348
|
+
"inheritedFrom": {
|
|
349
|
+
"name": "M3eChipElement",
|
|
350
|
+
"module": "src/ChipElement.ts"
|
|
351
|
+
}
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"kind": "field",
|
|
355
|
+
"name": "_stateLayer",
|
|
356
|
+
"type": {
|
|
357
|
+
"text": "M3eStateLayerElement | undefined"
|
|
358
|
+
},
|
|
359
|
+
"privacy": "private",
|
|
360
|
+
"readonly": true,
|
|
361
|
+
"inheritedFrom": {
|
|
362
|
+
"name": "M3eChipElement",
|
|
363
|
+
"module": "src/ChipElement.ts"
|
|
364
|
+
}
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
"kind": "field",
|
|
368
|
+
"name": "_ripple",
|
|
369
|
+
"type": {
|
|
370
|
+
"text": "M3eRippleElement | undefined"
|
|
371
|
+
},
|
|
372
|
+
"privacy": "private",
|
|
373
|
+
"readonly": true,
|
|
374
|
+
"inheritedFrom": {
|
|
375
|
+
"name": "M3eChipElement",
|
|
376
|
+
"module": "src/ChipElement.ts"
|
|
377
|
+
}
|
|
378
|
+
},
|
|
379
|
+
{
|
|
380
|
+
"kind": "field",
|
|
381
|
+
"name": "#value",
|
|
382
|
+
"privacy": "private",
|
|
383
|
+
"type": {
|
|
384
|
+
"text": "string | undefined"
|
|
385
|
+
},
|
|
386
|
+
"inheritedFrom": {
|
|
387
|
+
"name": "M3eChipElement",
|
|
388
|
+
"module": "src/ChipElement.ts"
|
|
389
|
+
}
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"kind": "field",
|
|
393
|
+
"name": "#textContent",
|
|
394
|
+
"privacy": "private",
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "string"
|
|
397
|
+
},
|
|
398
|
+
"default": "\"\"",
|
|
399
|
+
"inheritedFrom": {
|
|
400
|
+
"name": "M3eChipElement",
|
|
401
|
+
"module": "src/ChipElement.ts"
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"kind": "field",
|
|
406
|
+
"name": "variant",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "ChipVariant"
|
|
409
|
+
},
|
|
410
|
+
"default": "\"outlined\"",
|
|
411
|
+
"description": "The appearance variant of the chip.",
|
|
412
|
+
"attribute": "variant",
|
|
413
|
+
"reflects": true,
|
|
414
|
+
"inheritedFrom": {
|
|
415
|
+
"name": "M3eChipElement",
|
|
416
|
+
"module": "src/ChipElement.ts"
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"kind": "field",
|
|
421
|
+
"name": "value",
|
|
422
|
+
"description": "A string representing the value of the chip.",
|
|
423
|
+
"attribute": "value",
|
|
424
|
+
"inheritedFrom": {
|
|
425
|
+
"name": "M3eChipElement",
|
|
426
|
+
"module": "src/ChipElement.ts"
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"kind": "method",
|
|
431
|
+
"name": "#renderContent",
|
|
432
|
+
"privacy": "private",
|
|
433
|
+
"return": {
|
|
434
|
+
"type": {
|
|
435
|
+
"text": "unknown"
|
|
436
|
+
}
|
|
437
|
+
},
|
|
438
|
+
"inheritedFrom": {
|
|
439
|
+
"name": "M3eChipElement",
|
|
440
|
+
"module": "src/ChipElement.ts"
|
|
441
|
+
}
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"kind": "method",
|
|
445
|
+
"name": "#handleIconSlotChange",
|
|
446
|
+
"privacy": "private",
|
|
447
|
+
"return": {
|
|
448
|
+
"type": {
|
|
449
|
+
"text": "void"
|
|
450
|
+
}
|
|
451
|
+
},
|
|
452
|
+
"parameters": [
|
|
453
|
+
{
|
|
454
|
+
"name": "e",
|
|
455
|
+
"type": {
|
|
456
|
+
"text": "Event"
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
|
+
],
|
|
460
|
+
"inheritedFrom": {
|
|
461
|
+
"name": "M3eChipElement",
|
|
462
|
+
"module": "src/ChipElement.ts"
|
|
463
|
+
}
|
|
464
|
+
},
|
|
465
|
+
{
|
|
466
|
+
"kind": "method",
|
|
467
|
+
"name": "#handleTrailingIconSlotChange",
|
|
468
|
+
"privacy": "private",
|
|
469
|
+
"return": {
|
|
470
|
+
"type": {
|
|
471
|
+
"text": "void"
|
|
472
|
+
}
|
|
473
|
+
},
|
|
474
|
+
"parameters": [
|
|
475
|
+
{
|
|
476
|
+
"name": "e",
|
|
477
|
+
"type": {
|
|
478
|
+
"text": "Event"
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
],
|
|
482
|
+
"inheritedFrom": {
|
|
483
|
+
"name": "M3eChipElement",
|
|
484
|
+
"module": "src/ChipElement.ts"
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"kind": "method",
|
|
489
|
+
"name": "#handleSlotChange",
|
|
490
|
+
"privacy": "private",
|
|
491
|
+
"return": {
|
|
492
|
+
"type": {
|
|
493
|
+
"text": "void"
|
|
494
|
+
}
|
|
495
|
+
},
|
|
496
|
+
"parameters": [
|
|
497
|
+
{
|
|
498
|
+
"name": "e",
|
|
499
|
+
"type": {
|
|
500
|
+
"text": "Event"
|
|
501
|
+
}
|
|
502
|
+
}
|
|
503
|
+
],
|
|
504
|
+
"inheritedFrom": {
|
|
505
|
+
"name": "M3eChipElement",
|
|
506
|
+
"module": "src/ChipElement.ts"
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
]
|
|
510
|
+
}
|
|
511
|
+
],
|
|
512
|
+
"exports": [
|
|
513
|
+
{
|
|
514
|
+
"kind": "js",
|
|
515
|
+
"name": "M3eAssistChipElement",
|
|
516
|
+
"declaration": {
|
|
517
|
+
"name": "M3eAssistChipElement",
|
|
518
|
+
"module": "src/AssistChipElement.ts"
|
|
519
|
+
}
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"kind": "custom-element-definition",
|
|
523
|
+
"name": "m3e-assist-chip",
|
|
524
|
+
"declaration": {
|
|
525
|
+
"name": "M3eAssistChipElement",
|
|
526
|
+
"module": "src/AssistChipElement.ts"
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
]
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
"kind": "javascript-module",
|
|
533
|
+
"path": "src/ChipElement.ts",
|
|
534
|
+
"declarations": [
|
|
535
|
+
{
|
|
536
|
+
"kind": "class",
|
|
537
|
+
"description": "",
|
|
538
|
+
"name": "M3eChipElement",
|
|
539
|
+
"cssProperties": [
|
|
540
|
+
{
|
|
541
|
+
"description": "Border radius of the chip container.",
|
|
542
|
+
"name": "--m3e-chip-container-shape"
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"description": "Base height of the chip container before density adjustment.",
|
|
546
|
+
"name": "--m3e-chip-container-height"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"description": "Font size of the chip label text.",
|
|
550
|
+
"name": "--m3e-chip-label-text-font-size"
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"description": "Font weight of the chip label text.",
|
|
554
|
+
"name": "--m3e-chip-label-text-font-weight"
|
|
555
|
+
},
|
|
556
|
+
{
|
|
557
|
+
"description": "Line height of the chip label text.",
|
|
558
|
+
"name": "--m3e-chip-label-text-line-height"
|
|
559
|
+
},
|
|
560
|
+
{
|
|
561
|
+
"description": "Letter spacing of the chip label text.",
|
|
562
|
+
"name": "--m3e-chip-label-text-tracking"
|
|
563
|
+
},
|
|
564
|
+
{
|
|
565
|
+
"description": "Label text color in default state.",
|
|
566
|
+
"name": "--m3e-chip-label-text-color"
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"description": "Icon color in default state.",
|
|
570
|
+
"name": "--m3e-chip-icon-color"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"description": "Font size of leading/trailing icons.",
|
|
574
|
+
"name": "--m3e-chip-icon-size"
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"description": "Horizontal gap between chip content elements.",
|
|
578
|
+
"name": "--m3e-chip-spacing"
|
|
579
|
+
},
|
|
580
|
+
{
|
|
581
|
+
"description": "Default start padding when no icon is present.",
|
|
582
|
+
"name": "--m3e-chip-padding-start"
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"description": "Default end padding when no trailing icon is present.",
|
|
586
|
+
"name": "--m3e-chip-padding-end"
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"description": "Start padding when leading icon is present.",
|
|
590
|
+
"name": "--m3e-chip-with-icon-padding-start"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"description": "End padding when trailing icon is present.",
|
|
594
|
+
"name": "--m3e-chip-with-icon-padding-end"
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"description": "Background color for elevated variant.",
|
|
598
|
+
"name": "--m3e-elevated-chip-container-color"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"description": "Elevation level for elevated variant.",
|
|
602
|
+
"name": "--m3e-elevated-chip-elevation"
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"description": "Elevation level on hover.",
|
|
606
|
+
"name": "--m3e-elevated-chip-hover-elevation"
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"description": "Outline thickness for outlined variant.",
|
|
610
|
+
"name": "--m3e-outlined-chip-outline-thickness"
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"description": "Outline color for outlined variant.",
|
|
614
|
+
"name": "--m3e-outlined-chip-outline-color"
|
|
615
|
+
}
|
|
616
|
+
],
|
|
617
|
+
"slots": [
|
|
618
|
+
{
|
|
619
|
+
"description": "Renders the label of the chip.",
|
|
620
|
+
"name": ""
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"description": "Renders an icon before the chip's label.",
|
|
624
|
+
"name": "icon"
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"description": "Renders an icon after the chip's label.",
|
|
628
|
+
"name": "trailing-icon"
|
|
629
|
+
}
|
|
630
|
+
],
|
|
631
|
+
"members": [
|
|
632
|
+
{
|
|
633
|
+
"kind": "field",
|
|
634
|
+
"name": "_elevation",
|
|
635
|
+
"type": {
|
|
636
|
+
"text": "M3eElevationElement | undefined"
|
|
637
|
+
},
|
|
638
|
+
"privacy": "private",
|
|
639
|
+
"readonly": true
|
|
640
|
+
},
|
|
641
|
+
{
|
|
642
|
+
"kind": "field",
|
|
643
|
+
"name": "_focusRing",
|
|
644
|
+
"type": {
|
|
645
|
+
"text": "M3eFocusRingElement | undefined"
|
|
646
|
+
},
|
|
647
|
+
"privacy": "private",
|
|
648
|
+
"readonly": true
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"kind": "field",
|
|
652
|
+
"name": "_stateLayer",
|
|
653
|
+
"type": {
|
|
654
|
+
"text": "M3eStateLayerElement | undefined"
|
|
655
|
+
},
|
|
656
|
+
"privacy": "private",
|
|
657
|
+
"readonly": true
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"kind": "field",
|
|
661
|
+
"name": "_ripple",
|
|
662
|
+
"type": {
|
|
663
|
+
"text": "M3eRippleElement | undefined"
|
|
664
|
+
},
|
|
665
|
+
"privacy": "private",
|
|
666
|
+
"readonly": true
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"kind": "field",
|
|
670
|
+
"name": "#value",
|
|
671
|
+
"privacy": "private",
|
|
672
|
+
"type": {
|
|
673
|
+
"text": "string | undefined"
|
|
674
|
+
}
|
|
675
|
+
},
|
|
676
|
+
{
|
|
677
|
+
"kind": "field",
|
|
678
|
+
"name": "#textContent",
|
|
679
|
+
"privacy": "private",
|
|
680
|
+
"type": {
|
|
681
|
+
"text": "string"
|
|
682
|
+
},
|
|
683
|
+
"default": "\"\""
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"kind": "field",
|
|
687
|
+
"name": "variant",
|
|
688
|
+
"type": {
|
|
689
|
+
"text": "ChipVariant"
|
|
690
|
+
},
|
|
691
|
+
"default": "\"outlined\"",
|
|
692
|
+
"description": "The appearance variant of the chip.",
|
|
693
|
+
"attribute": "variant",
|
|
694
|
+
"reflects": true
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"kind": "field",
|
|
698
|
+
"name": "value",
|
|
699
|
+
"description": "A string representing the value of the chip.",
|
|
700
|
+
"attribute": "value"
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"kind": "method",
|
|
704
|
+
"name": "#renderContent",
|
|
705
|
+
"privacy": "private",
|
|
706
|
+
"return": {
|
|
707
|
+
"type": {
|
|
708
|
+
"text": "unknown"
|
|
709
|
+
}
|
|
710
|
+
}
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"kind": "method",
|
|
714
|
+
"name": "#handleIconSlotChange",
|
|
715
|
+
"privacy": "private",
|
|
716
|
+
"return": {
|
|
717
|
+
"type": {
|
|
718
|
+
"text": "void"
|
|
719
|
+
}
|
|
720
|
+
},
|
|
721
|
+
"parameters": [
|
|
722
|
+
{
|
|
723
|
+
"name": "e",
|
|
724
|
+
"type": {
|
|
725
|
+
"text": "Event"
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
]
|
|
729
|
+
},
|
|
730
|
+
{
|
|
731
|
+
"kind": "method",
|
|
732
|
+
"name": "#handleTrailingIconSlotChange",
|
|
733
|
+
"privacy": "private",
|
|
734
|
+
"return": {
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "void"
|
|
737
|
+
}
|
|
738
|
+
},
|
|
739
|
+
"parameters": [
|
|
740
|
+
{
|
|
741
|
+
"name": "e",
|
|
742
|
+
"type": {
|
|
743
|
+
"text": "Event"
|
|
744
|
+
}
|
|
745
|
+
}
|
|
746
|
+
]
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"kind": "method",
|
|
750
|
+
"name": "#handleSlotChange",
|
|
751
|
+
"privacy": "private",
|
|
752
|
+
"return": {
|
|
753
|
+
"type": {
|
|
754
|
+
"text": "void"
|
|
755
|
+
}
|
|
756
|
+
},
|
|
757
|
+
"parameters": [
|
|
758
|
+
{
|
|
759
|
+
"name": "e",
|
|
760
|
+
"type": {
|
|
761
|
+
"text": "Event"
|
|
762
|
+
}
|
|
763
|
+
}
|
|
764
|
+
]
|
|
765
|
+
}
|
|
766
|
+
],
|
|
767
|
+
"attributes": [
|
|
768
|
+
{
|
|
769
|
+
"description": "A string representing the value of the chip.",
|
|
770
|
+
"name": "value",
|
|
771
|
+
"fieldName": "value"
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"description": "The appearance variant of the chip.",
|
|
775
|
+
"name": "variant",
|
|
776
|
+
"type": {
|
|
777
|
+
"text": "ChipVariant"
|
|
778
|
+
},
|
|
779
|
+
"default": "\"outlined\"",
|
|
780
|
+
"fieldName": "variant"
|
|
781
|
+
}
|
|
782
|
+
],
|
|
783
|
+
"mixins": [
|
|
784
|
+
{
|
|
785
|
+
"name": "Role",
|
|
786
|
+
"package": "@m3e/core"
|
|
787
|
+
}
|
|
788
|
+
],
|
|
789
|
+
"superclass": {
|
|
790
|
+
"name": "LitElement",
|
|
791
|
+
"package": "lit"
|
|
792
|
+
},
|
|
793
|
+
"tagName": "m3e-chip",
|
|
794
|
+
"customElement": true,
|
|
795
|
+
"summary": "A non-interactive chip used to convey small pieces of information."
|
|
796
|
+
}
|
|
797
|
+
],
|
|
798
|
+
"exports": [
|
|
799
|
+
{
|
|
800
|
+
"kind": "js",
|
|
801
|
+
"name": "M3eChipElement",
|
|
802
|
+
"declaration": {
|
|
803
|
+
"name": "M3eChipElement",
|
|
804
|
+
"module": "src/ChipElement.ts"
|
|
805
|
+
}
|
|
806
|
+
},
|
|
807
|
+
{
|
|
808
|
+
"kind": "custom-element-definition",
|
|
809
|
+
"name": "m3e-chip",
|
|
810
|
+
"declaration": {
|
|
811
|
+
"name": "M3eChipElement",
|
|
812
|
+
"module": "src/ChipElement.ts"
|
|
813
|
+
}
|
|
814
|
+
}
|
|
815
|
+
]
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"kind": "javascript-module",
|
|
819
|
+
"path": "src/ChipSetElement.ts",
|
|
820
|
+
"declarations": [
|
|
821
|
+
{
|
|
822
|
+
"kind": "class",
|
|
823
|
+
"description": "",
|
|
824
|
+
"name": "M3eChipSetElement",
|
|
825
|
+
"cssProperties": [
|
|
826
|
+
{
|
|
827
|
+
"description": "The spacing (gap) between chips in the set.",
|
|
828
|
+
"name": "--m3e-chip-set-spacing"
|
|
829
|
+
}
|
|
830
|
+
],
|
|
831
|
+
"slots": [
|
|
832
|
+
{
|
|
833
|
+
"description": "Renders the chips of the set.",
|
|
834
|
+
"name": ""
|
|
835
|
+
}
|
|
836
|
+
],
|
|
837
|
+
"members": [],
|
|
838
|
+
"attributes": [
|
|
839
|
+
{
|
|
840
|
+
"description": "Whether the element is oriented vertically.",
|
|
841
|
+
"name": "vertical"
|
|
842
|
+
}
|
|
843
|
+
],
|
|
844
|
+
"mixins": [
|
|
845
|
+
{
|
|
846
|
+
"name": "Vertical",
|
|
847
|
+
"package": "@m3e/core"
|
|
848
|
+
},
|
|
849
|
+
{
|
|
850
|
+
"name": "Role",
|
|
851
|
+
"package": "@m3e/core"
|
|
852
|
+
}
|
|
853
|
+
],
|
|
854
|
+
"superclass": {
|
|
855
|
+
"name": "LitElement",
|
|
856
|
+
"package": "lit"
|
|
857
|
+
},
|
|
858
|
+
"tagName": "m3e-chip-set",
|
|
859
|
+
"customElement": true,
|
|
860
|
+
"summary": "A container used to organize chips into a cohesive unit."
|
|
861
|
+
}
|
|
862
|
+
],
|
|
863
|
+
"exports": [
|
|
864
|
+
{
|
|
865
|
+
"kind": "js",
|
|
866
|
+
"name": "M3eChipSetElement",
|
|
867
|
+
"declaration": {
|
|
868
|
+
"name": "M3eChipSetElement",
|
|
869
|
+
"module": "src/ChipSetElement.ts"
|
|
870
|
+
}
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"kind": "custom-element-definition",
|
|
874
|
+
"name": "m3e-chip-set",
|
|
875
|
+
"declaration": {
|
|
876
|
+
"name": "M3eChipSetElement",
|
|
877
|
+
"module": "src/ChipSetElement.ts"
|
|
878
|
+
}
|
|
879
|
+
}
|
|
880
|
+
]
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"kind": "javascript-module",
|
|
884
|
+
"path": "src/ChipVariant.ts",
|
|
885
|
+
"declarations": [],
|
|
886
|
+
"exports": []
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"kind": "javascript-module",
|
|
890
|
+
"path": "src/FilterChipElement.ts",
|
|
891
|
+
"declarations": [
|
|
892
|
+
{
|
|
893
|
+
"kind": "class",
|
|
894
|
+
"description": "",
|
|
895
|
+
"name": "M3eFilterChipElement",
|
|
896
|
+
"cssProperties": [
|
|
897
|
+
{
|
|
898
|
+
"description": "Border radius of the chip container.",
|
|
899
|
+
"name": "--m3e-chip-container-shape",
|
|
900
|
+
"inheritedFrom": {
|
|
901
|
+
"name": "M3eChipElement",
|
|
902
|
+
"module": "src/ChipElement.ts"
|
|
903
|
+
}
|
|
904
|
+
},
|
|
905
|
+
{
|
|
906
|
+
"description": "Base height of the chip container before density adjustment.",
|
|
907
|
+
"name": "--m3e-chip-container-height",
|
|
908
|
+
"inheritedFrom": {
|
|
909
|
+
"name": "M3eChipElement",
|
|
910
|
+
"module": "src/ChipElement.ts"
|
|
911
|
+
}
|
|
912
|
+
},
|
|
913
|
+
{
|
|
914
|
+
"description": "Font size of the chip label text.",
|
|
915
|
+
"name": "--m3e-chip-label-text-font-size",
|
|
916
|
+
"inheritedFrom": {
|
|
917
|
+
"name": "M3eChipElement",
|
|
918
|
+
"module": "src/ChipElement.ts"
|
|
919
|
+
}
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"description": "Font weight of the chip label text.",
|
|
923
|
+
"name": "--m3e-chip-label-text-font-weight",
|
|
924
|
+
"inheritedFrom": {
|
|
925
|
+
"name": "M3eChipElement",
|
|
926
|
+
"module": "src/ChipElement.ts"
|
|
927
|
+
}
|
|
928
|
+
},
|
|
929
|
+
{
|
|
930
|
+
"description": "Line height of the chip label text.",
|
|
931
|
+
"name": "--m3e-chip-label-text-line-height",
|
|
932
|
+
"inheritedFrom": {
|
|
933
|
+
"name": "M3eChipElement",
|
|
934
|
+
"module": "src/ChipElement.ts"
|
|
935
|
+
}
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"description": "Letter spacing of the chip label text.",
|
|
939
|
+
"name": "--m3e-chip-label-text-tracking",
|
|
940
|
+
"inheritedFrom": {
|
|
941
|
+
"name": "M3eChipElement",
|
|
942
|
+
"module": "src/ChipElement.ts"
|
|
943
|
+
}
|
|
944
|
+
},
|
|
945
|
+
{
|
|
946
|
+
"description": "Font size of leading/trailing icons.",
|
|
947
|
+
"name": "--m3e-chip-icon-size",
|
|
948
|
+
"inheritedFrom": {
|
|
949
|
+
"name": "M3eChipElement",
|
|
950
|
+
"module": "src/ChipElement.ts"
|
|
951
|
+
}
|
|
952
|
+
},
|
|
953
|
+
{
|
|
954
|
+
"description": "Horizontal gap between chip content elements.",
|
|
955
|
+
"name": "--m3e-chip-spacing",
|
|
956
|
+
"inheritedFrom": {
|
|
957
|
+
"name": "M3eChipElement",
|
|
958
|
+
"module": "src/ChipElement.ts"
|
|
959
|
+
}
|
|
960
|
+
},
|
|
961
|
+
{
|
|
962
|
+
"description": "Default start padding when no icon is present.",
|
|
963
|
+
"name": "--m3e-chip-padding-start",
|
|
964
|
+
"inheritedFrom": {
|
|
965
|
+
"name": "M3eChipElement",
|
|
966
|
+
"module": "src/ChipElement.ts"
|
|
967
|
+
}
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"description": "Default end padding when no trailing icon is present.",
|
|
971
|
+
"name": "--m3e-chip-padding-end",
|
|
972
|
+
"inheritedFrom": {
|
|
973
|
+
"name": "M3eChipElement",
|
|
974
|
+
"module": "src/ChipElement.ts"
|
|
975
|
+
}
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"description": "Start padding when leading icon is present.",
|
|
979
|
+
"name": "--m3e-chip-with-icon-padding-start",
|
|
980
|
+
"inheritedFrom": {
|
|
981
|
+
"name": "M3eChipElement",
|
|
982
|
+
"module": "src/ChipElement.ts"
|
|
983
|
+
}
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"description": "End padding when trailing icon is present.",
|
|
987
|
+
"name": "--m3e-chip-with-icon-padding-end",
|
|
988
|
+
"inheritedFrom": {
|
|
989
|
+
"name": "M3eChipElement",
|
|
990
|
+
"module": "src/ChipElement.ts"
|
|
991
|
+
}
|
|
992
|
+
},
|
|
993
|
+
{
|
|
994
|
+
"description": "Base color for disabled label text.",
|
|
995
|
+
"name": "--m3e-chip-disabled-label-text-color"
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"description": "Opacity applied to disabled label text.",
|
|
999
|
+
"name": "--m3e-chip-disabled-label-text-opacity"
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
"description": "Base color for disabled icons.",
|
|
1003
|
+
"name": "--m3e-chip-disabled-icon-color"
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"description": "Opacity applied to disabled icons.",
|
|
1007
|
+
"name": "--m3e-chip-disabled-icon-opacity"
|
|
1008
|
+
},
|
|
1009
|
+
{
|
|
1010
|
+
"description": "Background color for elevated variant.",
|
|
1011
|
+
"name": "--m3e-elevated-chip-container-color",
|
|
1012
|
+
"inheritedFrom": {
|
|
1013
|
+
"name": "M3eChipElement",
|
|
1014
|
+
"module": "src/ChipElement.ts"
|
|
1015
|
+
}
|
|
1016
|
+
},
|
|
1017
|
+
{
|
|
1018
|
+
"description": "Elevation level for elevated variant.",
|
|
1019
|
+
"name": "--m3e-elevated-chip-elevation",
|
|
1020
|
+
"inheritedFrom": {
|
|
1021
|
+
"name": "M3eChipElement",
|
|
1022
|
+
"module": "src/ChipElement.ts"
|
|
1023
|
+
}
|
|
1024
|
+
},
|
|
1025
|
+
{
|
|
1026
|
+
"description": "Elevation level on hover.",
|
|
1027
|
+
"name": "--m3e-elevated-chip-hover-elevation",
|
|
1028
|
+
"inheritedFrom": {
|
|
1029
|
+
"name": "M3eChipElement",
|
|
1030
|
+
"module": "src/ChipElement.ts"
|
|
1031
|
+
}
|
|
1032
|
+
},
|
|
1033
|
+
{
|
|
1034
|
+
"description": "Background color for disabled elevated variant.",
|
|
1035
|
+
"name": "--m3e-elevated-chip-disabled-container-color"
|
|
1036
|
+
},
|
|
1037
|
+
{
|
|
1038
|
+
"description": "Opacity applied to disabled elevated background.",
|
|
1039
|
+
"name": "--m3e-elevated-chip-disabled-container-opacity"
|
|
1040
|
+
},
|
|
1041
|
+
{
|
|
1042
|
+
"description": "Elevation level for disabled elevated variant.",
|
|
1043
|
+
"name": "--m3e-elevated-chip-disabled-elevation"
|
|
1044
|
+
},
|
|
1045
|
+
{
|
|
1046
|
+
"description": "Outline thickness for outlined variant.",
|
|
1047
|
+
"name": "--m3e-outlined-chip-outline-thickness",
|
|
1048
|
+
"inheritedFrom": {
|
|
1049
|
+
"name": "M3eChipElement",
|
|
1050
|
+
"module": "src/ChipElement.ts"
|
|
1051
|
+
}
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"description": "Outline color for outlined variant.",
|
|
1055
|
+
"name": "--m3e-outlined-chip-outline-color",
|
|
1056
|
+
"inheritedFrom": {
|
|
1057
|
+
"name": "M3eChipElement",
|
|
1058
|
+
"module": "src/ChipElement.ts"
|
|
1059
|
+
}
|
|
1060
|
+
},
|
|
1061
|
+
{
|
|
1062
|
+
"description": "Outline color for disabled outlined variant.",
|
|
1063
|
+
"name": "--m3e-outlined-chip-disabled-outline-color"
|
|
1064
|
+
},
|
|
1065
|
+
{
|
|
1066
|
+
"description": "Opacity applied to disabled outline.",
|
|
1067
|
+
"name": "--m3e-outlined-chip-disabled-outline-opacity"
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"description": "Outline thickness for selected state.",
|
|
1071
|
+
"name": "--m3e-chip-selected-outline-thickness"
|
|
1072
|
+
},
|
|
1073
|
+
{
|
|
1074
|
+
"description": "Text color in selected state.",
|
|
1075
|
+
"name": "--m3e-chip-selected-label-text-color"
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"description": "Background color in selected state.",
|
|
1079
|
+
"name": "--m3e-chip-selected-container-color"
|
|
1080
|
+
},
|
|
1081
|
+
{
|
|
1082
|
+
"description": "Hover state layer color in selected state.",
|
|
1083
|
+
"name": "--m3e-chip-selected-container-hover-color"
|
|
1084
|
+
},
|
|
1085
|
+
{
|
|
1086
|
+
"description": "Focus state layer color in selected state.",
|
|
1087
|
+
"name": "--m3e-chip-selected-container-focus-color"
|
|
1088
|
+
},
|
|
1089
|
+
{
|
|
1090
|
+
"description": "Elevation on hover in selected state.",
|
|
1091
|
+
"name": "--m3e-chip-selected-hover-elevation"
|
|
1092
|
+
},
|
|
1093
|
+
{
|
|
1094
|
+
"description": "Ripple color in selected state.",
|
|
1095
|
+
"name": "--m3e-chip-selected-ripple-color"
|
|
1096
|
+
},
|
|
1097
|
+
{
|
|
1098
|
+
"description": "Focus state layer color in selected state.",
|
|
1099
|
+
"name": "--m3e-chip-selected-state-layer-focus-color"
|
|
1100
|
+
},
|
|
1101
|
+
{
|
|
1102
|
+
"description": "Hover state layer color in selected state.",
|
|
1103
|
+
"name": "--m3e-chip-selected-state-layer-hover-color"
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"description": "Leading icon color in selected state.",
|
|
1107
|
+
"name": "--m3e-chip-selected-leading-icon-color"
|
|
1108
|
+
},
|
|
1109
|
+
{
|
|
1110
|
+
"description": "Trailing icon color in selected state.",
|
|
1111
|
+
"name": "--m3e-chip-selected-trailing-icon-color"
|
|
1112
|
+
},
|
|
1113
|
+
{
|
|
1114
|
+
"description": "Text color in unselected state.",
|
|
1115
|
+
"name": "--m3e-chip-unselected-label-text-color"
|
|
1116
|
+
},
|
|
1117
|
+
{
|
|
1118
|
+
"description": "Ripple color in unselected state.",
|
|
1119
|
+
"name": "--m3e-chip-unselected-ripple-color"
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"description": "Focus state layer color in unselected state.",
|
|
1123
|
+
"name": "--m3e-chip-unselected-state-layer-focus-color"
|
|
1124
|
+
},
|
|
1125
|
+
{
|
|
1126
|
+
"description": "Hover state layer color in unselected state.",
|
|
1127
|
+
"name": "--m3e-chip-unselected-state-layer-hover-color"
|
|
1128
|
+
},
|
|
1129
|
+
{
|
|
1130
|
+
"description": "Leading icon color in unselected state.",
|
|
1131
|
+
"name": "--m3e-chip-unselected-leading-icon-color"
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"description": "Trailing icon color in unselected state.",
|
|
1135
|
+
"name": "--m3e-chip-unselected-trailing-icon-color"
|
|
1136
|
+
},
|
|
1137
|
+
{
|
|
1138
|
+
"description": "Label text color in default state.",
|
|
1139
|
+
"name": "--m3e-chip-label-text-color",
|
|
1140
|
+
"inheritedFrom": {
|
|
1141
|
+
"name": "M3eChipElement",
|
|
1142
|
+
"module": "src/ChipElement.ts"
|
|
1143
|
+
}
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"description": "Icon color in default state.",
|
|
1147
|
+
"name": "--m3e-chip-icon-color",
|
|
1148
|
+
"inheritedFrom": {
|
|
1149
|
+
"name": "M3eChipElement",
|
|
1150
|
+
"module": "src/ChipElement.ts"
|
|
1151
|
+
}
|
|
1152
|
+
}
|
|
1153
|
+
],
|
|
1154
|
+
"slots": [
|
|
1155
|
+
{
|
|
1156
|
+
"description": "Renders the label of the chip.",
|
|
1157
|
+
"name": "",
|
|
1158
|
+
"inheritedFrom": {
|
|
1159
|
+
"name": "M3eChipElement",
|
|
1160
|
+
"module": "src/ChipElement.ts"
|
|
1161
|
+
}
|
|
1162
|
+
},
|
|
1163
|
+
{
|
|
1164
|
+
"description": "Renders an icon before the chip's label.",
|
|
1165
|
+
"name": "icon",
|
|
1166
|
+
"inheritedFrom": {
|
|
1167
|
+
"name": "M3eChipElement",
|
|
1168
|
+
"module": "src/ChipElement.ts"
|
|
1169
|
+
}
|
|
1170
|
+
},
|
|
1171
|
+
{
|
|
1172
|
+
"description": "Renders an icon after the chip's label.",
|
|
1173
|
+
"name": "trailing-icon",
|
|
1174
|
+
"inheritedFrom": {
|
|
1175
|
+
"name": "M3eChipElement",
|
|
1176
|
+
"module": "src/ChipElement.ts"
|
|
1177
|
+
}
|
|
1178
|
+
}
|
|
1179
|
+
],
|
|
1180
|
+
"members": [
|
|
1181
|
+
{
|
|
1182
|
+
"kind": "field",
|
|
1183
|
+
"name": "#clickHandler",
|
|
1184
|
+
"privacy": "private",
|
|
1185
|
+
"readonly": true
|
|
1186
|
+
},
|
|
1187
|
+
{
|
|
1188
|
+
"kind": "method",
|
|
1189
|
+
"name": "_renderIcon",
|
|
1190
|
+
"privacy": "private",
|
|
1191
|
+
"return": {
|
|
1192
|
+
"type": {
|
|
1193
|
+
"text": "unknown"
|
|
1194
|
+
}
|
|
1195
|
+
}
|
|
1196
|
+
},
|
|
1197
|
+
{
|
|
1198
|
+
"kind": "method",
|
|
1199
|
+
"name": "#handleClick",
|
|
1200
|
+
"privacy": "private",
|
|
1201
|
+
"return": {
|
|
1202
|
+
"type": {
|
|
1203
|
+
"text": "void"
|
|
1204
|
+
}
|
|
1205
|
+
},
|
|
1206
|
+
"parameters": [
|
|
1207
|
+
{
|
|
1208
|
+
"name": "e",
|
|
1209
|
+
"type": {
|
|
1210
|
+
"text": "Event"
|
|
1211
|
+
}
|
|
1212
|
+
}
|
|
1213
|
+
]
|
|
1214
|
+
},
|
|
1215
|
+
{
|
|
1216
|
+
"kind": "field",
|
|
1217
|
+
"name": "_elevation",
|
|
1218
|
+
"type": {
|
|
1219
|
+
"text": "M3eElevationElement | undefined"
|
|
1220
|
+
},
|
|
1221
|
+
"privacy": "private",
|
|
1222
|
+
"readonly": true,
|
|
1223
|
+
"inheritedFrom": {
|
|
1224
|
+
"name": "M3eChipElement",
|
|
1225
|
+
"module": "src/ChipElement.ts"
|
|
1226
|
+
}
|
|
1227
|
+
},
|
|
1228
|
+
{
|
|
1229
|
+
"kind": "field",
|
|
1230
|
+
"name": "_focusRing",
|
|
1231
|
+
"type": {
|
|
1232
|
+
"text": "M3eFocusRingElement | undefined"
|
|
1233
|
+
},
|
|
1234
|
+
"privacy": "private",
|
|
1235
|
+
"readonly": true,
|
|
1236
|
+
"inheritedFrom": {
|
|
1237
|
+
"name": "M3eChipElement",
|
|
1238
|
+
"module": "src/ChipElement.ts"
|
|
1239
|
+
}
|
|
1240
|
+
},
|
|
1241
|
+
{
|
|
1242
|
+
"kind": "field",
|
|
1243
|
+
"name": "_stateLayer",
|
|
1244
|
+
"type": {
|
|
1245
|
+
"text": "M3eStateLayerElement | undefined"
|
|
1246
|
+
},
|
|
1247
|
+
"privacy": "private",
|
|
1248
|
+
"readonly": true,
|
|
1249
|
+
"inheritedFrom": {
|
|
1250
|
+
"name": "M3eChipElement",
|
|
1251
|
+
"module": "src/ChipElement.ts"
|
|
1252
|
+
}
|
|
1253
|
+
},
|
|
1254
|
+
{
|
|
1255
|
+
"kind": "field",
|
|
1256
|
+
"name": "_ripple",
|
|
1257
|
+
"type": {
|
|
1258
|
+
"text": "M3eRippleElement | undefined"
|
|
1259
|
+
},
|
|
1260
|
+
"privacy": "private",
|
|
1261
|
+
"readonly": true,
|
|
1262
|
+
"inheritedFrom": {
|
|
1263
|
+
"name": "M3eChipElement",
|
|
1264
|
+
"module": "src/ChipElement.ts"
|
|
1265
|
+
}
|
|
1266
|
+
},
|
|
1267
|
+
{
|
|
1268
|
+
"kind": "field",
|
|
1269
|
+
"name": "#value",
|
|
1270
|
+
"privacy": "private",
|
|
1271
|
+
"type": {
|
|
1272
|
+
"text": "string | undefined"
|
|
1273
|
+
},
|
|
1274
|
+
"inheritedFrom": {
|
|
1275
|
+
"name": "M3eChipElement",
|
|
1276
|
+
"module": "src/ChipElement.ts"
|
|
1277
|
+
}
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"kind": "field",
|
|
1281
|
+
"name": "#textContent",
|
|
1282
|
+
"privacy": "private",
|
|
1283
|
+
"type": {
|
|
1284
|
+
"text": "string"
|
|
1285
|
+
},
|
|
1286
|
+
"default": "\"\"",
|
|
1287
|
+
"inheritedFrom": {
|
|
1288
|
+
"name": "M3eChipElement",
|
|
1289
|
+
"module": "src/ChipElement.ts"
|
|
1290
|
+
}
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"kind": "field",
|
|
1294
|
+
"name": "variant",
|
|
1295
|
+
"type": {
|
|
1296
|
+
"text": "ChipVariant"
|
|
1297
|
+
},
|
|
1298
|
+
"default": "\"outlined\"",
|
|
1299
|
+
"description": "The appearance variant of the chip.",
|
|
1300
|
+
"attribute": "variant",
|
|
1301
|
+
"reflects": true,
|
|
1302
|
+
"inheritedFrom": {
|
|
1303
|
+
"name": "M3eChipElement",
|
|
1304
|
+
"module": "src/ChipElement.ts"
|
|
1305
|
+
}
|
|
1306
|
+
},
|
|
1307
|
+
{
|
|
1308
|
+
"kind": "field",
|
|
1309
|
+
"name": "value",
|
|
1310
|
+
"description": "A string representing the value of the chip.",
|
|
1311
|
+
"attribute": "value",
|
|
1312
|
+
"inheritedFrom": {
|
|
1313
|
+
"name": "M3eChipElement",
|
|
1314
|
+
"module": "src/ChipElement.ts"
|
|
1315
|
+
}
|
|
1316
|
+
},
|
|
1317
|
+
{
|
|
1318
|
+
"kind": "method",
|
|
1319
|
+
"name": "#renderContent",
|
|
1320
|
+
"privacy": "private",
|
|
1321
|
+
"return": {
|
|
1322
|
+
"type": {
|
|
1323
|
+
"text": "unknown"
|
|
1324
|
+
}
|
|
1325
|
+
},
|
|
1326
|
+
"inheritedFrom": {
|
|
1327
|
+
"name": "M3eChipElement",
|
|
1328
|
+
"module": "src/ChipElement.ts"
|
|
1329
|
+
}
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"kind": "method",
|
|
1333
|
+
"name": "#handleIconSlotChange",
|
|
1334
|
+
"privacy": "private",
|
|
1335
|
+
"return": {
|
|
1336
|
+
"type": {
|
|
1337
|
+
"text": "void"
|
|
1338
|
+
}
|
|
1339
|
+
},
|
|
1340
|
+
"parameters": [
|
|
1341
|
+
{
|
|
1342
|
+
"name": "e",
|
|
1343
|
+
"type": {
|
|
1344
|
+
"text": "Event"
|
|
1345
|
+
}
|
|
1346
|
+
}
|
|
1347
|
+
],
|
|
1348
|
+
"inheritedFrom": {
|
|
1349
|
+
"name": "M3eChipElement",
|
|
1350
|
+
"module": "src/ChipElement.ts"
|
|
1351
|
+
}
|
|
1352
|
+
},
|
|
1353
|
+
{
|
|
1354
|
+
"kind": "method",
|
|
1355
|
+
"name": "#handleTrailingIconSlotChange",
|
|
1356
|
+
"privacy": "private",
|
|
1357
|
+
"return": {
|
|
1358
|
+
"type": {
|
|
1359
|
+
"text": "void"
|
|
1360
|
+
}
|
|
1361
|
+
},
|
|
1362
|
+
"parameters": [
|
|
1363
|
+
{
|
|
1364
|
+
"name": "e",
|
|
1365
|
+
"type": {
|
|
1366
|
+
"text": "Event"
|
|
1367
|
+
}
|
|
1368
|
+
}
|
|
1369
|
+
],
|
|
1370
|
+
"inheritedFrom": {
|
|
1371
|
+
"name": "M3eChipElement",
|
|
1372
|
+
"module": "src/ChipElement.ts"
|
|
1373
|
+
}
|
|
1374
|
+
},
|
|
1375
|
+
{
|
|
1376
|
+
"kind": "method",
|
|
1377
|
+
"name": "#handleSlotChange",
|
|
1378
|
+
"privacy": "private",
|
|
1379
|
+
"return": {
|
|
1380
|
+
"type": {
|
|
1381
|
+
"text": "void"
|
|
1382
|
+
}
|
|
1383
|
+
},
|
|
1384
|
+
"parameters": [
|
|
1385
|
+
{
|
|
1386
|
+
"name": "e",
|
|
1387
|
+
"type": {
|
|
1388
|
+
"text": "Event"
|
|
1389
|
+
}
|
|
1390
|
+
}
|
|
1391
|
+
],
|
|
1392
|
+
"inheritedFrom": {
|
|
1393
|
+
"name": "M3eChipElement",
|
|
1394
|
+
"module": "src/ChipElement.ts"
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
],
|
|
1398
|
+
"events": [
|
|
1399
|
+
{
|
|
1400
|
+
"name": "input",
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "Event"
|
|
1403
|
+
},
|
|
1404
|
+
"description": "Emitted when the selected state changes."
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"name": "change",
|
|
1408
|
+
"type": {
|
|
1409
|
+
"text": "Event"
|
|
1410
|
+
},
|
|
1411
|
+
"description": "Emitted when the selected state changes."
|
|
1412
|
+
}
|
|
1413
|
+
],
|
|
1414
|
+
"attributes": [
|
|
1415
|
+
{
|
|
1416
|
+
"description": "A value indicating whether the element is disabled.",
|
|
1417
|
+
"name": "disabled"
|
|
1418
|
+
},
|
|
1419
|
+
{
|
|
1420
|
+
"description": "A value indicating whether the element is disabled and interactive.",
|
|
1421
|
+
"name": "disabled-interactive"
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"description": "A value indicating whether the element is selected.",
|
|
1425
|
+
"name": "selected"
|
|
1426
|
+
},
|
|
1427
|
+
{
|
|
1428
|
+
"description": "A string representing the value of the chip.",
|
|
1429
|
+
"name": "value",
|
|
1430
|
+
"fieldName": "value",
|
|
1431
|
+
"inheritedFrom": {
|
|
1432
|
+
"name": "M3eChipElement",
|
|
1433
|
+
"module": "src/ChipElement.ts"
|
|
1434
|
+
}
|
|
1435
|
+
},
|
|
1436
|
+
{
|
|
1437
|
+
"description": "The appearance variant of the chip.",
|
|
1438
|
+
"name": "variant",
|
|
1439
|
+
"type": {
|
|
1440
|
+
"text": "ChipVariant"
|
|
1441
|
+
},
|
|
1442
|
+
"default": "\"outlined\"",
|
|
1443
|
+
"fieldName": "variant",
|
|
1444
|
+
"inheritedFrom": {
|
|
1445
|
+
"name": "M3eChipElement",
|
|
1446
|
+
"module": "src/ChipElement.ts"
|
|
1447
|
+
}
|
|
1448
|
+
}
|
|
1449
|
+
],
|
|
1450
|
+
"mixins": [
|
|
1451
|
+
{
|
|
1452
|
+
"name": "Selected",
|
|
1453
|
+
"package": "@m3e/core"
|
|
1454
|
+
},
|
|
1455
|
+
{
|
|
1456
|
+
"name": "KeyboardClick",
|
|
1457
|
+
"package": "@m3e/core"
|
|
1458
|
+
},
|
|
1459
|
+
{
|
|
1460
|
+
"name": "Focusable",
|
|
1461
|
+
"package": "@m3e/core"
|
|
1462
|
+
},
|
|
1463
|
+
{
|
|
1464
|
+
"name": "DisabledInteractive",
|
|
1465
|
+
"package": "@m3e/core"
|
|
1466
|
+
},
|
|
1467
|
+
{
|
|
1468
|
+
"name": "Disabled",
|
|
1469
|
+
"package": "@m3e/core"
|
|
1470
|
+
},
|
|
1471
|
+
{
|
|
1472
|
+
"name": "AttachInternals",
|
|
1473
|
+
"package": "@m3e/core"
|
|
1474
|
+
},
|
|
1475
|
+
{
|
|
1476
|
+
"name": "Role",
|
|
1477
|
+
"package": "@m3e/core"
|
|
1478
|
+
}
|
|
1479
|
+
],
|
|
1480
|
+
"superclass": {
|
|
1481
|
+
"name": "M3eChipElement",
|
|
1482
|
+
"module": "/src/ChipElement"
|
|
1483
|
+
},
|
|
1484
|
+
"tagName": "m3e-filter-chip",
|
|
1485
|
+
"customElement": true,
|
|
1486
|
+
"summary": "A chip users interact with to select/deselect options."
|
|
1487
|
+
}
|
|
1488
|
+
],
|
|
1489
|
+
"exports": [
|
|
1490
|
+
{
|
|
1491
|
+
"kind": "js",
|
|
1492
|
+
"name": "M3eFilterChipElement",
|
|
1493
|
+
"declaration": {
|
|
1494
|
+
"name": "M3eFilterChipElement",
|
|
1495
|
+
"module": "src/FilterChipElement.ts"
|
|
1496
|
+
}
|
|
1497
|
+
},
|
|
1498
|
+
{
|
|
1499
|
+
"kind": "custom-element-definition",
|
|
1500
|
+
"name": "m3e-filter-chip",
|
|
1501
|
+
"declaration": {
|
|
1502
|
+
"name": "M3eFilterChipElement",
|
|
1503
|
+
"module": "src/FilterChipElement.ts"
|
|
1504
|
+
}
|
|
1505
|
+
}
|
|
1506
|
+
]
|
|
1507
|
+
},
|
|
1508
|
+
{
|
|
1509
|
+
"kind": "javascript-module",
|
|
1510
|
+
"path": "src/FilterChipSetElement.ts",
|
|
1511
|
+
"declarations": [
|
|
1512
|
+
{
|
|
1513
|
+
"kind": "class",
|
|
1514
|
+
"description": "",
|
|
1515
|
+
"name": "M3eFilterChipSetElement",
|
|
1516
|
+
"cssProperties": [
|
|
1517
|
+
{
|
|
1518
|
+
"description": "The spacing (gap) between chips in the set.",
|
|
1519
|
+
"name": "--m3e-chip-set-spacing",
|
|
1520
|
+
"inheritedFrom": {
|
|
1521
|
+
"name": "M3eChipSetElement",
|
|
1522
|
+
"module": "src/ChipSetElement.ts"
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
],
|
|
1526
|
+
"slots": [
|
|
1527
|
+
{
|
|
1528
|
+
"description": "Renders the chips of the set.",
|
|
1529
|
+
"name": "",
|
|
1530
|
+
"inheritedFrom": {
|
|
1531
|
+
"name": "M3eChipSetElement",
|
|
1532
|
+
"module": "src/ChipSetElement.ts"
|
|
1533
|
+
}
|
|
1534
|
+
}
|
|
1535
|
+
],
|
|
1536
|
+
"members": [
|
|
1537
|
+
{
|
|
1538
|
+
"kind": "field",
|
|
1539
|
+
"name": "multi",
|
|
1540
|
+
"type": {
|
|
1541
|
+
"text": "boolean"
|
|
1542
|
+
},
|
|
1543
|
+
"default": "false",
|
|
1544
|
+
"description": "Whether multiple chips can be selected.",
|
|
1545
|
+
"attribute": "multi"
|
|
1546
|
+
},
|
|
1547
|
+
{
|
|
1548
|
+
"kind": "field",
|
|
1549
|
+
"name": "hideSelectionIndicator",
|
|
1550
|
+
"type": {
|
|
1551
|
+
"text": "boolean"
|
|
1552
|
+
},
|
|
1553
|
+
"default": "false",
|
|
1554
|
+
"description": "Whether to hide the selection indicator.",
|
|
1555
|
+
"attribute": "hide-selection-indicator"
|
|
1556
|
+
},
|
|
1557
|
+
{
|
|
1558
|
+
"kind": "field",
|
|
1559
|
+
"name": "chips",
|
|
1560
|
+
"type": {
|
|
1561
|
+
"text": "readonly M3eFilterChipElement[]"
|
|
1562
|
+
},
|
|
1563
|
+
"description": "The chips of the set.",
|
|
1564
|
+
"readonly": true
|
|
1565
|
+
},
|
|
1566
|
+
{
|
|
1567
|
+
"kind": "field",
|
|
1568
|
+
"name": "selected",
|
|
1569
|
+
"type": {
|
|
1570
|
+
"text": "readonly M3eFilterChipElement[]"
|
|
1571
|
+
},
|
|
1572
|
+
"description": "The selected chip(s) of the set.",
|
|
1573
|
+
"readonly": true
|
|
1574
|
+
},
|
|
1575
|
+
{
|
|
1576
|
+
"kind": "field",
|
|
1577
|
+
"name": "value",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "string | readonly string[] | null"
|
|
1580
|
+
},
|
|
1581
|
+
"description": "The selected value(s) of the set.",
|
|
1582
|
+
"readonly": true
|
|
1583
|
+
}
|
|
1584
|
+
],
|
|
1585
|
+
"events": [
|
|
1586
|
+
{
|
|
1587
|
+
"name": "change",
|
|
1588
|
+
"type": {
|
|
1589
|
+
"text": "Event"
|
|
1590
|
+
},
|
|
1591
|
+
"description": "Emitted when the selected state of a chip changes."
|
|
1592
|
+
},
|
|
1593
|
+
{
|
|
1594
|
+
"description": "Emitted when the selected state of a chip changes.",
|
|
1595
|
+
"name": "input"
|
|
1596
|
+
}
|
|
1597
|
+
],
|
|
1598
|
+
"attributes": [
|
|
1599
|
+
{
|
|
1600
|
+
"description": "Whether the element is disabled.",
|
|
1601
|
+
"name": "disabled"
|
|
1602
|
+
},
|
|
1603
|
+
{
|
|
1604
|
+
"description": "Whether to hide the selection indicator.",
|
|
1605
|
+
"name": "hide-selection-indicator",
|
|
1606
|
+
"type": {
|
|
1607
|
+
"text": "boolean"
|
|
1608
|
+
},
|
|
1609
|
+
"default": "false",
|
|
1610
|
+
"fieldName": "hideSelectionIndicator"
|
|
1611
|
+
},
|
|
1612
|
+
{
|
|
1613
|
+
"description": "Whether multiple chips can be selected.",
|
|
1614
|
+
"name": "multi",
|
|
1615
|
+
"type": {
|
|
1616
|
+
"text": "boolean"
|
|
1617
|
+
},
|
|
1618
|
+
"default": "false",
|
|
1619
|
+
"fieldName": "multi"
|
|
1620
|
+
},
|
|
1621
|
+
{
|
|
1622
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
1623
|
+
"name": "name"
|
|
1624
|
+
},
|
|
1625
|
+
{
|
|
1626
|
+
"description": "Whether the element is oriented vertically.",
|
|
1627
|
+
"name": "vertical",
|
|
1628
|
+
"inheritedFrom": {
|
|
1629
|
+
"name": "M3eChipSetElement",
|
|
1630
|
+
"module": "src/ChipSetElement.ts"
|
|
1631
|
+
}
|
|
1632
|
+
}
|
|
1633
|
+
],
|
|
1634
|
+
"mixins": [
|
|
1635
|
+
{
|
|
1636
|
+
"name": "Labelled",
|
|
1637
|
+
"package": "@m3e/core"
|
|
1638
|
+
},
|
|
1639
|
+
{
|
|
1640
|
+
"name": "Dirty",
|
|
1641
|
+
"package": "@m3e/core"
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"name": "Touched",
|
|
1645
|
+
"package": "@m3e/core"
|
|
1646
|
+
},
|
|
1647
|
+
{
|
|
1648
|
+
"name": "FormAssociated",
|
|
1649
|
+
"package": "@m3e/core"
|
|
1650
|
+
},
|
|
1651
|
+
{
|
|
1652
|
+
"name": "Disabled",
|
|
1653
|
+
"package": "@m3e/core"
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"name": "AttachInternals",
|
|
1657
|
+
"package": "@m3e/core"
|
|
1658
|
+
},
|
|
1659
|
+
{
|
|
1660
|
+
"name": "Role",
|
|
1661
|
+
"package": "@m3e/core"
|
|
1662
|
+
}
|
|
1663
|
+
],
|
|
1664
|
+
"superclass": {
|
|
1665
|
+
"name": "M3eChipSetElement",
|
|
1666
|
+
"module": "/src/ChipSetElement"
|
|
1667
|
+
},
|
|
1668
|
+
"tagName": "m3e-filter-chip-set",
|
|
1669
|
+
"customElement": true,
|
|
1670
|
+
"summary": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior."
|
|
1671
|
+
}
|
|
1672
|
+
],
|
|
1673
|
+
"exports": [
|
|
1674
|
+
{
|
|
1675
|
+
"kind": "js",
|
|
1676
|
+
"name": "M3eFilterChipSetElement",
|
|
1677
|
+
"declaration": {
|
|
1678
|
+
"name": "M3eFilterChipSetElement",
|
|
1679
|
+
"module": "src/FilterChipSetElement.ts"
|
|
1680
|
+
}
|
|
1681
|
+
},
|
|
1682
|
+
{
|
|
1683
|
+
"kind": "custom-element-definition",
|
|
1684
|
+
"name": "m3e-filter-chip-set",
|
|
1685
|
+
"declaration": {
|
|
1686
|
+
"name": "M3eFilterChipSetElement",
|
|
1687
|
+
"module": "src/FilterChipSetElement.ts"
|
|
1688
|
+
}
|
|
1689
|
+
}
|
|
1690
|
+
]
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"kind": "javascript-module",
|
|
1694
|
+
"path": "src/index.ts",
|
|
1695
|
+
"declarations": [],
|
|
1696
|
+
"exports": [
|
|
1697
|
+
{
|
|
1698
|
+
"kind": "js",
|
|
1699
|
+
"name": "*",
|
|
1700
|
+
"declaration": {
|
|
1701
|
+
"name": "*",
|
|
1702
|
+
"package": "\"./AssistChipElement\""
|
|
1703
|
+
}
|
|
1704
|
+
},
|
|
1705
|
+
{
|
|
1706
|
+
"kind": "js",
|
|
1707
|
+
"name": "*",
|
|
1708
|
+
"declaration": {
|
|
1709
|
+
"name": "*",
|
|
1710
|
+
"package": "\"./ChipElement\""
|
|
1711
|
+
}
|
|
1712
|
+
},
|
|
1713
|
+
{
|
|
1714
|
+
"kind": "js",
|
|
1715
|
+
"name": "*",
|
|
1716
|
+
"declaration": {
|
|
1717
|
+
"name": "*",
|
|
1718
|
+
"package": "\"./ChipSetElement\""
|
|
1719
|
+
}
|
|
1720
|
+
},
|
|
1721
|
+
{
|
|
1722
|
+
"kind": "js",
|
|
1723
|
+
"name": "*",
|
|
1724
|
+
"declaration": {
|
|
1725
|
+
"name": "*",
|
|
1726
|
+
"package": "\"./ChipVariant\""
|
|
1727
|
+
}
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"kind": "js",
|
|
1731
|
+
"name": "*",
|
|
1732
|
+
"declaration": {
|
|
1733
|
+
"name": "*",
|
|
1734
|
+
"package": "\"./FilterChipElement\""
|
|
1735
|
+
}
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"kind": "js",
|
|
1739
|
+
"name": "*",
|
|
1740
|
+
"declaration": {
|
|
1741
|
+
"name": "*",
|
|
1742
|
+
"package": "\"./FilterChipSetElement\""
|
|
1743
|
+
}
|
|
1744
|
+
},
|
|
1745
|
+
{
|
|
1746
|
+
"kind": "js",
|
|
1747
|
+
"name": "*",
|
|
1748
|
+
"declaration": {
|
|
1749
|
+
"name": "*",
|
|
1750
|
+
"package": "\"./InputChipElement\""
|
|
1751
|
+
}
|
|
1752
|
+
},
|
|
1753
|
+
{
|
|
1754
|
+
"kind": "js",
|
|
1755
|
+
"name": "*",
|
|
1756
|
+
"declaration": {
|
|
1757
|
+
"name": "*",
|
|
1758
|
+
"package": "\"./InputChipSetElement\""
|
|
1759
|
+
}
|
|
1760
|
+
},
|
|
1761
|
+
{
|
|
1762
|
+
"kind": "js",
|
|
1763
|
+
"name": "*",
|
|
1764
|
+
"declaration": {
|
|
1765
|
+
"name": "*",
|
|
1766
|
+
"package": "\"./SuggestionChipElement\""
|
|
1767
|
+
}
|
|
1768
|
+
}
|
|
1769
|
+
]
|
|
1770
|
+
},
|
|
1771
|
+
{
|
|
1772
|
+
"kind": "javascript-module",
|
|
1773
|
+
"path": "src/InputChipElement.ts",
|
|
1774
|
+
"declarations": [
|
|
1775
|
+
{
|
|
1776
|
+
"kind": "class",
|
|
1777
|
+
"description": "",
|
|
1778
|
+
"name": "M3eInputChipElement",
|
|
1779
|
+
"cssProperties": [
|
|
1780
|
+
{
|
|
1781
|
+
"description": "Border radius of the chip container.",
|
|
1782
|
+
"name": "--m3e-chip-container-shape",
|
|
1783
|
+
"inheritedFrom": {
|
|
1784
|
+
"name": "M3eChipElement",
|
|
1785
|
+
"module": "src/ChipElement.ts"
|
|
1786
|
+
}
|
|
1787
|
+
},
|
|
1788
|
+
{
|
|
1789
|
+
"description": "Base height of the chip container before density adjustment.",
|
|
1790
|
+
"name": "--m3e-chip-container-height",
|
|
1791
|
+
"inheritedFrom": {
|
|
1792
|
+
"name": "M3eChipElement",
|
|
1793
|
+
"module": "src/ChipElement.ts"
|
|
1794
|
+
}
|
|
1795
|
+
},
|
|
1796
|
+
{
|
|
1797
|
+
"description": "Font size of the chip label text.",
|
|
1798
|
+
"name": "--m3e-chip-label-text-font-size",
|
|
1799
|
+
"inheritedFrom": {
|
|
1800
|
+
"name": "M3eChipElement",
|
|
1801
|
+
"module": "src/ChipElement.ts"
|
|
1802
|
+
}
|
|
1803
|
+
},
|
|
1804
|
+
{
|
|
1805
|
+
"description": "Font weight of the chip label text.",
|
|
1806
|
+
"name": "--m3e-chip-label-text-font-weight",
|
|
1807
|
+
"inheritedFrom": {
|
|
1808
|
+
"name": "M3eChipElement",
|
|
1809
|
+
"module": "src/ChipElement.ts"
|
|
1810
|
+
}
|
|
1811
|
+
},
|
|
1812
|
+
{
|
|
1813
|
+
"description": "Line height of the chip label text.",
|
|
1814
|
+
"name": "--m3e-chip-label-text-line-height",
|
|
1815
|
+
"inheritedFrom": {
|
|
1816
|
+
"name": "M3eChipElement",
|
|
1817
|
+
"module": "src/ChipElement.ts"
|
|
1818
|
+
}
|
|
1819
|
+
},
|
|
1820
|
+
{
|
|
1821
|
+
"description": "Letter spacing of the chip label text.",
|
|
1822
|
+
"name": "--m3e-chip-label-text-tracking",
|
|
1823
|
+
"inheritedFrom": {
|
|
1824
|
+
"name": "M3eChipElement",
|
|
1825
|
+
"module": "src/ChipElement.ts"
|
|
1826
|
+
}
|
|
1827
|
+
},
|
|
1828
|
+
{
|
|
1829
|
+
"description": "Label text color in default state.",
|
|
1830
|
+
"name": "--m3e-chip-label-text-color",
|
|
1831
|
+
"inheritedFrom": {
|
|
1832
|
+
"name": "M3eChipElement",
|
|
1833
|
+
"module": "src/ChipElement.ts"
|
|
1834
|
+
}
|
|
1835
|
+
},
|
|
1836
|
+
{
|
|
1837
|
+
"description": "Icon color in default state.",
|
|
1838
|
+
"name": "--m3e-chip-icon-color",
|
|
1839
|
+
"inheritedFrom": {
|
|
1840
|
+
"name": "M3eChipElement",
|
|
1841
|
+
"module": "src/ChipElement.ts"
|
|
1842
|
+
}
|
|
1843
|
+
},
|
|
1844
|
+
{
|
|
1845
|
+
"description": "Font size of leading/trailing icons.",
|
|
1846
|
+
"name": "--m3e-chip-icon-size",
|
|
1847
|
+
"inheritedFrom": {
|
|
1848
|
+
"name": "M3eChipElement",
|
|
1849
|
+
"module": "src/ChipElement.ts"
|
|
1850
|
+
}
|
|
1851
|
+
},
|
|
1852
|
+
{
|
|
1853
|
+
"description": "Horizontal gap between chip content elements.",
|
|
1854
|
+
"name": "--m3e-chip-spacing",
|
|
1855
|
+
"inheritedFrom": {
|
|
1856
|
+
"name": "M3eChipElement",
|
|
1857
|
+
"module": "src/ChipElement.ts"
|
|
1858
|
+
}
|
|
1859
|
+
},
|
|
1860
|
+
{
|
|
1861
|
+
"description": "Default start padding when no icon is present.",
|
|
1862
|
+
"name": "--m3e-chip-padding-start",
|
|
1863
|
+
"inheritedFrom": {
|
|
1864
|
+
"name": "M3eChipElement",
|
|
1865
|
+
"module": "src/ChipElement.ts"
|
|
1866
|
+
}
|
|
1867
|
+
},
|
|
1868
|
+
{
|
|
1869
|
+
"description": "Default end padding when no trailing icon is present.",
|
|
1870
|
+
"name": "--m3e-chip-padding-end",
|
|
1871
|
+
"inheritedFrom": {
|
|
1872
|
+
"name": "M3eChipElement",
|
|
1873
|
+
"module": "src/ChipElement.ts"
|
|
1874
|
+
}
|
|
1875
|
+
},
|
|
1876
|
+
{
|
|
1877
|
+
"description": "Start padding when leading icon is present.",
|
|
1878
|
+
"name": "--m3e-chip-with-icon-padding-start",
|
|
1879
|
+
"inheritedFrom": {
|
|
1880
|
+
"name": "M3eChipElement",
|
|
1881
|
+
"module": "src/ChipElement.ts"
|
|
1882
|
+
}
|
|
1883
|
+
},
|
|
1884
|
+
{
|
|
1885
|
+
"description": "End padding when trailing icon is present.",
|
|
1886
|
+
"name": "--m3e-chip-with-icon-padding-end",
|
|
1887
|
+
"inheritedFrom": {
|
|
1888
|
+
"name": "M3eChipElement",
|
|
1889
|
+
"module": "src/ChipElement.ts"
|
|
1890
|
+
}
|
|
1891
|
+
},
|
|
1892
|
+
{
|
|
1893
|
+
"description": "Base color for disabled label text.",
|
|
1894
|
+
"name": "--m3e-chip-disabled-label-text-color"
|
|
1895
|
+
},
|
|
1896
|
+
{
|
|
1897
|
+
"description": "Opacity applied to disabled label text.",
|
|
1898
|
+
"name": "--m3e-chip-disabled-label-text-opacity"
|
|
1899
|
+
},
|
|
1900
|
+
{
|
|
1901
|
+
"description": "Base color for disabled icons.",
|
|
1902
|
+
"name": "--m3e-chip-disabled-icon-color"
|
|
1903
|
+
},
|
|
1904
|
+
{
|
|
1905
|
+
"description": "Opacity applied to disabled icons.",
|
|
1906
|
+
"name": "--m3e-chip-disabled-icon-opacity"
|
|
1907
|
+
},
|
|
1908
|
+
{
|
|
1909
|
+
"description": "Background color for elevated variant.",
|
|
1910
|
+
"name": "--m3e-elevated-chip-container-color",
|
|
1911
|
+
"inheritedFrom": {
|
|
1912
|
+
"name": "M3eChipElement",
|
|
1913
|
+
"module": "src/ChipElement.ts"
|
|
1914
|
+
}
|
|
1915
|
+
},
|
|
1916
|
+
{
|
|
1917
|
+
"description": "Elevation level for elevated variant.",
|
|
1918
|
+
"name": "--m3e-elevated-chip-elevation",
|
|
1919
|
+
"inheritedFrom": {
|
|
1920
|
+
"name": "M3eChipElement",
|
|
1921
|
+
"module": "src/ChipElement.ts"
|
|
1922
|
+
}
|
|
1923
|
+
},
|
|
1924
|
+
{
|
|
1925
|
+
"description": "Elevation level on hover.",
|
|
1926
|
+
"name": "--m3e-elevated-chip-hover-elevation",
|
|
1927
|
+
"inheritedFrom": {
|
|
1928
|
+
"name": "M3eChipElement",
|
|
1929
|
+
"module": "src/ChipElement.ts"
|
|
1930
|
+
}
|
|
1931
|
+
},
|
|
1932
|
+
{
|
|
1933
|
+
"description": "Background color for disabled elevated variant.",
|
|
1934
|
+
"name": "--m3e-elevated-chip-disabled-container-color"
|
|
1935
|
+
},
|
|
1936
|
+
{
|
|
1937
|
+
"description": "Opacity applied to disabled elevated background.",
|
|
1938
|
+
"name": "--m3e-elevated-chip-disabled-container-opacity"
|
|
1939
|
+
},
|
|
1940
|
+
{
|
|
1941
|
+
"description": "Elevation level for disabled elevated variant.",
|
|
1942
|
+
"name": "--m3e-elevated-chip-disabled-elevation"
|
|
1943
|
+
},
|
|
1944
|
+
{
|
|
1945
|
+
"description": "Outline thickness for outlined variant.",
|
|
1946
|
+
"name": "--m3e-outlined-chip-outline-thickness",
|
|
1947
|
+
"inheritedFrom": {
|
|
1948
|
+
"name": "M3eChipElement",
|
|
1949
|
+
"module": "src/ChipElement.ts"
|
|
1950
|
+
}
|
|
1951
|
+
},
|
|
1952
|
+
{
|
|
1953
|
+
"description": "Outline color for outlined variant.",
|
|
1954
|
+
"name": "--m3e-outlined-chip-outline-color",
|
|
1955
|
+
"inheritedFrom": {
|
|
1956
|
+
"name": "M3eChipElement",
|
|
1957
|
+
"module": "src/ChipElement.ts"
|
|
1958
|
+
}
|
|
1959
|
+
},
|
|
1960
|
+
{
|
|
1961
|
+
"description": "Outline color for disabled outlined variant.",
|
|
1962
|
+
"name": "--m3e-outlined-chip-disabled-outline-color"
|
|
1963
|
+
},
|
|
1964
|
+
{
|
|
1965
|
+
"description": "Opacity applied to disabled outline.",
|
|
1966
|
+
"name": "--m3e-outlined-chip-disabled-outline-opacity"
|
|
1967
|
+
},
|
|
1968
|
+
{
|
|
1969
|
+
"description": "Font size of the avatar slot content.",
|
|
1970
|
+
"name": "--m3e-chip-avatar-size"
|
|
1971
|
+
},
|
|
1972
|
+
{
|
|
1973
|
+
"description": "Opacity applied to the avatar when disabled.",
|
|
1974
|
+
"name": "--m3e-chip-disabled-avatar-opacity"
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
"description": "Start padding when an avatar is present.",
|
|
1978
|
+
"name": "--m3e-chip-with-avatar-padding-start"
|
|
1979
|
+
}
|
|
1980
|
+
],
|
|
1981
|
+
"slots": [
|
|
1982
|
+
{
|
|
1983
|
+
"description": "Renders the label of the chip.",
|
|
1984
|
+
"name": "",
|
|
1985
|
+
"inheritedFrom": {
|
|
1986
|
+
"name": "M3eChipElement",
|
|
1987
|
+
"module": "src/ChipElement.ts"
|
|
1988
|
+
}
|
|
1989
|
+
},
|
|
1990
|
+
{
|
|
1991
|
+
"description": "Renders an avatar before the chip's label.",
|
|
1992
|
+
"name": "avatar"
|
|
1993
|
+
},
|
|
1994
|
+
{
|
|
1995
|
+
"description": "Renders an icon before the chip's label.",
|
|
1996
|
+
"name": "icon",
|
|
1997
|
+
"inheritedFrom": {
|
|
1998
|
+
"name": "M3eChipElement",
|
|
1999
|
+
"module": "src/ChipElement.ts"
|
|
2000
|
+
}
|
|
2001
|
+
},
|
|
2002
|
+
{
|
|
2003
|
+
"description": "Renders the icon for the button used to remove the chip.",
|
|
2004
|
+
"name": "remove-icon"
|
|
2005
|
+
},
|
|
2006
|
+
{
|
|
2007
|
+
"description": "Renders an icon after the chip's label.",
|
|
2008
|
+
"name": "trailing-icon",
|
|
2009
|
+
"inheritedFrom": {
|
|
2010
|
+
"name": "M3eChipElement",
|
|
2011
|
+
"module": "src/ChipElement.ts"
|
|
2012
|
+
}
|
|
2013
|
+
}
|
|
2014
|
+
],
|
|
2015
|
+
"members": [
|
|
2016
|
+
{
|
|
2017
|
+
"kind": "field",
|
|
2018
|
+
"name": "cell",
|
|
2019
|
+
"type": {
|
|
2020
|
+
"text": "HTMLSpanElement"
|
|
2021
|
+
},
|
|
2022
|
+
"readonly": true,
|
|
2023
|
+
"description": "A reference to the grid cell of the chip."
|
|
2024
|
+
},
|
|
2025
|
+
{
|
|
2026
|
+
"kind": "field",
|
|
2027
|
+
"name": "removeButton",
|
|
2028
|
+
"type": {
|
|
2029
|
+
"text": "M3eIconButtonElement | null"
|
|
2030
|
+
},
|
|
2031
|
+
"readonly": true,
|
|
2032
|
+
"description": "A reference to the button used to remove the chip."
|
|
2033
|
+
},
|
|
2034
|
+
{
|
|
2035
|
+
"kind": "field",
|
|
2036
|
+
"name": "removable",
|
|
2037
|
+
"type": {
|
|
2038
|
+
"text": "boolean"
|
|
2039
|
+
},
|
|
2040
|
+
"default": "false",
|
|
2041
|
+
"description": "Whether the chip is removable.",
|
|
2042
|
+
"attribute": "removable"
|
|
2043
|
+
},
|
|
2044
|
+
{
|
|
2045
|
+
"kind": "field",
|
|
2046
|
+
"name": "removeLabel",
|
|
2047
|
+
"type": {
|
|
2048
|
+
"text": "string"
|
|
2049
|
+
},
|
|
2050
|
+
"default": "\"Remove\"",
|
|
2051
|
+
"description": "The accessible label given to the button used to remove the chip.",
|
|
2052
|
+
"attribute": "remove-label"
|
|
2053
|
+
},
|
|
2054
|
+
{
|
|
2055
|
+
"kind": "method",
|
|
2056
|
+
"name": "#handleAvatarSlotChange",
|
|
2057
|
+
"privacy": "private",
|
|
2058
|
+
"return": {
|
|
2059
|
+
"type": {
|
|
2060
|
+
"text": "void"
|
|
2061
|
+
}
|
|
2062
|
+
},
|
|
2063
|
+
"parameters": [
|
|
2064
|
+
{
|
|
2065
|
+
"name": "e",
|
|
2066
|
+
"type": {
|
|
2067
|
+
"text": "Event"
|
|
2068
|
+
}
|
|
2069
|
+
}
|
|
2070
|
+
]
|
|
2071
|
+
},
|
|
2072
|
+
{
|
|
2073
|
+
"kind": "method",
|
|
2074
|
+
"name": "#handleRemoveButtonClick",
|
|
2075
|
+
"privacy": "private",
|
|
2076
|
+
"return": {
|
|
2077
|
+
"type": {
|
|
2078
|
+
"text": "void"
|
|
2079
|
+
}
|
|
2080
|
+
},
|
|
2081
|
+
"parameters": [
|
|
2082
|
+
{
|
|
2083
|
+
"name": "e",
|
|
2084
|
+
"type": {
|
|
2085
|
+
"text": "Event"
|
|
2086
|
+
}
|
|
2087
|
+
}
|
|
2088
|
+
]
|
|
2089
|
+
},
|
|
2090
|
+
{
|
|
2091
|
+
"kind": "method",
|
|
2092
|
+
"name": "#handleKeyDown",
|
|
2093
|
+
"privacy": "private",
|
|
2094
|
+
"return": {
|
|
2095
|
+
"type": {
|
|
2096
|
+
"text": "void"
|
|
2097
|
+
}
|
|
2098
|
+
},
|
|
2099
|
+
"parameters": [
|
|
2100
|
+
{
|
|
2101
|
+
"name": "e",
|
|
2102
|
+
"type": {
|
|
2103
|
+
"text": "KeyboardEvent"
|
|
2104
|
+
}
|
|
2105
|
+
}
|
|
2106
|
+
]
|
|
2107
|
+
},
|
|
2108
|
+
{
|
|
2109
|
+
"kind": "field",
|
|
2110
|
+
"name": "_elevation",
|
|
2111
|
+
"type": {
|
|
2112
|
+
"text": "M3eElevationElement | undefined"
|
|
2113
|
+
},
|
|
2114
|
+
"privacy": "private",
|
|
2115
|
+
"readonly": true,
|
|
2116
|
+
"inheritedFrom": {
|
|
2117
|
+
"name": "M3eChipElement",
|
|
2118
|
+
"module": "src/ChipElement.ts"
|
|
2119
|
+
}
|
|
2120
|
+
},
|
|
2121
|
+
{
|
|
2122
|
+
"kind": "field",
|
|
2123
|
+
"name": "_focusRing",
|
|
2124
|
+
"type": {
|
|
2125
|
+
"text": "M3eFocusRingElement | undefined"
|
|
2126
|
+
},
|
|
2127
|
+
"privacy": "private",
|
|
2128
|
+
"readonly": true,
|
|
2129
|
+
"inheritedFrom": {
|
|
2130
|
+
"name": "M3eChipElement",
|
|
2131
|
+
"module": "src/ChipElement.ts"
|
|
2132
|
+
}
|
|
2133
|
+
},
|
|
2134
|
+
{
|
|
2135
|
+
"kind": "field",
|
|
2136
|
+
"name": "_stateLayer",
|
|
2137
|
+
"type": {
|
|
2138
|
+
"text": "M3eStateLayerElement | undefined"
|
|
2139
|
+
},
|
|
2140
|
+
"privacy": "private",
|
|
2141
|
+
"readonly": true,
|
|
2142
|
+
"inheritedFrom": {
|
|
2143
|
+
"name": "M3eChipElement",
|
|
2144
|
+
"module": "src/ChipElement.ts"
|
|
2145
|
+
}
|
|
2146
|
+
},
|
|
2147
|
+
{
|
|
2148
|
+
"kind": "field",
|
|
2149
|
+
"name": "_ripple",
|
|
2150
|
+
"type": {
|
|
2151
|
+
"text": "M3eRippleElement | undefined"
|
|
2152
|
+
},
|
|
2153
|
+
"privacy": "private",
|
|
2154
|
+
"readonly": true,
|
|
2155
|
+
"inheritedFrom": {
|
|
2156
|
+
"name": "M3eChipElement",
|
|
2157
|
+
"module": "src/ChipElement.ts"
|
|
2158
|
+
}
|
|
2159
|
+
},
|
|
2160
|
+
{
|
|
2161
|
+
"kind": "field",
|
|
2162
|
+
"name": "#value",
|
|
2163
|
+
"privacy": "private",
|
|
2164
|
+
"type": {
|
|
2165
|
+
"text": "string | undefined"
|
|
2166
|
+
},
|
|
2167
|
+
"inheritedFrom": {
|
|
2168
|
+
"name": "M3eChipElement",
|
|
2169
|
+
"module": "src/ChipElement.ts"
|
|
2170
|
+
}
|
|
2171
|
+
},
|
|
2172
|
+
{
|
|
2173
|
+
"kind": "field",
|
|
2174
|
+
"name": "#textContent",
|
|
2175
|
+
"privacy": "private",
|
|
2176
|
+
"type": {
|
|
2177
|
+
"text": "string"
|
|
2178
|
+
},
|
|
2179
|
+
"default": "\"\"",
|
|
2180
|
+
"inheritedFrom": {
|
|
2181
|
+
"name": "M3eChipElement",
|
|
2182
|
+
"module": "src/ChipElement.ts"
|
|
2183
|
+
}
|
|
2184
|
+
},
|
|
2185
|
+
{
|
|
2186
|
+
"kind": "field",
|
|
2187
|
+
"name": "variant",
|
|
2188
|
+
"type": {
|
|
2189
|
+
"text": "ChipVariant"
|
|
2190
|
+
},
|
|
2191
|
+
"default": "\"outlined\"",
|
|
2192
|
+
"description": "The appearance variant of the chip.",
|
|
2193
|
+
"attribute": "variant",
|
|
2194
|
+
"reflects": true,
|
|
2195
|
+
"inheritedFrom": {
|
|
2196
|
+
"name": "M3eChipElement",
|
|
2197
|
+
"module": "src/ChipElement.ts"
|
|
2198
|
+
}
|
|
2199
|
+
},
|
|
2200
|
+
{
|
|
2201
|
+
"kind": "field",
|
|
2202
|
+
"name": "value",
|
|
2203
|
+
"description": "A string representing the value of the chip.",
|
|
2204
|
+
"attribute": "value",
|
|
2205
|
+
"inheritedFrom": {
|
|
2206
|
+
"name": "M3eChipElement",
|
|
2207
|
+
"module": "src/ChipElement.ts"
|
|
2208
|
+
}
|
|
2209
|
+
},
|
|
2210
|
+
{
|
|
2211
|
+
"kind": "method",
|
|
2212
|
+
"name": "#renderContent",
|
|
2213
|
+
"privacy": "private",
|
|
2214
|
+
"return": {
|
|
2215
|
+
"type": {
|
|
2216
|
+
"text": "unknown"
|
|
2217
|
+
}
|
|
2218
|
+
},
|
|
2219
|
+
"inheritedFrom": {
|
|
2220
|
+
"name": "M3eChipElement",
|
|
2221
|
+
"module": "src/ChipElement.ts"
|
|
2222
|
+
}
|
|
2223
|
+
},
|
|
2224
|
+
{
|
|
2225
|
+
"kind": "method",
|
|
2226
|
+
"name": "#handleIconSlotChange",
|
|
2227
|
+
"privacy": "private",
|
|
2228
|
+
"return": {
|
|
2229
|
+
"type": {
|
|
2230
|
+
"text": "void"
|
|
2231
|
+
}
|
|
2232
|
+
},
|
|
2233
|
+
"parameters": [
|
|
2234
|
+
{
|
|
2235
|
+
"name": "e",
|
|
2236
|
+
"type": {
|
|
2237
|
+
"text": "Event"
|
|
2238
|
+
}
|
|
2239
|
+
}
|
|
2240
|
+
],
|
|
2241
|
+
"inheritedFrom": {
|
|
2242
|
+
"name": "M3eChipElement",
|
|
2243
|
+
"module": "src/ChipElement.ts"
|
|
2244
|
+
}
|
|
2245
|
+
},
|
|
2246
|
+
{
|
|
2247
|
+
"kind": "method",
|
|
2248
|
+
"name": "#handleTrailingIconSlotChange",
|
|
2249
|
+
"privacy": "private",
|
|
2250
|
+
"return": {
|
|
2251
|
+
"type": {
|
|
2252
|
+
"text": "void"
|
|
2253
|
+
}
|
|
2254
|
+
},
|
|
2255
|
+
"parameters": [
|
|
2256
|
+
{
|
|
2257
|
+
"name": "e",
|
|
2258
|
+
"type": {
|
|
2259
|
+
"text": "Event"
|
|
2260
|
+
}
|
|
2261
|
+
}
|
|
2262
|
+
],
|
|
2263
|
+
"inheritedFrom": {
|
|
2264
|
+
"name": "M3eChipElement",
|
|
2265
|
+
"module": "src/ChipElement.ts"
|
|
2266
|
+
}
|
|
2267
|
+
},
|
|
2268
|
+
{
|
|
2269
|
+
"kind": "method",
|
|
2270
|
+
"name": "#handleSlotChange",
|
|
2271
|
+
"privacy": "private",
|
|
2272
|
+
"return": {
|
|
2273
|
+
"type": {
|
|
2274
|
+
"text": "void"
|
|
2275
|
+
}
|
|
2276
|
+
},
|
|
2277
|
+
"parameters": [
|
|
2278
|
+
{
|
|
2279
|
+
"name": "e",
|
|
2280
|
+
"type": {
|
|
2281
|
+
"text": "Event"
|
|
2282
|
+
}
|
|
2283
|
+
}
|
|
2284
|
+
],
|
|
2285
|
+
"inheritedFrom": {
|
|
2286
|
+
"name": "M3eChipElement",
|
|
2287
|
+
"module": "src/ChipElement.ts"
|
|
2288
|
+
}
|
|
2289
|
+
}
|
|
2290
|
+
],
|
|
2291
|
+
"events": [
|
|
2292
|
+
{
|
|
2293
|
+
"name": "remove",
|
|
2294
|
+
"type": {
|
|
2295
|
+
"text": "Event"
|
|
2296
|
+
},
|
|
2297
|
+
"description": "Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed."
|
|
2298
|
+
}
|
|
2299
|
+
],
|
|
2300
|
+
"attributes": [
|
|
2301
|
+
{
|
|
2302
|
+
"description": "Whether the element is disabled.",
|
|
2303
|
+
"name": "disabled"
|
|
2304
|
+
},
|
|
2305
|
+
{
|
|
2306
|
+
"description": "Whether the element is disabled and interactive.",
|
|
2307
|
+
"name": "disabled-interactive"
|
|
2308
|
+
},
|
|
2309
|
+
{
|
|
2310
|
+
"description": "Whether the chip is removable.",
|
|
2311
|
+
"name": "removable",
|
|
2312
|
+
"type": {
|
|
2313
|
+
"text": "boolean"
|
|
2314
|
+
},
|
|
2315
|
+
"default": "false",
|
|
2316
|
+
"fieldName": "removable"
|
|
2317
|
+
},
|
|
2318
|
+
{
|
|
2319
|
+
"description": "The accessible label given to the button used to remove the chip.",
|
|
2320
|
+
"name": "remove-label",
|
|
2321
|
+
"type": {
|
|
2322
|
+
"text": "string"
|
|
2323
|
+
},
|
|
2324
|
+
"default": "\"Remove\"",
|
|
2325
|
+
"fieldName": "removeLabel"
|
|
2326
|
+
},
|
|
2327
|
+
{
|
|
2328
|
+
"description": "A string representing the value of the chip.",
|
|
2329
|
+
"name": "value",
|
|
2330
|
+
"fieldName": "value",
|
|
2331
|
+
"inheritedFrom": {
|
|
2332
|
+
"name": "M3eChipElement",
|
|
2333
|
+
"module": "src/ChipElement.ts"
|
|
2334
|
+
}
|
|
2335
|
+
},
|
|
2336
|
+
{
|
|
2337
|
+
"description": "The appearance variant of the chip.",
|
|
2338
|
+
"name": "variant",
|
|
2339
|
+
"type": {
|
|
2340
|
+
"text": "ChipVariant"
|
|
2341
|
+
},
|
|
2342
|
+
"default": "\"outlined\"",
|
|
2343
|
+
"fieldName": "variant",
|
|
2344
|
+
"inheritedFrom": {
|
|
2345
|
+
"name": "M3eChipElement",
|
|
2346
|
+
"module": "src/ChipElement.ts"
|
|
2347
|
+
}
|
|
2348
|
+
}
|
|
2349
|
+
],
|
|
2350
|
+
"mixins": [
|
|
2351
|
+
{
|
|
2352
|
+
"name": "EventAttribute",
|
|
2353
|
+
"package": "@m3e/core"
|
|
2354
|
+
},
|
|
2355
|
+
{
|
|
2356
|
+
"name": "DisabledInteractive",
|
|
2357
|
+
"package": "@m3e/core"
|
|
2358
|
+
},
|
|
2359
|
+
{
|
|
2360
|
+
"name": "Disabled",
|
|
2361
|
+
"package": "@m3e/core"
|
|
2362
|
+
},
|
|
2363
|
+
{
|
|
2364
|
+
"name": "AttachInternals",
|
|
2365
|
+
"package": "@m3e/core"
|
|
2366
|
+
},
|
|
2367
|
+
{
|
|
2368
|
+
"name": "Role",
|
|
2369
|
+
"package": "@m3e/core"
|
|
2370
|
+
}
|
|
2371
|
+
],
|
|
2372
|
+
"superclass": {
|
|
2373
|
+
"name": "M3eChipElement",
|
|
2374
|
+
"module": "/src/ChipElement"
|
|
2375
|
+
},
|
|
2376
|
+
"tagName": "m3e-input-chip",
|
|
2377
|
+
"customElement": true,
|
|
2378
|
+
"summary": "A chip which represents a discrete piece of information entered by a user."
|
|
2379
|
+
}
|
|
2380
|
+
],
|
|
2381
|
+
"exports": [
|
|
2382
|
+
{
|
|
2383
|
+
"kind": "js",
|
|
2384
|
+
"name": "M3eInputChipElement",
|
|
2385
|
+
"declaration": {
|
|
2386
|
+
"name": "M3eInputChipElement",
|
|
2387
|
+
"module": "src/InputChipElement.ts"
|
|
2388
|
+
}
|
|
2389
|
+
},
|
|
2390
|
+
{
|
|
2391
|
+
"kind": "custom-element-definition",
|
|
2392
|
+
"name": "m3e-input-chip",
|
|
2393
|
+
"declaration": {
|
|
2394
|
+
"name": "M3eInputChipElement",
|
|
2395
|
+
"module": "src/InputChipElement.ts"
|
|
2396
|
+
}
|
|
2397
|
+
}
|
|
2398
|
+
]
|
|
2399
|
+
},
|
|
2400
|
+
{
|
|
2401
|
+
"kind": "javascript-module",
|
|
2402
|
+
"path": "src/InputChipSetElement.ts",
|
|
2403
|
+
"declarations": [
|
|
2404
|
+
{
|
|
2405
|
+
"kind": "class",
|
|
2406
|
+
"description": "",
|
|
2407
|
+
"name": "M3eInputChipSetElement",
|
|
2408
|
+
"cssProperties": [
|
|
2409
|
+
{
|
|
2410
|
+
"description": "The spacing (gap) between chips in the set.",
|
|
2411
|
+
"name": "--m3e-chip-set-spacing",
|
|
2412
|
+
"inheritedFrom": {
|
|
2413
|
+
"name": "M3eChipSetElement",
|
|
2414
|
+
"module": "src/ChipSetElement.ts"
|
|
2415
|
+
}
|
|
2416
|
+
}
|
|
2417
|
+
],
|
|
2418
|
+
"slots": [
|
|
2419
|
+
{
|
|
2420
|
+
"description": "Renders the chips of the set.",
|
|
2421
|
+
"name": "",
|
|
2422
|
+
"inheritedFrom": {
|
|
2423
|
+
"name": "M3eChipSetElement",
|
|
2424
|
+
"module": "src/ChipSetElement.ts"
|
|
2425
|
+
}
|
|
2426
|
+
},
|
|
2427
|
+
{
|
|
2428
|
+
"description": "Renders the input element used to add new chips to the set.",
|
|
2429
|
+
"name": "input"
|
|
2430
|
+
}
|
|
2431
|
+
],
|
|
2432
|
+
"members": [
|
|
2433
|
+
{
|
|
2434
|
+
"kind": "field",
|
|
2435
|
+
"name": "#inputChangeHandler",
|
|
2436
|
+
"privacy": "private",
|
|
2437
|
+
"readonly": true
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"kind": "field",
|
|
2441
|
+
"name": "#inputKeyDownHandler",
|
|
2442
|
+
"privacy": "private",
|
|
2443
|
+
"readonly": true
|
|
2444
|
+
},
|
|
2445
|
+
{
|
|
2446
|
+
"kind": "field",
|
|
2447
|
+
"name": "#focusHandler",
|
|
2448
|
+
"privacy": "private",
|
|
2449
|
+
"readonly": true
|
|
2450
|
+
},
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "field",
|
|
2453
|
+
"name": "#focusInHandler",
|
|
2454
|
+
"privacy": "private",
|
|
2455
|
+
"readonly": true
|
|
2456
|
+
},
|
|
2457
|
+
{
|
|
2458
|
+
"kind": "field",
|
|
2459
|
+
"name": "#focusOutHandler",
|
|
2460
|
+
"privacy": "private",
|
|
2461
|
+
"readonly": true
|
|
2462
|
+
},
|
|
2463
|
+
{
|
|
2464
|
+
"kind": "field",
|
|
2465
|
+
"name": "#chipRemoveHandler",
|
|
2466
|
+
"privacy": "private",
|
|
2467
|
+
"readonly": true
|
|
2468
|
+
},
|
|
2469
|
+
{
|
|
2470
|
+
"kind": "field",
|
|
2471
|
+
"name": "#chipClickHandler",
|
|
2472
|
+
"privacy": "private",
|
|
2473
|
+
"readonly": true
|
|
2474
|
+
},
|
|
2475
|
+
{
|
|
2476
|
+
"kind": "field",
|
|
2477
|
+
"name": "#listManager",
|
|
2478
|
+
"privacy": "private",
|
|
2479
|
+
"readonly": true,
|
|
2480
|
+
"default": "new ListManager<M3eInputChipElement>()"
|
|
2481
|
+
},
|
|
2482
|
+
{
|
|
2483
|
+
"kind": "field",
|
|
2484
|
+
"name": "#listKeyManager",
|
|
2485
|
+
"privacy": "private",
|
|
2486
|
+
"readonly": true
|
|
2487
|
+
},
|
|
2488
|
+
{
|
|
2489
|
+
"kind": "field",
|
|
2490
|
+
"name": "#ignoreInputChange",
|
|
2491
|
+
"privacy": "private",
|
|
2492
|
+
"type": {
|
|
2493
|
+
"text": "boolean"
|
|
2494
|
+
},
|
|
2495
|
+
"default": "false"
|
|
2496
|
+
},
|
|
2497
|
+
{
|
|
2498
|
+
"kind": "field",
|
|
2499
|
+
"name": "#input",
|
|
2500
|
+
"privacy": "private",
|
|
2501
|
+
"type": {
|
|
2502
|
+
"text": "HTMLInputElement | null"
|
|
2503
|
+
},
|
|
2504
|
+
"default": "null"
|
|
2505
|
+
},
|
|
2506
|
+
{
|
|
2507
|
+
"kind": "field",
|
|
2508
|
+
"name": "#tabindex",
|
|
2509
|
+
"privacy": "private",
|
|
2510
|
+
"type": {
|
|
2511
|
+
"text": "number"
|
|
2512
|
+
},
|
|
2513
|
+
"default": "0"
|
|
2514
|
+
},
|
|
2515
|
+
{
|
|
2516
|
+
"kind": "field",
|
|
2517
|
+
"name": "chips",
|
|
2518
|
+
"type": {
|
|
2519
|
+
"text": "readonly M3eInputChipElement[]"
|
|
2520
|
+
},
|
|
2521
|
+
"description": "The chips of the set.",
|
|
2522
|
+
"readonly": true
|
|
2523
|
+
},
|
|
2524
|
+
{
|
|
2525
|
+
"kind": "field",
|
|
2526
|
+
"name": "value",
|
|
2527
|
+
"type": {
|
|
2528
|
+
"text": "readonly string[] | null"
|
|
2529
|
+
},
|
|
2530
|
+
"description": "The selected values of the set.",
|
|
2531
|
+
"readonly": true
|
|
2532
|
+
},
|
|
2533
|
+
{
|
|
2534
|
+
"kind": "field",
|
|
2535
|
+
"name": "shouldLabelFloat",
|
|
2536
|
+
"type": {
|
|
2537
|
+
"text": "boolean"
|
|
2538
|
+
},
|
|
2539
|
+
"readonly": true
|
|
2540
|
+
},
|
|
2541
|
+
{
|
|
2542
|
+
"kind": "method",
|
|
2543
|
+
"name": "onContainerClick",
|
|
2544
|
+
"return": {
|
|
2545
|
+
"type": {
|
|
2546
|
+
"text": "void"
|
|
2547
|
+
}
|
|
2548
|
+
}
|
|
2549
|
+
},
|
|
2550
|
+
{
|
|
2551
|
+
"kind": "method",
|
|
2552
|
+
"name": "#handleKeyDown",
|
|
2553
|
+
"privacy": "private",
|
|
2554
|
+
"return": {
|
|
2555
|
+
"type": {
|
|
2556
|
+
"text": "void"
|
|
2557
|
+
}
|
|
2558
|
+
},
|
|
2559
|
+
"parameters": [
|
|
2560
|
+
{
|
|
2561
|
+
"name": "e",
|
|
2562
|
+
"type": {
|
|
2563
|
+
"text": "KeyboardEvent"
|
|
2564
|
+
}
|
|
2565
|
+
}
|
|
2566
|
+
]
|
|
2567
|
+
},
|
|
2568
|
+
{
|
|
2569
|
+
"kind": "method",
|
|
2570
|
+
"name": "#handleSlotChange",
|
|
2571
|
+
"privacy": "private",
|
|
2572
|
+
"return": {
|
|
2573
|
+
"type": {
|
|
2574
|
+
"text": "Promise<void>"
|
|
2575
|
+
}
|
|
2576
|
+
}
|
|
2577
|
+
},
|
|
2578
|
+
{
|
|
2579
|
+
"kind": "method",
|
|
2580
|
+
"name": "#handleInputSlotChange",
|
|
2581
|
+
"privacy": "private",
|
|
2582
|
+
"return": {
|
|
2583
|
+
"type": {
|
|
2584
|
+
"text": "void"
|
|
2585
|
+
}
|
|
2586
|
+
}
|
|
2587
|
+
},
|
|
2588
|
+
{
|
|
2589
|
+
"kind": "method",
|
|
2590
|
+
"name": "#handleFocus",
|
|
2591
|
+
"privacy": "private",
|
|
2592
|
+
"return": {
|
|
2593
|
+
"type": {
|
|
2594
|
+
"text": "void"
|
|
2595
|
+
}
|
|
2596
|
+
}
|
|
2597
|
+
},
|
|
2598
|
+
{
|
|
2599
|
+
"kind": "method",
|
|
2600
|
+
"name": "#handleFocusIn",
|
|
2601
|
+
"privacy": "private",
|
|
2602
|
+
"return": {
|
|
2603
|
+
"type": {
|
|
2604
|
+
"text": "void"
|
|
2605
|
+
}
|
|
2606
|
+
}
|
|
2607
|
+
},
|
|
2608
|
+
{
|
|
2609
|
+
"kind": "method",
|
|
2610
|
+
"name": "#handleFocusOut",
|
|
2611
|
+
"privacy": "private",
|
|
2612
|
+
"return": {
|
|
2613
|
+
"type": {
|
|
2614
|
+
"text": "void"
|
|
2615
|
+
}
|
|
2616
|
+
}
|
|
2617
|
+
},
|
|
2618
|
+
{
|
|
2619
|
+
"kind": "method",
|
|
2620
|
+
"name": "#handleChipRemove",
|
|
2621
|
+
"privacy": "private",
|
|
2622
|
+
"return": {
|
|
2623
|
+
"type": {
|
|
2624
|
+
"text": "void"
|
|
2625
|
+
}
|
|
2626
|
+
},
|
|
2627
|
+
"parameters": [
|
|
2628
|
+
{
|
|
2629
|
+
"name": "e",
|
|
2630
|
+
"type": {
|
|
2631
|
+
"text": "Event"
|
|
2632
|
+
}
|
|
2633
|
+
}
|
|
2634
|
+
]
|
|
2635
|
+
},
|
|
2636
|
+
{
|
|
2637
|
+
"kind": "method",
|
|
2638
|
+
"name": "#handleChipClick",
|
|
2639
|
+
"privacy": "private",
|
|
2640
|
+
"return": {
|
|
2641
|
+
"type": {
|
|
2642
|
+
"text": "void"
|
|
2643
|
+
}
|
|
2644
|
+
},
|
|
2645
|
+
"parameters": [
|
|
2646
|
+
{
|
|
2647
|
+
"name": "e",
|
|
2648
|
+
"type": {
|
|
2649
|
+
"text": "Event"
|
|
2650
|
+
}
|
|
2651
|
+
}
|
|
2652
|
+
]
|
|
2653
|
+
},
|
|
2654
|
+
{
|
|
2655
|
+
"kind": "method",
|
|
2656
|
+
"name": "#handleInputChange",
|
|
2657
|
+
"privacy": "private",
|
|
2658
|
+
"return": {
|
|
2659
|
+
"type": {
|
|
2660
|
+
"text": "void"
|
|
2661
|
+
}
|
|
2662
|
+
}
|
|
2663
|
+
},
|
|
2664
|
+
{
|
|
2665
|
+
"kind": "method",
|
|
2666
|
+
"name": "#handleInputKeyDown",
|
|
2667
|
+
"privacy": "private",
|
|
2668
|
+
"return": {
|
|
2669
|
+
"type": {
|
|
2670
|
+
"text": "void"
|
|
2671
|
+
}
|
|
2672
|
+
},
|
|
2673
|
+
"parameters": [
|
|
2674
|
+
{
|
|
2675
|
+
"name": "e",
|
|
2676
|
+
"type": {
|
|
2677
|
+
"text": "KeyboardEvent"
|
|
2678
|
+
}
|
|
2679
|
+
}
|
|
2680
|
+
]
|
|
2681
|
+
}
|
|
2682
|
+
],
|
|
2683
|
+
"events": [
|
|
2684
|
+
{
|
|
2685
|
+
"name": "change",
|
|
2686
|
+
"type": {
|
|
2687
|
+
"text": "Event"
|
|
2688
|
+
},
|
|
2689
|
+
"description": "Emitted when a chip is added to, or removed from, the set."
|
|
2690
|
+
}
|
|
2691
|
+
],
|
|
2692
|
+
"attributes": [
|
|
2693
|
+
{
|
|
2694
|
+
"description": "Whether the element is disabled.",
|
|
2695
|
+
"name": "disabled"
|
|
2696
|
+
},
|
|
2697
|
+
{
|
|
2698
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
2699
|
+
"name": "name"
|
|
2700
|
+
},
|
|
2701
|
+
{
|
|
2702
|
+
"description": "Whether a value is required for the element.",
|
|
2703
|
+
"name": "required"
|
|
2704
|
+
},
|
|
2705
|
+
{
|
|
2706
|
+
"description": "Whether the element is oriented vertically.",
|
|
2707
|
+
"name": "vertical",
|
|
2708
|
+
"inheritedFrom": {
|
|
2709
|
+
"name": "M3eChipSetElement",
|
|
2710
|
+
"module": "src/ChipSetElement.ts"
|
|
2711
|
+
}
|
|
2712
|
+
}
|
|
2713
|
+
],
|
|
2714
|
+
"mixins": [
|
|
2715
|
+
{
|
|
2716
|
+
"name": "RequiredConstraintValidation",
|
|
2717
|
+
"package": "@m3e/core"
|
|
2718
|
+
},
|
|
2719
|
+
{
|
|
2720
|
+
"name": "Required",
|
|
2721
|
+
"package": "@m3e/core"
|
|
2722
|
+
},
|
|
2723
|
+
{
|
|
2724
|
+
"name": "ConstraintValidation",
|
|
2725
|
+
"package": "@m3e/core"
|
|
2726
|
+
},
|
|
2727
|
+
{
|
|
2728
|
+
"name": "Dirty",
|
|
2729
|
+
"package": "@m3e/core"
|
|
2730
|
+
},
|
|
2731
|
+
{
|
|
2732
|
+
"name": "Touched",
|
|
2733
|
+
"package": "@m3e/core"
|
|
2734
|
+
},
|
|
2735
|
+
{
|
|
2736
|
+
"name": "FormAssociated",
|
|
2737
|
+
"package": "@m3e/core"
|
|
2738
|
+
},
|
|
2739
|
+
{
|
|
2740
|
+
"name": "Disabled",
|
|
2741
|
+
"package": "@m3e/core"
|
|
2742
|
+
},
|
|
2743
|
+
{
|
|
2744
|
+
"name": "AttachInternals",
|
|
2745
|
+
"package": "@m3e/core"
|
|
2746
|
+
},
|
|
2747
|
+
{
|
|
2748
|
+
"name": "Role",
|
|
2749
|
+
"package": "@m3e/core"
|
|
2750
|
+
}
|
|
2751
|
+
],
|
|
2752
|
+
"superclass": {
|
|
2753
|
+
"name": "M3eChipSetElement",
|
|
2754
|
+
"module": "/src/ChipSetElement"
|
|
2755
|
+
},
|
|
2756
|
+
"tagName": "m3e-input-chip-set",
|
|
2757
|
+
"customElement": true,
|
|
2758
|
+
"summary": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values."
|
|
2759
|
+
}
|
|
2760
|
+
],
|
|
2761
|
+
"exports": [
|
|
2762
|
+
{
|
|
2763
|
+
"kind": "js",
|
|
2764
|
+
"name": "M3eInputChipSetElement",
|
|
2765
|
+
"declaration": {
|
|
2766
|
+
"name": "M3eInputChipSetElement",
|
|
2767
|
+
"module": "src/InputChipSetElement.ts"
|
|
2768
|
+
}
|
|
2769
|
+
},
|
|
2770
|
+
{
|
|
2771
|
+
"kind": "custom-element-definition",
|
|
2772
|
+
"name": "m3e-input-chip-set",
|
|
2773
|
+
"declaration": {
|
|
2774
|
+
"name": "M3eInputChipSetElement",
|
|
2775
|
+
"module": "src/InputChipSetElement.ts"
|
|
2776
|
+
}
|
|
2777
|
+
}
|
|
2778
|
+
]
|
|
2779
|
+
},
|
|
2780
|
+
{
|
|
2781
|
+
"kind": "javascript-module",
|
|
2782
|
+
"path": "src/SuggestionChipElement.ts",
|
|
2783
|
+
"declarations": [
|
|
2784
|
+
{
|
|
2785
|
+
"kind": "class",
|
|
2786
|
+
"description": "",
|
|
2787
|
+
"name": "M3eSuggestionChipElement",
|
|
2788
|
+
"cssProperties": [
|
|
2789
|
+
{
|
|
2790
|
+
"description": "Border radius of the chip container.",
|
|
2791
|
+
"name": "--m3e-chip-container-shape",
|
|
2792
|
+
"inheritedFrom": {
|
|
2793
|
+
"name": "M3eChipElement",
|
|
2794
|
+
"module": "src/ChipElement.ts"
|
|
2795
|
+
}
|
|
2796
|
+
},
|
|
2797
|
+
{
|
|
2798
|
+
"description": "Base height of the chip container before density adjustment.",
|
|
2799
|
+
"name": "--m3e-chip-container-height",
|
|
2800
|
+
"inheritedFrom": {
|
|
2801
|
+
"name": "M3eChipElement",
|
|
2802
|
+
"module": "src/ChipElement.ts"
|
|
2803
|
+
}
|
|
2804
|
+
},
|
|
2805
|
+
{
|
|
2806
|
+
"description": "Font size of the chip label text.",
|
|
2807
|
+
"name": "--m3e-chip-label-text-font-size",
|
|
2808
|
+
"inheritedFrom": {
|
|
2809
|
+
"name": "M3eChipElement",
|
|
2810
|
+
"module": "src/ChipElement.ts"
|
|
2811
|
+
}
|
|
2812
|
+
},
|
|
2813
|
+
{
|
|
2814
|
+
"description": "Font weight of the chip label text.",
|
|
2815
|
+
"name": "--m3e-chip-label-text-font-weight",
|
|
2816
|
+
"inheritedFrom": {
|
|
2817
|
+
"name": "M3eChipElement",
|
|
2818
|
+
"module": "src/ChipElement.ts"
|
|
2819
|
+
}
|
|
2820
|
+
},
|
|
2821
|
+
{
|
|
2822
|
+
"description": "Line height of the chip label text.",
|
|
2823
|
+
"name": "--m3e-chip-label-text-line-height",
|
|
2824
|
+
"inheritedFrom": {
|
|
2825
|
+
"name": "M3eChipElement",
|
|
2826
|
+
"module": "src/ChipElement.ts"
|
|
2827
|
+
}
|
|
2828
|
+
},
|
|
2829
|
+
{
|
|
2830
|
+
"description": "Letter spacing of the chip label text.",
|
|
2831
|
+
"name": "--m3e-chip-label-text-tracking",
|
|
2832
|
+
"inheritedFrom": {
|
|
2833
|
+
"name": "M3eChipElement",
|
|
2834
|
+
"module": "src/ChipElement.ts"
|
|
2835
|
+
}
|
|
2836
|
+
},
|
|
2837
|
+
{
|
|
2838
|
+
"description": "Label text color in default state.",
|
|
2839
|
+
"name": "--m3e-chip-label-text-color",
|
|
2840
|
+
"inheritedFrom": {
|
|
2841
|
+
"name": "M3eChipElement",
|
|
2842
|
+
"module": "src/ChipElement.ts"
|
|
2843
|
+
}
|
|
2844
|
+
},
|
|
2845
|
+
{
|
|
2846
|
+
"description": "Icon color in default state.",
|
|
2847
|
+
"name": "--m3e-chip-icon-color",
|
|
2848
|
+
"inheritedFrom": {
|
|
2849
|
+
"name": "M3eChipElement",
|
|
2850
|
+
"module": "src/ChipElement.ts"
|
|
2851
|
+
}
|
|
2852
|
+
},
|
|
2853
|
+
{
|
|
2854
|
+
"description": "Font size of leading/trailing icons.",
|
|
2855
|
+
"name": "--m3e-chip-icon-size",
|
|
2856
|
+
"inheritedFrom": {
|
|
2857
|
+
"name": "M3eChipElement",
|
|
2858
|
+
"module": "src/ChipElement.ts"
|
|
2859
|
+
}
|
|
2860
|
+
},
|
|
2861
|
+
{
|
|
2862
|
+
"description": "Horizontal gap between chip content elements.",
|
|
2863
|
+
"name": "--m3e-chip-spacing",
|
|
2864
|
+
"inheritedFrom": {
|
|
2865
|
+
"name": "M3eChipElement",
|
|
2866
|
+
"module": "src/ChipElement.ts"
|
|
2867
|
+
}
|
|
2868
|
+
},
|
|
2869
|
+
{
|
|
2870
|
+
"description": "Default start padding when no icon is present.",
|
|
2871
|
+
"name": "--m3e-chip-padding-start",
|
|
2872
|
+
"inheritedFrom": {
|
|
2873
|
+
"name": "M3eChipElement",
|
|
2874
|
+
"module": "src/ChipElement.ts"
|
|
2875
|
+
}
|
|
2876
|
+
},
|
|
2877
|
+
{
|
|
2878
|
+
"description": "Default end padding when no trailing icon is present.",
|
|
2879
|
+
"name": "--m3e-chip-padding-end",
|
|
2880
|
+
"inheritedFrom": {
|
|
2881
|
+
"name": "M3eChipElement",
|
|
2882
|
+
"module": "src/ChipElement.ts"
|
|
2883
|
+
}
|
|
2884
|
+
},
|
|
2885
|
+
{
|
|
2886
|
+
"description": "Start padding when leading icon is present.",
|
|
2887
|
+
"name": "--m3e-chip-with-icon-padding-start",
|
|
2888
|
+
"inheritedFrom": {
|
|
2889
|
+
"name": "M3eChipElement",
|
|
2890
|
+
"module": "src/ChipElement.ts"
|
|
2891
|
+
}
|
|
2892
|
+
},
|
|
2893
|
+
{
|
|
2894
|
+
"description": "End padding when trailing icon is present.",
|
|
2895
|
+
"name": "--m3e-chip-with-icon-padding-end",
|
|
2896
|
+
"inheritedFrom": {
|
|
2897
|
+
"name": "M3eChipElement",
|
|
2898
|
+
"module": "src/ChipElement.ts"
|
|
2899
|
+
}
|
|
2900
|
+
},
|
|
2901
|
+
{
|
|
2902
|
+
"description": "Base color for disabled label text.",
|
|
2903
|
+
"name": "--m3e-chip-disabled-label-text-color"
|
|
2904
|
+
},
|
|
2905
|
+
{
|
|
2906
|
+
"description": "Opacity applied to disabled label text.",
|
|
2907
|
+
"name": "--m3e-chip-disabled-label-text-opacity"
|
|
2908
|
+
},
|
|
2909
|
+
{
|
|
2910
|
+
"description": "Base color for disabled icons.",
|
|
2911
|
+
"name": "--m3e-chip-disabled-icon-color"
|
|
2912
|
+
},
|
|
2913
|
+
{
|
|
2914
|
+
"description": "Opacity applied to disabled icons.",
|
|
2915
|
+
"name": "--m3e-chip-disabled-icon-opacity"
|
|
2916
|
+
},
|
|
2917
|
+
{
|
|
2918
|
+
"description": "Background color for elevated variant.",
|
|
2919
|
+
"name": "--m3e-elevated-chip-container-color",
|
|
2920
|
+
"inheritedFrom": {
|
|
2921
|
+
"name": "M3eChipElement",
|
|
2922
|
+
"module": "src/ChipElement.ts"
|
|
2923
|
+
}
|
|
2924
|
+
},
|
|
2925
|
+
{
|
|
2926
|
+
"description": "Elevation level for elevated variant.",
|
|
2927
|
+
"name": "--m3e-elevated-chip-elevation",
|
|
2928
|
+
"inheritedFrom": {
|
|
2929
|
+
"name": "M3eChipElement",
|
|
2930
|
+
"module": "src/ChipElement.ts"
|
|
2931
|
+
}
|
|
2932
|
+
},
|
|
2933
|
+
{
|
|
2934
|
+
"description": "Elevation level on hover.",
|
|
2935
|
+
"name": "--m3e-elevated-chip-hover-elevation",
|
|
2936
|
+
"inheritedFrom": {
|
|
2937
|
+
"name": "M3eChipElement",
|
|
2938
|
+
"module": "src/ChipElement.ts"
|
|
2939
|
+
}
|
|
2940
|
+
},
|
|
2941
|
+
{
|
|
2942
|
+
"description": "Background color for disabled elevated variant.",
|
|
2943
|
+
"name": "--m3e-elevated-chip-disabled-container-color"
|
|
2944
|
+
},
|
|
2945
|
+
{
|
|
2946
|
+
"description": "Opacity applied to disabled elevated background.",
|
|
2947
|
+
"name": "--m3e-elevated-chip-disabled-container-opacity"
|
|
2948
|
+
},
|
|
2949
|
+
{
|
|
2950
|
+
"description": "Elevation level for disabled elevated variant.",
|
|
2951
|
+
"name": "--m3e-elevated-chip-disabled-elevation"
|
|
2952
|
+
},
|
|
2953
|
+
{
|
|
2954
|
+
"description": "Outline thickness for outlined variant.",
|
|
2955
|
+
"name": "--m3e-outlined-chip-outline-thickness",
|
|
2956
|
+
"inheritedFrom": {
|
|
2957
|
+
"name": "M3eChipElement",
|
|
2958
|
+
"module": "src/ChipElement.ts"
|
|
2959
|
+
}
|
|
2960
|
+
},
|
|
2961
|
+
{
|
|
2962
|
+
"description": "Outline color for outlined variant.",
|
|
2963
|
+
"name": "--m3e-outlined-chip-outline-color",
|
|
2964
|
+
"inheritedFrom": {
|
|
2965
|
+
"name": "M3eChipElement",
|
|
2966
|
+
"module": "src/ChipElement.ts"
|
|
2967
|
+
}
|
|
2968
|
+
},
|
|
2969
|
+
{
|
|
2970
|
+
"description": "Outline color for disabled outlined variant.",
|
|
2971
|
+
"name": "--m3e-outlined-chip-disabled-outline-color"
|
|
2972
|
+
},
|
|
2973
|
+
{
|
|
2974
|
+
"description": "Opacity applied to disabled outline.",
|
|
2975
|
+
"name": "--m3e-outlined-chip-disabled-outline-opacity"
|
|
2976
|
+
}
|
|
2977
|
+
],
|
|
2978
|
+
"slots": [
|
|
2979
|
+
{
|
|
2980
|
+
"description": "Renders the label of the chip.",
|
|
2981
|
+
"name": "",
|
|
2982
|
+
"inheritedFrom": {
|
|
2983
|
+
"name": "M3eChipElement",
|
|
2984
|
+
"module": "src/ChipElement.ts"
|
|
2985
|
+
}
|
|
2986
|
+
},
|
|
2987
|
+
{
|
|
2988
|
+
"description": "Renders an icon before the chip's label.",
|
|
2989
|
+
"name": "icon",
|
|
2990
|
+
"inheritedFrom": {
|
|
2991
|
+
"name": "M3eChipElement",
|
|
2992
|
+
"module": "src/ChipElement.ts"
|
|
2993
|
+
}
|
|
2994
|
+
},
|
|
2995
|
+
{
|
|
2996
|
+
"description": "Renders an icon after the chip's label.",
|
|
2997
|
+
"name": "trailing-icon",
|
|
2998
|
+
"inheritedFrom": {
|
|
2999
|
+
"name": "M3eChipElement",
|
|
3000
|
+
"module": "src/ChipElement.ts"
|
|
3001
|
+
}
|
|
3002
|
+
}
|
|
3003
|
+
],
|
|
3004
|
+
"attributes": [
|
|
3005
|
+
{
|
|
3006
|
+
"description": "A value indicating whether the element is disabled.",
|
|
3007
|
+
"name": "disabled"
|
|
3008
|
+
},
|
|
3009
|
+
{
|
|
3010
|
+
"description": "A value indicating whether the element is disabled and interactive.",
|
|
3011
|
+
"name": "disabled-interactive"
|
|
3012
|
+
},
|
|
3013
|
+
{
|
|
3014
|
+
"description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
|
|
3015
|
+
"name": "download"
|
|
3016
|
+
},
|
|
3017
|
+
{
|
|
3018
|
+
"description": "The URL to which the link button points.",
|
|
3019
|
+
"name": "href"
|
|
3020
|
+
},
|
|
3021
|
+
{
|
|
3022
|
+
"description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
|
|
3023
|
+
"name": "name"
|
|
3024
|
+
},
|
|
3025
|
+
{
|
|
3026
|
+
"description": "The relationship between the `target` of the link button and the document.",
|
|
3027
|
+
"name": "rel"
|
|
3028
|
+
},
|
|
3029
|
+
{
|
|
3030
|
+
"description": "The target of the link button.",
|
|
3031
|
+
"name": "target"
|
|
3032
|
+
},
|
|
3033
|
+
{
|
|
3034
|
+
"description": "The type of the element.",
|
|
3035
|
+
"name": "type"
|
|
3036
|
+
},
|
|
3037
|
+
{
|
|
3038
|
+
"description": "A string representing the value of the chip.",
|
|
3039
|
+
"name": "value",
|
|
3040
|
+
"fieldName": "value",
|
|
3041
|
+
"inheritedFrom": {
|
|
3042
|
+
"name": "M3eChipElement",
|
|
3043
|
+
"module": "src/ChipElement.ts"
|
|
3044
|
+
}
|
|
3045
|
+
},
|
|
3046
|
+
{
|
|
3047
|
+
"description": "The appearance variant of the chip.",
|
|
3048
|
+
"name": "variant",
|
|
3049
|
+
"type": {
|
|
3050
|
+
"text": "ChipVariant"
|
|
3051
|
+
},
|
|
3052
|
+
"default": "\"outlined\"",
|
|
3053
|
+
"fieldName": "variant",
|
|
3054
|
+
"inheritedFrom": {
|
|
3055
|
+
"name": "M3eChipElement",
|
|
3056
|
+
"module": "src/ChipElement.ts"
|
|
3057
|
+
}
|
|
3058
|
+
}
|
|
3059
|
+
],
|
|
3060
|
+
"mixins": [
|
|
3061
|
+
{
|
|
3062
|
+
"name": "FormSubmitter",
|
|
3063
|
+
"package": "@m3e/core"
|
|
3064
|
+
},
|
|
3065
|
+
{
|
|
3066
|
+
"name": "AttachInternals",
|
|
3067
|
+
"package": "@m3e/core"
|
|
3068
|
+
},
|
|
3069
|
+
{
|
|
3070
|
+
"name": "LinkButton",
|
|
3071
|
+
"package": "@m3e/core"
|
|
3072
|
+
},
|
|
3073
|
+
{
|
|
3074
|
+
"name": "KeyboardClick",
|
|
3075
|
+
"package": "@m3e/core"
|
|
3076
|
+
},
|
|
3077
|
+
{
|
|
3078
|
+
"name": "Focusable",
|
|
3079
|
+
"package": "@m3e/core"
|
|
3080
|
+
},
|
|
3081
|
+
{
|
|
3082
|
+
"name": "DisabledInteractive",
|
|
3083
|
+
"package": "@m3e/core"
|
|
3084
|
+
},
|
|
3085
|
+
{
|
|
3086
|
+
"name": "Disabled",
|
|
3087
|
+
"package": "@m3e/core"
|
|
3088
|
+
},
|
|
3089
|
+
{
|
|
3090
|
+
"name": "Role",
|
|
3091
|
+
"package": "@m3e/core"
|
|
3092
|
+
}
|
|
3093
|
+
],
|
|
3094
|
+
"superclass": {
|
|
3095
|
+
"name": "M3eChipElement",
|
|
3096
|
+
"module": "/src/ChipElement"
|
|
3097
|
+
},
|
|
3098
|
+
"tagName": "m3e-suggestion-chip",
|
|
3099
|
+
"customElement": true,
|
|
3100
|
+
"summary": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.",
|
|
3101
|
+
"members": [
|
|
3102
|
+
{
|
|
3103
|
+
"kind": "field",
|
|
3104
|
+
"name": "_elevation",
|
|
3105
|
+
"type": {
|
|
3106
|
+
"text": "M3eElevationElement | undefined"
|
|
3107
|
+
},
|
|
3108
|
+
"privacy": "private",
|
|
3109
|
+
"readonly": true,
|
|
3110
|
+
"inheritedFrom": {
|
|
3111
|
+
"name": "M3eChipElement",
|
|
3112
|
+
"module": "src/ChipElement.ts"
|
|
3113
|
+
}
|
|
3114
|
+
},
|
|
3115
|
+
{
|
|
3116
|
+
"kind": "field",
|
|
3117
|
+
"name": "_focusRing",
|
|
3118
|
+
"type": {
|
|
3119
|
+
"text": "M3eFocusRingElement | undefined"
|
|
3120
|
+
},
|
|
3121
|
+
"privacy": "private",
|
|
3122
|
+
"readonly": true,
|
|
3123
|
+
"inheritedFrom": {
|
|
3124
|
+
"name": "M3eChipElement",
|
|
3125
|
+
"module": "src/ChipElement.ts"
|
|
3126
|
+
}
|
|
3127
|
+
},
|
|
3128
|
+
{
|
|
3129
|
+
"kind": "field",
|
|
3130
|
+
"name": "_stateLayer",
|
|
3131
|
+
"type": {
|
|
3132
|
+
"text": "M3eStateLayerElement | undefined"
|
|
3133
|
+
},
|
|
3134
|
+
"privacy": "private",
|
|
3135
|
+
"readonly": true,
|
|
3136
|
+
"inheritedFrom": {
|
|
3137
|
+
"name": "M3eChipElement",
|
|
3138
|
+
"module": "src/ChipElement.ts"
|
|
3139
|
+
}
|
|
3140
|
+
},
|
|
3141
|
+
{
|
|
3142
|
+
"kind": "field",
|
|
3143
|
+
"name": "_ripple",
|
|
3144
|
+
"type": {
|
|
3145
|
+
"text": "M3eRippleElement | undefined"
|
|
3146
|
+
},
|
|
3147
|
+
"privacy": "private",
|
|
3148
|
+
"readonly": true,
|
|
3149
|
+
"inheritedFrom": {
|
|
3150
|
+
"name": "M3eChipElement",
|
|
3151
|
+
"module": "src/ChipElement.ts"
|
|
3152
|
+
}
|
|
3153
|
+
},
|
|
3154
|
+
{
|
|
3155
|
+
"kind": "field",
|
|
3156
|
+
"name": "#value",
|
|
3157
|
+
"privacy": "private",
|
|
3158
|
+
"type": {
|
|
3159
|
+
"text": "string | undefined"
|
|
3160
|
+
},
|
|
3161
|
+
"inheritedFrom": {
|
|
3162
|
+
"name": "M3eChipElement",
|
|
3163
|
+
"module": "src/ChipElement.ts"
|
|
3164
|
+
}
|
|
3165
|
+
},
|
|
3166
|
+
{
|
|
3167
|
+
"kind": "field",
|
|
3168
|
+
"name": "#textContent",
|
|
3169
|
+
"privacy": "private",
|
|
3170
|
+
"type": {
|
|
3171
|
+
"text": "string"
|
|
3172
|
+
},
|
|
3173
|
+
"default": "\"\"",
|
|
3174
|
+
"inheritedFrom": {
|
|
3175
|
+
"name": "M3eChipElement",
|
|
3176
|
+
"module": "src/ChipElement.ts"
|
|
3177
|
+
}
|
|
3178
|
+
},
|
|
3179
|
+
{
|
|
3180
|
+
"kind": "field",
|
|
3181
|
+
"name": "variant",
|
|
3182
|
+
"type": {
|
|
3183
|
+
"text": "ChipVariant"
|
|
3184
|
+
},
|
|
3185
|
+
"default": "\"outlined\"",
|
|
3186
|
+
"description": "The appearance variant of the chip.",
|
|
3187
|
+
"attribute": "variant",
|
|
3188
|
+
"reflects": true,
|
|
3189
|
+
"inheritedFrom": {
|
|
3190
|
+
"name": "M3eChipElement",
|
|
3191
|
+
"module": "src/ChipElement.ts"
|
|
3192
|
+
}
|
|
3193
|
+
},
|
|
3194
|
+
{
|
|
3195
|
+
"kind": "field",
|
|
3196
|
+
"name": "value",
|
|
3197
|
+
"description": "A string representing the value of the chip.",
|
|
3198
|
+
"attribute": "value",
|
|
3199
|
+
"inheritedFrom": {
|
|
3200
|
+
"name": "M3eChipElement",
|
|
3201
|
+
"module": "src/ChipElement.ts"
|
|
3202
|
+
}
|
|
3203
|
+
},
|
|
3204
|
+
{
|
|
3205
|
+
"kind": "method",
|
|
3206
|
+
"name": "#renderContent",
|
|
3207
|
+
"privacy": "private",
|
|
3208
|
+
"return": {
|
|
3209
|
+
"type": {
|
|
3210
|
+
"text": "unknown"
|
|
3211
|
+
}
|
|
3212
|
+
},
|
|
3213
|
+
"inheritedFrom": {
|
|
3214
|
+
"name": "M3eChipElement",
|
|
3215
|
+
"module": "src/ChipElement.ts"
|
|
3216
|
+
}
|
|
3217
|
+
},
|
|
3218
|
+
{
|
|
3219
|
+
"kind": "method",
|
|
3220
|
+
"name": "#handleIconSlotChange",
|
|
3221
|
+
"privacy": "private",
|
|
3222
|
+
"return": {
|
|
3223
|
+
"type": {
|
|
3224
|
+
"text": "void"
|
|
3225
|
+
}
|
|
3226
|
+
},
|
|
3227
|
+
"parameters": [
|
|
3228
|
+
{
|
|
3229
|
+
"name": "e",
|
|
3230
|
+
"type": {
|
|
3231
|
+
"text": "Event"
|
|
3232
|
+
}
|
|
3233
|
+
}
|
|
3234
|
+
],
|
|
3235
|
+
"inheritedFrom": {
|
|
3236
|
+
"name": "M3eChipElement",
|
|
3237
|
+
"module": "src/ChipElement.ts"
|
|
3238
|
+
}
|
|
3239
|
+
},
|
|
3240
|
+
{
|
|
3241
|
+
"kind": "method",
|
|
3242
|
+
"name": "#handleTrailingIconSlotChange",
|
|
3243
|
+
"privacy": "private",
|
|
3244
|
+
"return": {
|
|
3245
|
+
"type": {
|
|
3246
|
+
"text": "void"
|
|
3247
|
+
}
|
|
3248
|
+
},
|
|
3249
|
+
"parameters": [
|
|
3250
|
+
{
|
|
3251
|
+
"name": "e",
|
|
3252
|
+
"type": {
|
|
3253
|
+
"text": "Event"
|
|
3254
|
+
}
|
|
3255
|
+
}
|
|
3256
|
+
],
|
|
3257
|
+
"inheritedFrom": {
|
|
3258
|
+
"name": "M3eChipElement",
|
|
3259
|
+
"module": "src/ChipElement.ts"
|
|
3260
|
+
}
|
|
3261
|
+
},
|
|
3262
|
+
{
|
|
3263
|
+
"kind": "method",
|
|
3264
|
+
"name": "#handleSlotChange",
|
|
3265
|
+
"privacy": "private",
|
|
3266
|
+
"return": {
|
|
3267
|
+
"type": {
|
|
3268
|
+
"text": "void"
|
|
3269
|
+
}
|
|
3270
|
+
},
|
|
3271
|
+
"parameters": [
|
|
3272
|
+
{
|
|
3273
|
+
"name": "e",
|
|
3274
|
+
"type": {
|
|
3275
|
+
"text": "Event"
|
|
3276
|
+
}
|
|
3277
|
+
}
|
|
3278
|
+
],
|
|
3279
|
+
"inheritedFrom": {
|
|
3280
|
+
"name": "M3eChipElement",
|
|
3281
|
+
"module": "src/ChipElement.ts"
|
|
3282
|
+
}
|
|
3283
|
+
}
|
|
3284
|
+
]
|
|
3285
|
+
}
|
|
3286
|
+
],
|
|
3287
|
+
"exports": [
|
|
3288
|
+
{
|
|
3289
|
+
"kind": "js",
|
|
3290
|
+
"name": "M3eSuggestionChipElement",
|
|
3291
|
+
"declaration": {
|
|
3292
|
+
"name": "M3eSuggestionChipElement",
|
|
3293
|
+
"module": "src/SuggestionChipElement.ts"
|
|
3294
|
+
}
|
|
3295
|
+
},
|
|
3296
|
+
{
|
|
3297
|
+
"kind": "custom-element-definition",
|
|
3298
|
+
"name": "m3e-suggestion-chip",
|
|
3299
|
+
"declaration": {
|
|
3300
|
+
"name": "M3eSuggestionChipElement",
|
|
3301
|
+
"module": "src/SuggestionChipElement.ts"
|
|
3302
|
+
}
|
|
3303
|
+
}
|
|
3304
|
+
]
|
|
3305
|
+
}
|
|
3306
|
+
]
|
|
3307
|
+
}
|