nve-designsystem 4.0.0 → 4.0.2
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/components/nve-navigation-card/nve-navigation-card.styles.js +1 -0
- package/css/nve.css +5 -1
- package/css/nve_dark.css +5 -1
- package/css/rme.css +5 -1
- package/css/rme_dark.css +5 -1
- package/css/varsom.css +5 -1
- package/css/varsom_dark.css +5 -1
- package/custom-elements.json +480 -480
- package/package.json +1 -1
- package/vscode.css-custom-data.json +4 -4
- package/vscode.html-custom-data.json +49 -49
package/custom-elements.json
CHANGED
|
@@ -63,44 +63,12 @@
|
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
"kind": "javascript-module",
|
|
66
|
-
"path": "components/nve-
|
|
66
|
+
"path": "components/nve-accordion-item/nve-accordion-item.js",
|
|
67
67
|
"declarations": [
|
|
68
68
|
{
|
|
69
69
|
"kind": "class",
|
|
70
|
-
"description": "
|
|
71
|
-
"name": "
|
|
72
|
-
"cssParts": [
|
|
73
|
-
{
|
|
74
|
-
"description": "Topp-element",
|
|
75
|
-
"name": "base"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"description": "Ikonet til venstre",
|
|
79
|
-
"name": "icon"
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
"description": "Overskriften",
|
|
83
|
-
"name": "label"
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"description": "Hoved tekst",
|
|
87
|
-
"name": "message"
|
|
88
|
-
}
|
|
89
|
-
],
|
|
90
|
-
"slots": [
|
|
91
|
-
{
|
|
92
|
-
"description": "tekst - Hoved teksten i alerten.",
|
|
93
|
-
"name": ""
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"description": "Det første ikonet (til venstre).",
|
|
97
|
-
"name": "icon"
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"description": "Overskriften for alerten.",
|
|
101
|
-
"name": "label"
|
|
102
|
-
}
|
|
103
|
-
],
|
|
70
|
+
"description": "Viser et kort sammendrag og utvides for å vise ekstra innhold.\nKan brukes som en selvstendig komponent eller som en del av nve-accordion.",
|
|
71
|
+
"name": "NveAccordionItem",
|
|
104
72
|
"members": [
|
|
105
73
|
{
|
|
106
74
|
"kind": "field",
|
|
@@ -112,702 +80,734 @@
|
|
|
112
80
|
},
|
|
113
81
|
{
|
|
114
82
|
"kind": "field",
|
|
115
|
-
"name": "
|
|
83
|
+
"name": "leftStroke",
|
|
116
84
|
"type": {
|
|
117
|
-
"text": "
|
|
85
|
+
"text": "boolean"
|
|
118
86
|
},
|
|
119
|
-
"
|
|
87
|
+
"default": "false",
|
|
88
|
+
"description": "tykk strek på venstre side"
|
|
120
89
|
},
|
|
121
90
|
{
|
|
122
91
|
"kind": "field",
|
|
123
|
-
"name": "
|
|
92
|
+
"name": "variant",
|
|
124
93
|
"type": {
|
|
125
|
-
"text": "
|
|
94
|
+
"text": "'none' | 'neutral' | 'info' | 'success' | 'warning' | 'error'"
|
|
126
95
|
},
|
|
127
|
-
"
|
|
96
|
+
"default": "'none'",
|
|
97
|
+
"description": "Setter farge på bakgrunn og tekst"
|
|
128
98
|
},
|
|
129
99
|
{
|
|
130
100
|
"kind": "field",
|
|
131
|
-
"name": "
|
|
101
|
+
"name": "border",
|
|
132
102
|
"type": {
|
|
133
|
-
"text": "
|
|
103
|
+
"text": "boolean"
|
|
134
104
|
},
|
|
135
|
-
"
|
|
105
|
+
"default": "false",
|
|
106
|
+
"description": "Vis en ramme rundt hele komponenten"
|
|
136
107
|
},
|
|
137
108
|
{
|
|
138
109
|
"kind": "field",
|
|
139
|
-
"name": "
|
|
110
|
+
"name": "compact",
|
|
140
111
|
"type": {
|
|
141
112
|
"text": "boolean"
|
|
142
113
|
},
|
|
143
114
|
"default": "false",
|
|
144
|
-
"description": "
|
|
115
|
+
"description": "Kompakt visning uten luft på sidene. En strek vil vises under for å skille komponenter fra hverandre"
|
|
145
116
|
},
|
|
146
117
|
{
|
|
147
118
|
"kind": "field",
|
|
148
|
-
"name": "
|
|
119
|
+
"name": "styles",
|
|
149
120
|
"type": {
|
|
150
|
-
"text": "
|
|
121
|
+
"text": "array"
|
|
151
122
|
},
|
|
152
|
-
"
|
|
153
|
-
"
|
|
123
|
+
"static": true,
|
|
124
|
+
"default": "[SlDetails.styles, styles]"
|
|
154
125
|
},
|
|
155
126
|
{
|
|
156
127
|
"kind": "field",
|
|
157
|
-
"name": "
|
|
128
|
+
"name": "dependencies",
|
|
158
129
|
"type": {
|
|
159
|
-
"text": "
|
|
130
|
+
"text": "object"
|
|
160
131
|
},
|
|
161
|
-
"
|
|
162
|
-
"
|
|
132
|
+
"static": true,
|
|
133
|
+
"default": "{ 'sl-icon': SlIcon }",
|
|
134
|
+
"inheritedFrom": {
|
|
135
|
+
"name": "SlDetails",
|
|
136
|
+
"module": "components/details/details.js"
|
|
137
|
+
}
|
|
163
138
|
},
|
|
164
139
|
{
|
|
165
140
|
"kind": "field",
|
|
166
|
-
"name": "
|
|
141
|
+
"name": "details",
|
|
167
142
|
"type": {
|
|
168
|
-
"text": "
|
|
143
|
+
"text": "HTMLDetailsElement"
|
|
169
144
|
},
|
|
170
|
-
"
|
|
171
|
-
|
|
145
|
+
"inheritedFrom": {
|
|
146
|
+
"name": "SlDetails",
|
|
147
|
+
"module": "components/details/details.js"
|
|
148
|
+
}
|
|
172
149
|
},
|
|
173
150
|
{
|
|
174
151
|
"kind": "field",
|
|
175
|
-
"name": "
|
|
176
|
-
"
|
|
177
|
-
|
|
152
|
+
"name": "header",
|
|
153
|
+
"type": {
|
|
154
|
+
"text": "HTMLElement"
|
|
155
|
+
},
|
|
156
|
+
"inheritedFrom": {
|
|
157
|
+
"name": "SlDetails",
|
|
158
|
+
"module": "components/details/details.js"
|
|
159
|
+
}
|
|
178
160
|
},
|
|
179
161
|
{
|
|
180
162
|
"kind": "field",
|
|
181
|
-
"name": "
|
|
163
|
+
"name": "body",
|
|
182
164
|
"type": {
|
|
183
|
-
"text": "
|
|
165
|
+
"text": "HTMLElement"
|
|
184
166
|
},
|
|
185
|
-
"
|
|
186
|
-
|
|
167
|
+
"inheritedFrom": {
|
|
168
|
+
"name": "SlDetails",
|
|
169
|
+
"module": "components/details/details.js"
|
|
170
|
+
}
|
|
187
171
|
},
|
|
188
172
|
{
|
|
189
173
|
"kind": "field",
|
|
190
|
-
"name": "
|
|
174
|
+
"name": "expandIconSlot",
|
|
191
175
|
"type": {
|
|
192
|
-
"text": "
|
|
176
|
+
"text": "HTMLSlotElement"
|
|
193
177
|
},
|
|
194
|
-
"
|
|
178
|
+
"inheritedFrom": {
|
|
179
|
+
"name": "SlDetails",
|
|
180
|
+
"module": "components/details/details.js"
|
|
181
|
+
}
|
|
195
182
|
},
|
|
196
183
|
{
|
|
197
184
|
"kind": "field",
|
|
198
|
-
"name": "
|
|
185
|
+
"name": "detailsObserver",
|
|
199
186
|
"type": {
|
|
200
|
-
"text": "
|
|
187
|
+
"text": "MutationObserver"
|
|
201
188
|
},
|
|
202
|
-
"
|
|
203
|
-
|
|
189
|
+
"inheritedFrom": {
|
|
190
|
+
"name": "SlDetails",
|
|
191
|
+
"module": "components/details/details.js"
|
|
192
|
+
}
|
|
204
193
|
},
|
|
205
194
|
{
|
|
206
195
|
"kind": "field",
|
|
207
|
-
"name": "
|
|
196
|
+
"name": "open",
|
|
208
197
|
"type": {
|
|
209
|
-
"text": "
|
|
198
|
+
"text": "boolean"
|
|
210
199
|
},
|
|
211
|
-
"
|
|
212
|
-
"
|
|
200
|
+
"default": "false",
|
|
201
|
+
"description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
|
|
202
|
+
"attribute": "open",
|
|
203
|
+
"reflects": true,
|
|
204
|
+
"inheritedFrom": {
|
|
205
|
+
"name": "SlDetails",
|
|
206
|
+
"module": "components/details/details.js"
|
|
207
|
+
}
|
|
213
208
|
},
|
|
214
209
|
{
|
|
215
|
-
"kind": "
|
|
216
|
-
"name": "
|
|
217
|
-
"
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
210
|
+
"kind": "field",
|
|
211
|
+
"name": "summary",
|
|
212
|
+
"type": {
|
|
213
|
+
"text": "string"
|
|
214
|
+
},
|
|
215
|
+
"description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
|
|
216
|
+
"attribute": "summary",
|
|
217
|
+
"inheritedFrom": {
|
|
218
|
+
"name": "SlDetails",
|
|
219
|
+
"module": "components/details/details.js"
|
|
220
|
+
}
|
|
225
221
|
},
|
|
226
222
|
{
|
|
227
|
-
"kind": "
|
|
228
|
-
"name": "
|
|
229
|
-
"
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
223
|
+
"kind": "field",
|
|
224
|
+
"name": "disabled",
|
|
225
|
+
"type": {
|
|
226
|
+
"text": "boolean"
|
|
227
|
+
},
|
|
228
|
+
"default": "false",
|
|
229
|
+
"description": "Disables the details so it can't be toggled.",
|
|
230
|
+
"attribute": "disabled",
|
|
231
|
+
"reflects": true,
|
|
232
|
+
"inheritedFrom": {
|
|
233
|
+
"name": "SlDetails",
|
|
234
|
+
"module": "components/details/details.js"
|
|
234
235
|
}
|
|
235
236
|
},
|
|
236
237
|
{
|
|
237
238
|
"kind": "method",
|
|
238
|
-
"name": "
|
|
239
|
-
"
|
|
240
|
-
|
|
241
|
-
"
|
|
242
|
-
"text": ""
|
|
243
|
-
}
|
|
239
|
+
"name": "handleOpenChange",
|
|
240
|
+
"inheritedFrom": {
|
|
241
|
+
"name": "SlDetails",
|
|
242
|
+
"module": "components/details/details.js"
|
|
244
243
|
}
|
|
245
244
|
},
|
|
246
245
|
{
|
|
247
246
|
"kind": "method",
|
|
248
|
-
"name": "
|
|
249
|
-
"description": "
|
|
250
|
-
"
|
|
251
|
-
"
|
|
252
|
-
|
|
253
|
-
}
|
|
247
|
+
"name": "show",
|
|
248
|
+
"description": "Shows the details.",
|
|
249
|
+
"inheritedFrom": {
|
|
250
|
+
"name": "SlDetails",
|
|
251
|
+
"module": "components/details/details.js"
|
|
254
252
|
}
|
|
255
253
|
},
|
|
256
254
|
{
|
|
257
255
|
"kind": "method",
|
|
258
|
-
"name": "
|
|
256
|
+
"name": "hide",
|
|
257
|
+
"description": "Hides the details",
|
|
258
|
+
"inheritedFrom": {
|
|
259
|
+
"name": "SlDetails",
|
|
260
|
+
"module": "components/details/details.js"
|
|
261
|
+
}
|
|
259
262
|
}
|
|
260
263
|
],
|
|
261
|
-
"
|
|
264
|
+
"attributes": [
|
|
262
265
|
{
|
|
263
|
-
"name": "
|
|
266
|
+
"name": "testId",
|
|
264
267
|
"type": {
|
|
265
|
-
"text": "
|
|
268
|
+
"text": "string | undefined"
|
|
266
269
|
},
|
|
267
|
-
"description": "
|
|
268
|
-
"reactName": "onSlShow",
|
|
269
|
-
"eventName": "SlShowEvent"
|
|
270
|
+
"description": ""
|
|
270
271
|
},
|
|
271
272
|
{
|
|
272
|
-
"name": "
|
|
273
|
+
"name": "leftStroke",
|
|
273
274
|
"type": {
|
|
274
|
-
"text": "
|
|
275
|
+
"text": "boolean"
|
|
275
276
|
},
|
|
276
|
-
"description": "
|
|
277
|
-
"reactName": "onSlHide",
|
|
278
|
-
"eventName": "SlHideEvent"
|
|
277
|
+
"description": "tykk strek på venstre side"
|
|
279
278
|
},
|
|
280
279
|
{
|
|
281
|
-
"name": "
|
|
280
|
+
"name": "variant",
|
|
282
281
|
"type": {
|
|
283
|
-
"text": "
|
|
282
|
+
"text": "'none' | 'neutral' | 'info' | 'success' | 'warning' | 'error'"
|
|
284
283
|
},
|
|
285
|
-
"description": "
|
|
286
|
-
"reactName": "onSlAfterShow",
|
|
287
|
-
"eventName": "SlAfterShowEvent"
|
|
284
|
+
"description": "Setter farge på bakgrunn og tekst"
|
|
288
285
|
},
|
|
289
286
|
{
|
|
290
|
-
"name": "
|
|
287
|
+
"name": "border",
|
|
291
288
|
"type": {
|
|
292
|
-
"text": "
|
|
289
|
+
"text": "boolean"
|
|
293
290
|
},
|
|
294
|
-
"description": "
|
|
295
|
-
|
|
296
|
-
"eventName": "SlAfterHideEvent"
|
|
297
|
-
}
|
|
298
|
-
],
|
|
299
|
-
"attributes": [
|
|
291
|
+
"description": "Vis en ramme rundt hele komponenten"
|
|
292
|
+
},
|
|
300
293
|
{
|
|
301
|
-
"name": "
|
|
302
|
-
"type": {
|
|
303
|
-
"text": "string | undefined"
|
|
304
|
-
},
|
|
305
|
-
"description": ""
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
"name": "label",
|
|
309
|
-
"type": {
|
|
310
|
-
"text": "string"
|
|
311
|
-
},
|
|
312
|
-
"description": "Overskriften"
|
|
313
|
-
},
|
|
314
|
-
{
|
|
315
|
-
"name": "text",
|
|
316
|
-
"type": {
|
|
317
|
-
"text": "string"
|
|
318
|
-
},
|
|
319
|
-
"description": "Hoved tekst"
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
"name": "saturation",
|
|
323
|
-
"type": {
|
|
324
|
-
"text": "'emphasized'"
|
|
325
|
-
},
|
|
326
|
-
"description": "Bestemmer sterkere bakgrunnsfarge"
|
|
327
|
-
},
|
|
328
|
-
{
|
|
329
|
-
"name": "leftStroke",
|
|
294
|
+
"name": "compact",
|
|
330
295
|
"type": {
|
|
331
296
|
"text": "boolean"
|
|
332
297
|
},
|
|
333
|
-
"description": "
|
|
334
|
-
},
|
|
335
|
-
{
|
|
336
|
-
"name": "variant",
|
|
337
|
-
"type": {
|
|
338
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
339
|
-
},
|
|
340
|
-
"description": "Bestemmer hvilken variant av alerten som skal brukes."
|
|
341
|
-
},
|
|
342
|
-
{
|
|
343
|
-
"name": "closable",
|
|
344
|
-
"type": {
|
|
345
|
-
"text": "any"
|
|
346
|
-
},
|
|
347
|
-
"description": "Om lukk knapp skal vises"
|
|
298
|
+
"description": "Kompakt visning uten luft på sidene. En strek vil vises under for å skille komponenter fra hverandre"
|
|
348
299
|
},
|
|
349
300
|
{
|
|
350
301
|
"name": "open",
|
|
351
|
-
"type": {
|
|
352
|
-
"text": "any"
|
|
353
|
-
},
|
|
354
|
-
"description": "Om alerten er åpen. Hvis sant alerten vises, ellers er den skjult."
|
|
355
|
-
},
|
|
356
|
-
{
|
|
357
|
-
"name": "duration",
|
|
358
|
-
"type": {
|
|
359
|
-
"text": "any"
|
|
360
|
-
},
|
|
361
|
-
"description": "Hvor lenge alerten skal være åpen før den lukkes automatisk, i millisekunder. Altid er standard"
|
|
362
|
-
},
|
|
363
|
-
{
|
|
364
|
-
"name": "buttonLabel",
|
|
365
|
-
"type": {
|
|
366
|
-
"text": "string"
|
|
367
|
-
},
|
|
368
|
-
"description": "Aria label på knapp med kun ikone. Lukk er standard."
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"name": "iconName",
|
|
372
|
-
"type": {
|
|
373
|
-
"text": "string"
|
|
374
|
-
},
|
|
375
|
-
"description": "Navnet på ikonet som skal vises til venstre siden av alerten."
|
|
376
|
-
},
|
|
377
|
-
{
|
|
378
|
-
"name": "showIcon",
|
|
379
|
-
"type": {
|
|
380
|
-
"text": "'true' | 'false'"
|
|
381
|
-
},
|
|
382
|
-
"description": "Om variant ikonen skal vises"
|
|
383
|
-
}
|
|
384
|
-
],
|
|
385
|
-
"superclass": {
|
|
386
|
-
"name": "LitElement",
|
|
387
|
-
"package": "lit"
|
|
388
|
-
},
|
|
389
|
-
"tagNameWithoutPrefix": "alert",
|
|
390
|
-
"tagName": "nve-alert",
|
|
391
|
-
"customElement": true,
|
|
392
|
-
"jsDoc": "/**\n * Brukes til å vise viktige beskjeder som toast. Dette er en komponent som bruker alert-rollen.\n * Hvis du trenger å vise en statisk varsling med mer informasjon, bruk nve-message-card.\n * Les mer i seksjonen om tilgjengelighet.\n *\n * @slot - tekst - Hoved teksten i alerten.\n * @slot icon - Det første ikonet (til venstre).\n * @slot label - Overskriften for alerten.\n *\n * @event sl-after-hide Etter allerten er skjult\n * @event sl-after-show Etter allerten er vist\n * @event sl-show Når alerten blir vist\n * @event sl-hide Når alerten blir skjult\n *\n * @csspart base Topp-element\n * @csspart icon Ikonet til venstre\n * @csspart label Overskriften\n * @csspart message Hoved tekst\n *\n */",
|
|
393
|
-
"modulePath": "src/components/nve-alert/nve-alert.component.ts"
|
|
394
|
-
}
|
|
395
|
-
],
|
|
396
|
-
"exports": [
|
|
397
|
-
{
|
|
398
|
-
"kind": "js",
|
|
399
|
-
"name": "default",
|
|
400
|
-
"declaration": {
|
|
401
|
-
"name": "NveAlert",
|
|
402
|
-
"module": "components/nve-alert/nve-alert.js"
|
|
403
|
-
}
|
|
404
|
-
}
|
|
405
|
-
]
|
|
406
|
-
},
|
|
407
|
-
{
|
|
408
|
-
"kind": "javascript-module",
|
|
409
|
-
"path": "components/nve-accordion-item/nve-accordion-item.js",
|
|
410
|
-
"declarations": [
|
|
411
|
-
{
|
|
412
|
-
"kind": "class",
|
|
413
|
-
"description": "Viser et kort sammendrag og utvides for å vise ekstra innhold.\nKan brukes som en selvstendig komponent eller som en del av nve-accordion.",
|
|
414
|
-
"name": "NveAccordionItem",
|
|
415
|
-
"members": [
|
|
416
|
-
{
|
|
417
|
-
"kind": "field",
|
|
418
|
-
"name": "testId",
|
|
419
|
-
"type": {
|
|
420
|
-
"text": "string | undefined"
|
|
421
|
-
},
|
|
422
|
-
"default": "undefined"
|
|
423
|
-
},
|
|
424
|
-
{
|
|
425
|
-
"kind": "field",
|
|
426
|
-
"name": "leftStroke",
|
|
427
302
|
"type": {
|
|
428
303
|
"text": "boolean"
|
|
429
304
|
},
|
|
430
305
|
"default": "false",
|
|
431
|
-
"description": "
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
"text": "'none' | 'neutral' | 'info' | 'success' | 'warning' | 'error'"
|
|
438
|
-
},
|
|
439
|
-
"default": "'none'",
|
|
440
|
-
"description": "Setter farge på bakgrunn og tekst"
|
|
306
|
+
"description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
|
|
307
|
+
"fieldName": "open",
|
|
308
|
+
"inheritedFrom": {
|
|
309
|
+
"name": "SlDetails",
|
|
310
|
+
"module": "components/details/details.js"
|
|
311
|
+
}
|
|
441
312
|
},
|
|
442
313
|
{
|
|
443
|
-
"
|
|
444
|
-
"name": "border",
|
|
314
|
+
"name": "summary",
|
|
445
315
|
"type": {
|
|
446
|
-
"text": "
|
|
316
|
+
"text": "string"
|
|
447
317
|
},
|
|
448
|
-
"
|
|
449
|
-
"
|
|
318
|
+
"description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
|
|
319
|
+
"fieldName": "summary",
|
|
320
|
+
"inheritedFrom": {
|
|
321
|
+
"name": "SlDetails",
|
|
322
|
+
"module": "components/details/details.js"
|
|
323
|
+
}
|
|
450
324
|
},
|
|
451
325
|
{
|
|
452
|
-
"
|
|
453
|
-
"name": "compact",
|
|
326
|
+
"name": "disabled",
|
|
454
327
|
"type": {
|
|
455
328
|
"text": "boolean"
|
|
456
329
|
},
|
|
457
330
|
"default": "false",
|
|
458
|
-
"description": "
|
|
459
|
-
|
|
460
|
-
{
|
|
461
|
-
"kind": "field",
|
|
462
|
-
"name": "styles",
|
|
463
|
-
"type": {
|
|
464
|
-
"text": "array"
|
|
465
|
-
},
|
|
466
|
-
"static": true,
|
|
467
|
-
"default": "[SlDetails.styles, styles]"
|
|
468
|
-
},
|
|
469
|
-
{
|
|
470
|
-
"kind": "field",
|
|
471
|
-
"name": "dependencies",
|
|
472
|
-
"type": {
|
|
473
|
-
"text": "object"
|
|
474
|
-
},
|
|
475
|
-
"static": true,
|
|
476
|
-
"default": "{ 'sl-icon': SlIcon }",
|
|
331
|
+
"description": "Disables the details so it can't be toggled.",
|
|
332
|
+
"fieldName": "disabled",
|
|
477
333
|
"inheritedFrom": {
|
|
478
334
|
"name": "SlDetails",
|
|
479
335
|
"module": "components/details/details.js"
|
|
480
336
|
}
|
|
481
|
-
}
|
|
337
|
+
}
|
|
338
|
+
],
|
|
339
|
+
"superclass": {
|
|
340
|
+
"name": "SlDetails",
|
|
341
|
+
"package": "@shoelace-style/shoelace"
|
|
342
|
+
},
|
|
343
|
+
"tagNameWithoutPrefix": "accordion-item",
|
|
344
|
+
"tagName": "nve-accordion-item",
|
|
345
|
+
"customElement": true,
|
|
346
|
+
"jsDoc": "/**\n * Viser et kort sammendrag og utvides for å vise ekstra innhold.\n * Kan brukes som en selvstendig komponent eller som en del av nve-accordion.\n */",
|
|
347
|
+
"slots": [
|
|
482
348
|
{
|
|
483
|
-
"
|
|
484
|
-
"name": "
|
|
485
|
-
"type": {
|
|
486
|
-
"text": "HTMLDetailsElement"
|
|
487
|
-
},
|
|
349
|
+
"description": "The details' main content.",
|
|
350
|
+
"name": "",
|
|
488
351
|
"inheritedFrom": {
|
|
489
352
|
"name": "SlDetails",
|
|
490
353
|
"module": "components/details/details.js"
|
|
491
354
|
}
|
|
492
355
|
},
|
|
493
356
|
{
|
|
494
|
-
"
|
|
495
|
-
"name": "
|
|
496
|
-
"type": {
|
|
497
|
-
"text": "HTMLElement"
|
|
498
|
-
},
|
|
357
|
+
"description": "The details' summary. Alternatively, you can use the `summary` attribute.",
|
|
358
|
+
"name": "summary",
|
|
499
359
|
"inheritedFrom": {
|
|
500
360
|
"name": "SlDetails",
|
|
501
361
|
"module": "components/details/details.js"
|
|
502
362
|
}
|
|
503
363
|
},
|
|
504
364
|
{
|
|
505
|
-
"
|
|
506
|
-
"name": "
|
|
507
|
-
"type": {
|
|
508
|
-
"text": "HTMLElement"
|
|
509
|
-
},
|
|
365
|
+
"description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
|
|
366
|
+
"name": "expand-icon",
|
|
510
367
|
"inheritedFrom": {
|
|
511
368
|
"name": "SlDetails",
|
|
512
369
|
"module": "components/details/details.js"
|
|
513
370
|
}
|
|
514
371
|
},
|
|
515
372
|
{
|
|
516
|
-
"
|
|
517
|
-
"name": "
|
|
518
|
-
"type": {
|
|
519
|
-
"text": "HTMLSlotElement"
|
|
520
|
-
},
|
|
373
|
+
"description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
|
|
374
|
+
"name": "collapse-icon",
|
|
521
375
|
"inheritedFrom": {
|
|
522
376
|
"name": "SlDetails",
|
|
523
377
|
"module": "components/details/details.js"
|
|
524
378
|
}
|
|
525
|
-
}
|
|
379
|
+
}
|
|
380
|
+
],
|
|
381
|
+
"cssParts": [
|
|
526
382
|
{
|
|
527
|
-
"
|
|
528
|
-
"name": "
|
|
529
|
-
"type": {
|
|
530
|
-
"text": "MutationObserver"
|
|
531
|
-
},
|
|
383
|
+
"description": "The component's base wrapper.",
|
|
384
|
+
"name": "base",
|
|
532
385
|
"inheritedFrom": {
|
|
533
386
|
"name": "SlDetails",
|
|
534
387
|
"module": "components/details/details.js"
|
|
535
388
|
}
|
|
536
389
|
},
|
|
537
390
|
{
|
|
538
|
-
"
|
|
539
|
-
"name": "
|
|
540
|
-
"type": {
|
|
541
|
-
"text": "boolean"
|
|
542
|
-
},
|
|
543
|
-
"default": "false",
|
|
544
|
-
"description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
|
|
545
|
-
"attribute": "open",
|
|
546
|
-
"reflects": true,
|
|
391
|
+
"description": "The header that wraps both the summary and the expand/collapse icon.",
|
|
392
|
+
"name": "header",
|
|
547
393
|
"inheritedFrom": {
|
|
548
394
|
"name": "SlDetails",
|
|
549
395
|
"module": "components/details/details.js"
|
|
550
396
|
}
|
|
551
397
|
},
|
|
552
398
|
{
|
|
553
|
-
"
|
|
399
|
+
"description": "The container that wraps the summary.",
|
|
554
400
|
"name": "summary",
|
|
555
|
-
"type": {
|
|
556
|
-
"text": "string"
|
|
557
|
-
},
|
|
558
|
-
"description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
|
|
559
|
-
"attribute": "summary",
|
|
560
401
|
"inheritedFrom": {
|
|
561
402
|
"name": "SlDetails",
|
|
562
403
|
"module": "components/details/details.js"
|
|
563
404
|
}
|
|
564
405
|
},
|
|
565
406
|
{
|
|
566
|
-
"
|
|
567
|
-
"name": "
|
|
568
|
-
"type": {
|
|
569
|
-
"text": "boolean"
|
|
570
|
-
},
|
|
571
|
-
"default": "false",
|
|
572
|
-
"description": "Disables the details so it can't be toggled.",
|
|
573
|
-
"attribute": "disabled",
|
|
574
|
-
"reflects": true,
|
|
407
|
+
"description": "The container that wraps the expand/collapse icons.",
|
|
408
|
+
"name": "summary-icon",
|
|
575
409
|
"inheritedFrom": {
|
|
576
410
|
"name": "SlDetails",
|
|
577
411
|
"module": "components/details/details.js"
|
|
578
412
|
}
|
|
579
413
|
},
|
|
580
414
|
{
|
|
581
|
-
"
|
|
582
|
-
"name": "
|
|
415
|
+
"description": "The details content.",
|
|
416
|
+
"name": "content",
|
|
417
|
+
"inheritedFrom": {
|
|
418
|
+
"name": "SlDetails",
|
|
419
|
+
"module": "components/details/details.js"
|
|
420
|
+
}
|
|
421
|
+
}
|
|
422
|
+
],
|
|
423
|
+
"events": [
|
|
424
|
+
{
|
|
425
|
+
"description": "Emitted when the details opens.",
|
|
426
|
+
"name": "sl-show",
|
|
427
|
+
"reactName": "onSlShow",
|
|
428
|
+
"eventName": "SlShowEvent",
|
|
583
429
|
"inheritedFrom": {
|
|
584
430
|
"name": "SlDetails",
|
|
585
431
|
"module": "components/details/details.js"
|
|
586
432
|
}
|
|
587
433
|
},
|
|
588
434
|
{
|
|
589
|
-
"
|
|
590
|
-
"name": "show",
|
|
591
|
-
"
|
|
435
|
+
"description": "Emitted after the details opens and all animations are complete.",
|
|
436
|
+
"name": "sl-after-show",
|
|
437
|
+
"reactName": "onSlAfterShow",
|
|
438
|
+
"eventName": "SlAfterShowEvent",
|
|
592
439
|
"inheritedFrom": {
|
|
593
440
|
"name": "SlDetails",
|
|
594
441
|
"module": "components/details/details.js"
|
|
595
442
|
}
|
|
596
443
|
},
|
|
597
444
|
{
|
|
598
|
-
"
|
|
599
|
-
"name": "hide",
|
|
600
|
-
"
|
|
445
|
+
"description": "Emitted when the details closes.",
|
|
446
|
+
"name": "sl-hide",
|
|
447
|
+
"reactName": "onSlHide",
|
|
448
|
+
"eventName": "SlHideEvent",
|
|
449
|
+
"inheritedFrom": {
|
|
450
|
+
"name": "SlDetails",
|
|
451
|
+
"module": "components/details/details.js"
|
|
452
|
+
}
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"description": "Emitted after the details closes and all animations are complete.",
|
|
456
|
+
"name": "sl-after-hide",
|
|
457
|
+
"reactName": "onSlAfterHide",
|
|
458
|
+
"eventName": "SlAfterHideEvent",
|
|
601
459
|
"inheritedFrom": {
|
|
602
460
|
"name": "SlDetails",
|
|
603
461
|
"module": "components/details/details.js"
|
|
604
462
|
}
|
|
605
463
|
}
|
|
606
464
|
],
|
|
607
|
-
"
|
|
465
|
+
"modulePath": "src/components/nve-accordion-item/nve-accordion-item.component.ts",
|
|
466
|
+
"cssProperties": [],
|
|
467
|
+
"cssStates": []
|
|
468
|
+
}
|
|
469
|
+
],
|
|
470
|
+
"exports": [
|
|
471
|
+
{
|
|
472
|
+
"kind": "js",
|
|
473
|
+
"name": "default",
|
|
474
|
+
"declaration": {
|
|
475
|
+
"name": "NveAccordionItem",
|
|
476
|
+
"module": "components/nve-accordion-item/nve-accordion-item.js"
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
]
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"kind": "javascript-module",
|
|
483
|
+
"path": "components/nve-alert/nve-alert.js",
|
|
484
|
+
"declarations": [
|
|
485
|
+
{
|
|
486
|
+
"kind": "class",
|
|
487
|
+
"description": "Brukes til å vise viktige beskjeder som toast. Dette er en komponent som bruker alert-rollen.\nHvis du trenger å vise en statisk varsling med mer informasjon, bruk nve-message-card.\nLes mer i seksjonen om tilgjengelighet.",
|
|
488
|
+
"name": "NveAlert",
|
|
489
|
+
"cssParts": [
|
|
490
|
+
{
|
|
491
|
+
"description": "Topp-element",
|
|
492
|
+
"name": "base"
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"description": "Ikonet til venstre",
|
|
496
|
+
"name": "icon"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"description": "Overskriften",
|
|
500
|
+
"name": "label"
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"description": "Hoved tekst",
|
|
504
|
+
"name": "message"
|
|
505
|
+
}
|
|
506
|
+
],
|
|
507
|
+
"slots": [
|
|
508
|
+
{
|
|
509
|
+
"description": "tekst - Hoved teksten i alerten.",
|
|
510
|
+
"name": ""
|
|
511
|
+
},
|
|
608
512
|
{
|
|
513
|
+
"description": "Det første ikonet (til venstre).",
|
|
514
|
+
"name": "icon"
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"description": "Overskriften for alerten.",
|
|
518
|
+
"name": "label"
|
|
519
|
+
}
|
|
520
|
+
],
|
|
521
|
+
"members": [
|
|
522
|
+
{
|
|
523
|
+
"kind": "field",
|
|
609
524
|
"name": "testId",
|
|
610
525
|
"type": {
|
|
611
526
|
"text": "string | undefined"
|
|
612
527
|
},
|
|
613
|
-
"
|
|
528
|
+
"default": "undefined"
|
|
614
529
|
},
|
|
615
530
|
{
|
|
616
|
-
"
|
|
531
|
+
"kind": "field",
|
|
532
|
+
"name": "label",
|
|
617
533
|
"type": {
|
|
618
|
-
"text": "
|
|
534
|
+
"text": "string | undefined"
|
|
619
535
|
},
|
|
620
|
-
"description": "
|
|
536
|
+
"description": "Overskriften"
|
|
621
537
|
},
|
|
622
538
|
{
|
|
623
|
-
"
|
|
539
|
+
"kind": "field",
|
|
540
|
+
"name": "text",
|
|
624
541
|
"type": {
|
|
625
|
-
"text": "
|
|
542
|
+
"text": "string | undefined"
|
|
626
543
|
},
|
|
627
|
-
"description": "
|
|
544
|
+
"description": "Hoved tekst"
|
|
628
545
|
},
|
|
629
546
|
{
|
|
630
|
-
"
|
|
547
|
+
"kind": "field",
|
|
548
|
+
"name": "saturation",
|
|
631
549
|
"type": {
|
|
632
|
-
"text": "
|
|
550
|
+
"text": "'emphasized' | undefined"
|
|
633
551
|
},
|
|
634
|
-
"description": "
|
|
552
|
+
"description": "Bestemmer sterkere bakgrunnsfarge"
|
|
635
553
|
},
|
|
636
554
|
{
|
|
637
|
-
"
|
|
555
|
+
"kind": "field",
|
|
556
|
+
"name": "leftStroke",
|
|
638
557
|
"type": {
|
|
639
558
|
"text": "boolean"
|
|
640
559
|
},
|
|
641
|
-
"
|
|
560
|
+
"default": "false",
|
|
561
|
+
"description": "Ramme linje til venstre"
|
|
642
562
|
},
|
|
643
563
|
{
|
|
644
|
-
"
|
|
564
|
+
"kind": "field",
|
|
565
|
+
"name": "variant",
|
|
645
566
|
"type": {
|
|
646
|
-
"text": "
|
|
567
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
647
568
|
},
|
|
648
|
-
"default": "
|
|
649
|
-
"description": "
|
|
650
|
-
"fieldName": "open",
|
|
651
|
-
"inheritedFrom": {
|
|
652
|
-
"name": "SlDetails",
|
|
653
|
-
"module": "components/details/details.js"
|
|
654
|
-
}
|
|
569
|
+
"default": "'primary'",
|
|
570
|
+
"description": "Bestemmer hvilken variant av alerten som skal brukes."
|
|
655
571
|
},
|
|
656
572
|
{
|
|
657
|
-
"
|
|
573
|
+
"kind": "field",
|
|
574
|
+
"name": "closable",
|
|
658
575
|
"type": {
|
|
659
|
-
"text": "
|
|
576
|
+
"text": "boolean"
|
|
660
577
|
},
|
|
661
|
-
"
|
|
662
|
-
"
|
|
663
|
-
"inheritedFrom": {
|
|
664
|
-
"name": "SlDetails",
|
|
665
|
-
"module": "components/details/details.js"
|
|
666
|
-
}
|
|
578
|
+
"default": "false",
|
|
579
|
+
"description": "Om lukk knapp skal vises"
|
|
667
580
|
},
|
|
668
581
|
{
|
|
669
|
-
"
|
|
582
|
+
"kind": "field",
|
|
583
|
+
"name": "open",
|
|
670
584
|
"type": {
|
|
671
585
|
"text": "boolean"
|
|
672
586
|
},
|
|
673
587
|
"default": "false",
|
|
674
|
-
"description": "
|
|
675
|
-
|
|
676
|
-
"inheritedFrom": {
|
|
677
|
-
"name": "SlDetails",
|
|
678
|
-
"module": "components/details/details.js"
|
|
679
|
-
}
|
|
680
|
-
}
|
|
681
|
-
],
|
|
682
|
-
"superclass": {
|
|
683
|
-
"name": "SlDetails",
|
|
684
|
-
"package": "@shoelace-style/shoelace"
|
|
685
|
-
},
|
|
686
|
-
"tagNameWithoutPrefix": "accordion-item",
|
|
687
|
-
"tagName": "nve-accordion-item",
|
|
688
|
-
"customElement": true,
|
|
689
|
-
"jsDoc": "/**\n * Viser et kort sammendrag og utvides for å vise ekstra innhold.\n * Kan brukes som en selvstendig komponent eller som en del av nve-accordion.\n */",
|
|
690
|
-
"slots": [
|
|
588
|
+
"description": "Om alerten er åpen. Hvis sant alerten vises, ellers er den skjult."
|
|
589
|
+
},
|
|
691
590
|
{
|
|
692
|
-
"
|
|
693
|
-
"name": "",
|
|
694
|
-
"
|
|
695
|
-
|
|
696
|
-
"module": "components/details/details.js"
|
|
697
|
-
}
|
|
591
|
+
"kind": "field",
|
|
592
|
+
"name": "duration",
|
|
593
|
+
"default": "Infinity",
|
|
594
|
+
"description": "Hvor lenge alerten skal være åpen før den lukkes automatisk, i millisekunder. Altid er standard"
|
|
698
595
|
},
|
|
699
596
|
{
|
|
700
|
-
"
|
|
701
|
-
"name": "
|
|
702
|
-
"
|
|
703
|
-
"
|
|
704
|
-
|
|
705
|
-
|
|
597
|
+
"kind": "field",
|
|
598
|
+
"name": "buttonLabel",
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "string | undefined"
|
|
601
|
+
},
|
|
602
|
+
"default": "'Lukk'",
|
|
603
|
+
"description": "Aria label på knapp med kun ikone. Lukk er standard."
|
|
706
604
|
},
|
|
707
605
|
{
|
|
708
|
-
"
|
|
709
|
-
"name": "
|
|
710
|
-
"
|
|
711
|
-
"
|
|
712
|
-
|
|
713
|
-
|
|
606
|
+
"kind": "field",
|
|
607
|
+
"name": "iconName",
|
|
608
|
+
"type": {
|
|
609
|
+
"text": "string | undefined"
|
|
610
|
+
},
|
|
611
|
+
"description": "Navnet på ikonet som skal vises til venstre siden av alerten."
|
|
714
612
|
},
|
|
715
613
|
{
|
|
716
|
-
"
|
|
717
|
-
"name": "
|
|
718
|
-
"
|
|
719
|
-
"
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
"cssParts": [
|
|
614
|
+
"kind": "field",
|
|
615
|
+
"name": "showIcon",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "'true' | 'false'"
|
|
618
|
+
},
|
|
619
|
+
"default": "'true'",
|
|
620
|
+
"description": "Om variant ikonen skal vises"
|
|
621
|
+
},
|
|
725
622
|
{
|
|
726
|
-
"
|
|
727
|
-
"name": "
|
|
728
|
-
"
|
|
729
|
-
"
|
|
730
|
-
|
|
731
|
-
|
|
623
|
+
"kind": "field",
|
|
624
|
+
"name": "styles",
|
|
625
|
+
"type": {
|
|
626
|
+
"text": "array"
|
|
627
|
+
},
|
|
628
|
+
"static": true,
|
|
629
|
+
"default": "[styles]"
|
|
732
630
|
},
|
|
733
631
|
{
|
|
734
|
-
"
|
|
735
|
-
"name": "
|
|
736
|
-
"
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
632
|
+
"kind": "method",
|
|
633
|
+
"name": "updated",
|
|
634
|
+
"parameters": [
|
|
635
|
+
{
|
|
636
|
+
"name": "changedProperties",
|
|
637
|
+
"type": {
|
|
638
|
+
"text": "PropertyValues"
|
|
639
|
+
}
|
|
640
|
+
}
|
|
641
|
+
]
|
|
740
642
|
},
|
|
741
643
|
{
|
|
742
|
-
"
|
|
743
|
-
"name": "
|
|
744
|
-
"
|
|
745
|
-
|
|
746
|
-
"
|
|
644
|
+
"kind": "method",
|
|
645
|
+
"name": "show",
|
|
646
|
+
"description": "Viser alerten med animasjon.\nSetter `open` til true, kjører visningsanimasjonen, og starter eventuell auto-hide timer.\nSender ut eventen `sl-after-show` når animasjonen er ferdig.",
|
|
647
|
+
"return": {
|
|
648
|
+
"type": {
|
|
649
|
+
"text": ""
|
|
650
|
+
}
|
|
747
651
|
}
|
|
748
652
|
},
|
|
749
653
|
{
|
|
750
|
-
"
|
|
751
|
-
"name": "
|
|
752
|
-
"
|
|
753
|
-
|
|
754
|
-
"
|
|
654
|
+
"kind": "method",
|
|
655
|
+
"name": "hide",
|
|
656
|
+
"description": "Skjuler alerten med animasjon.\nKjører skjuleanimasjonen før `open` settes til false.\nSender ut eventen `sl-after-hide` når animasjonen og oppdateringen er ferdig.\nStopper eventuell auto-hide timer.",
|
|
657
|
+
"return": {
|
|
658
|
+
"type": {
|
|
659
|
+
"text": ""
|
|
660
|
+
}
|
|
755
661
|
}
|
|
756
662
|
},
|
|
757
663
|
{
|
|
758
|
-
"
|
|
759
|
-
"name": "
|
|
760
|
-
"
|
|
761
|
-
|
|
762
|
-
"
|
|
664
|
+
"kind": "method",
|
|
665
|
+
"name": "toast",
|
|
666
|
+
"description": "Viser alerten som en toast-melding.\nLegger alerten i toast-stacken, venter til den er rendret, og viser den med animasjon.\nFjerner alerten fra toast-stacken når den skjules, og fjerner stacken hvis det ikke er flere alerts igjen.",
|
|
667
|
+
"return": {
|
|
668
|
+
"type": {
|
|
669
|
+
"text": ""
|
|
670
|
+
}
|
|
763
671
|
}
|
|
672
|
+
},
|
|
673
|
+
{
|
|
674
|
+
"kind": "method",
|
|
675
|
+
"name": "render"
|
|
764
676
|
}
|
|
765
677
|
],
|
|
766
678
|
"events": [
|
|
767
679
|
{
|
|
768
|
-
"description": "Emitted when the details opens.",
|
|
769
680
|
"name": "sl-show",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "CustomEvent"
|
|
683
|
+
},
|
|
684
|
+
"description": "Når alerten blir vist",
|
|
770
685
|
"reactName": "onSlShow",
|
|
771
|
-
"eventName": "SlShowEvent"
|
|
772
|
-
"inheritedFrom": {
|
|
773
|
-
"name": "SlDetails",
|
|
774
|
-
"module": "components/details/details.js"
|
|
775
|
-
}
|
|
776
|
-
},
|
|
777
|
-
{
|
|
778
|
-
"description": "Emitted after the details opens and all animations are complete.",
|
|
779
|
-
"name": "sl-after-show",
|
|
780
|
-
"reactName": "onSlAfterShow",
|
|
781
|
-
"eventName": "SlAfterShowEvent",
|
|
782
|
-
"inheritedFrom": {
|
|
783
|
-
"name": "SlDetails",
|
|
784
|
-
"module": "components/details/details.js"
|
|
785
|
-
}
|
|
686
|
+
"eventName": "SlShowEvent"
|
|
786
687
|
},
|
|
787
688
|
{
|
|
788
|
-
"description": "Emitted when the details closes.",
|
|
789
689
|
"name": "sl-hide",
|
|
690
|
+
"type": {
|
|
691
|
+
"text": "CustomEvent"
|
|
692
|
+
},
|
|
693
|
+
"description": "Når alerten blir skjult",
|
|
790
694
|
"reactName": "onSlHide",
|
|
791
|
-
"eventName": "SlHideEvent"
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
695
|
+
"eventName": "SlHideEvent"
|
|
696
|
+
},
|
|
697
|
+
{
|
|
698
|
+
"name": "sl-after-show",
|
|
699
|
+
"type": {
|
|
700
|
+
"text": "CustomEvent"
|
|
701
|
+
},
|
|
702
|
+
"description": "Etter allerten er vist",
|
|
703
|
+
"reactName": "onSlAfterShow",
|
|
704
|
+
"eventName": "SlAfterShowEvent"
|
|
796
705
|
},
|
|
797
706
|
{
|
|
798
|
-
"description": "Emitted after the details closes and all animations are complete.",
|
|
799
707
|
"name": "sl-after-hide",
|
|
708
|
+
"type": {
|
|
709
|
+
"text": "CustomEvent"
|
|
710
|
+
},
|
|
711
|
+
"description": "Etter allerten er skjult",
|
|
800
712
|
"reactName": "onSlAfterHide",
|
|
801
|
-
"eventName": "SlAfterHideEvent"
|
|
802
|
-
"inheritedFrom": {
|
|
803
|
-
"name": "SlDetails",
|
|
804
|
-
"module": "components/details/details.js"
|
|
805
|
-
}
|
|
713
|
+
"eventName": "SlAfterHideEvent"
|
|
806
714
|
}
|
|
807
715
|
],
|
|
808
|
-
"
|
|
809
|
-
|
|
810
|
-
|
|
716
|
+
"attributes": [
|
|
717
|
+
{
|
|
718
|
+
"name": "testId",
|
|
719
|
+
"type": {
|
|
720
|
+
"text": "string | undefined"
|
|
721
|
+
},
|
|
722
|
+
"description": ""
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"name": "label",
|
|
726
|
+
"type": {
|
|
727
|
+
"text": "string"
|
|
728
|
+
},
|
|
729
|
+
"description": "Overskriften"
|
|
730
|
+
},
|
|
731
|
+
{
|
|
732
|
+
"name": "text",
|
|
733
|
+
"type": {
|
|
734
|
+
"text": "string"
|
|
735
|
+
},
|
|
736
|
+
"description": "Hoved tekst"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"name": "saturation",
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "'emphasized'"
|
|
742
|
+
},
|
|
743
|
+
"description": "Bestemmer sterkere bakgrunnsfarge"
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"name": "leftStroke",
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "boolean"
|
|
749
|
+
},
|
|
750
|
+
"description": "Ramme linje til venstre"
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"name": "variant",
|
|
754
|
+
"type": {
|
|
755
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
756
|
+
},
|
|
757
|
+
"description": "Bestemmer hvilken variant av alerten som skal brukes."
|
|
758
|
+
},
|
|
759
|
+
{
|
|
760
|
+
"name": "closable",
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "any"
|
|
763
|
+
},
|
|
764
|
+
"description": "Om lukk knapp skal vises"
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"name": "open",
|
|
768
|
+
"type": {
|
|
769
|
+
"text": "any"
|
|
770
|
+
},
|
|
771
|
+
"description": "Om alerten er åpen. Hvis sant alerten vises, ellers er den skjult."
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"name": "duration",
|
|
775
|
+
"type": {
|
|
776
|
+
"text": "any"
|
|
777
|
+
},
|
|
778
|
+
"description": "Hvor lenge alerten skal være åpen før den lukkes automatisk, i millisekunder. Altid er standard"
|
|
779
|
+
},
|
|
780
|
+
{
|
|
781
|
+
"name": "buttonLabel",
|
|
782
|
+
"type": {
|
|
783
|
+
"text": "string"
|
|
784
|
+
},
|
|
785
|
+
"description": "Aria label på knapp med kun ikone. Lukk er standard."
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"name": "iconName",
|
|
789
|
+
"type": {
|
|
790
|
+
"text": "string"
|
|
791
|
+
},
|
|
792
|
+
"description": "Navnet på ikonet som skal vises til venstre siden av alerten."
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"name": "showIcon",
|
|
796
|
+
"type": {
|
|
797
|
+
"text": "'true' | 'false'"
|
|
798
|
+
},
|
|
799
|
+
"description": "Om variant ikonen skal vises"
|
|
800
|
+
}
|
|
801
|
+
],
|
|
802
|
+
"superclass": {
|
|
803
|
+
"name": "LitElement",
|
|
804
|
+
"package": "lit"
|
|
805
|
+
},
|
|
806
|
+
"tagNameWithoutPrefix": "alert",
|
|
807
|
+
"tagName": "nve-alert",
|
|
808
|
+
"customElement": true,
|
|
809
|
+
"jsDoc": "/**\n * Brukes til å vise viktige beskjeder som toast. Dette er en komponent som bruker alert-rollen.\n * Hvis du trenger å vise en statisk varsling med mer informasjon, bruk nve-message-card.\n * Les mer i seksjonen om tilgjengelighet.\n *\n * @slot - tekst - Hoved teksten i alerten.\n * @slot icon - Det første ikonet (til venstre).\n * @slot label - Overskriften for alerten.\n *\n * @event sl-after-hide Etter allerten er skjult\n * @event sl-after-show Etter allerten er vist\n * @event sl-show Når alerten blir vist\n * @event sl-hide Når alerten blir skjult\n *\n * @csspart base Topp-element\n * @csspart icon Ikonet til venstre\n * @csspart label Overskriften\n * @csspart message Hoved tekst\n *\n */",
|
|
810
|
+
"modulePath": "src/components/nve-alert/nve-alert.component.ts"
|
|
811
811
|
}
|
|
812
812
|
],
|
|
813
813
|
"exports": [
|
|
@@ -815,8 +815,8 @@
|
|
|
815
815
|
"kind": "js",
|
|
816
816
|
"name": "default",
|
|
817
817
|
"declaration": {
|
|
818
|
-
"name": "
|
|
819
|
-
"module": "components/nve-
|
|
818
|
+
"name": "NveAlert",
|
|
819
|
+
"module": "components/nve-alert/nve-alert.js"
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
822
|
]
|