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