rk-designsystem 1.2.3 → 1.2.5
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/dist/componentlibrary.es.js +986 -1011
- package/dist/componentlibrary.umd.js +9 -17
- package/dist/index.d.ts +5 -16
- package/dist/rk-designsystem.css +1 -1
- package/package.json +2 -2
|
@@ -1,101 +1,87 @@
|
|
|
1
|
-
import { jsx as t, jsxs as r, Fragment as
|
|
2
|
-
import
|
|
3
|
-
import { Alert as
|
|
4
|
-
import { startOfMonth as
|
|
5
|
-
import
|
|
6
|
-
import { ChevronLeftIcon as
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
const Us =
|
|
14
|
-
|
|
15
|
-
return {
|
|
16
|
-
"--dsc-button-background": "var(--ds-color-surface-tinted)",
|
|
17
|
-
"--dsc-button-background--hover": "var(--ds-color-surface-hover)",
|
|
18
|
-
"--dsc-button-background--active": "var(--ds-color-surface-active)",
|
|
19
|
-
"--dsc-button-color": "var(--ds-color-text-default)",
|
|
20
|
-
"--dsc-button-color--hover": "var(--ds-color-text-default)",
|
|
21
|
-
"--dsc-button-border-color": "transparent"
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
const ce = ie(function({ variant: e, shape: a, style: d, ...h }, f) {
|
|
25
|
-
const m = {};
|
|
26
|
-
e === "soft" && Object.assign(m, kn()), a === "pill" && (m.borderRadius = "var(--ds-border-radius-full)");
|
|
27
|
-
const k = Object.keys(m).length === 0 && !d ? void 0 : { ...m, ...d }, D = {};
|
|
28
|
-
return e !== void 0 && (D.variant = e), a === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ t(Ne, { ref: f, ...h, ...D, style: k });
|
|
1
|
+
import { jsx as t, jsxs as r, Fragment as Ge } from "react/jsx-runtime";
|
|
2
|
+
import Le, { forwardRef as se, useState as Z, useContext as We, createContext as Ze, useEffect as R, useMemo as he, useCallback as ae, useRef as Xe } from "react";
|
|
3
|
+
import { Alert as Je, Avatar as Qe, BadgePosition as et, Badge as tt, Breadcrumbs as nt, BreadcrumbsItem as ot, BreadcrumbsLink as rt, BreadcrumbsList as at, Button as Ae, Card as st, CardBlock as it, Checkbox as lt, useCheckboxGroup as dt, Fieldset as He, Chip as ct, Spinner as pt, Details as mt, Dialog as gt, Divider as ut, Dropdown as ht, DropdownButton as ft, DropdownHeading as kt, DropdownItem as vt, DropdownList as bt, DropdownTrigger as yt, DropdownTriggerContext as xt, ErrorSummary as Tt, Field as Ct, FieldCounter as wt, FieldDescription as St, Heading as It, Input as _t, Label as Dt, Link as Lt, List as At, Pagination as Nt, PaginationButton as Mt, PaginationItem as jt, PaginationList as Ft, usePagination as Bt, Paragraph as Et, Popover as Pt, Radio as $t, useRadioGroup as zt, Search as Rt, SearchInput as Gt, SearchClear as Wt, SearchButton as Ht, Select as Ut, Skeleton as Vt, SkipLink as Ot, EXPERIMENTAL_Suggestion as Kt, Switch as qt, Table as Yt, Tabs as Zt, Tag as Xt, Textarea as Jt, Textfield as Qt, ToggleGroup as en, Tooltip as tn, ValidationMessage as nn } from "@digdir/designsystemet-react";
|
|
4
|
+
import { startOfMonth as ge, isValid as Se, isSameMonth as Me, startOfWeek as Ue, format as fe, addDays as Ve, subMonths as on, addMonths as rn, isSameDay as an, isToday as sn, eachDayOfInterval as ln } from "date-fns";
|
|
5
|
+
import dn from "embla-carousel-react";
|
|
6
|
+
import { ChevronLeftIcon as cn, ChevronRightIcon as pn, ChevronDownIcon as je, XMarkIcon as Fe, MagnifyingGlassIcon as Be, MenuHamburgerIcon as mn, HeartIcon as gn } from "@navikt/aksel-icons";
|
|
7
|
+
const un = se((n, e) => /* @__PURE__ */ t(Je, { ref: e, ...n }));
|
|
8
|
+
un.displayName = "Alert";
|
|
9
|
+
const Oe = se((n, e) => /* @__PURE__ */ t(Qe, { ref: e, ...n }));
|
|
10
|
+
Oe.displayName = "Avatar";
|
|
11
|
+
const hn = se((n, e) => /* @__PURE__ */ t(tt, { ref: e, ...n }));
|
|
12
|
+
hn.displayName = "Badge";
|
|
13
|
+
const Us = et, Vs = nt, Os = at, Ks = ot, qs = rt, de = se(function({ variant: e, ...a }, d) {
|
|
14
|
+
return /* @__PURE__ */ t(Ae, { ref: d, variant: e, ...a });
|
|
29
15
|
});
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const Xs =
|
|
37
|
-
function
|
|
16
|
+
de.displayName = "Button";
|
|
17
|
+
const fn = st, Ys = it;
|
|
18
|
+
fn.displayName = "Card";
|
|
19
|
+
const kn = lt, vn = He, Zs = dt;
|
|
20
|
+
kn.displayName = "Checkbox";
|
|
21
|
+
vn.displayName = "Fieldset";
|
|
22
|
+
const Xs = ct;
|
|
23
|
+
function Ie(n) {
|
|
38
24
|
return (e = {}) => {
|
|
39
25
|
const a = e.width ? String(e.width) : n.defaultWidth;
|
|
40
26
|
return n.formats[a] || n.formats[n.defaultWidth];
|
|
41
27
|
};
|
|
42
28
|
}
|
|
43
|
-
function
|
|
29
|
+
function ke(n) {
|
|
44
30
|
return (e, a) => {
|
|
45
31
|
const d = a != null && a.context ? String(a.context) : "standalone";
|
|
46
32
|
let h;
|
|
47
33
|
if (d === "formatting" && n.formattingValues) {
|
|
48
|
-
const
|
|
49
|
-
h = n.formattingValues[
|
|
34
|
+
const u = n.defaultFormattingWidth || n.defaultWidth, v = a != null && a.width ? String(a.width) : u;
|
|
35
|
+
h = n.formattingValues[v] || n.formattingValues[u];
|
|
50
36
|
} else {
|
|
51
|
-
const
|
|
52
|
-
h = n.values[
|
|
37
|
+
const u = n.defaultWidth, v = a != null && a.width ? String(a.width) : n.defaultWidth;
|
|
38
|
+
h = n.values[v] || n.values[u];
|
|
53
39
|
}
|
|
54
|
-
const
|
|
55
|
-
return h[
|
|
40
|
+
const k = n.argumentCallback ? n.argumentCallback(e) : e;
|
|
41
|
+
return h[k];
|
|
56
42
|
};
|
|
57
43
|
}
|
|
58
|
-
function
|
|
44
|
+
function ve(n) {
|
|
59
45
|
return (e, a = {}) => {
|
|
60
|
-
const d = a.width, h = d && n.matchPatterns[d] || n.matchPatterns[n.defaultMatchWidth],
|
|
61
|
-
if (!
|
|
46
|
+
const d = a.width, h = d && n.matchPatterns[d] || n.matchPatterns[n.defaultMatchWidth], k = e.match(h);
|
|
47
|
+
if (!k)
|
|
62
48
|
return null;
|
|
63
|
-
const
|
|
49
|
+
const u = k[0], v = d && n.parsePatterns[d] || n.parsePatterns[n.defaultParseWidth], M = Array.isArray(v) ? yn(v, (I) => I.test(u)) : (
|
|
64
50
|
// [TODO] -- I challenge you to fix the type
|
|
65
|
-
|
|
51
|
+
bn(v, (I) => I.test(u))
|
|
66
52
|
);
|
|
67
|
-
let
|
|
68
|
-
|
|
53
|
+
let C;
|
|
54
|
+
C = n.valueCallback ? n.valueCallback(M) : M, C = a.valueCallback ? (
|
|
69
55
|
// [TODO] -- I challenge you to fix the type
|
|
70
|
-
a.valueCallback(
|
|
71
|
-
) :
|
|
72
|
-
const
|
|
73
|
-
return { value:
|
|
56
|
+
a.valueCallback(C)
|
|
57
|
+
) : C;
|
|
58
|
+
const G = e.slice(u.length);
|
|
59
|
+
return { value: C, rest: G };
|
|
74
60
|
};
|
|
75
61
|
}
|
|
76
|
-
function
|
|
62
|
+
function bn(n, e) {
|
|
77
63
|
for (const a in n)
|
|
78
64
|
if (Object.prototype.hasOwnProperty.call(n, a) && e(n[a]))
|
|
79
65
|
return a;
|
|
80
66
|
}
|
|
81
|
-
function
|
|
67
|
+
function yn(n, e) {
|
|
82
68
|
for (let a = 0; a < n.length; a++)
|
|
83
69
|
if (e(n[a]))
|
|
84
70
|
return a;
|
|
85
71
|
}
|
|
86
|
-
function
|
|
72
|
+
function xn(n) {
|
|
87
73
|
return (e, a = {}) => {
|
|
88
74
|
const d = e.match(n.matchPattern);
|
|
89
75
|
if (!d) return null;
|
|
90
|
-
const h = d[0],
|
|
91
|
-
if (!
|
|
92
|
-
let
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
return { value:
|
|
76
|
+
const h = d[0], k = e.match(n.parsePattern);
|
|
77
|
+
if (!k) return null;
|
|
78
|
+
let u = n.valueCallback ? n.valueCallback(k[0]) : k[0];
|
|
79
|
+
u = a.valueCallback ? a.valueCallback(u) : u;
|
|
80
|
+
const v = e.slice(h.length);
|
|
81
|
+
return { value: u, rest: v };
|
|
96
82
|
};
|
|
97
83
|
}
|
|
98
|
-
const
|
|
84
|
+
const Tn = {
|
|
99
85
|
lessThanXSeconds: {
|
|
100
86
|
one: "mindre enn ett sekund",
|
|
101
87
|
other: "mindre enn {{count}} sekunder"
|
|
@@ -157,54 +143,54 @@ const wn = {
|
|
|
157
143
|
one: "nesten ett år",
|
|
158
144
|
other: "nesten {{count}} år"
|
|
159
145
|
}
|
|
160
|
-
},
|
|
146
|
+
}, Cn = (n, e, a) => {
|
|
161
147
|
let d;
|
|
162
|
-
const h =
|
|
148
|
+
const h = Tn[n];
|
|
163
149
|
return typeof h == "string" ? d = h : e === 1 ? d = h.one : d = h.other.replace("{{count}}", String(e)), a != null && a.addSuffix ? a.comparison && a.comparison > 0 ? "om " + d : d + " siden" : d;
|
|
164
|
-
},
|
|
150
|
+
}, wn = {
|
|
165
151
|
full: "EEEE d. MMMM y",
|
|
166
152
|
long: "d. MMMM y",
|
|
167
153
|
medium: "d. MMM y",
|
|
168
154
|
short: "dd.MM.y"
|
|
169
|
-
},
|
|
155
|
+
}, Sn = {
|
|
170
156
|
full: "'kl'. HH:mm:ss zzzz",
|
|
171
157
|
long: "HH:mm:ss z",
|
|
172
158
|
medium: "HH:mm:ss",
|
|
173
159
|
short: "HH:mm"
|
|
174
|
-
},
|
|
160
|
+
}, In = {
|
|
175
161
|
full: "{{date}} 'kl.' {{time}}",
|
|
176
162
|
long: "{{date}} 'kl.' {{time}}",
|
|
177
163
|
medium: "{{date}} {{time}}",
|
|
178
164
|
short: "{{date}} {{time}}"
|
|
179
|
-
},
|
|
180
|
-
date:
|
|
181
|
-
formats:
|
|
165
|
+
}, _n = {
|
|
166
|
+
date: Ie({
|
|
167
|
+
formats: wn,
|
|
182
168
|
defaultWidth: "full"
|
|
183
169
|
}),
|
|
184
|
-
time:
|
|
185
|
-
formats:
|
|
170
|
+
time: Ie({
|
|
171
|
+
formats: Sn,
|
|
186
172
|
defaultWidth: "full"
|
|
187
173
|
}),
|
|
188
|
-
dateTime:
|
|
189
|
-
formats:
|
|
174
|
+
dateTime: Ie({
|
|
175
|
+
formats: In,
|
|
190
176
|
defaultWidth: "full"
|
|
191
177
|
})
|
|
192
|
-
},
|
|
178
|
+
}, Dn = {
|
|
193
179
|
lastWeek: "'forrige' eeee 'kl.' p",
|
|
194
180
|
yesterday: "'i går kl.' p",
|
|
195
181
|
today: "'i dag kl.' p",
|
|
196
182
|
tomorrow: "'i morgen kl.' p",
|
|
197
183
|
nextWeek: "EEEE 'kl.' p",
|
|
198
184
|
other: "P"
|
|
199
|
-
},
|
|
185
|
+
}, Ln = (n, e, a, d) => Dn[n], An = {
|
|
200
186
|
narrow: ["f.Kr.", "e.Kr."],
|
|
201
187
|
abbreviated: ["f.Kr.", "e.Kr."],
|
|
202
188
|
wide: ["før Kristus", "etter Kristus"]
|
|
203
|
-
},
|
|
189
|
+
}, Nn = {
|
|
204
190
|
narrow: ["1", "2", "3", "4"],
|
|
205
191
|
abbreviated: ["Q1", "Q2", "Q3", "Q4"],
|
|
206
192
|
wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
|
|
207
|
-
},
|
|
193
|
+
}, Mn = {
|
|
208
194
|
narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
|
|
209
195
|
abbreviated: [
|
|
210
196
|
"jan.",
|
|
@@ -234,7 +220,7 @@ const wn = {
|
|
|
234
220
|
"november",
|
|
235
221
|
"desember"
|
|
236
222
|
]
|
|
237
|
-
},
|
|
223
|
+
}, jn = {
|
|
238
224
|
narrow: ["S", "M", "T", "O", "T", "F", "L"],
|
|
239
225
|
short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
|
|
240
226
|
abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
|
|
@@ -247,7 +233,7 @@ const wn = {
|
|
|
247
233
|
"fredag",
|
|
248
234
|
"lørdag"
|
|
249
235
|
]
|
|
250
|
-
},
|
|
236
|
+
}, Fn = {
|
|
251
237
|
narrow: {
|
|
252
238
|
am: "a",
|
|
253
239
|
pm: "p",
|
|
@@ -278,46 +264,46 @@ const wn = {
|
|
|
278
264
|
evening: "på kvelden",
|
|
279
265
|
night: "på natten"
|
|
280
266
|
}
|
|
281
|
-
},
|
|
282
|
-
ordinalNumber:
|
|
283
|
-
era:
|
|
284
|
-
values:
|
|
267
|
+
}, Bn = (n, e) => Number(n) + ".", En = {
|
|
268
|
+
ordinalNumber: Bn,
|
|
269
|
+
era: ke({
|
|
270
|
+
values: An,
|
|
285
271
|
defaultWidth: "wide"
|
|
286
272
|
}),
|
|
287
|
-
quarter:
|
|
288
|
-
values:
|
|
273
|
+
quarter: ke({
|
|
274
|
+
values: Nn,
|
|
289
275
|
defaultWidth: "wide",
|
|
290
276
|
argumentCallback: (n) => n - 1
|
|
291
277
|
}),
|
|
292
|
-
month:
|
|
293
|
-
values:
|
|
278
|
+
month: ke({
|
|
279
|
+
values: Mn,
|
|
294
280
|
defaultWidth: "wide"
|
|
295
281
|
}),
|
|
296
|
-
day:
|
|
297
|
-
values:
|
|
282
|
+
day: ke({
|
|
283
|
+
values: jn,
|
|
298
284
|
defaultWidth: "wide"
|
|
299
285
|
}),
|
|
300
|
-
dayPeriod:
|
|
301
|
-
values:
|
|
286
|
+
dayPeriod: ke({
|
|
287
|
+
values: Fn,
|
|
302
288
|
defaultWidth: "wide"
|
|
303
289
|
})
|
|
304
|
-
},
|
|
290
|
+
}, Pn = /^(\d+)\.?/i, $n = /\d+/i, zn = {
|
|
305
291
|
narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
|
|
306
292
|
abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
|
|
307
293
|
wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
|
|
308
|
-
},
|
|
294
|
+
}, Rn = {
|
|
309
295
|
any: [/^f/i, /^e/i]
|
|
310
|
-
},
|
|
296
|
+
}, Gn = {
|
|
311
297
|
narrow: /^[1234]/i,
|
|
312
298
|
abbreviated: /^q[1234]/i,
|
|
313
299
|
wide: /^[1234](\.)? kvartal/i
|
|
314
|
-
},
|
|
300
|
+
}, Wn = {
|
|
315
301
|
any: [/1/i, /2/i, /3/i, /4/i]
|
|
316
|
-
},
|
|
302
|
+
}, Hn = {
|
|
317
303
|
narrow: /^[jfmasond]/i,
|
|
318
304
|
abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
|
|
319
305
|
wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
|
|
320
|
-
},
|
|
306
|
+
}, Un = {
|
|
321
307
|
narrow: [
|
|
322
308
|
/^j/i,
|
|
323
309
|
/^f/i,
|
|
@@ -346,17 +332,17 @@ const wn = {
|
|
|
346
332
|
/^n/i,
|
|
347
333
|
/^d/i
|
|
348
334
|
]
|
|
349
|
-
},
|
|
335
|
+
}, Vn = {
|
|
350
336
|
narrow: /^[smtofl]/i,
|
|
351
337
|
short: /^(sø|ma|ti|on|to|fr|lø)/i,
|
|
352
338
|
abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
|
|
353
339
|
wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
|
|
354
|
-
},
|
|
340
|
+
}, On = {
|
|
355
341
|
any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
|
|
356
|
-
},
|
|
342
|
+
}, Kn = {
|
|
357
343
|
narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
|
|
358
344
|
any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
|
|
359
|
-
},
|
|
345
|
+
}, qn = {
|
|
360
346
|
any: {
|
|
361
347
|
am: /^a(\.?\s?m\.?)?$/i,
|
|
362
348
|
pm: /^p(\.?\s?m\.?)?$/i,
|
|
@@ -367,55 +353,55 @@ const wn = {
|
|
|
367
353
|
evening: /kveld/i,
|
|
368
354
|
night: /natt/i
|
|
369
355
|
}
|
|
370
|
-
},
|
|
371
|
-
ordinalNumber:
|
|
372
|
-
matchPattern:
|
|
373
|
-
parsePattern:
|
|
356
|
+
}, Yn = {
|
|
357
|
+
ordinalNumber: xn({
|
|
358
|
+
matchPattern: Pn,
|
|
359
|
+
parsePattern: $n,
|
|
374
360
|
valueCallback: (n) => parseInt(n, 10)
|
|
375
361
|
}),
|
|
376
|
-
era:
|
|
362
|
+
era: ve({
|
|
363
|
+
matchPatterns: zn,
|
|
364
|
+
defaultMatchWidth: "wide",
|
|
365
|
+
parsePatterns: Rn,
|
|
366
|
+
defaultParseWidth: "any"
|
|
367
|
+
}),
|
|
368
|
+
quarter: ve({
|
|
377
369
|
matchPatterns: Gn,
|
|
378
370
|
defaultMatchWidth: "wide",
|
|
379
371
|
parsePatterns: Wn,
|
|
380
|
-
defaultParseWidth: "any"
|
|
372
|
+
defaultParseWidth: "any",
|
|
373
|
+
valueCallback: (n) => n + 1
|
|
381
374
|
}),
|
|
382
|
-
|
|
375
|
+
month: ve({
|
|
383
376
|
matchPatterns: Hn,
|
|
384
377
|
defaultMatchWidth: "wide",
|
|
385
378
|
parsePatterns: Un,
|
|
386
|
-
defaultParseWidth: "any"
|
|
387
|
-
valueCallback: (n) => n + 1
|
|
379
|
+
defaultParseWidth: "any"
|
|
388
380
|
}),
|
|
389
|
-
|
|
381
|
+
day: ve({
|
|
390
382
|
matchPatterns: Vn,
|
|
391
383
|
defaultMatchWidth: "wide",
|
|
392
384
|
parsePatterns: On,
|
|
393
385
|
defaultParseWidth: "any"
|
|
394
386
|
}),
|
|
395
|
-
|
|
387
|
+
dayPeriod: ve({
|
|
396
388
|
matchPatterns: Kn,
|
|
397
|
-
defaultMatchWidth: "wide",
|
|
398
|
-
parsePatterns: qn,
|
|
399
|
-
defaultParseWidth: "any"
|
|
400
|
-
}),
|
|
401
|
-
dayPeriod: be({
|
|
402
|
-
matchPatterns: Yn,
|
|
403
389
|
defaultMatchWidth: "any",
|
|
404
|
-
parsePatterns:
|
|
390
|
+
parsePatterns: qn,
|
|
405
391
|
defaultParseWidth: "any"
|
|
406
392
|
})
|
|
407
|
-
},
|
|
393
|
+
}, ue = {
|
|
408
394
|
code: "nb",
|
|
409
|
-
formatDistance:
|
|
410
|
-
formatLong:
|
|
411
|
-
formatRelative:
|
|
412
|
-
localize:
|
|
413
|
-
match:
|
|
395
|
+
formatDistance: Cn,
|
|
396
|
+
formatLong: _n,
|
|
397
|
+
formatRelative: Ln,
|
|
398
|
+
localize: En,
|
|
399
|
+
match: Yn,
|
|
414
400
|
options: {
|
|
415
401
|
weekStartsOn: 1,
|
|
416
402
|
firstWeekContainsDate: 4
|
|
417
403
|
}
|
|
418
|
-
},
|
|
404
|
+
}, Ke = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
419
405
|
"svg",
|
|
420
406
|
{
|
|
421
407
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -440,8 +426,8 @@ const wn = {
|
|
|
440
426
|
]
|
|
441
427
|
}
|
|
442
428
|
);
|
|
443
|
-
|
|
444
|
-
const
|
|
429
|
+
Ke.displayName = "ChevronLeftIcon";
|
|
430
|
+
const qe = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
445
431
|
"svg",
|
|
446
432
|
{
|
|
447
433
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -466,20 +452,20 @@ const Ye = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
|
466
452
|
]
|
|
467
453
|
}
|
|
468
454
|
);
|
|
469
|
-
|
|
470
|
-
const
|
|
471
|
-
calendarContainer:
|
|
472
|
-
calendarHeader:
|
|
473
|
-
monthYear:
|
|
474
|
-
navigationButtons:
|
|
475
|
-
grid:
|
|
476
|
-
dayNameCell:
|
|
477
|
-
dateCell:
|
|
478
|
-
dateNumberContainer:
|
|
479
|
-
otherMonth:
|
|
480
|
-
disabled:
|
|
481
|
-
selectedDate:
|
|
482
|
-
},
|
|
455
|
+
qe.displayName = "ChevronRightIcon";
|
|
456
|
+
const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "_monthYear_htlea_23", Qn = "_navigationButtons_htlea_34", eo = "_grid_htlea_43", to = "_dayNameCell_htlea_51", no = "_dateCell_htlea_69", oo = "_dateNumberContainer_htlea_95", ro = "_otherMonth_htlea_108", ao = "_disabled_htlea_108", so = "_selectedDate_htlea_134", oe = {
|
|
457
|
+
calendarContainer: Zn,
|
|
458
|
+
calendarHeader: Xn,
|
|
459
|
+
monthYear: Jn,
|
|
460
|
+
navigationButtons: Qn,
|
|
461
|
+
grid: eo,
|
|
462
|
+
dayNameCell: to,
|
|
463
|
+
dateCell: no,
|
|
464
|
+
dateNumberContainer: oo,
|
|
465
|
+
otherMonth: ro,
|
|
466
|
+
disabled: ao,
|
|
467
|
+
selectedDate: so
|
|
468
|
+
}, io = {
|
|
483
469
|
NO: {
|
|
484
470
|
// Header
|
|
485
471
|
header: {
|
|
@@ -2564,25 +2550,25 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2564
2550
|
openDatePicker: "Open date picker"
|
|
2565
2551
|
}
|
|
2566
2552
|
}
|
|
2567
|
-
},
|
|
2568
|
-
const [e, a] =
|
|
2569
|
-
const
|
|
2570
|
-
let
|
|
2571
|
-
for (const
|
|
2572
|
-
if (
|
|
2553
|
+
}, Ne = Ze(void 0), Js = ({ children: n }) => {
|
|
2554
|
+
const [e, a] = Z("NO"), d = (h) => {
|
|
2555
|
+
const k = h.split(".");
|
|
2556
|
+
let u = io[e];
|
|
2557
|
+
for (const v of k) {
|
|
2558
|
+
if (u[v] === void 0)
|
|
2573
2559
|
return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
|
|
2574
|
-
|
|
2560
|
+
u = u[v];
|
|
2575
2561
|
}
|
|
2576
|
-
return
|
|
2562
|
+
return u;
|
|
2577
2563
|
};
|
|
2578
|
-
return /* @__PURE__ */ t(
|
|
2564
|
+
return /* @__PURE__ */ t(Ne.Provider, { value: { language: e, setLanguage: a, t: d }, children: n });
|
|
2579
2565
|
}, Qs = () => {
|
|
2580
|
-
const n =
|
|
2566
|
+
const n = We(Ne);
|
|
2581
2567
|
if (n === void 0)
|
|
2582
2568
|
throw new Error("useLanguage must be used within a LanguageProvider");
|
|
2583
2569
|
return n;
|
|
2584
|
-
},
|
|
2585
|
-
const n =
|
|
2570
|
+
}, xe = () => {
|
|
2571
|
+
const n = We(Ne);
|
|
2586
2572
|
return n === void 0 ? {
|
|
2587
2573
|
language: "NO",
|
|
2588
2574
|
setLanguage: () => {
|
|
@@ -2642,10 +2628,10 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2642
2628
|
"dateInput.openDatePicker": "Åpne datovelger"
|
|
2643
2629
|
})[e] || e
|
|
2644
2630
|
} : n;
|
|
2645
|
-
},
|
|
2646
|
-
const e =
|
|
2647
|
-
return
|
|
2648
|
-
},
|
|
2631
|
+
}, lo = (n) => {
|
|
2632
|
+
const e = ge(n), a = Ue(e, { locale: ue }), d = Ve(a, 41);
|
|
2633
|
+
return ln({ start: a, end: d });
|
|
2634
|
+
}, Ee = (n) => n && n.charAt(0).toUpperCase() + n.slice(1), co = ({
|
|
2649
2635
|
initialDate: n = /* @__PURE__ */ new Date(),
|
|
2650
2636
|
selectedDate: e = null,
|
|
2651
2637
|
// Prop for valgt dato
|
|
@@ -2655,109 +2641,109 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2655
2641
|
"data-size": h
|
|
2656
2642
|
// <-- Destrukturert
|
|
2657
2643
|
}) => {
|
|
2658
|
-
const { t:
|
|
2659
|
-
|
|
2660
|
-
const
|
|
2661
|
-
if (typeof document > "u" || document.getElementById(
|
|
2662
|
-
const
|
|
2663
|
-
|
|
2644
|
+
const { t: k } = xe();
|
|
2645
|
+
R(() => {
|
|
2646
|
+
const m = "rk-datepicker-inline-styles";
|
|
2647
|
+
if (typeof document > "u" || document.getElementById(m)) return;
|
|
2648
|
+
const L = po(oe), w = document.createElement("style");
|
|
2649
|
+
w.id = m, w.textContent = L, document.head.appendChild(w);
|
|
2664
2650
|
}, []);
|
|
2665
|
-
const [
|
|
2666
|
-
|
|
2651
|
+
const [u, v] = Z(
|
|
2652
|
+
ge(e && Se(e) ? e : n)
|
|
2667
2653
|
);
|
|
2668
|
-
|
|
2669
|
-
if (e &&
|
|
2670
|
-
const
|
|
2671
|
-
|
|
2654
|
+
R(() => {
|
|
2655
|
+
if (e && Se(e)) {
|
|
2656
|
+
const m = ge(e);
|
|
2657
|
+
Me(m, u) || v(m);
|
|
2672
2658
|
}
|
|
2673
2659
|
}, [e]);
|
|
2674
|
-
const
|
|
2675
|
-
() =>
|
|
2676
|
-
[
|
|
2677
|
-
),
|
|
2678
|
-
const
|
|
2679
|
-
return Array.from({ length: 7 }).map((
|
|
2680
|
-
const
|
|
2681
|
-
return
|
|
2660
|
+
const M = he(() => ge(/* @__PURE__ */ new Date()), []), C = he(() => !1, [u, M]), G = he(
|
|
2661
|
+
() => lo(u),
|
|
2662
|
+
[u]
|
|
2663
|
+
), I = he(() => {
|
|
2664
|
+
const m = Ue(/* @__PURE__ */ new Date(), { locale: ue });
|
|
2665
|
+
return Array.from({ length: 7 }).map((L, w) => {
|
|
2666
|
+
const j = fe(Ve(m, w), "EEEEEE", { locale: ue });
|
|
2667
|
+
return Ee(j);
|
|
2682
2668
|
});
|
|
2683
|
-
}, []), V =
|
|
2684
|
-
|
|
2685
|
-
}, [
|
|
2686
|
-
|
|
2687
|
-
}, []), p =
|
|
2688
|
-
(
|
|
2689
|
-
a && a(
|
|
2669
|
+
}, []), V = ae(() => {
|
|
2670
|
+
C || v((m) => ge(on(m, 1)));
|
|
2671
|
+
}, [C]), D = ae(() => {
|
|
2672
|
+
v((m) => ge(rn(m, 1)));
|
|
2673
|
+
}, []), p = ae(
|
|
2674
|
+
(m) => {
|
|
2675
|
+
a && a(m);
|
|
2690
2676
|
},
|
|
2691
2677
|
[a]
|
|
2692
|
-
),
|
|
2693
|
-
(
|
|
2694
|
-
(
|
|
2678
|
+
), X = ae(
|
|
2679
|
+
(m, L) => {
|
|
2680
|
+
(m.key === "Enter" || m.key === " ") && (m.preventDefault(), p(L));
|
|
2695
2681
|
},
|
|
2696
2682
|
[p]
|
|
2697
|
-
),
|
|
2683
|
+
), ne = fe(u, "MMMM", { locale: ue }), _ = fe(u, "yyyy", { locale: ue }), J = `${Ee(ne)} ${_}`;
|
|
2698
2684
|
return /* @__PURE__ */ r(
|
|
2699
2685
|
"div",
|
|
2700
2686
|
{
|
|
2701
|
-
className:
|
|
2687
|
+
className: oe.calendarContainer,
|
|
2702
2688
|
"data-color": d,
|
|
2703
2689
|
"data-size": h,
|
|
2704
2690
|
children: [
|
|
2705
|
-
/* @__PURE__ */ r("div", { className:
|
|
2706
|
-
/* @__PURE__ */ t("span", { className:
|
|
2707
|
-
/* @__PURE__ */ r("div", { className:
|
|
2691
|
+
/* @__PURE__ */ r("div", { className: oe.calendarHeader, children: [
|
|
2692
|
+
/* @__PURE__ */ t("span", { className: oe.monthYear, children: J }),
|
|
2693
|
+
/* @__PURE__ */ r("div", { className: oe.navigationButtons, children: [
|
|
2708
2694
|
/* @__PURE__ */ t(
|
|
2709
|
-
|
|
2695
|
+
Ae,
|
|
2710
2696
|
{
|
|
2711
2697
|
variant: "tertiary",
|
|
2712
2698
|
icon: !0,
|
|
2713
2699
|
onClick: V,
|
|
2714
|
-
"aria-label":
|
|
2715
|
-
disabled:
|
|
2716
|
-
children: /* @__PURE__ */ t(
|
|
2700
|
+
"aria-label": k("datePicker.previousMonth"),
|
|
2701
|
+
disabled: C,
|
|
2702
|
+
children: /* @__PURE__ */ t(Ke, {})
|
|
2717
2703
|
}
|
|
2718
2704
|
),
|
|
2719
2705
|
/* @__PURE__ */ t(
|
|
2720
|
-
|
|
2706
|
+
Ae,
|
|
2721
2707
|
{
|
|
2722
2708
|
variant: "tertiary",
|
|
2723
2709
|
icon: !0,
|
|
2724
|
-
onClick:
|
|
2725
|
-
"aria-label":
|
|
2726
|
-
children: /* @__PURE__ */ t(
|
|
2710
|
+
onClick: D,
|
|
2711
|
+
"aria-label": k("datePicker.nextMonth"),
|
|
2712
|
+
children: /* @__PURE__ */ t(qe, {})
|
|
2727
2713
|
}
|
|
2728
2714
|
)
|
|
2729
2715
|
] })
|
|
2730
2716
|
] }),
|
|
2731
|
-
/* @__PURE__ */ t("div", { className:
|
|
2732
|
-
/* @__PURE__ */ t("div", { className:
|
|
2733
|
-
const
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2717
|
+
/* @__PURE__ */ t("div", { className: oe.grid, children: I.map((m) => /* @__PURE__ */ t("div", { className: oe.dayNameCell, children: m }, m)) }),
|
|
2718
|
+
/* @__PURE__ */ t("div", { className: oe.grid, children: G.map((m) => {
|
|
2719
|
+
const L = Me(m, u), w = e && Se(e) && an(m, e), j = sn(m), A = [
|
|
2720
|
+
oe.dateCell,
|
|
2721
|
+
L ? "" : oe.otherMonth,
|
|
2722
|
+
w ? oe.selectedDate : "",
|
|
2737
2723
|
// Utheving basert på prop
|
|
2738
|
-
|
|
2724
|
+
j && !w ? oe.todayDate : ""
|
|
2739
2725
|
].filter(Boolean).join(" ");
|
|
2740
2726
|
return /* @__PURE__ */ t(
|
|
2741
2727
|
"div",
|
|
2742
2728
|
{
|
|
2743
|
-
className:
|
|
2744
|
-
onClick: () => p(
|
|
2745
|
-
onKeyDown: (
|
|
2729
|
+
className: A,
|
|
2730
|
+
onClick: () => p(m),
|
|
2731
|
+
onKeyDown: (F) => X(F, m),
|
|
2746
2732
|
role: "button",
|
|
2747
2733
|
tabIndex: 0,
|
|
2748
|
-
"aria-pressed":
|
|
2749
|
-
"aria-label":
|
|
2750
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
2734
|
+
"aria-pressed": w ?? !1,
|
|
2735
|
+
"aria-label": fe(m, "PPP", { locale: ue }),
|
|
2736
|
+
children: /* @__PURE__ */ t("span", { className: oe.dateNumberContainer, children: fe(m, "d") })
|
|
2751
2737
|
},
|
|
2752
|
-
|
|
2738
|
+
m.toISOString()
|
|
2753
2739
|
);
|
|
2754
2740
|
}) })
|
|
2755
2741
|
]
|
|
2756
2742
|
}
|
|
2757
2743
|
);
|
|
2758
2744
|
};
|
|
2759
|
-
|
|
2760
|
-
function
|
|
2745
|
+
co.displayName = "DatePicker";
|
|
2746
|
+
function po(n) {
|
|
2761
2747
|
return `
|
|
2762
2748
|
.${n.calendarContainer} {
|
|
2763
2749
|
display: inline-flex;
|
|
@@ -2917,18 +2903,18 @@ function go(n) {
|
|
|
2917
2903
|
}
|
|
2918
2904
|
`;
|
|
2919
2905
|
}
|
|
2920
|
-
const
|
|
2921
|
-
fieldset:
|
|
2922
|
-
description:
|
|
2923
|
-
error:
|
|
2924
|
-
inputWrapper:
|
|
2925
|
-
inputWrapperError:
|
|
2926
|
-
suffixButton:
|
|
2927
|
-
suffixButtonInteractive:
|
|
2928
|
-
},
|
|
2906
|
+
const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7_21", ho = "_inputWrapper_16fx7_30", fo = "_inputWrapperError_16fx7_42", ko = "_suffixButton_16fx7_80", vo = "_suffixButtonInteractive_16fx7_100", le = {
|
|
2907
|
+
fieldset: mo,
|
|
2908
|
+
description: go,
|
|
2909
|
+
error: uo,
|
|
2910
|
+
inputWrapper: ho,
|
|
2911
|
+
inputWrapperError: fo,
|
|
2912
|
+
suffixButton: ko,
|
|
2913
|
+
suffixButtonInteractive: vo
|
|
2914
|
+
}, Pe = (n) => {
|
|
2929
2915
|
const e = n.slice(0, 2), a = n.slice(2, 4), d = n.slice(4, 8);
|
|
2930
2916
|
return n.length > 4 ? `${e}.${a}.${d}` : n.length > 2 ? `${e}.${a}` : n.length > 0 ? e : "";
|
|
2931
|
-
},
|
|
2917
|
+
}, $e = (n) => (n || "").replace(/\D/g, ""), ze = (n) => {
|
|
2932
2918
|
let e = n;
|
|
2933
2919
|
if (e.length >= 2) {
|
|
2934
2920
|
const a = parseInt(e.substring(0, 2), 10);
|
|
@@ -2939,161 +2925,161 @@ const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7
|
|
|
2939
2925
|
!isNaN(a) && a > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
|
|
2940
2926
|
}
|
|
2941
2927
|
return e.slice(0, 8);
|
|
2942
|
-
},
|
|
2928
|
+
}, bo = se(
|
|
2943
2929
|
(n, e) => {
|
|
2944
|
-
const { t: a } =
|
|
2945
|
-
|
|
2930
|
+
const { t: a } = xe();
|
|
2931
|
+
R(() => {
|
|
2946
2932
|
const c = "rk-dateinput-inline-styles";
|
|
2947
2933
|
if (typeof document > "u" || document.getElementById(c)) return;
|
|
2948
|
-
const
|
|
2949
|
-
$.id = c, $.textContent =
|
|
2934
|
+
const T = yo(le), $ = document.createElement("style");
|
|
2935
|
+
$.id = c, $.textContent = T, document.head.appendChild($);
|
|
2950
2936
|
}, []);
|
|
2951
2937
|
const {
|
|
2952
2938
|
label: d,
|
|
2953
2939
|
suffixIcon: h,
|
|
2954
|
-
onSuffixClick:
|
|
2955
|
-
className:
|
|
2940
|
+
onSuffixClick: k,
|
|
2941
|
+
className: u,
|
|
2956
2942
|
// For ytre fieldset
|
|
2957
|
-
inputWrapperClassName:
|
|
2943
|
+
inputWrapperClassName: v,
|
|
2958
2944
|
// For input wrapper div
|
|
2959
|
-
inputClassName:
|
|
2945
|
+
inputClassName: M,
|
|
2960
2946
|
// For selve input-elementet
|
|
2961
|
-
value:
|
|
2962
|
-
defaultValue:
|
|
2963
|
-
onChange:
|
|
2947
|
+
value: C,
|
|
2948
|
+
defaultValue: G,
|
|
2949
|
+
onChange: I,
|
|
2964
2950
|
readOnly: V,
|
|
2965
|
-
placeholder:
|
|
2951
|
+
placeholder: D = "dd.mm.åååå",
|
|
2966
2952
|
id: p,
|
|
2967
|
-
name:
|
|
2968
|
-
required:
|
|
2969
|
-
disabled:
|
|
2970
|
-
onClick:
|
|
2971
|
-
onFocus:
|
|
2953
|
+
name: X,
|
|
2954
|
+
required: ne,
|
|
2955
|
+
disabled: _,
|
|
2956
|
+
onClick: J,
|
|
2957
|
+
onFocus: m,
|
|
2972
2958
|
// Send ekstern onFocus videre
|
|
2973
|
-
onBlur:
|
|
2959
|
+
onBlur: L,
|
|
2974
2960
|
// Send ekstern onBlur videre
|
|
2975
|
-
autoComplete:
|
|
2976
|
-
"aria-label":
|
|
2977
|
-
"aria-labelledby":
|
|
2978
|
-
description:
|
|
2979
|
-
error:
|
|
2961
|
+
autoComplete: w = "off",
|
|
2962
|
+
"aria-label": j,
|
|
2963
|
+
"aria-labelledby": A,
|
|
2964
|
+
description: F,
|
|
2965
|
+
error: O,
|
|
2980
2966
|
// Bruk error-prop for styling
|
|
2981
|
-
"data-color":
|
|
2967
|
+
"data-color": Q,
|
|
2982
2968
|
// <-- Destrukturering
|
|
2983
|
-
"data-size":
|
|
2969
|
+
"data-size": P,
|
|
2984
2970
|
// <-- Destrukturering
|
|
2985
|
-
...
|
|
2986
|
-
} = n,
|
|
2987
|
-
|
|
2971
|
+
...B
|
|
2972
|
+
} = n, E = C !== void 0, f = Xe(null);
|
|
2973
|
+
Le.useImperativeHandle(
|
|
2988
2974
|
e,
|
|
2989
|
-
() =>
|
|
2975
|
+
() => f.current
|
|
2990
2976
|
);
|
|
2991
|
-
const l =
|
|
2977
|
+
const l = ae(
|
|
2992
2978
|
(c) => {
|
|
2993
|
-
const
|
|
2994
|
-
return
|
|
2979
|
+
const T = $e(c), $ = ze(T);
|
|
2980
|
+
return Pe($);
|
|
2995
2981
|
},
|
|
2996
2982
|
[]
|
|
2997
|
-
), [
|
|
2998
|
-
() => l(
|
|
2983
|
+
), [y, ee] = Z(
|
|
2984
|
+
() => l(C ?? G)
|
|
2999
2985
|
);
|
|
3000
|
-
|
|
3001
|
-
if (
|
|
3002
|
-
const c = l(
|
|
3003
|
-
c !==
|
|
2986
|
+
R(() => {
|
|
2987
|
+
if (E) {
|
|
2988
|
+
const c = l(C);
|
|
2989
|
+
c !== y && (ee(c), f.current && f.current.value !== c && (f.current.value = c));
|
|
3004
2990
|
}
|
|
3005
|
-
}, [
|
|
3006
|
-
const
|
|
2991
|
+
}, [C, E, y, l]);
|
|
2992
|
+
const H = ae(
|
|
3007
2993
|
(c) => {
|
|
3008
|
-
const
|
|
3009
|
-
let
|
|
3010
|
-
const
|
|
3011
|
-
|
|
3012
|
-
if (
|
|
3013
|
-
const
|
|
2994
|
+
const T = c.target, $ = T.value, q = y, ie = $e($).slice(0, 8), i = ze(ie), g = Pe(i);
|
|
2995
|
+
let b = 0;
|
|
2996
|
+
const Y = i.length;
|
|
2997
|
+
Y <= 2 ? b = Y : Y <= 4 ? b = Y + 1 : b = Y + 2, b = Math.min(b, g.length), requestAnimationFrame(() => {
|
|
2998
|
+
if (f.current && (ee(g), f.current.value = g, f.current.setSelectionRange(b, b), (g !== q || E) && I)) {
|
|
2999
|
+
const we = {
|
|
3014
3000
|
...c,
|
|
3015
|
-
target: { ...
|
|
3001
|
+
target: { ...T, value: g }
|
|
3016
3002
|
};
|
|
3017
|
-
|
|
3003
|
+
I(we, g);
|
|
3018
3004
|
}
|
|
3019
3005
|
});
|
|
3020
3006
|
},
|
|
3021
|
-
[
|
|
3022
|
-
),
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
].filter(Boolean).join(" "),
|
|
3027
|
-
|
|
3028
|
-
].filter(Boolean).join(" "),
|
|
3029
|
-
|
|
3030
|
-
|
|
3007
|
+
[y, E, I, l]
|
|
3008
|
+
), S = [le.fieldset, u].filter(Boolean).join(" "), N = [
|
|
3009
|
+
le.inputWrapper,
|
|
3010
|
+
v,
|
|
3011
|
+
O ? le.inputWrapperError : ""
|
|
3012
|
+
].filter(Boolean).join(" "), K = [
|
|
3013
|
+
M
|
|
3014
|
+
].filter(Boolean).join(" "), x = [
|
|
3015
|
+
le.suffixButton,
|
|
3016
|
+
k ? le.suffixButtonInteractive : ""
|
|
3031
3017
|
].filter(Boolean).join(" ");
|
|
3032
|
-
!d && !
|
|
3033
|
-
const
|
|
3018
|
+
!d && !j && !A && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
|
|
3019
|
+
const te = d && typeof d == "string" ? A || `${p}-label` : void 0, me = F ? `${p}-desc` : void 0, ce = O ? `${p}-err` : void 0, pe = [me, ce].filter(Boolean).join(" ") || void 0;
|
|
3034
3020
|
return (
|
|
3035
3021
|
// --- Bruk data-color og data-size på den ytre wrapperen ---
|
|
3036
3022
|
/* @__PURE__ */ r(
|
|
3037
3023
|
"div",
|
|
3038
3024
|
{
|
|
3039
|
-
className:
|
|
3040
|
-
"data-color":
|
|
3041
|
-
"data-size":
|
|
3025
|
+
className: S,
|
|
3026
|
+
"data-color": Q,
|
|
3027
|
+
"data-size": P,
|
|
3042
3028
|
children: [
|
|
3043
|
-
d && typeof d == "string" ? /* @__PURE__ */ t("label", { id:
|
|
3044
|
-
|
|
3045
|
-
/* @__PURE__ */ r("div", { className:
|
|
3029
|
+
d && typeof d == "string" ? /* @__PURE__ */ t("label", { id: te, htmlFor: p, children: d }) : d,
|
|
3030
|
+
F && /* @__PURE__ */ t("p", { id: me, className: le.description, children: F }),
|
|
3031
|
+
/* @__PURE__ */ r("div", { className: N, children: [
|
|
3046
3032
|
/* @__PURE__ */ t(
|
|
3047
3033
|
"input",
|
|
3048
3034
|
{
|
|
3049
|
-
ref:
|
|
3035
|
+
ref: f,
|
|
3050
3036
|
type: "text",
|
|
3051
3037
|
inputMode: "numeric",
|
|
3052
3038
|
pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
|
|
3053
3039
|
maxLength: 10,
|
|
3054
|
-
value:
|
|
3040
|
+
value: y,
|
|
3055
3041
|
readOnly: V,
|
|
3056
|
-
placeholder:
|
|
3042
|
+
placeholder: D,
|
|
3057
3043
|
id: p,
|
|
3058
|
-
name:
|
|
3059
|
-
required:
|
|
3060
|
-
disabled:
|
|
3061
|
-
onClick:
|
|
3062
|
-
onChange:
|
|
3063
|
-
onFocus:
|
|
3064
|
-
onBlur:
|
|
3065
|
-
autoComplete:
|
|
3066
|
-
"aria-label":
|
|
3067
|
-
"aria-labelledby":
|
|
3068
|
-
"aria-describedby":
|
|
3069
|
-
"aria-invalid": !!
|
|
3070
|
-
className:
|
|
3071
|
-
...
|
|
3044
|
+
name: X,
|
|
3045
|
+
required: ne,
|
|
3046
|
+
disabled: _,
|
|
3047
|
+
onClick: J,
|
|
3048
|
+
onChange: H,
|
|
3049
|
+
onFocus: m,
|
|
3050
|
+
onBlur: L,
|
|
3051
|
+
autoComplete: w,
|
|
3052
|
+
"aria-label": j,
|
|
3053
|
+
"aria-labelledby": te,
|
|
3054
|
+
"aria-describedby": pe,
|
|
3055
|
+
"aria-invalid": !!O,
|
|
3056
|
+
className: K,
|
|
3057
|
+
...B
|
|
3072
3058
|
}
|
|
3073
3059
|
),
|
|
3074
3060
|
h && /* @__PURE__ */ t(
|
|
3075
3061
|
"button",
|
|
3076
3062
|
{
|
|
3077
3063
|
type: "button",
|
|
3078
|
-
className:
|
|
3079
|
-
onClick:
|
|
3080
|
-
tabIndex:
|
|
3081
|
-
"aria-hidden": !
|
|
3082
|
-
disabled:
|
|
3083
|
-
"aria-label":
|
|
3064
|
+
className: x,
|
|
3065
|
+
onClick: _ ? void 0 : k,
|
|
3066
|
+
tabIndex: k && !_ ? 0 : -1,
|
|
3067
|
+
"aria-hidden": !k,
|
|
3068
|
+
disabled: _,
|
|
3069
|
+
"aria-label": k ? a("dateInput.openDatePicker") : void 0,
|
|
3084
3070
|
children: h
|
|
3085
3071
|
}
|
|
3086
3072
|
)
|
|
3087
3073
|
] }),
|
|
3088
|
-
|
|
3074
|
+
O && /* @__PURE__ */ t("p", { id: ce, className: le.error, role: "alert", children: O })
|
|
3089
3075
|
]
|
|
3090
3076
|
}
|
|
3091
3077
|
)
|
|
3092
3078
|
);
|
|
3093
3079
|
}
|
|
3094
3080
|
);
|
|
3095
|
-
|
|
3096
|
-
function
|
|
3081
|
+
bo.displayName = "DateInput";
|
|
3082
|
+
function yo(n) {
|
|
3097
3083
|
return `
|
|
3098
3084
|
.${n.fieldset} {
|
|
3099
3085
|
margin-bottom: var(--ds-spacing-4, 16px);
|
|
@@ -3186,161 +3172,161 @@ function To(n) {
|
|
|
3186
3172
|
}
|
|
3187
3173
|
`;
|
|
3188
3174
|
}
|
|
3189
|
-
const
|
|
3190
|
-
carouselContainer:
|
|
3191
|
-
viewport:
|
|
3192
|
-
slides:
|
|
3193
|
-
slide:
|
|
3194
|
-
slideInner:
|
|
3195
|
-
loaderOverlay:
|
|
3196
|
-
image:
|
|
3197
|
-
loaded:
|
|
3198
|
-
loading:
|
|
3199
|
-
empty:
|
|
3200
|
-
controls:
|
|
3201
|
-
arrows:
|
|
3202
|
-
dots:
|
|
3203
|
-
dot:
|
|
3204
|
-
dotActive:
|
|
3205
|
-
},
|
|
3175
|
+
const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slides_eo3g5_20", wo = "_slide_eo3g5_20", So = "_slideInner_eo3g5_40", Io = "_loaderOverlay_eo3g5_48", _o = "_image_eo3g5_58", Do = "_loaded_eo3g5_69", Lo = "_loading_eo3g5_73", Ao = "_empty_eo3g5_81", No = "_controls_eo3g5_87", Mo = "_arrows_eo3g5_97", jo = "_dots_eo3g5_107", Fo = "_dot_eo3g5_107", Bo = "_dotActive_eo3g5_133", W = {
|
|
3176
|
+
carouselContainer: xo,
|
|
3177
|
+
viewport: To,
|
|
3178
|
+
slides: Co,
|
|
3179
|
+
slide: wo,
|
|
3180
|
+
slideInner: So,
|
|
3181
|
+
loaderOverlay: Io,
|
|
3182
|
+
image: _o,
|
|
3183
|
+
loaded: Do,
|
|
3184
|
+
loading: Lo,
|
|
3185
|
+
empty: Ao,
|
|
3186
|
+
controls: No,
|
|
3187
|
+
arrows: Mo,
|
|
3188
|
+
dots: jo,
|
|
3189
|
+
dot: Fo,
|
|
3190
|
+
dotActive: Bo
|
|
3191
|
+
}, Eo = pt, Po = ({
|
|
3206
3192
|
images: n,
|
|
3207
3193
|
autoPlay: e = !1,
|
|
3208
3194
|
autoDelay: a = 5,
|
|
3209
3195
|
showArrows: d = !0,
|
|
3210
3196
|
showDots: h = !0,
|
|
3211
|
-
variant:
|
|
3212
|
-
slidesPerView:
|
|
3213
|
-
slideSpacing:
|
|
3214
|
-
cornerRadius:
|
|
3215
|
-
"data-color":
|
|
3216
|
-
"data-size":
|
|
3197
|
+
variant: k,
|
|
3198
|
+
slidesPerView: u = 1,
|
|
3199
|
+
slideSpacing: v = 16,
|
|
3200
|
+
cornerRadius: M = 0,
|
|
3201
|
+
"data-color": C,
|
|
3202
|
+
"data-size": G
|
|
3217
3203
|
}) => {
|
|
3218
|
-
const { t:
|
|
3219
|
-
|
|
3220
|
-
const
|
|
3221
|
-
if (typeof document > "u" || document.getElementById(
|
|
3222
|
-
const l =
|
|
3223
|
-
|
|
3204
|
+
const { t: I } = xe();
|
|
3205
|
+
R(() => {
|
|
3206
|
+
const f = "rk-carousel-inline-styles";
|
|
3207
|
+
if (typeof document > "u" || document.getElementById(f)) return;
|
|
3208
|
+
const l = $o(W), y = document.createElement("style");
|
|
3209
|
+
y.id = f, y.textContent = l, document.head.appendChild(y);
|
|
3224
3210
|
}, []);
|
|
3225
3211
|
const V = {
|
|
3226
3212
|
loop: !0,
|
|
3227
3213
|
align: "start",
|
|
3228
3214
|
containScroll: "trimSnaps",
|
|
3229
3215
|
slidesToScroll: 1
|
|
3230
|
-
}, [
|
|
3231
|
-
|
|
3232
|
-
|
|
3216
|
+
}, [D, p] = dn(V), [X, ne] = Z(0), [_, J] = Z([]), [m, L] = Z([]);
|
|
3217
|
+
R(() => {
|
|
3218
|
+
L(new Array((n == null ? void 0 : n.length) || 0).fill(!1));
|
|
3233
3219
|
}, [n]);
|
|
3234
|
-
const
|
|
3235
|
-
|
|
3236
|
-
const
|
|
3237
|
-
return
|
|
3220
|
+
const w = ae((f) => {
|
|
3221
|
+
L((l) => {
|
|
3222
|
+
const y = [...l];
|
|
3223
|
+
return y[f] = !0, y;
|
|
3238
3224
|
});
|
|
3239
|
-
}, []),
|
|
3240
|
-
p &&
|
|
3241
|
-
}, [p]),
|
|
3242
|
-
|
|
3225
|
+
}, []), j = he(() => a * 1e3, [a]), A = ae(() => {
|
|
3226
|
+
p && ne(p.selectedScrollSnap());
|
|
3227
|
+
}, [p]), F = ae((f) => p && p.scrollTo(f), [p]), O = ae(() => p && p.scrollPrev(), [p]), Q = ae(() => p && p.scrollNext(), [p]);
|
|
3228
|
+
R(() => {
|
|
3243
3229
|
if (p)
|
|
3244
|
-
return p.on("select",
|
|
3245
|
-
p.off("select",
|
|
3230
|
+
return p.on("select", A), p.on("reInit", A), J(p.scrollSnapList()), () => {
|
|
3231
|
+
p.off("select", A), p.off("reInit", A);
|
|
3246
3232
|
};
|
|
3247
|
-
}, [p,
|
|
3248
|
-
p && (p.reInit(),
|
|
3249
|
-
}, [p, n,
|
|
3233
|
+
}, [p, A]), R(() => {
|
|
3234
|
+
p && (p.reInit(), J(p.scrollSnapList()));
|
|
3235
|
+
}, [p, n, u, v]), R(() => {
|
|
3250
3236
|
if (!e || !p || !n || n.length <= 1) return;
|
|
3251
|
-
const
|
|
3237
|
+
const f = window.setInterval(() => {
|
|
3252
3238
|
p.canScrollNext() && p.scrollNext();
|
|
3253
|
-
},
|
|
3239
|
+
}, j);
|
|
3254
3240
|
return () => {
|
|
3255
|
-
window.clearInterval(
|
|
3241
|
+
window.clearInterval(f);
|
|
3256
3242
|
};
|
|
3257
|
-
}, [e,
|
|
3258
|
-
const
|
|
3243
|
+
}, [e, j, p, n]);
|
|
3244
|
+
const P = Math.max(1, u), B = `${100 / P}%`, E = v / 2;
|
|
3259
3245
|
return /* @__PURE__ */ r(
|
|
3260
3246
|
"div",
|
|
3261
3247
|
{
|
|
3262
3248
|
className: W.carouselContainer,
|
|
3263
|
-
"data-color":
|
|
3264
|
-
"data-size":
|
|
3265
|
-
"data-variant":
|
|
3249
|
+
"data-color": C,
|
|
3250
|
+
"data-size": G,
|
|
3251
|
+
"data-variant": k,
|
|
3266
3252
|
children: [
|
|
3267
|
-
/* @__PURE__ */ t("div", { className: W.viewport, ref:
|
|
3253
|
+
/* @__PURE__ */ t("div", { className: W.viewport, ref: D, children: /* @__PURE__ */ t(
|
|
3268
3254
|
"div",
|
|
3269
3255
|
{
|
|
3270
3256
|
className: W.slides,
|
|
3271
3257
|
style: {
|
|
3272
|
-
marginLeft: `-${
|
|
3273
|
-
marginRight: `-${
|
|
3258
|
+
marginLeft: `-${E}px`,
|
|
3259
|
+
marginRight: `-${E}px`
|
|
3274
3260
|
},
|
|
3275
|
-
children: n && n.length > 0 ? n.map((
|
|
3261
|
+
children: n && n.length > 0 ? n.map((f, l) => /* @__PURE__ */ t(
|
|
3276
3262
|
"div",
|
|
3277
3263
|
{
|
|
3278
3264
|
className: W.slide,
|
|
3279
3265
|
style: {
|
|
3280
|
-
flex: `0 0 ${
|
|
3281
|
-
paddingLeft: `${
|
|
3282
|
-
paddingRight: `${
|
|
3283
|
-
borderRadius:
|
|
3266
|
+
flex: `0 0 ${B}`,
|
|
3267
|
+
paddingLeft: `${E}px`,
|
|
3268
|
+
paddingRight: `${E}px`,
|
|
3269
|
+
borderRadius: M > 0 ? `${M}px` : void 0,
|
|
3284
3270
|
overflow: "hidden"
|
|
3285
3271
|
// Ensure radius clips content
|
|
3286
3272
|
},
|
|
3287
|
-
children: /* @__PURE__ */ r("div", { className: W.slideInner, style: { borderRadius: `${
|
|
3288
|
-
!
|
|
3273
|
+
children: /* @__PURE__ */ r("div", { className: W.slideInner, style: { borderRadius: `${M}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
|
|
3274
|
+
!m[l] && /* @__PURE__ */ t("div", { className: W.loaderOverlay, children: /* @__PURE__ */ t(Eo, { "aria-label": I("carousel.loading") }) }),
|
|
3289
3275
|
/* @__PURE__ */ t(
|
|
3290
3276
|
"img",
|
|
3291
3277
|
{
|
|
3292
|
-
className: `${W.image} ${
|
|
3293
|
-
src:
|
|
3294
|
-
alt:
|
|
3295
|
-
loading: l <
|
|
3278
|
+
className: `${W.image} ${m[l] ? W.loaded : W.loadingImage}`,
|
|
3279
|
+
src: f.src,
|
|
3280
|
+
alt: f.alt,
|
|
3281
|
+
loading: l < P ? "eager" : "lazy",
|
|
3296
3282
|
crossOrigin: "anonymous",
|
|
3297
|
-
onLoad: () =>
|
|
3298
|
-
onError: (
|
|
3299
|
-
|
|
3283
|
+
onLoad: () => w(l),
|
|
3284
|
+
onError: (y) => {
|
|
3285
|
+
y.target.style.display = "none", w(l);
|
|
3300
3286
|
}
|
|
3301
3287
|
}
|
|
3302
3288
|
)
|
|
3303
3289
|
] })
|
|
3304
3290
|
},
|
|
3305
|
-
`image-${l}-${
|
|
3291
|
+
`image-${l}-${f.src}`
|
|
3306
3292
|
)) : /* @__PURE__ */ t("div", { className: W.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ t("div", { className: W.empty, children: "Ingen bilder" }) })
|
|
3307
3293
|
}
|
|
3308
3294
|
) }),
|
|
3309
3295
|
(d || h && n && n.length > 1) && /* @__PURE__ */ r("div", { className: W.controls, "aria-hidden": "false", children: [
|
|
3310
3296
|
d && /* @__PURE__ */ r("div", { className: W.arrows, children: [
|
|
3311
3297
|
/* @__PURE__ */ t(
|
|
3312
|
-
|
|
3298
|
+
de,
|
|
3313
3299
|
{
|
|
3314
3300
|
variant: "primary",
|
|
3315
3301
|
icon: !0,
|
|
3316
|
-
"aria-label":
|
|
3317
|
-
onClick:
|
|
3302
|
+
"aria-label": I("carousel.previousImage"),
|
|
3303
|
+
onClick: O,
|
|
3318
3304
|
disabled: !n || n.length <= 1,
|
|
3319
|
-
children: /* @__PURE__ */ t(
|
|
3305
|
+
children: /* @__PURE__ */ t(cn, { "aria-hidden": !0 })
|
|
3320
3306
|
}
|
|
3321
3307
|
),
|
|
3322
3308
|
/* @__PURE__ */ t(
|
|
3323
|
-
|
|
3309
|
+
de,
|
|
3324
3310
|
{
|
|
3325
3311
|
variant: "primary",
|
|
3326
3312
|
icon: !0,
|
|
3327
|
-
"aria-label":
|
|
3328
|
-
onClick:
|
|
3313
|
+
"aria-label": I("carousel.nextImage"),
|
|
3314
|
+
onClick: Q,
|
|
3329
3315
|
disabled: !n || n.length <= 1,
|
|
3330
|
-
children: /* @__PURE__ */ t(
|
|
3316
|
+
children: /* @__PURE__ */ t(pn, { "aria-hidden": !0 })
|
|
3331
3317
|
}
|
|
3332
3318
|
)
|
|
3333
3319
|
] }),
|
|
3334
|
-
h && n && n.length > 1 && /* @__PURE__ */ t("div", { className: W.dots, role: "tablist", "aria-label":
|
|
3335
|
-
const
|
|
3320
|
+
h && n && n.length > 1 && /* @__PURE__ */ t("div", { className: W.dots, role: "tablist", "aria-label": I("carousel.imagePosition"), children: _.map((f, l) => {
|
|
3321
|
+
const y = l === X;
|
|
3336
3322
|
return /* @__PURE__ */ t(
|
|
3337
3323
|
"button",
|
|
3338
3324
|
{
|
|
3339
3325
|
type: "button",
|
|
3340
|
-
className: `${W.dot} ${
|
|
3341
|
-
onClick: () =>
|
|
3342
|
-
"aria-label": `${
|
|
3343
|
-
"aria-selected":
|
|
3326
|
+
className: `${W.dot} ${y ? W.dotActive : ""}`,
|
|
3327
|
+
onClick: () => F(l),
|
|
3328
|
+
"aria-label": `${I("carousel.goToImage")} ${l + 1}`,
|
|
3329
|
+
"aria-selected": y,
|
|
3344
3330
|
role: "tab"
|
|
3345
3331
|
},
|
|
3346
3332
|
`dot-${l}`
|
|
@@ -3351,8 +3337,8 @@ const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slide
|
|
|
3351
3337
|
}
|
|
3352
3338
|
);
|
|
3353
3339
|
};
|
|
3354
|
-
|
|
3355
|
-
function
|
|
3340
|
+
Po.displayName = "Carousel";
|
|
3341
|
+
function $o(n) {
|
|
3356
3342
|
return `
|
|
3357
3343
|
.${n.carouselContainer} {
|
|
3358
3344
|
position: relative;
|
|
@@ -3524,11 +3510,11 @@ function Ro(n) {
|
|
|
3524
3510
|
}
|
|
3525
3511
|
`;
|
|
3526
3512
|
}
|
|
3527
|
-
const
|
|
3528
|
-
crossCorner:
|
|
3529
|
-
shape:
|
|
3513
|
+
const zo = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", _e = {
|
|
3514
|
+
crossCorner: zo,
|
|
3515
|
+
shape: Ro
|
|
3530
3516
|
};
|
|
3531
|
-
function
|
|
3517
|
+
function Go(n) {
|
|
3532
3518
|
return `
|
|
3533
3519
|
.${n.crossCorner} {
|
|
3534
3520
|
display: inline-block;
|
|
@@ -3555,150 +3541,150 @@ function Ho(n) {
|
|
|
3555
3541
|
}
|
|
3556
3542
|
`;
|
|
3557
3543
|
}
|
|
3558
|
-
const
|
|
3544
|
+
const Wo = {
|
|
3559
3545
|
sm: 48,
|
|
3560
3546
|
md: 68,
|
|
3561
3547
|
lg: 96
|
|
3562
|
-
},
|
|
3548
|
+
}, Ho = {
|
|
3563
3549
|
"top-left": 270,
|
|
3564
3550
|
"top-right": 0,
|
|
3565
3551
|
"bottom-right": 90,
|
|
3566
3552
|
"bottom-left": 180
|
|
3567
|
-
},
|
|
3553
|
+
}, be = se(
|
|
3568
3554
|
({
|
|
3569
3555
|
position: n = "top-left",
|
|
3570
3556
|
size: e = "md",
|
|
3571
3557
|
className: a,
|
|
3572
3558
|
"aria-label": d,
|
|
3573
3559
|
"aria-hidden": h = !0,
|
|
3574
|
-
"data-color":
|
|
3575
|
-
"data-size":
|
|
3576
|
-
...
|
|
3577
|
-
},
|
|
3578
|
-
|
|
3579
|
-
const
|
|
3580
|
-
if (typeof document > "u" || document.getElementById(
|
|
3581
|
-
const V =
|
|
3582
|
-
|
|
3560
|
+
"data-color": k,
|
|
3561
|
+
"data-size": u,
|
|
3562
|
+
...v
|
|
3563
|
+
}, M) => {
|
|
3564
|
+
R(() => {
|
|
3565
|
+
const I = "rk-crosscorner-inline-styles";
|
|
3566
|
+
if (typeof document > "u" || document.getElementById(I)) return;
|
|
3567
|
+
const V = Go(_e), D = document.createElement("style");
|
|
3568
|
+
D.id = I, D.textContent = V, document.head.appendChild(D);
|
|
3583
3569
|
}, []);
|
|
3584
|
-
const
|
|
3570
|
+
const C = Wo[e], G = Ho[n];
|
|
3585
3571
|
return /* @__PURE__ */ t(
|
|
3586
3572
|
"svg",
|
|
3587
3573
|
{
|
|
3588
|
-
ref:
|
|
3589
|
-
className: `${
|
|
3590
|
-
width:
|
|
3591
|
-
height:
|
|
3574
|
+
ref: M,
|
|
3575
|
+
className: `${_e.crossCorner} ${a || ""}`,
|
|
3576
|
+
width: C,
|
|
3577
|
+
height: C,
|
|
3592
3578
|
viewBox: "0 0 68 68",
|
|
3593
3579
|
fill: "none",
|
|
3594
3580
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3595
3581
|
"aria-label": d,
|
|
3596
3582
|
"aria-hidden": h,
|
|
3597
3583
|
role: h ? void 0 : "img",
|
|
3598
|
-
"data-color":
|
|
3599
|
-
"data-size":
|
|
3584
|
+
"data-color": k,
|
|
3585
|
+
"data-size": u,
|
|
3600
3586
|
style: {
|
|
3601
|
-
transform:
|
|
3587
|
+
transform: G ? `rotate(${G}deg)` : void 0
|
|
3602
3588
|
},
|
|
3603
|
-
...
|
|
3589
|
+
...v,
|
|
3604
3590
|
children: /* @__PURE__ */ t(
|
|
3605
3591
|
"path",
|
|
3606
3592
|
{
|
|
3607
3593
|
d: "M68 0V33.8203H67.998V68H34.1777V33.8203H0V0H68Z",
|
|
3608
|
-
className:
|
|
3594
|
+
className: _e.shape
|
|
3609
3595
|
}
|
|
3610
3596
|
)
|
|
3611
3597
|
}
|
|
3612
3598
|
);
|
|
3613
3599
|
}
|
|
3614
3600
|
);
|
|
3615
|
-
|
|
3616
|
-
const ei =
|
|
3617
|
-
|
|
3618
|
-
|
|
3619
|
-
const pi =
|
|
3620
|
-
|
|
3621
|
-
const
|
|
3622
|
-
|
|
3623
|
-
const
|
|
3624
|
-
|
|
3625
|
-
const
|
|
3626
|
-
|
|
3627
|
-
const
|
|
3628
|
-
(n, e) => /* @__PURE__ */ t(
|
|
3601
|
+
be.displayName = "CrossCorner";
|
|
3602
|
+
const ei = mt, ti = gt, ni = ut, U = ht, oi = yt, ri = xt, ai = kt, si = bt, ii = vt, li = ft, di = Tt, ci = Ct, Uo = St, Vo = wt;
|
|
3603
|
+
Uo.displayName = "Field.Description";
|
|
3604
|
+
Vo.displayName = "Field.Counter";
|
|
3605
|
+
const pi = He, Oo = se((n, e) => /* @__PURE__ */ t(It, { ref: e, ...n }));
|
|
3606
|
+
Oo.displayName = "Heading";
|
|
3607
|
+
const Ye = _t;
|
|
3608
|
+
Ye.displayName = "Input";
|
|
3609
|
+
const Ko = se((n, e) => /* @__PURE__ */ t(Dt, { ref: e, ...n }));
|
|
3610
|
+
Ko.displayName = "Label";
|
|
3611
|
+
const re = Lt, mi = At, qo = Nt, gi = Ft, ui = jt, hi = Mt, fi = Bt;
|
|
3612
|
+
qo.displayName = "Pagination";
|
|
3613
|
+
const ye = se(
|
|
3614
|
+
(n, e) => /* @__PURE__ */ t(Et, { ref: e, ...n })
|
|
3629
3615
|
);
|
|
3630
|
-
|
|
3631
|
-
const ki =
|
|
3632
|
-
Button:
|
|
3633
|
-
ClearButton:
|
|
3634
|
-
Input:
|
|
3635
|
-
}), yi =
|
|
3636
|
-
|
|
3637
|
-
const
|
|
3638
|
-
const
|
|
3639
|
-
e === "rounded" && (
|
|
3640
|
-
const
|
|
3641
|
-
return e === "rounded" && (
|
|
3616
|
+
ye.displayName = "Paragraph";
|
|
3617
|
+
const ki = Pt, vi = $t, bi = zt, Te = Object.assign(Rt, {
|
|
3618
|
+
Button: Ht,
|
|
3619
|
+
ClearButton: Wt,
|
|
3620
|
+
Input: Gt
|
|
3621
|
+
}), yi = Ut, xi = Vt, Ti = Ot, Yo = Kt;
|
|
3622
|
+
Yo.displayName = "Suggestion";
|
|
3623
|
+
const De = qt, Ci = Yt, Ce = Zt, Zo = se(function({ shape: e, style: a, ...d }, h) {
|
|
3624
|
+
const k = {};
|
|
3625
|
+
e === "rounded" && (k.borderRadius = "var(--ds-border-radius-xl)");
|
|
3626
|
+
const u = Object.keys(k).length === 0 && !a ? void 0 : { ...k, ...a }, v = {};
|
|
3627
|
+
return e === "rounded" && (v["data-shape"] = "rounded"), /* @__PURE__ */ t(Xt, { ref: h, ...d, ...v, style: u });
|
|
3642
3628
|
});
|
|
3643
|
-
|
|
3644
|
-
const wi =
|
|
3645
|
-
|
|
3646
|
-
const tr = "
|
|
3647
|
-
header:
|
|
3648
|
-
languageSwitch:
|
|
3649
|
-
searchOverlay:
|
|
3650
|
-
headerExtension:
|
|
3651
|
-
headerExtensionTinted:
|
|
3652
|
-
languageLabel:
|
|
3653
|
-
languageLink:
|
|
3654
|
-
extensionContent:
|
|
3655
|
-
extensionDivider:
|
|
3656
|
-
extensionContentWrapper:
|
|
3657
|
-
headerInner:
|
|
3658
|
-
logoWrapper:
|
|
3659
|
-
logo:
|
|
3660
|
-
secondaryLogoWrapper:
|
|
3661
|
-
slotComponent:
|
|
3662
|
-
slotContainer:
|
|
3663
|
-
slotText:
|
|
3664
|
-
secondaryLogo:
|
|
3665
|
-
redCrossLogo:
|
|
3666
|
-
primaryLogo:
|
|
3667
|
-
navItems:
|
|
3668
|
-
navLink:
|
|
3669
|
-
actions:
|
|
3670
|
-
ctaButton:
|
|
3671
|
-
themeToggle:
|
|
3672
|
-
userInfo:
|
|
3673
|
-
userName:
|
|
3674
|
-
loginLink:
|
|
3675
|
-
loginText:
|
|
3676
|
-
underline:
|
|
3677
|
-
searchButtonWrapper:
|
|
3678
|
-
buttonText:
|
|
3679
|
-
menuButton:
|
|
3680
|
-
menuOverlay:
|
|
3681
|
-
searchContent:
|
|
3682
|
-
menuContent:
|
|
3683
|
-
menuLeftColumn:
|
|
3684
|
-
menuRightColumn:
|
|
3685
|
-
slotContent:
|
|
3686
|
-
navList:
|
|
3687
|
-
menuUtilities:
|
|
3688
|
-
menuBrand:
|
|
3689
|
-
suggestionsSection:
|
|
3690
|
-
suggestionsTitle:
|
|
3691
|
-
searchResults:
|
|
3692
|
-
resultList:
|
|
3693
|
-
resultItem:
|
|
3694
|
-
resultLink:
|
|
3695
|
-
suggestionIcon:
|
|
3696
|
-
suggestionText:
|
|
3697
|
-
highlightedText:
|
|
3698
|
-
remainingText:
|
|
3699
|
-
viewAllLink:
|
|
3700
|
-
noResults:
|
|
3701
|
-
},
|
|
3629
|
+
Zo.displayName = "Tag";
|
|
3630
|
+
const wi = Jt, Xo = Qt, Si = en, Ii = tn, Jo = se((n, e) => /* @__PURE__ */ t(nn, { ref: e, ...n }));
|
|
3631
|
+
Jo.displayName = "ValidationMessage";
|
|
3632
|
+
const Qo = "_header_ae1dv_1", er = "_languageSwitch_ae1dv_37", tr = "_searchOverlay_ae1dv_41", nr = "_headerExtension_ae1dv_46", or = "_headerExtensionTinted_ae1dv_75", rr = "_languageLabel_ae1dv_83", ar = "_languageLink_ae1dv_88", sr = "_extensionContent_ae1dv_93", ir = "_extensionDivider_ae1dv_98", lr = "_extensionContentWrapper_ae1dv_103", dr = "_headerInner_ae1dv_199", cr = "_logoWrapper_ae1dv_216", pr = "_logo_ae1dv_216", mr = "_secondaryLogoWrapper_ae1dv_239", gr = "_slotComponent_ae1dv_248", ur = "_slotContainer_ae1dv_258", hr = "_slotText_ae1dv_266", fr = "_secondaryLogo_ae1dv_239", kr = "_redCrossLogo_ae1dv_293", vr = "_primaryLogo_ae1dv_299", br = "_navItems_ae1dv_303", yr = "_navLink_ae1dv_312", xr = "_actions_ae1dv_325", Tr = "_ctaButton_ae1dv_333", Cr = "_themeToggle_ae1dv_338", wr = "_userInfo_ae1dv_343", Sr = "_userName_ae1dv_349", Ir = "_loginLink_ae1dv_356", _r = "_loginText_ae1dv_365", Dr = "_underline_ae1dv_372", Lr = "_searchButtonWrapper_ae1dv_378", Ar = "_buttonText_ae1dv_382", Nr = "_menuButton_ae1dv_387", Mr = "_menuOverlay_ae1dv_392", jr = "_searchContent_ae1dv_426", Fr = "_menuContent_ae1dv_436", Br = "_menuLeftColumn_ae1dv_445", Er = "_menuRightColumn_ae1dv_451", Pr = "_slotContent_ae1dv_465", $r = "_navList_ae1dv_478", zr = "_menuUtilities_ae1dv_485", Rr = "_menuBrand_ae1dv_492", Gr = "_suggestionsSection_ae1dv_496", Wr = "_suggestionsTitle_ae1dv_502", Hr = "_searchResults_ae1dv_511", Ur = "_resultList_ae1dv_517", Vr = "_resultItem_ae1dv_523", Or = "_resultLink_ae1dv_531", Kr = "_suggestionIcon_ae1dv_545", qr = "_suggestionText_ae1dv_558", Yr = "_highlightedText_ae1dv_565", Zr = "_remainingText_ae1dv_570", Xr = "_viewAllLink_ae1dv_583", Jr = "_noResults_ae1dv_618", s = {
|
|
3633
|
+
header: Qo,
|
|
3634
|
+
languageSwitch: er,
|
|
3635
|
+
searchOverlay: tr,
|
|
3636
|
+
headerExtension: nr,
|
|
3637
|
+
headerExtensionTinted: or,
|
|
3638
|
+
languageLabel: rr,
|
|
3639
|
+
languageLink: ar,
|
|
3640
|
+
extensionContent: sr,
|
|
3641
|
+
extensionDivider: ir,
|
|
3642
|
+
extensionContentWrapper: lr,
|
|
3643
|
+
headerInner: dr,
|
|
3644
|
+
logoWrapper: cr,
|
|
3645
|
+
logo: pr,
|
|
3646
|
+
secondaryLogoWrapper: mr,
|
|
3647
|
+
slotComponent: gr,
|
|
3648
|
+
slotContainer: ur,
|
|
3649
|
+
slotText: hr,
|
|
3650
|
+
secondaryLogo: fr,
|
|
3651
|
+
redCrossLogo: kr,
|
|
3652
|
+
primaryLogo: vr,
|
|
3653
|
+
navItems: br,
|
|
3654
|
+
navLink: yr,
|
|
3655
|
+
actions: xr,
|
|
3656
|
+
ctaButton: Tr,
|
|
3657
|
+
themeToggle: Cr,
|
|
3658
|
+
userInfo: wr,
|
|
3659
|
+
userName: Sr,
|
|
3660
|
+
loginLink: Ir,
|
|
3661
|
+
loginText: _r,
|
|
3662
|
+
underline: Dr,
|
|
3663
|
+
searchButtonWrapper: Lr,
|
|
3664
|
+
buttonText: Ar,
|
|
3665
|
+
menuButton: Nr,
|
|
3666
|
+
menuOverlay: Mr,
|
|
3667
|
+
searchContent: jr,
|
|
3668
|
+
menuContent: Fr,
|
|
3669
|
+
menuLeftColumn: Br,
|
|
3670
|
+
menuRightColumn: Er,
|
|
3671
|
+
slotContent: Pr,
|
|
3672
|
+
navList: $r,
|
|
3673
|
+
menuUtilities: zr,
|
|
3674
|
+
menuBrand: Rr,
|
|
3675
|
+
suggestionsSection: Gr,
|
|
3676
|
+
suggestionsTitle: Wr,
|
|
3677
|
+
searchResults: Hr,
|
|
3678
|
+
resultList: Ur,
|
|
3679
|
+
resultItem: Vr,
|
|
3680
|
+
resultLink: Or,
|
|
3681
|
+
suggestionIcon: Kr,
|
|
3682
|
+
suggestionText: qr,
|
|
3683
|
+
highlightedText: Yr,
|
|
3684
|
+
remainingText: Zr,
|
|
3685
|
+
viewAllLink: Xr,
|
|
3686
|
+
noResults: Jr
|
|
3687
|
+
}, Qr = [
|
|
3702
3688
|
// Pages
|
|
3703
3689
|
{ id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
|
|
3704
3690
|
{ id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
|
|
@@ -3762,7 +3748,7 @@ const tr = "_header_1h8vy_1", nr = "_languageSwitch_1h8vy_37", or = "_searchOver
|
|
|
3762
3748
|
{ id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
|
|
3763
3749
|
{ id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
|
|
3764
3750
|
];
|
|
3765
|
-
function
|
|
3751
|
+
function ea(n) {
|
|
3766
3752
|
return n.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
|
|
3767
3753
|
}
|
|
3768
3754
|
const _i = ({
|
|
@@ -3771,39 +3757,38 @@ const _i = ({
|
|
|
3771
3757
|
activePage: a,
|
|
3772
3758
|
setPage: d,
|
|
3773
3759
|
children: h,
|
|
3774
|
-
showUser:
|
|
3775
|
-
showSearch:
|
|
3776
|
-
showLogin:
|
|
3777
|
-
showCta:
|
|
3778
|
-
ctaLabel:
|
|
3779
|
-
ctaIcon:
|
|
3780
|
-
onCtaClick:
|
|
3760
|
+
showUser: k = !0,
|
|
3761
|
+
showSearch: u = !0,
|
|
3762
|
+
showLogin: v = !0,
|
|
3763
|
+
showCta: M = !1,
|
|
3764
|
+
ctaLabel: C,
|
|
3765
|
+
ctaIcon: G = /* @__PURE__ */ t(gn, { "aria-hidden": !0 }),
|
|
3766
|
+
onCtaClick: I,
|
|
3781
3767
|
showThemeToggle: V = !1,
|
|
3782
|
-
secondaryLogo:
|
|
3768
|
+
secondaryLogo: D = !1,
|
|
3783
3769
|
secondaryLogoSrc: p,
|
|
3784
|
-
secondaryLogoSrcDark:
|
|
3785
|
-
secondaryLogoAlt:
|
|
3786
|
-
navItems:
|
|
3787
|
-
showNavItems:
|
|
3788
|
-
showMenuButton:
|
|
3789
|
-
showHeaderExtension:
|
|
3790
|
-
showModeToggle:
|
|
3791
|
-
showLanguageSwitch:
|
|
3792
|
-
extensionColor:
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
onUserClick: J
|
|
3770
|
+
secondaryLogoSrcDark: X,
|
|
3771
|
+
secondaryLogoAlt: ne = "Secondary Logo",
|
|
3772
|
+
navItems: _,
|
|
3773
|
+
showNavItems: J = !0,
|
|
3774
|
+
showMenuButton: m = !0,
|
|
3775
|
+
showHeaderExtension: L = !1,
|
|
3776
|
+
showModeToggle: w = !1,
|
|
3777
|
+
showLanguageSwitch: j = !1,
|
|
3778
|
+
extensionColor: A,
|
|
3779
|
+
userName: F,
|
|
3780
|
+
userInitials: O,
|
|
3781
|
+
userAvatarSrc: Q,
|
|
3782
|
+
onUserClick: P
|
|
3798
3783
|
}) => {
|
|
3799
|
-
const [
|
|
3800
|
-
|
|
3784
|
+
const [B, E] = Z(!1), [f, l] = Z(!1), [y, ee] = Z(""), [H, S] = Z("light"), { language: N, setLanguage: K, t: x } = xe(), [te, me] = Z(!1);
|
|
3785
|
+
R(() => {
|
|
3801
3786
|
const i = "rk-header-inline-styles";
|
|
3802
3787
|
if (typeof document > "u" || document.getElementById(i)) return;
|
|
3803
|
-
const
|
|
3804
|
-
|
|
3788
|
+
const g = ta(s), b = document.createElement("style");
|
|
3789
|
+
b.id = i, b.textContent = g, document.head.appendChild(b);
|
|
3805
3790
|
}, []);
|
|
3806
|
-
const
|
|
3791
|
+
const ce = () => /* @__PURE__ */ r(
|
|
3807
3792
|
"svg",
|
|
3808
3793
|
{
|
|
3809
3794
|
width: "170",
|
|
@@ -3828,124 +3813,124 @@ const _i = ({
|
|
|
3828
3813
|
]
|
|
3829
3814
|
}
|
|
3830
3815
|
);
|
|
3831
|
-
|
|
3832
|
-
|
|
3833
|
-
}, [a]),
|
|
3834
|
-
if (!(typeof document > "u") &&
|
|
3816
|
+
R(() => {
|
|
3817
|
+
E(!1), l(!1), ee("");
|
|
3818
|
+
}, [a]), R(() => {
|
|
3819
|
+
if (!(typeof document > "u") && B && te) {
|
|
3835
3820
|
const i = document.body.style.overflow;
|
|
3836
3821
|
return document.body.style.overflow = "hidden", () => {
|
|
3837
3822
|
document.body.style.overflow = i;
|
|
3838
3823
|
};
|
|
3839
3824
|
}
|
|
3840
|
-
}, [
|
|
3825
|
+
}, [B, te]), R(() => {
|
|
3841
3826
|
if (typeof window > "u" || typeof window.matchMedia > "u") return;
|
|
3842
|
-
const i = window.matchMedia("(max-width: 850px)"),
|
|
3843
|
-
return
|
|
3844
|
-
i.removeEventListener ? i.removeEventListener("change",
|
|
3827
|
+
const i = window.matchMedia("(max-width: 850px)"), g = (b) => me("matches" in b ? b.matches : i.matches);
|
|
3828
|
+
return g(i), i.addEventListener ? i.addEventListener("change", g) : i.addListener(g), () => {
|
|
3829
|
+
i.removeEventListener ? i.removeEventListener("change", g) : i.removeListener(g);
|
|
3845
3830
|
};
|
|
3846
|
-
}, []),
|
|
3831
|
+
}, []), R(() => {
|
|
3847
3832
|
if (typeof document > "u") return;
|
|
3848
3833
|
const i = document.querySelector(`.${s.header}`);
|
|
3849
3834
|
if (!i) return;
|
|
3850
|
-
const
|
|
3851
|
-
const
|
|
3852
|
-
document.documentElement.style.setProperty("--header-height-mobile", `${
|
|
3835
|
+
const g = () => {
|
|
3836
|
+
const Y = i.offsetHeight;
|
|
3837
|
+
document.documentElement.style.setProperty("--header-height-mobile", `${Y}px`);
|
|
3853
3838
|
};
|
|
3854
|
-
|
|
3855
|
-
const
|
|
3856
|
-
|
|
3839
|
+
g(), window.addEventListener("resize", g);
|
|
3840
|
+
const b = new ResizeObserver(() => {
|
|
3841
|
+
g();
|
|
3857
3842
|
});
|
|
3858
|
-
return
|
|
3859
|
-
window.removeEventListener("resize",
|
|
3843
|
+
return b.observe(i), () => {
|
|
3844
|
+
window.removeEventListener("resize", g), b.disconnect();
|
|
3860
3845
|
};
|
|
3861
|
-
}, [
|
|
3846
|
+
}, [te]), R(() => {
|
|
3862
3847
|
if (typeof document > "u") return;
|
|
3863
3848
|
const i = document.querySelector(`.${s.logoWrapper}`);
|
|
3864
3849
|
if (!i) return;
|
|
3865
|
-
const
|
|
3866
|
-
const
|
|
3867
|
-
document.documentElement.style.setProperty("--rk-logo-width", `${
|
|
3850
|
+
const g = () => {
|
|
3851
|
+
const b = i.offsetWidth;
|
|
3852
|
+
document.documentElement.style.setProperty("--rk-logo-width", `${b}px`);
|
|
3868
3853
|
};
|
|
3869
|
-
return
|
|
3870
|
-
}, [
|
|
3871
|
-
if (typeof document > "u" || !
|
|
3854
|
+
return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
|
|
3855
|
+
}, [te]), R(() => {
|
|
3856
|
+
if (typeof document > "u" || !f) {
|
|
3872
3857
|
document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
|
|
3873
3858
|
return;
|
|
3874
3859
|
}
|
|
3875
3860
|
const i = document.querySelector(`.${s.searchOverlay}`);
|
|
3876
3861
|
if (!i) return;
|
|
3877
|
-
const
|
|
3878
|
-
const
|
|
3879
|
-
document.documentElement.style.setProperty("--rk-search-overlay-height", `${
|
|
3862
|
+
const g = () => {
|
|
3863
|
+
const Y = i.offsetHeight;
|
|
3864
|
+
document.documentElement.style.setProperty("--rk-search-overlay-height", `${Y}px`);
|
|
3880
3865
|
};
|
|
3881
|
-
requestAnimationFrame(
|
|
3882
|
-
const
|
|
3883
|
-
return
|
|
3884
|
-
window.removeEventListener("resize",
|
|
3866
|
+
requestAnimationFrame(g), window.addEventListener("resize", g);
|
|
3867
|
+
const b = new ResizeObserver(g);
|
|
3868
|
+
return b.observe(i), () => {
|
|
3869
|
+
window.removeEventListener("resize", g), b.disconnect();
|
|
3885
3870
|
};
|
|
3886
|
-
}, [
|
|
3887
|
-
const
|
|
3888
|
-
const i =
|
|
3889
|
-
|
|
3890
|
-
},
|
|
3891
|
-
d && (i.preventDefault(), d("home")),
|
|
3892
|
-
},
|
|
3893
|
-
|
|
3871
|
+
}, [f]);
|
|
3872
|
+
const pe = () => {
|
|
3873
|
+
const i = H === "light" ? "dark" : "light";
|
|
3874
|
+
S(i), document.documentElement.setAttribute("data-color-scheme", i);
|
|
3875
|
+
}, c = (i) => {
|
|
3876
|
+
d && (i.preventDefault(), d("home")), E(!1), l(!1);
|
|
3877
|
+
}, T = () => {
|
|
3878
|
+
E(!B), f && l(!1), !B && typeof document < "u" && requestAnimationFrame(() => {
|
|
3894
3879
|
const i = document.querySelector(`.${s.header}`);
|
|
3895
3880
|
if (i) {
|
|
3896
|
-
const
|
|
3897
|
-
document.documentElement.style.setProperty("--header-height-mobile", `${
|
|
3881
|
+
const g = i.offsetHeight;
|
|
3882
|
+
document.documentElement.style.setProperty("--header-height-mobile", `${g}px`);
|
|
3898
3883
|
}
|
|
3899
3884
|
});
|
|
3900
|
-
},
|
|
3901
|
-
|
|
3902
|
-
},
|
|
3903
|
-
if (!
|
|
3904
|
-
const i =
|
|
3905
|
-
return
|
|
3906
|
-
(
|
|
3885
|
+
}, $ = () => {
|
|
3886
|
+
l(!f), B && E(!1);
|
|
3887
|
+
}, q = he(() => {
|
|
3888
|
+
if (!y.trim()) return [];
|
|
3889
|
+
const i = y.toLowerCase();
|
|
3890
|
+
return Qr.filter(
|
|
3891
|
+
(g) => g.title.toLowerCase().startsWith(i)
|
|
3907
3892
|
);
|
|
3908
|
-
}, [
|
|
3909
|
-
d && d(i),
|
|
3893
|
+
}, [y]), ie = (i) => {
|
|
3894
|
+
d && d(i), l(!1), ee("");
|
|
3910
3895
|
};
|
|
3911
|
-
return /* @__PURE__ */ r("header", { className: s.header, "data-open":
|
|
3912
|
-
|
|
3913
|
-
|
|
3914
|
-
|
|
3896
|
+
return /* @__PURE__ */ r("header", { className: s.header, "data-open": B ? "true" : "false", "data-color": e, "data-variant": n, children: [
|
|
3897
|
+
L && /* @__PURE__ */ t("div", { className: `${s.headerExtension}${A === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": A, children: /* @__PURE__ */ r("div", { className: s.extensionContentWrapper, children: [
|
|
3898
|
+
w && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
|
|
3899
|
+
De,
|
|
3915
3900
|
{
|
|
3916
3901
|
"data-size": "sm",
|
|
3917
|
-
checked:
|
|
3918
|
-
onChange:
|
|
3919
|
-
label:
|
|
3902
|
+
checked: H === "dark",
|
|
3903
|
+
onChange: pe,
|
|
3904
|
+
label: x("header.darkMode"),
|
|
3920
3905
|
color: "neutral",
|
|
3921
3906
|
"data-color-scheme": "light"
|
|
3922
3907
|
}
|
|
3923
3908
|
) }),
|
|
3924
|
-
|
|
3925
|
-
|
|
3926
|
-
/* @__PURE__ */ t("span", { className: s.languageLabel, children:
|
|
3909
|
+
w && j && /* @__PURE__ */ t("div", { className: s.extensionDivider }),
|
|
3910
|
+
j && /* @__PURE__ */ r("div", { className: s.languageSwitch, children: [
|
|
3911
|
+
/* @__PURE__ */ t("span", { className: s.languageLabel, children: x("header.language") }),
|
|
3927
3912
|
/* @__PURE__ */ r(U.TriggerContext, { children: [
|
|
3928
3913
|
/* @__PURE__ */ r(
|
|
3929
3914
|
U.Trigger,
|
|
3930
3915
|
{
|
|
3931
3916
|
className: s.languageLink,
|
|
3932
|
-
"aria-label":
|
|
3917
|
+
"aria-label": x("header.selectLanguage"),
|
|
3933
3918
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
3934
3919
|
children: [
|
|
3935
|
-
|
|
3920
|
+
N,
|
|
3936
3921
|
" ",
|
|
3937
|
-
/* @__PURE__ */ t(
|
|
3922
|
+
/* @__PURE__ */ t(je, { "aria-hidden": !0 })
|
|
3938
3923
|
]
|
|
3939
3924
|
}
|
|
3940
3925
|
),
|
|
3941
3926
|
/* @__PURE__ */ t(
|
|
3942
3927
|
U,
|
|
3943
3928
|
{
|
|
3944
|
-
"data-color-scheme":
|
|
3929
|
+
"data-color-scheme": H,
|
|
3945
3930
|
placement: "bottom-end",
|
|
3946
3931
|
children: /* @__PURE__ */ r(U.List, { children: [
|
|
3947
|
-
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () =>
|
|
3948
|
-
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () =>
|
|
3932
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => K("NO"), children: "Norsk (NO)" }) }),
|
|
3933
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => K("EN"), children: "English (EN)" }) })
|
|
3949
3934
|
] })
|
|
3950
3935
|
}
|
|
3951
3936
|
)
|
|
@@ -3955,85 +3940,85 @@ const _i = ({
|
|
|
3955
3940
|
/* @__PURE__ */ r("div", { className: s.headerInner, children: [
|
|
3956
3941
|
/* @__PURE__ */ r("div", { className: s.logoWrapper, children: [
|
|
3957
3942
|
/* @__PURE__ */ t(
|
|
3958
|
-
|
|
3943
|
+
re,
|
|
3959
3944
|
{
|
|
3960
3945
|
href: "/",
|
|
3961
3946
|
className: `${s.logo} ${s.primaryLogo}`,
|
|
3962
|
-
"aria-label":
|
|
3963
|
-
onClick:
|
|
3964
|
-
children: /* @__PURE__ */ t(
|
|
3947
|
+
"aria-label": x("header.homeAriaLabel"),
|
|
3948
|
+
onClick: c,
|
|
3949
|
+
children: /* @__PURE__ */ t(ce, {})
|
|
3965
3950
|
}
|
|
3966
3951
|
),
|
|
3967
|
-
/* @__PURE__ */ t("div", { className: s.secondaryLogoWrapper, children:
|
|
3952
|
+
/* @__PURE__ */ t("div", { className: s.secondaryLogoWrapper, children: D && p ? /* @__PURE__ */ t(
|
|
3968
3953
|
"img",
|
|
3969
3954
|
{
|
|
3970
|
-
src:
|
|
3971
|
-
alt:
|
|
3955
|
+
src: H === "dark" && X ? X : p,
|
|
3956
|
+
alt: ne,
|
|
3972
3957
|
className: s.secondaryLogo
|
|
3973
3958
|
}
|
|
3974
|
-
) :
|
|
3959
|
+
) : D ? /* @__PURE__ */ t("div", { className: s.slotComponent, children: /* @__PURE__ */ t("div", { className: s.slotContainer, children: /* @__PURE__ */ t("p", { className: s.slotText, children: "SLOT" }) }) }) : null })
|
|
3975
3960
|
] }),
|
|
3976
|
-
|
|
3977
|
-
|
|
3961
|
+
J && _ && _.length > 0 && !te && /* @__PURE__ */ t("nav", { className: s.navItems, children: _.map((i, g) => /* @__PURE__ */ t(
|
|
3962
|
+
re,
|
|
3978
3963
|
{
|
|
3979
3964
|
href: i.href,
|
|
3980
3965
|
className: s.navLink,
|
|
3981
|
-
onClick: (
|
|
3982
|
-
d && (
|
|
3966
|
+
onClick: (b) => {
|
|
3967
|
+
d && (b.preventDefault(), d(i.href));
|
|
3983
3968
|
},
|
|
3984
3969
|
children: i.label
|
|
3985
3970
|
},
|
|
3986
|
-
|
|
3971
|
+
g
|
|
3987
3972
|
)) }),
|
|
3988
3973
|
/* @__PURE__ */ r("div", { className: s.actions, children: [
|
|
3989
|
-
|
|
3990
|
-
|
|
3974
|
+
M && /* @__PURE__ */ r(
|
|
3975
|
+
de,
|
|
3991
3976
|
{
|
|
3992
3977
|
variant: "primary",
|
|
3993
3978
|
"data-color": "main",
|
|
3994
3979
|
"data-size": "md",
|
|
3995
3980
|
className: s.ctaButton,
|
|
3996
|
-
onClick:
|
|
3981
|
+
onClick: I,
|
|
3997
3982
|
children: [
|
|
3998
|
-
|
|
3999
|
-
/* @__PURE__ */ t("span", { className:
|
|
3983
|
+
G,
|
|
3984
|
+
/* @__PURE__ */ t("span", { className: G ? s.buttonText : void 0, children: C || x("header.supportUs") })
|
|
4000
3985
|
]
|
|
4001
3986
|
}
|
|
4002
3987
|
),
|
|
4003
|
-
!
|
|
4004
|
-
|
|
3988
|
+
!L && V && /* @__PURE__ */ t("div", { className: s.themeToggle, children: /* @__PURE__ */ t(
|
|
3989
|
+
De,
|
|
4005
3990
|
{
|
|
4006
|
-
checked:
|
|
4007
|
-
onChange:
|
|
4008
|
-
"aria-label":
|
|
3991
|
+
checked: H === "dark",
|
|
3992
|
+
onChange: pe,
|
|
3993
|
+
"aria-label": x("header.toggleTheme")
|
|
4009
3994
|
}
|
|
4010
3995
|
) }),
|
|
4011
|
-
|
|
4012
|
-
const i =
|
|
3996
|
+
k && (() => {
|
|
3997
|
+
const i = F ?? "Frodo Baggins", g = O ?? (F ? ea(F) : "FB"), b = !!P;
|
|
4013
3998
|
return /* @__PURE__ */ r(
|
|
4014
3999
|
"div",
|
|
4015
4000
|
{
|
|
4016
4001
|
className: s.userInfo,
|
|
4017
|
-
onClick:
|
|
4018
|
-
role:
|
|
4019
|
-
tabIndex:
|
|
4020
|
-
onKeyDown:
|
|
4021
|
-
(
|
|
4002
|
+
onClick: P,
|
|
4003
|
+
role: b ? "button" : void 0,
|
|
4004
|
+
tabIndex: b ? 0 : void 0,
|
|
4005
|
+
onKeyDown: b ? (Y) => {
|
|
4006
|
+
(Y.key === "Enter" || Y.key === " ") && (Y.preventDefault(), P == null || P());
|
|
4022
4007
|
} : void 0,
|
|
4023
|
-
style:
|
|
4008
|
+
style: b ? { cursor: "pointer" } : void 0,
|
|
4024
4009
|
children: [
|
|
4025
|
-
/* @__PURE__ */ t(
|
|
4010
|
+
/* @__PURE__ */ t(ye, { "data-size": "md", className: s.userName, children: i }),
|
|
4026
4011
|
/* @__PURE__ */ t(
|
|
4027
|
-
|
|
4012
|
+
Oe,
|
|
4028
4013
|
{
|
|
4029
4014
|
"aria-label": i,
|
|
4030
4015
|
"data-color": "main",
|
|
4031
4016
|
variant: "circle",
|
|
4032
|
-
initials:
|
|
4033
|
-
children:
|
|
4017
|
+
initials: Q ? void 0 : g,
|
|
4018
|
+
children: Q ? /* @__PURE__ */ t(
|
|
4034
4019
|
"img",
|
|
4035
4020
|
{
|
|
4036
|
-
src:
|
|
4021
|
+
src: Q,
|
|
4037
4022
|
alt: "",
|
|
4038
4023
|
style: { width: "100%", height: "100%", objectFit: "cover" }
|
|
4039
4024
|
}
|
|
@@ -4044,88 +4029,83 @@ const _i = ({
|
|
|
4044
4029
|
}
|
|
4045
4030
|
);
|
|
4046
4031
|
})(),
|
|
4047
|
-
|
|
4048
|
-
/* @__PURE__ */ t(
|
|
4032
|
+
v && /* @__PURE__ */ r("a", { href: "#", className: s.loginLink, children: [
|
|
4033
|
+
/* @__PURE__ */ t(ye, { "data-size": "md", className: s.loginText, children: x("header.login") }),
|
|
4049
4034
|
/* @__PURE__ */ t("div", { className: s.underline })
|
|
4050
4035
|
] }),
|
|
4051
|
-
|
|
4052
|
-
|
|
4036
|
+
u && /* @__PURE__ */ t("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ r(
|
|
4037
|
+
de,
|
|
4053
4038
|
{
|
|
4054
4039
|
variant: "secondary",
|
|
4055
|
-
|
|
4056
|
-
"data-color": L === "soft" ? "neutral" : "main",
|
|
4040
|
+
"data-color": "main",
|
|
4057
4041
|
"data-size": "md",
|
|
4058
|
-
onClick:
|
|
4059
|
-
"aria-expanded":
|
|
4060
|
-
"aria-label":
|
|
4042
|
+
onClick: $,
|
|
4043
|
+
"aria-expanded": f,
|
|
4044
|
+
"aria-label": x(f ? "header.closeSearch" : "header.openSearch"),
|
|
4061
4045
|
children: [
|
|
4062
|
-
|
|
4063
|
-
/* @__PURE__ */ t("span", { className: s.buttonText, children:
|
|
4046
|
+
f ? /* @__PURE__ */ t(Fe, { "aria-hidden": !0 }) : /* @__PURE__ */ t(Be, { "aria-hidden": !0 }),
|
|
4047
|
+
/* @__PURE__ */ t("span", { className: s.buttonText, children: x(f ? "header.close" : "header.search") })
|
|
4064
4048
|
]
|
|
4065
4049
|
}
|
|
4066
4050
|
) }),
|
|
4067
|
-
(
|
|
4068
|
-
|
|
4051
|
+
(m || te) && /* @__PURE__ */ r(
|
|
4052
|
+
de,
|
|
4069
4053
|
{
|
|
4070
|
-
variant:
|
|
4071
|
-
shape: L === "soft" ? "pill" : void 0,
|
|
4054
|
+
variant: "primary",
|
|
4072
4055
|
"data-color": "main",
|
|
4073
4056
|
"data-size": "md",
|
|
4074
|
-
onClick:
|
|
4075
|
-
"aria-expanded":
|
|
4076
|
-
"aria-label":
|
|
4057
|
+
onClick: T,
|
|
4058
|
+
"aria-expanded": B,
|
|
4059
|
+
"aria-label": x(B ? "header.closeMenu" : "header.openMenu"),
|
|
4077
4060
|
className: s.menuButton,
|
|
4078
|
-
children:
|
|
4079
|
-
/* @__PURE__ */ t(
|
|
4080
|
-
|
|
4081
|
-
]
|
|
4082
|
-
T ? /* @__PURE__ */ t(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ t($e, { "aria-hidden": !0 }),
|
|
4083
|
-
/* @__PURE__ */ t("span", { className: s.buttonText, children: v(T ? "header.close" : "header.menu") })
|
|
4084
|
-
] })
|
|
4061
|
+
children: [
|
|
4062
|
+
B ? /* @__PURE__ */ t(Fe, { "aria-hidden": !0 }) : /* @__PURE__ */ t(mn, { "aria-hidden": !0 }),
|
|
4063
|
+
/* @__PURE__ */ t("span", { className: s.buttonText, children: x(B ? "header.close" : "header.menu") })
|
|
4064
|
+
]
|
|
4085
4065
|
}
|
|
4086
4066
|
)
|
|
4087
4067
|
] })
|
|
4088
4068
|
] }),
|
|
4089
|
-
|
|
4069
|
+
B && /* @__PURE__ */ t("div", { className: s.menuOverlay, children: /* @__PURE__ */ r("div", { className: s.menuContent, children: [
|
|
4090
4070
|
/* @__PURE__ */ t("div", { className: s.menuLeftColumn }),
|
|
4091
4071
|
/* @__PURE__ */ r("div", { className: s.menuRightColumn, children: [
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
/* @__PURE__ */ t("span", { className: s.languageLabel, children:
|
|
4072
|
+
te && (j || w) && /* @__PURE__ */ r("div", { className: s.menuUtilities, children: [
|
|
4073
|
+
j && /* @__PURE__ */ r("div", { className: s.languageSwitch, children: [
|
|
4074
|
+
/* @__PURE__ */ t("span", { className: s.languageLabel, children: x("header.language") }),
|
|
4095
4075
|
/* @__PURE__ */ r(U.TriggerContext, { children: [
|
|
4096
4076
|
/* @__PURE__ */ r(
|
|
4097
4077
|
U.Trigger,
|
|
4098
4078
|
{
|
|
4099
4079
|
className: s.languageLink,
|
|
4100
|
-
"aria-label":
|
|
4080
|
+
"aria-label": x("header.selectLanguage"),
|
|
4101
4081
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
4102
4082
|
children: [
|
|
4103
|
-
|
|
4083
|
+
N,
|
|
4104
4084
|
" ",
|
|
4105
|
-
/* @__PURE__ */ t(
|
|
4085
|
+
/* @__PURE__ */ t(je, { "aria-hidden": !0 })
|
|
4106
4086
|
]
|
|
4107
4087
|
}
|
|
4108
4088
|
),
|
|
4109
4089
|
/* @__PURE__ */ t(
|
|
4110
4090
|
U,
|
|
4111
4091
|
{
|
|
4112
|
-
"data-color-scheme":
|
|
4092
|
+
"data-color-scheme": H,
|
|
4113
4093
|
placement: "bottom-start",
|
|
4114
4094
|
children: /* @__PURE__ */ r(U.List, { children: [
|
|
4115
|
-
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () =>
|
|
4116
|
-
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () =>
|
|
4095
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => K("NO"), children: "Norsk (NO)" }) }),
|
|
4096
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => K("EN"), children: "English (EN)" }) })
|
|
4117
4097
|
] })
|
|
4118
4098
|
}
|
|
4119
4099
|
)
|
|
4120
4100
|
] })
|
|
4121
4101
|
] }),
|
|
4122
|
-
|
|
4123
|
-
|
|
4102
|
+
w && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
|
|
4103
|
+
De,
|
|
4124
4104
|
{
|
|
4125
4105
|
"data-size": "sm",
|
|
4126
|
-
checked:
|
|
4127
|
-
onChange:
|
|
4128
|
-
label:
|
|
4106
|
+
checked: H === "dark",
|
|
4107
|
+
onChange: pe,
|
|
4108
|
+
label: x("header.darkMode"),
|
|
4129
4109
|
color: "neutral",
|
|
4130
4110
|
"data-color-scheme": "light"
|
|
4131
4111
|
}
|
|
@@ -4133,85 +4113,85 @@ const _i = ({
|
|
|
4133
4113
|
] }),
|
|
4134
4114
|
/* @__PURE__ */ r("div", { className: s.slotContent, children: [
|
|
4135
4115
|
h,
|
|
4136
|
-
|
|
4137
|
-
|
|
4116
|
+
te && J && _ && _.length > 0 && /* @__PURE__ */ t("nav", { className: s.navList, children: _.map((i, g) => /* @__PURE__ */ t(
|
|
4117
|
+
re,
|
|
4138
4118
|
{
|
|
4139
4119
|
href: i.href,
|
|
4140
4120
|
className: s.navLink,
|
|
4141
|
-
onClick: (
|
|
4142
|
-
d && (
|
|
4121
|
+
onClick: (b) => {
|
|
4122
|
+
d && (b.preventDefault(), d(i.href));
|
|
4143
4123
|
},
|
|
4144
4124
|
children: i.label
|
|
4145
4125
|
},
|
|
4146
|
-
|
|
4126
|
+
g
|
|
4147
4127
|
)) })
|
|
4148
4128
|
] }),
|
|
4149
|
-
|
|
4129
|
+
te && /* @__PURE__ */ t("div", { className: s.menuBrand, children: /* @__PURE__ */ t(ce, {}) })
|
|
4150
4130
|
] })
|
|
4151
4131
|
] }) }),
|
|
4152
|
-
|
|
4153
|
-
/* @__PURE__ */ r(
|
|
4132
|
+
f && /* @__PURE__ */ t("div", { className: s.searchOverlay, children: /* @__PURE__ */ r("div", { className: s.searchContent, children: [
|
|
4133
|
+
/* @__PURE__ */ r(Te, { children: [
|
|
4154
4134
|
/* @__PURE__ */ t(
|
|
4155
|
-
|
|
4135
|
+
Te.Input,
|
|
4156
4136
|
{
|
|
4157
|
-
"aria-label":
|
|
4158
|
-
placeholder:
|
|
4159
|
-
value:
|
|
4160
|
-
onChange: (i) =>
|
|
4137
|
+
"aria-label": x("header.search"),
|
|
4138
|
+
placeholder: x("header.searchPlaceholder"),
|
|
4139
|
+
value: y,
|
|
4140
|
+
onChange: (i) => ee(i.target.value)
|
|
4161
4141
|
}
|
|
4162
4142
|
),
|
|
4163
|
-
/* @__PURE__ */ t(
|
|
4164
|
-
/* @__PURE__ */ t(
|
|
4143
|
+
/* @__PURE__ */ t(Te.Button, { "aria-label": x("header.search") }),
|
|
4144
|
+
/* @__PURE__ */ t(Te.ClearButton, { onClick: () => ee(""), "aria-label": x("header.clearSearch") })
|
|
4165
4145
|
] }),
|
|
4166
|
-
|
|
4167
|
-
/* @__PURE__ */ t("h3", { className: s.suggestionsTitle, children:
|
|
4168
|
-
/* @__PURE__ */ t("ul", { className: s.resultList, children:
|
|
4146
|
+
y && /* @__PURE__ */ t("div", { className: s.searchResults, children: q.length > 0 ? /* @__PURE__ */ r("div", { className: s.suggestionsSection, children: [
|
|
4147
|
+
/* @__PURE__ */ t("h3", { className: s.suggestionsTitle, children: x("header.suggestions") }),
|
|
4148
|
+
/* @__PURE__ */ t("ul", { className: s.resultList, children: q.slice(0, 5).map((i) => /* @__PURE__ */ t("li", { className: s.resultItem, children: /* @__PURE__ */ r(
|
|
4169
4149
|
"button",
|
|
4170
4150
|
{
|
|
4171
4151
|
className: s.resultLink,
|
|
4172
|
-
onClick: () =>
|
|
4152
|
+
onClick: () => ie(i.path),
|
|
4173
4153
|
children: [
|
|
4174
|
-
/* @__PURE__ */ t("span", { className: s.suggestionIcon, children: /* @__PURE__ */ t(
|
|
4154
|
+
/* @__PURE__ */ t("span", { className: s.suggestionIcon, children: /* @__PURE__ */ t(Be, { "aria-hidden": !0 }) }),
|
|
4175
4155
|
/* @__PURE__ */ t("span", { className: s.suggestionText, children: (() => {
|
|
4176
|
-
const
|
|
4177
|
-
if (
|
|
4178
|
-
const
|
|
4179
|
-
return /* @__PURE__ */ r(
|
|
4180
|
-
/* @__PURE__ */ t("span", { className: s.remainingText, children:
|
|
4181
|
-
/* @__PURE__ */ t("span", { className: s.highlightedText, children:
|
|
4182
|
-
/* @__PURE__ */ t("span", { className: s.remainingText, children:
|
|
4156
|
+
const g = i.title.toLowerCase().indexOf(y.toLowerCase());
|
|
4157
|
+
if (g === -1) return /* @__PURE__ */ t("span", { className: s.remainingText, children: i.title });
|
|
4158
|
+
const b = i.title.slice(0, g), Y = i.title.slice(g, g + y.length), we = i.title.slice(g + y.length);
|
|
4159
|
+
return /* @__PURE__ */ r(Ge, { children: [
|
|
4160
|
+
/* @__PURE__ */ t("span", { className: s.remainingText, children: b }),
|
|
4161
|
+
/* @__PURE__ */ t("span", { className: s.highlightedText, children: Y }),
|
|
4162
|
+
/* @__PURE__ */ t("span", { className: s.remainingText, children: we })
|
|
4183
4163
|
] });
|
|
4184
4164
|
})() })
|
|
4185
4165
|
]
|
|
4186
4166
|
}
|
|
4187
4167
|
) }, i.id)) }),
|
|
4188
|
-
|
|
4189
|
-
|
|
4168
|
+
q.length > 5 && /* @__PURE__ */ r(
|
|
4169
|
+
re,
|
|
4190
4170
|
{
|
|
4191
4171
|
href: "#",
|
|
4192
4172
|
"data-color": "neutral",
|
|
4193
4173
|
className: s.viewAllLink,
|
|
4194
4174
|
onClick: (i) => {
|
|
4195
|
-
i.preventDefault(), d && d(`search/${
|
|
4175
|
+
i.preventDefault(), d && d(`search/${y}`), l(!1), ee("");
|
|
4196
4176
|
},
|
|
4197
4177
|
children: [
|
|
4198
|
-
|
|
4178
|
+
x("header.viewAll"),
|
|
4199
4179
|
" (",
|
|
4200
|
-
|
|
4180
|
+
q.length,
|
|
4201
4181
|
")"
|
|
4202
4182
|
]
|
|
4203
4183
|
}
|
|
4204
4184
|
)
|
|
4205
|
-
] }) : /* @__PURE__ */ t("div", { className: s.noResults, children: /* @__PURE__ */ r(
|
|
4206
|
-
|
|
4185
|
+
] }) : /* @__PURE__ */ t("div", { className: s.noResults, children: /* @__PURE__ */ r(ye, { children: [
|
|
4186
|
+
x("header.noResults"),
|
|
4207
4187
|
' "',
|
|
4208
|
-
|
|
4188
|
+
y,
|
|
4209
4189
|
'"'
|
|
4210
4190
|
] }) }) })
|
|
4211
4191
|
] }) })
|
|
4212
4192
|
] });
|
|
4213
4193
|
};
|
|
4214
|
-
function
|
|
4194
|
+
function ta(n) {
|
|
4215
4195
|
const e = n;
|
|
4216
4196
|
return `
|
|
4217
4197
|
.${e.header} {
|
|
@@ -4306,14 +4286,6 @@ function oa(n) {
|
|
|
4306
4286
|
.${e.searchButtonWrapper} { display: flex; }
|
|
4307
4287
|
.${e.buttonText} { display: inline-block; margin-left: var(--ds-size-2); }
|
|
4308
4288
|
.${e.menuButton} { display: flex; align-items: center; }
|
|
4309
|
-
.${e.header}[data-button-style="soft"] .${e.actions} { gap: var(--ds-size-2); }
|
|
4310
|
-
.${e.header}[data-button-style="soft"] .${e.searchButtonWrapper} .ds-button,
|
|
4311
|
-
.${e.header}[data-button-style="soft"] .${e.menuButton} {
|
|
4312
|
-
--dsc-button-padding: 0 var(--ds-size-4);
|
|
4313
|
-
height: var(--ds-size-12);
|
|
4314
|
-
}
|
|
4315
|
-
.${e.header}[data-button-style="soft"] .${e.searchButtonWrapper} .${e.buttonText},
|
|
4316
|
-
.${e.header}[data-button-style="soft"] .${e.menuButton} .${e.buttonText} { margin-left: 0; }
|
|
4317
4289
|
.${e.menuOverlay}, .${e.searchOverlay} {
|
|
4318
4290
|
position: absolute; top: 100%; left: 0; width: 100%;
|
|
4319
4291
|
background-color: var(--ds-color-neutral-background-default);
|
|
@@ -4384,115 +4356,117 @@ function oa(n) {
|
|
|
4384
4356
|
}
|
|
4385
4357
|
`;
|
|
4386
4358
|
}
|
|
4387
|
-
const ra = "
|
|
4388
|
-
footer:
|
|
4389
|
-
mainSection:
|
|
4390
|
-
mainContainer:
|
|
4391
|
-
crossCornerTopRight:
|
|
4392
|
-
crossCornerBottomLeft:
|
|
4393
|
-
contentRow:
|
|
4394
|
-
newsletterSection:
|
|
4395
|
-
newsletterDescription:
|
|
4396
|
-
newsletterForm:
|
|
4397
|
-
newsletterInputGroup:
|
|
4398
|
-
newsletterInput:
|
|
4399
|
-
consentText:
|
|
4400
|
-
linksSection:
|
|
4401
|
-
linksColumn:
|
|
4402
|
-
linksTitle:
|
|
4403
|
-
linksList:
|
|
4404
|
-
footerLink:
|
|
4405
|
-
divider:
|
|
4406
|
-
contactSection:
|
|
4407
|
-
contactColumn:
|
|
4408
|
-
contactTitle:
|
|
4409
|
-
contactContent:
|
|
4410
|
-
copyrightSection:
|
|
4411
|
-
copyrightText:
|
|
4412
|
-
whiteSection:
|
|
4413
|
-
whiteContainer:
|
|
4414
|
-
whiteContent:
|
|
4415
|
-
logo:
|
|
4416
|
-
redCrossLogo:
|
|
4417
|
-
slotLarge:
|
|
4418
|
-
contentRowContact:
|
|
4419
|
-
socialLinksSection:
|
|
4420
|
-
socialLinksTitle:
|
|
4421
|
-
socialLinksList:
|
|
4422
|
-
socialLink:
|
|
4423
|
-
socialLinkIcon:
|
|
4424
|
-
contactPersonsSection:
|
|
4425
|
-
contactPersonsTitle:
|
|
4426
|
-
contactPersonsGrid:
|
|
4427
|
-
contactPersonCard:
|
|
4428
|
-
contactPersonName:
|
|
4429
|
-
contactPersonRole:
|
|
4430
|
-
contactPersonDetails:
|
|
4431
|
-
contactPersonLabel:
|
|
4432
|
-
contactPersonEmail:
|
|
4433
|
-
contactPersonPhone:
|
|
4434
|
-
contactPersonAddress:
|
|
4435
|
-
bottomRowContact:
|
|
4436
|
-
legalLinksRow:
|
|
4437
|
-
legalLink:
|
|
4438
|
-
dpMain:
|
|
4439
|
-
dpContainer:
|
|
4440
|
-
dpColumns:
|
|
4441
|
-
dpColumn:
|
|
4442
|
-
dpColTitle:
|
|
4443
|
-
dpList:
|
|
4444
|
-
dpLink:
|
|
4445
|
-
dpDivider:
|
|
4446
|
-
dpMeta:
|
|
4447
|
-
dpMetaCol:
|
|
4448
|
-
dpMetaTitle:
|
|
4449
|
-
dpMetaText:
|
|
4450
|
-
dpBottom:
|
|
4451
|
-
dpLegal:
|
|
4452
|
-
dpLegalLink:
|
|
4453
|
-
dpCopyright:
|
|
4359
|
+
const na = "_footer_12vvu_1", oa = "_mainSection_12vvu_7", ra = "_mainContainer_12vvu_25", aa = "_crossCornerTopRight_12vvu_35", sa = "_crossCornerBottomLeft_12vvu_42", ia = "_contentRow_12vvu_50", la = "_newsletterSection_12vvu_60", da = "_newsletterDescription_12vvu_67", ca = "_newsletterForm_12vvu_76", pa = "_newsletterInputGroup_12vvu_82", ma = "_newsletterInput_12vvu_82", ga = "_consentText_12vvu_93", ua = "_linksSection_12vvu_103", ha = "_linksColumn_12vvu_109", fa = "_linksTitle_12vvu_116", ka = "_linksList_12vvu_127", va = "_footerLink_12vvu_136", ba = "_divider_12vvu_158", ya = "_contactSection_12vvu_166", xa = "_contactColumn_12vvu_173", Ta = "_contactTitle_12vvu_181", Ca = "_contactContent_12vvu_190", wa = "_copyrightSection_12vvu_204", Sa = "_copyrightText_12vvu_209", Ia = "_whiteSection_12vvu_219", _a = "_whiteContainer_12vvu_224", Da = "_whiteContent_12vvu_232", La = "_logo_12vvu_240", Aa = "_redCrossLogo_12vvu_254", Na = "_slotLarge_12vvu_260", Ma = "_contentRowContact_12vvu_315", ja = "_socialLinksSection_12vvu_325", Fa = "_socialLinksTitle_12vvu_332", Ba = "_socialLinksList_12vvu_343", Ea = "_socialLink_12vvu_325", Pa = "_socialLinkIcon_12vvu_376", $a = "_contactPersonsSection_12vvu_391", za = "_contactPersonsTitle_12vvu_398", Ra = "_contactPersonsGrid_12vvu_409", Ga = "_contactPersonCard_12vvu_415", Wa = "_contactPersonName_12vvu_422", Ha = "_contactPersonRole_12vvu_431", Ua = "_contactPersonDetails_12vvu_440", Va = "_contactPersonLabel_12vvu_447", Oa = "_contactPersonEmail_12vvu_451", Ka = "_contactPersonPhone_12vvu_452", qa = "_contactPersonAddress_12vvu_453", Ya = "_bottomRowContact_12vvu_474", Za = "_legalLinksRow_12vvu_483", Xa = "_legalLink_12vvu_483", Ja = "_dpMain_12vvu_558", Qa = "_dpContainer_12vvu_567", es = "_dpColumns_12vvu_575", ts = "_dpColumn_12vvu_575", ns = "_dpColTitle_12vvu_588", os = "_dpList_12vvu_596", rs = "_dpLink_12vvu_605", as = "_dpDivider_12vvu_619", ss = "_dpMeta_12vvu_627", is = "_dpMetaCol_12vvu_633", ls = "_dpMetaTitle_12vvu_641", ds = "_dpMetaText_12vvu_649", cs = "_dpBottom_12vvu_657", ps = "_dpLegal_12vvu_665", ms = "_dpLegalLink_12vvu_674", gs = "_dpCopyright_12vvu_686", us = "_dpLogoBox_12vvu_694", hs = "_dpLogoImg_12vvu_710", o = {
|
|
4360
|
+
footer: na,
|
|
4361
|
+
mainSection: oa,
|
|
4362
|
+
mainContainer: ra,
|
|
4363
|
+
crossCornerTopRight: aa,
|
|
4364
|
+
crossCornerBottomLeft: sa,
|
|
4365
|
+
contentRow: ia,
|
|
4366
|
+
newsletterSection: la,
|
|
4367
|
+
newsletterDescription: da,
|
|
4368
|
+
newsletterForm: ca,
|
|
4369
|
+
newsletterInputGroup: pa,
|
|
4370
|
+
newsletterInput: ma,
|
|
4371
|
+
consentText: ga,
|
|
4372
|
+
linksSection: ua,
|
|
4373
|
+
linksColumn: ha,
|
|
4374
|
+
linksTitle: fa,
|
|
4375
|
+
linksList: ka,
|
|
4376
|
+
footerLink: va,
|
|
4377
|
+
divider: ba,
|
|
4378
|
+
contactSection: ya,
|
|
4379
|
+
contactColumn: xa,
|
|
4380
|
+
contactTitle: Ta,
|
|
4381
|
+
contactContent: Ca,
|
|
4382
|
+
copyrightSection: wa,
|
|
4383
|
+
copyrightText: Sa,
|
|
4384
|
+
whiteSection: Ia,
|
|
4385
|
+
whiteContainer: _a,
|
|
4386
|
+
whiteContent: Da,
|
|
4387
|
+
logo: La,
|
|
4388
|
+
redCrossLogo: Aa,
|
|
4389
|
+
slotLarge: Na,
|
|
4390
|
+
contentRowContact: Ma,
|
|
4391
|
+
socialLinksSection: ja,
|
|
4392
|
+
socialLinksTitle: Fa,
|
|
4393
|
+
socialLinksList: Ba,
|
|
4394
|
+
socialLink: Ea,
|
|
4395
|
+
socialLinkIcon: Pa,
|
|
4396
|
+
contactPersonsSection: $a,
|
|
4397
|
+
contactPersonsTitle: za,
|
|
4398
|
+
contactPersonsGrid: Ra,
|
|
4399
|
+
contactPersonCard: Ga,
|
|
4400
|
+
contactPersonName: Wa,
|
|
4401
|
+
contactPersonRole: Ha,
|
|
4402
|
+
contactPersonDetails: Ua,
|
|
4403
|
+
contactPersonLabel: Va,
|
|
4404
|
+
contactPersonEmail: Oa,
|
|
4405
|
+
contactPersonPhone: Ka,
|
|
4406
|
+
contactPersonAddress: qa,
|
|
4407
|
+
bottomRowContact: Ya,
|
|
4408
|
+
legalLinksRow: Za,
|
|
4409
|
+
legalLink: Xa,
|
|
4410
|
+
dpMain: Ja,
|
|
4411
|
+
dpContainer: Qa,
|
|
4412
|
+
dpColumns: es,
|
|
4413
|
+
dpColumn: ts,
|
|
4414
|
+
dpColTitle: ns,
|
|
4415
|
+
dpList: os,
|
|
4416
|
+
dpLink: rs,
|
|
4417
|
+
dpDivider: as,
|
|
4418
|
+
dpMeta: ss,
|
|
4419
|
+
dpMetaCol: is,
|
|
4420
|
+
dpMetaTitle: ls,
|
|
4421
|
+
dpMetaText: ds,
|
|
4422
|
+
dpBottom: cs,
|
|
4423
|
+
dpLegal: ps,
|
|
4424
|
+
dpLegalLink: ms,
|
|
4425
|
+
dpCopyright: gs,
|
|
4426
|
+
dpLogoBox: us,
|
|
4427
|
+
dpLogoImg: hs
|
|
4454
4428
|
}, Di = ({
|
|
4455
4429
|
"data-color": n = "neutral",
|
|
4456
4430
|
variant: e = "default",
|
|
4457
4431
|
colorScheme: a,
|
|
4458
4432
|
columns: d,
|
|
4459
4433
|
showCrossCorners: h = !1,
|
|
4460
|
-
newsletterDescription:
|
|
4461
|
-
newsletterPlaceholder:
|
|
4462
|
-
newsletterButtonText:
|
|
4463
|
-
newsletterConsentText:
|
|
4464
|
-
onNewsletterSubmit:
|
|
4465
|
-
hideNewsletter:
|
|
4466
|
-
shortcutsLinks:
|
|
4434
|
+
newsletterDescription: k = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
|
|
4435
|
+
newsletterPlaceholder: u = "Input tekst",
|
|
4436
|
+
newsletterButtonText: v = "Meld deg på",
|
|
4437
|
+
newsletterConsentText: M,
|
|
4438
|
+
onNewsletterSubmit: C,
|
|
4439
|
+
hideNewsletter: G = !1,
|
|
4440
|
+
shortcutsLinks: I,
|
|
4467
4441
|
linksLinks: V,
|
|
4468
|
-
shortcutsTitle:
|
|
4442
|
+
shortcutsTitle: D,
|
|
4469
4443
|
linksTitle: p,
|
|
4470
|
-
visitingAddress:
|
|
4471
|
-
organizationNumber:
|
|
4472
|
-
email:
|
|
4473
|
-
showPrimaryLogo:
|
|
4474
|
-
primaryLogoSrc:
|
|
4475
|
-
primaryLogoAlt:
|
|
4476
|
-
whiteSectionSlot:
|
|
4477
|
-
socialLinks:
|
|
4478
|
-
contactPersons:
|
|
4479
|
-
legalLinks:
|
|
4480
|
-
socialLinksTitle:
|
|
4481
|
-
contactPersonsTitle:
|
|
4444
|
+
visitingAddress: X = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
|
|
4445
|
+
organizationNumber: ne = "XXX XXX XXX",
|
|
4446
|
+
email: _ = "post@redcross.no",
|
|
4447
|
+
showPrimaryLogo: J = !0,
|
|
4448
|
+
primaryLogoSrc: m,
|
|
4449
|
+
primaryLogoAlt: L = "Røde Kors Logo",
|
|
4450
|
+
whiteSectionSlot: w,
|
|
4451
|
+
socialLinks: j = [],
|
|
4452
|
+
contactPersons: A = [],
|
|
4453
|
+
legalLinks: F = [],
|
|
4454
|
+
socialLinksTitle: O,
|
|
4455
|
+
contactPersonsTitle: Q
|
|
4482
4456
|
} = {}) => {
|
|
4483
|
-
const
|
|
4484
|
-
const $ =
|
|
4485
|
-
return $ === c ?
|
|
4457
|
+
const P = (/* @__PURE__ */ new Date()).getFullYear(), { t: B } = xe(), [E, f] = Le.useState(""), l = (c, T) => {
|
|
4458
|
+
const $ = B(c);
|
|
4459
|
+
return $ === c ? T : $;
|
|
4486
4460
|
};
|
|
4487
|
-
|
|
4461
|
+
Le.useEffect(() => {
|
|
4488
4462
|
const c = "rk-footer-inline-styles";
|
|
4489
4463
|
if (typeof document > "u" || document.getElementById(c)) return;
|
|
4490
|
-
const
|
|
4491
|
-
$.id = c, $.textContent =
|
|
4464
|
+
const T = fs(o), $ = document.createElement("style");
|
|
4465
|
+
$.id = c, $.textContent = T, document.head.appendChild($);
|
|
4492
4466
|
}, []);
|
|
4493
|
-
const
|
|
4494
|
-
c.preventDefault(),
|
|
4495
|
-
},
|
|
4467
|
+
const y = (c) => {
|
|
4468
|
+
c.preventDefault(), C == null || C(E);
|
|
4469
|
+
}, ee = () => /* @__PURE__ */ r(
|
|
4496
4470
|
"svg",
|
|
4497
4471
|
{
|
|
4498
4472
|
width: "170",
|
|
@@ -4516,33 +4490,33 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
|
|
|
4516
4490
|
/* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
|
|
4517
4491
|
]
|
|
4518
4492
|
}
|
|
4519
|
-
),
|
|
4493
|
+
), H = [
|
|
4520
4494
|
{ label: l("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
|
|
4521
4495
|
{ label: l("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
|
|
4522
4496
|
{ label: l("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
|
|
4523
4497
|
{ label: l("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
|
|
4524
4498
|
{ label: l("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
|
|
4525
4499
|
{ label: l("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
|
|
4526
|
-
],
|
|
4500
|
+
], S = [
|
|
4527
4501
|
{ label: l("footer.legal.privacy", "Personvern"), href: "#" },
|
|
4528
4502
|
{ label: l("footer.legal.press", "For presse"), href: "#" },
|
|
4529
4503
|
{ label: l("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
|
|
4530
4504
|
{ label: l("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
|
|
4531
|
-
],
|
|
4505
|
+
], N = /* @__PURE__ */ r(Ge, { children: [
|
|
4532
4506
|
'Ved å trykke "',
|
|
4533
|
-
|
|
4507
|
+
v,
|
|
4534
4508
|
'" samtykker du til å motta nyhetsbrev.',
|
|
4535
4509
|
/* @__PURE__ */ t("br", {}),
|
|
4536
4510
|
"Du kan når som helst ",
|
|
4537
|
-
/* @__PURE__ */ t(
|
|
4511
|
+
/* @__PURE__ */ t(re, { href: "#", children: "melde deg av" }),
|
|
4538
4512
|
" nyhetsbrevet uten kostnad."
|
|
4539
|
-
] }),
|
|
4540
|
-
|
|
4541
|
-
/* @__PURE__ */ t("ul", { className: o.socialLinksList, children:
|
|
4513
|
+
] }), K = I || H, x = V || S, te = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
|
|
4514
|
+
O && /* @__PURE__ */ t("h3", { className: o.socialLinksTitle, children: O }),
|
|
4515
|
+
/* @__PURE__ */ t("ul", { className: o.socialLinksList, children: j.map((c, T) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ r(re, { href: c.href, className: o.socialLink, children: [
|
|
4542
4516
|
/* @__PURE__ */ t("span", { className: o.socialLinkIcon, children: c.icon }),
|
|
4543
4517
|
c.label
|
|
4544
|
-
] }) },
|
|
4545
|
-
] }),
|
|
4518
|
+
] }) }, T)) })
|
|
4519
|
+
] }), me = ({ person: c }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
|
|
4546
4520
|
/* @__PURE__ */ t("p", { className: o.contactPersonName, children: c.name }),
|
|
4547
4521
|
/* @__PURE__ */ t("p", { className: o.contactPersonRole, children: c.role }),
|
|
4548
4522
|
/* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
|
|
@@ -4552,7 +4526,7 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
|
|
|
4552
4526
|
":"
|
|
4553
4527
|
] }),
|
|
4554
4528
|
" ",
|
|
4555
|
-
/* @__PURE__ */ t(
|
|
4529
|
+
/* @__PURE__ */ t(re, { href: `mailto:${c.email}`, children: c.email })
|
|
4556
4530
|
] }),
|
|
4557
4531
|
c.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
|
|
4558
4532
|
/* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
|
|
@@ -4564,132 +4538,133 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
|
|
|
4564
4538
|
] }),
|
|
4565
4539
|
c.address && /* @__PURE__ */ t("p", { className: o.contactPersonAddress, children: c.address })
|
|
4566
4540
|
] })
|
|
4567
|
-
] }),
|
|
4568
|
-
|
|
4569
|
-
/* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children:
|
|
4570
|
-
] }),
|
|
4541
|
+
] }), ce = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
|
|
4542
|
+
Q && /* @__PURE__ */ t("h3", { className: o.contactPersonsTitle, children: Q }),
|
|
4543
|
+
/* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children: A.map((c, T) => /* @__PURE__ */ t(me, { person: c }, T)) })
|
|
4544
|
+
] }), pe = () => /* @__PURE__ */ t("ul", { className: o.legalLinksRow, children: F.map((c, T) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(re, { href: c.href, className: o.legalLink, children: c.label }) }, T)) });
|
|
4571
4545
|
if (e === "columns") {
|
|
4572
4546
|
const c = [
|
|
4573
4547
|
{
|
|
4574
4548
|
title: l("footer.contact.title", "Kontakt"),
|
|
4575
|
-
links:
|
|
4549
|
+
links: H
|
|
4576
4550
|
},
|
|
4577
4551
|
{
|
|
4578
4552
|
title: l("footer.bidra", "Bidra"),
|
|
4579
|
-
links:
|
|
4553
|
+
links: H
|
|
4580
4554
|
},
|
|
4581
4555
|
{
|
|
4582
4556
|
title: l("footer.shortcuts", "Snarveier"),
|
|
4583
|
-
links:
|
|
4557
|
+
links: H
|
|
4584
4558
|
}
|
|
4585
|
-
],
|
|
4559
|
+
], T = d && d.length > 0 ? d : c, $ = F.length > 0 ? F : S;
|
|
4586
4560
|
return /* @__PURE__ */ t("footer", { className: o.footer, "data-color": n, "data-color-scheme": a, children: /* @__PURE__ */ t("div", { className: o.dpMain, children: /* @__PURE__ */ r("div", { className: o.dpContainer, children: [
|
|
4587
|
-
/* @__PURE__ */ t("div", { className: o.dpColumns, children:
|
|
4588
|
-
/* @__PURE__ */ t("h3", { className: o.dpColTitle, children:
|
|
4589
|
-
/* @__PURE__ */ t("ul", { className: o.dpList, children:
|
|
4590
|
-
] },
|
|
4561
|
+
/* @__PURE__ */ t("div", { className: o.dpColumns, children: T.map((q, ie) => /* @__PURE__ */ r("nav", { className: o.dpColumn, "aria-label": q.title, children: [
|
|
4562
|
+
/* @__PURE__ */ t("h3", { className: o.dpColTitle, children: q.title }),
|
|
4563
|
+
/* @__PURE__ */ t("ul", { className: o.dpList, children: q.links.map((i, g) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(re, { href: i.href, className: o.dpLink, children: i.label }) }, g)) })
|
|
4564
|
+
] }, ie)) }),
|
|
4591
4565
|
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4592
4566
|
/* @__PURE__ */ r("div", { className: o.dpMeta, children: [
|
|
4593
4567
|
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4594
4568
|
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.visitingAddress", "Besøksadresse") }),
|
|
4595
|
-
|
|
4569
|
+
X.map((q, ie) => /* @__PURE__ */ t("p", { className: o.dpMetaText, children: q }, ie))
|
|
4596
4570
|
] }),
|
|
4597
4571
|
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4598
4572
|
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4599
|
-
/* @__PURE__ */ t("p", { className: o.dpMetaText, children:
|
|
4573
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: ne })
|
|
4600
4574
|
] }),
|
|
4601
4575
|
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4602
4576
|
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.email", "E-post") }),
|
|
4603
|
-
/* @__PURE__ */ t("p", { className: o.dpMetaText, children:
|
|
4577
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: _ })
|
|
4604
4578
|
] })
|
|
4605
4579
|
] }),
|
|
4606
4580
|
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4607
4581
|
/* @__PURE__ */ r("div", { className: o.dpBottom, children: [
|
|
4608
|
-
/* @__PURE__ */ t("ul", { className: o.dpLegal, children: $.map((
|
|
4582
|
+
/* @__PURE__ */ t("ul", { className: o.dpLegal, children: $.map((q, ie) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(re, { href: q.href, className: o.dpLegalLink, children: q.label }) }, ie)) }),
|
|
4609
4583
|
/* @__PURE__ */ r("p", { className: o.dpCopyright, children: [
|
|
4610
4584
|
"© ",
|
|
4611
|
-
|
|
4585
|
+
P,
|
|
4612
4586
|
" ",
|
|
4613
4587
|
l("footer.copyright", "Røde Kors")
|
|
4614
4588
|
] })
|
|
4615
|
-
] })
|
|
4589
|
+
] }),
|
|
4590
|
+
m ? /* @__PURE__ */ t("img", { src: m, alt: L, className: o.dpLogoImg }) : /* @__PURE__ */ t("div", { className: o.dpLogoBox, "data-color-scheme": "light", children: /* @__PURE__ */ t(ee, {}) })
|
|
4616
4591
|
] }) }) });
|
|
4617
4592
|
}
|
|
4618
4593
|
return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4619
4594
|
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4620
|
-
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(
|
|
4595
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(be, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
|
|
4621
4596
|
/* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
|
|
4622
|
-
|
|
4623
|
-
|
|
4597
|
+
j.length > 0 && /* @__PURE__ */ t(te, {}),
|
|
4598
|
+
A.length > 0 && /* @__PURE__ */ t(ce, {})
|
|
4624
4599
|
] }),
|
|
4625
4600
|
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4626
4601
|
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4627
4602
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4628
4603
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4629
|
-
/* @__PURE__ */ t("div", { className: o.contactContent, children:
|
|
4604
|
+
/* @__PURE__ */ t("div", { className: o.contactContent, children: X.map((c, T) => /* @__PURE__ */ t("p", { children: c }, T)) })
|
|
4630
4605
|
] }),
|
|
4631
4606
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4632
4607
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4633
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4608
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: ne })
|
|
4634
4609
|
] }),
|
|
4635
4610
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4636
4611
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4637
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4612
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: _ })
|
|
4638
4613
|
] })
|
|
4639
4614
|
] }),
|
|
4640
4615
|
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4641
4616
|
/* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
|
|
4642
|
-
|
|
4617
|
+
F.length > 0 && /* @__PURE__ */ t(pe, {}),
|
|
4643
4618
|
/* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4644
4619
|
"© ",
|
|
4645
|
-
|
|
4620
|
+
P,
|
|
4646
4621
|
" ",
|
|
4647
4622
|
l("footer.copyright", "Rødekors")
|
|
4648
4623
|
] })
|
|
4649
4624
|
] }),
|
|
4650
|
-
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(
|
|
4625
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(be, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
|
|
4651
4626
|
] }) }),
|
|
4652
4627
|
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4653
|
-
|
|
4628
|
+
J && (m ? /* @__PURE__ */ t(
|
|
4654
4629
|
"img",
|
|
4655
4630
|
{
|
|
4656
|
-
src:
|
|
4657
|
-
alt:
|
|
4631
|
+
src: m,
|
|
4632
|
+
alt: L,
|
|
4658
4633
|
className: o.logo,
|
|
4659
4634
|
loading: "lazy"
|
|
4660
4635
|
}
|
|
4661
|
-
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(
|
|
4662
|
-
|
|
4636
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) })),
|
|
4637
|
+
w && /* @__PURE__ */ t("div", { className: o.slotLarge, children: w })
|
|
4663
4638
|
] }) }) })
|
|
4664
4639
|
] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4665
4640
|
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4666
|
-
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(
|
|
4641
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(be, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
|
|
4667
4642
|
/* @__PURE__ */ r("div", { className: o.contentRow, children: [
|
|
4668
|
-
!
|
|
4669
|
-
/* @__PURE__ */ t("p", { className: o.newsletterDescription, children:
|
|
4670
|
-
/* @__PURE__ */ t("form", { className: o.newsletterForm, onSubmit:
|
|
4643
|
+
!G && /* @__PURE__ */ r("div", { className: o.newsletterSection, children: [
|
|
4644
|
+
/* @__PURE__ */ t("p", { className: o.newsletterDescription, children: k }),
|
|
4645
|
+
/* @__PURE__ */ t("form", { className: o.newsletterForm, onSubmit: y, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
|
|
4671
4646
|
/* @__PURE__ */ t(
|
|
4672
|
-
|
|
4647
|
+
Ye,
|
|
4673
4648
|
{
|
|
4674
4649
|
type: "email",
|
|
4675
|
-
placeholder:
|
|
4676
|
-
value:
|
|
4677
|
-
onChange: (c) =>
|
|
4650
|
+
placeholder: u,
|
|
4651
|
+
value: E,
|
|
4652
|
+
onChange: (c) => f(c.target.value),
|
|
4678
4653
|
className: o.newsletterInput
|
|
4679
4654
|
}
|
|
4680
4655
|
),
|
|
4681
|
-
/* @__PURE__ */ t(
|
|
4656
|
+
/* @__PURE__ */ t(de, { type: "submit", variant: "primary", "data-color": "neutral", children: v })
|
|
4682
4657
|
] }) }),
|
|
4683
|
-
/* @__PURE__ */ t("p", { className: o.consentText, children:
|
|
4658
|
+
/* @__PURE__ */ t("p", { className: o.consentText, children: M || N })
|
|
4684
4659
|
] }),
|
|
4685
4660
|
/* @__PURE__ */ r("div", { className: o.linksSection, children: [
|
|
4686
|
-
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label":
|
|
4687
|
-
/* @__PURE__ */ t("h3", { className: o.linksTitle, children:
|
|
4688
|
-
/* @__PURE__ */ t("ul", { className: o.linksList, children:
|
|
4661
|
+
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": D || l("footer.shortcuts", "Snarveier"), children: [
|
|
4662
|
+
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: D || l("footer.shortcuts", "Snarveier") }),
|
|
4663
|
+
/* @__PURE__ */ t("ul", { className: o.linksList, children: K.map((c, T) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(re, { href: c.href, className: o.footerLink, children: c.label }) }, T)) })
|
|
4689
4664
|
] }),
|
|
4690
4665
|
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": p || l("footer.links", "Lenker"), children: [
|
|
4691
4666
|
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: p || l("footer.links", "Lenker") }),
|
|
4692
|
-
/* @__PURE__ */ t("ul", { className: o.linksList, children:
|
|
4667
|
+
/* @__PURE__ */ t("ul", { className: o.linksList, children: x.map((c, T) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(re, { href: c.href, className: o.footerLink, children: c.label }) }, T)) })
|
|
4693
4668
|
] })
|
|
4694
4669
|
] })
|
|
4695
4670
|
] }),
|
|
@@ -4697,37 +4672,37 @@ const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_
|
|
|
4697
4672
|
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4698
4673
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4699
4674
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4700
|
-
/* @__PURE__ */ t("div", { className: o.contactContent, children:
|
|
4675
|
+
/* @__PURE__ */ t("div", { className: o.contactContent, children: X.map((c, T) => /* @__PURE__ */ t("p", { children: c }, T)) })
|
|
4701
4676
|
] }),
|
|
4702
4677
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4703
4678
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4704
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4679
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: ne })
|
|
4705
4680
|
] }),
|
|
4706
4681
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4707
4682
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4708
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4683
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: _ })
|
|
4709
4684
|
] })
|
|
4710
4685
|
] }),
|
|
4711
4686
|
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4712
4687
|
/* @__PURE__ */ t("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4713
4688
|
"© ",
|
|
4714
|
-
|
|
4689
|
+
P,
|
|
4715
4690
|
" ",
|
|
4716
4691
|
l("footer.copyright", "Rødekors")
|
|
4717
4692
|
] }) }),
|
|
4718
|
-
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(
|
|
4693
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(be, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
|
|
4719
4694
|
] }) }),
|
|
4720
4695
|
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4721
|
-
|
|
4696
|
+
J && (m ? /* @__PURE__ */ t(
|
|
4722
4697
|
"img",
|
|
4723
4698
|
{
|
|
4724
|
-
src:
|
|
4725
|
-
alt:
|
|
4699
|
+
src: m,
|
|
4700
|
+
alt: L,
|
|
4726
4701
|
className: o.logo,
|
|
4727
4702
|
loading: "lazy"
|
|
4728
4703
|
}
|
|
4729
|
-
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(
|
|
4730
|
-
|
|
4704
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) })),
|
|
4705
|
+
w && /* @__PURE__ */ t("div", { className: o.slotLarge, children: w })
|
|
4731
4706
|
] }) }) })
|
|
4732
4707
|
] });
|
|
4733
4708
|
};
|
|
@@ -5156,7 +5131,7 @@ function fs(n) {
|
|
|
5156
5131
|
}
|
|
5157
5132
|
`;
|
|
5158
5133
|
}
|
|
5159
|
-
const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_35", ys = "_amountSection_1hxqz_47", xs = "_amountLabel_1hxqz_55", Ts = "_amountButtons_1hxqz_64", Cs = "_customAmountField_1hxqz_75", ws = "_impactRow_1hxqz_80", Ss = "_heartIcon_1hxqz_88", Is = "_impactText_1hxqz_102", _s = "_impactAmount_1hxqz_112", Ds = "_actionsSection_1hxqz_117", Ls = "_vippsButton_1hxqz_127",
|
|
5134
|
+
const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_35", ys = "_amountSection_1hxqz_47", xs = "_amountLabel_1hxqz_55", Ts = "_amountButtons_1hxqz_64", Cs = "_customAmountField_1hxqz_75", ws = "_impactRow_1hxqz_80", Ss = "_heartIcon_1hxqz_88", Is = "_impactText_1hxqz_102", _s = "_impactAmount_1hxqz_112", Ds = "_actionsSection_1hxqz_117", Ls = "_vippsButton_1hxqz_127", As = "_vippsButtonLabel_1hxqz_157", Ns = "_vippsLogo_1hxqz_166", Ms = "_avtalegiroLink_1hxqz_179", js = "_tabHeartIcon_1hxqz_184", z = {
|
|
5160
5135
|
donor: ks,
|
|
5161
5136
|
tabsWrapper: vs,
|
|
5162
5137
|
content: bs,
|
|
@@ -5170,11 +5145,11 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
|
|
|
5170
5145
|
impactAmount: _s,
|
|
5171
5146
|
actionsSection: Ds,
|
|
5172
5147
|
vippsButton: Ls,
|
|
5173
|
-
vippsButtonLabel:
|
|
5174
|
-
vippsLogo:
|
|
5175
|
-
avtalegiroLink:
|
|
5176
|
-
tabHeartIcon:
|
|
5177
|
-
},
|
|
5148
|
+
vippsButtonLabel: As,
|
|
5149
|
+
vippsLogo: Ns,
|
|
5150
|
+
avtalegiroLink: Ms,
|
|
5151
|
+
tabHeartIcon: js
|
|
5152
|
+
}, Re = () => /* @__PURE__ */ t(
|
|
5178
5153
|
"svg",
|
|
5179
5154
|
{
|
|
5180
5155
|
width: "19",
|
|
@@ -5238,124 +5213,124 @@ const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_
|
|
|
5238
5213
|
defaultAmount: a = 345,
|
|
5239
5214
|
oneTimeLabel: d = "En gang",
|
|
5240
5215
|
monthlyLabel: h = "Hver måned",
|
|
5241
|
-
customAmountPlaceholder:
|
|
5242
|
-
amountLabel:
|
|
5243
|
-
impactMessage:
|
|
5244
|
-
vippsButtonLabel:
|
|
5245
|
-
avtalegiroLabel:
|
|
5246
|
-
avtalegiroHref:
|
|
5247
|
-
currencySuffix:
|
|
5216
|
+
customAmountPlaceholder: k = "Valgfritt beløp",
|
|
5217
|
+
amountLabel: u = "Velg ønsket beløp:",
|
|
5218
|
+
impactMessage: v = "En gave på {amount} bidrar til ...",
|
|
5219
|
+
vippsButtonLabel: M = "Gi med",
|
|
5220
|
+
avtalegiroLabel: C = "Gi med avtalegiro",
|
|
5221
|
+
avtalegiroHref: G = "#",
|
|
5222
|
+
currencySuffix: I = "kr",
|
|
5248
5223
|
onVippsClick: V,
|
|
5249
|
-
onAvtalegiroClick:
|
|
5224
|
+
onAvtalegiroClick: D,
|
|
5250
5225
|
onAmountChange: p,
|
|
5251
|
-
showVippsButton:
|
|
5252
|
-
showAvtalegiroLink:
|
|
5253
|
-
showImpactMessage:
|
|
5254
|
-
heartVariant:
|
|
5226
|
+
showVippsButton: X = !0,
|
|
5227
|
+
showAvtalegiroLink: ne = !0,
|
|
5228
|
+
showImpactMessage: _ = !0,
|
|
5229
|
+
heartVariant: J = "outlined"
|
|
5255
5230
|
}) => {
|
|
5256
|
-
const [
|
|
5257
|
-
|
|
5258
|
-
const
|
|
5259
|
-
if (typeof document > "u" || document.getElementById(
|
|
5260
|
-
const
|
|
5261
|
-
|
|
5231
|
+
const [m, L] = Z("monthly"), [w, j] = Z(a), [A, F] = Z(""), [O, Q] = Z(!1);
|
|
5232
|
+
R(() => {
|
|
5233
|
+
const S = "rk-donor-inline-styles";
|
|
5234
|
+
if (typeof document > "u" || document.getElementById(S)) return;
|
|
5235
|
+
const N = Ps(z), K = document.createElement("style");
|
|
5236
|
+
K.id = S, K.textContent = N, document.head.appendChild(K);
|
|
5262
5237
|
}, []);
|
|
5263
|
-
const
|
|
5264
|
-
|
|
5265
|
-
},
|
|
5266
|
-
const
|
|
5267
|
-
|
|
5268
|
-
const
|
|
5269
|
-
|
|
5270
|
-
},
|
|
5271
|
-
|
|
5272
|
-
}, l = (
|
|
5273
|
-
const
|
|
5274
|
-
|
|
5275
|
-
},
|
|
5276
|
-
V == null || V(
|
|
5277
|
-
},
|
|
5278
|
-
|
|
5279
|
-
},
|
|
5280
|
-
const
|
|
5238
|
+
const P = O && A ? parseInt(A, 10) || 0 : w, B = (S) => {
|
|
5239
|
+
j(S), Q(!1), F(""), p == null || p(S, m);
|
|
5240
|
+
}, E = (S) => {
|
|
5241
|
+
const N = S.target.value;
|
|
5242
|
+
F(N), Q(!0);
|
|
5243
|
+
const K = parseInt(N, 10);
|
|
5244
|
+
K > 0 && (p == null || p(K, m));
|
|
5245
|
+
}, f = () => {
|
|
5246
|
+
Q(!0);
|
|
5247
|
+
}, l = (S) => {
|
|
5248
|
+
const N = S;
|
|
5249
|
+
L(N), p == null || p(P, N);
|
|
5250
|
+
}, y = () => {
|
|
5251
|
+
V == null || V(P, m);
|
|
5252
|
+
}, ee = () => {
|
|
5253
|
+
D == null || D();
|
|
5254
|
+
}, H = () => {
|
|
5255
|
+
const S = `${P} ${I}`, N = v.split("{amount}");
|
|
5281
5256
|
return /* @__PURE__ */ r("span", { children: [
|
|
5282
|
-
|
|
5283
|
-
/* @__PURE__ */ t("span", { className:
|
|
5284
|
-
|
|
5257
|
+
N[0],
|
|
5258
|
+
/* @__PURE__ */ t("span", { className: z.impactAmount, children: S }),
|
|
5259
|
+
N[1] || ""
|
|
5285
5260
|
] });
|
|
5286
5261
|
};
|
|
5287
|
-
return /* @__PURE__ */ r("div", { className:
|
|
5288
|
-
/* @__PURE__ */ t("div", { className:
|
|
5289
|
-
/* @__PURE__ */ t(
|
|
5290
|
-
/* @__PURE__ */ r(
|
|
5291
|
-
/* @__PURE__ */ t("span", { className:
|
|
5262
|
+
return /* @__PURE__ */ r("div", { className: z.donor, "data-color": n, children: [
|
|
5263
|
+
/* @__PURE__ */ t("div", { className: z.tabsWrapper, children: /* @__PURE__ */ t(Ce, { defaultValue: "monthly", onChange: l, "data-size": "md", children: /* @__PURE__ */ r(Ce.List, { children: [
|
|
5264
|
+
/* @__PURE__ */ t(Ce.Tab, { value: "one-time", children: d }),
|
|
5265
|
+
/* @__PURE__ */ r(Ce.Tab, { value: "monthly", children: [
|
|
5266
|
+
/* @__PURE__ */ t("span", { className: z.tabHeartIcon, children: /* @__PURE__ */ t(Re, {}) }),
|
|
5292
5267
|
h
|
|
5293
5268
|
] })
|
|
5294
5269
|
] }) }) }),
|
|
5295
|
-
/* @__PURE__ */ r("div", { className:
|
|
5296
|
-
/* @__PURE__ */ r("div", { className:
|
|
5297
|
-
/* @__PURE__ */ t(
|
|
5298
|
-
/* @__PURE__ */ t("div", { className:
|
|
5299
|
-
const
|
|
5270
|
+
/* @__PURE__ */ r("div", { className: z.content, children: [
|
|
5271
|
+
/* @__PURE__ */ r("div", { className: z.amountSection, children: [
|
|
5272
|
+
/* @__PURE__ */ t(ye, { className: z.amountLabel, "data-size": "sm", children: u }),
|
|
5273
|
+
/* @__PURE__ */ t("div", { className: z.amountButtons, children: e.map((S) => {
|
|
5274
|
+
const N = !O && w === S.value;
|
|
5300
5275
|
return /* @__PURE__ */ t(
|
|
5301
|
-
|
|
5276
|
+
de,
|
|
5302
5277
|
{
|
|
5303
|
-
variant:
|
|
5304
|
-
"data-color":
|
|
5305
|
-
onClick: () =>
|
|
5306
|
-
children:
|
|
5278
|
+
variant: N ? "primary" : "secondary",
|
|
5279
|
+
"data-color": N ? "accent" : "neutral",
|
|
5280
|
+
onClick: () => B(S.value),
|
|
5281
|
+
children: S.label
|
|
5307
5282
|
},
|
|
5308
|
-
|
|
5283
|
+
S.value
|
|
5309
5284
|
);
|
|
5310
5285
|
}) }),
|
|
5311
|
-
/* @__PURE__ */ t("div", { className:
|
|
5312
|
-
|
|
5286
|
+
/* @__PURE__ */ t("div", { className: z.customAmountField, children: /* @__PURE__ */ t(
|
|
5287
|
+
Xo,
|
|
5313
5288
|
{
|
|
5314
|
-
"aria-label":
|
|
5315
|
-
placeholder:
|
|
5316
|
-
value:
|
|
5317
|
-
onChange:
|
|
5318
|
-
onFocus:
|
|
5289
|
+
"aria-label": k,
|
|
5290
|
+
placeholder: k,
|
|
5291
|
+
value: A,
|
|
5292
|
+
onChange: E,
|
|
5293
|
+
onFocus: f,
|
|
5319
5294
|
type: "number",
|
|
5320
5295
|
min: 1
|
|
5321
5296
|
}
|
|
5322
5297
|
) })
|
|
5323
5298
|
] }),
|
|
5324
|
-
|
|
5325
|
-
/* @__PURE__ */ t("div", { className:
|
|
5326
|
-
/* @__PURE__ */ t("p", { className:
|
|
5299
|
+
_ && /* @__PURE__ */ r("div", { className: z.impactRow, children: [
|
|
5300
|
+
/* @__PURE__ */ t("div", { className: z.heartIcon, children: J === "filled" ? /* @__PURE__ */ t(Re, {}) : /* @__PURE__ */ t(Fs, {}) }),
|
|
5301
|
+
/* @__PURE__ */ t("p", { className: z.impactText, children: H() })
|
|
5327
5302
|
] }),
|
|
5328
|
-
/* @__PURE__ */ r("div", { className:
|
|
5329
|
-
|
|
5303
|
+
/* @__PURE__ */ r("div", { className: z.actionsSection, children: [
|
|
5304
|
+
X && /* @__PURE__ */ r(
|
|
5330
5305
|
"button",
|
|
5331
5306
|
{
|
|
5332
|
-
className:
|
|
5333
|
-
onClick:
|
|
5307
|
+
className: z.vippsButton,
|
|
5308
|
+
onClick: y,
|
|
5334
5309
|
type: "button",
|
|
5335
|
-
"aria-label": `${
|
|
5310
|
+
"aria-label": `${M} Vipps`,
|
|
5336
5311
|
children: [
|
|
5337
|
-
/* @__PURE__ */ t("span", { className:
|
|
5338
|
-
/* @__PURE__ */ t("span", { className:
|
|
5312
|
+
/* @__PURE__ */ t("span", { className: z.vippsButtonLabel, children: M }),
|
|
5313
|
+
/* @__PURE__ */ t("span", { className: z.vippsLogo, children: /* @__PURE__ */ t(Bs, {}) })
|
|
5339
5314
|
]
|
|
5340
5315
|
}
|
|
5341
5316
|
),
|
|
5342
|
-
|
|
5343
|
-
|
|
5317
|
+
ne && /* @__PURE__ */ t(
|
|
5318
|
+
re,
|
|
5344
5319
|
{
|
|
5345
|
-
href:
|
|
5320
|
+
href: G,
|
|
5346
5321
|
"data-color": "neutral",
|
|
5347
|
-
className:
|
|
5348
|
-
onClick: (
|
|
5349
|
-
|
|
5322
|
+
className: z.avtalegiroLink,
|
|
5323
|
+
onClick: (S) => {
|
|
5324
|
+
D && (S.preventDefault(), ee());
|
|
5350
5325
|
},
|
|
5351
|
-
children:
|
|
5326
|
+
children: C
|
|
5352
5327
|
}
|
|
5353
5328
|
)
|
|
5354
5329
|
] })
|
|
5355
5330
|
] })
|
|
5356
5331
|
] });
|
|
5357
5332
|
};
|
|
5358
|
-
function
|
|
5333
|
+
function Ps(n) {
|
|
5359
5334
|
return `
|
|
5360
5335
|
.${n.donor} {
|
|
5361
5336
|
border-radius: 16px;
|
|
@@ -5521,23 +5496,23 @@ function $s(n) {
|
|
|
5521
5496
|
`;
|
|
5522
5497
|
}
|
|
5523
5498
|
export {
|
|
5524
|
-
|
|
5525
|
-
|
|
5526
|
-
|
|
5499
|
+
un as Alert,
|
|
5500
|
+
Oe as Avatar,
|
|
5501
|
+
hn as Badge,
|
|
5527
5502
|
Us as BadgePosition,
|
|
5528
5503
|
Vs as Breadcrumbs,
|
|
5529
5504
|
Ks as BreadcrumbsItem,
|
|
5530
5505
|
qs as BreadcrumbsLink,
|
|
5531
5506
|
Os as BreadcrumbsList,
|
|
5532
|
-
|
|
5533
|
-
|
|
5507
|
+
de as Button,
|
|
5508
|
+
fn as Card,
|
|
5534
5509
|
Ys as CardBlock,
|
|
5535
|
-
|
|
5536
|
-
|
|
5510
|
+
Po as Carousel,
|
|
5511
|
+
kn as Checkbox,
|
|
5537
5512
|
Xs as Chip,
|
|
5538
|
-
|
|
5539
|
-
|
|
5540
|
-
|
|
5513
|
+
be as CrossCorner,
|
|
5514
|
+
bo as DateInput,
|
|
5515
|
+
co as DatePicker,
|
|
5541
5516
|
ei as Details,
|
|
5542
5517
|
ti as Dialog,
|
|
5543
5518
|
ni as Divider,
|
|
@@ -5551,42 +5526,42 @@ export {
|
|
|
5551
5526
|
ri as DropdownTriggerContext,
|
|
5552
5527
|
di as ErrorSummary,
|
|
5553
5528
|
ci as Field,
|
|
5554
|
-
|
|
5555
|
-
|
|
5529
|
+
Vo as FieldCounter,
|
|
5530
|
+
Uo as FieldDescription,
|
|
5556
5531
|
pi as Fieldset,
|
|
5557
5532
|
Di as Footer,
|
|
5558
5533
|
_i as Header,
|
|
5559
|
-
|
|
5560
|
-
|
|
5561
|
-
|
|
5534
|
+
Oo as Heading,
|
|
5535
|
+
Ye as Input,
|
|
5536
|
+
Ko as Label,
|
|
5562
5537
|
Js as LanguageProvider,
|
|
5563
|
-
|
|
5538
|
+
re as Link,
|
|
5564
5539
|
mi as List,
|
|
5565
|
-
|
|
5540
|
+
qo as Pagination,
|
|
5566
5541
|
hi as PaginationButton,
|
|
5567
5542
|
ui as PaginationItem,
|
|
5568
5543
|
gi as PaginationList,
|
|
5569
|
-
|
|
5544
|
+
ye as Paragraph,
|
|
5570
5545
|
ki as Popover,
|
|
5571
5546
|
vi as Radio,
|
|
5572
|
-
|
|
5547
|
+
Te as Search,
|
|
5573
5548
|
yi as Select,
|
|
5574
5549
|
xi as SkeletonLoader,
|
|
5575
5550
|
Ti as SkipLink,
|
|
5576
|
-
|
|
5577
|
-
|
|
5578
|
-
|
|
5551
|
+
Eo as Spinner,
|
|
5552
|
+
Yo as Suggestion,
|
|
5553
|
+
De as Switch,
|
|
5579
5554
|
Ci as Table,
|
|
5580
|
-
|
|
5581
|
-
|
|
5555
|
+
Ce as Tabs,
|
|
5556
|
+
Zo as Tag,
|
|
5582
5557
|
wi as Textarea,
|
|
5583
|
-
|
|
5558
|
+
Xo as Textfield,
|
|
5584
5559
|
Si as ToggleGroup,
|
|
5585
5560
|
Ii as Tooltip,
|
|
5586
|
-
|
|
5561
|
+
Jo as ValidationMessage,
|
|
5587
5562
|
Zs as useCheckboxGroup,
|
|
5588
5563
|
Qs as useLanguage,
|
|
5589
|
-
|
|
5564
|
+
xe as useLanguageOptional,
|
|
5590
5565
|
fi as usePagination,
|
|
5591
5566
|
bi as useRadioGroup
|
|
5592
5567
|
};
|