rk-designsystem 1.2.4 → 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 +1034 -1062
- 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
|
|
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 g = {};
|
|
26
|
-
e === "soft" && Object.assign(g, kn()), a === "pill" && (g.borderRadius = "var(--ds-border-radius-full)");
|
|
27
|
-
const k = Object.keys(g).length === 0 && !d ? void 0 : { ...g, ...d }, D = {};
|
|
28
|
-
return e !== void 0 && (D.variant = e), a === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ t(Me, { 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
|
|
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(
|
|
2579
|
-
},
|
|
2580
|
-
const n =
|
|
2564
|
+
return /* @__PURE__ */ t(Ne.Provider, { value: { language: e, setLanguage: a, t: d }, children: n });
|
|
2565
|
+
}, Qs = () => {
|
|
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,99 +2641,99 @@ 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
|
-
|
|
2644
|
+
const { t: k } = xe();
|
|
2645
|
+
R(() => {
|
|
2660
2646
|
const m = "rk-datepicker-inline-styles";
|
|
2661
2647
|
if (typeof document > "u" || document.getElementById(m)) return;
|
|
2662
|
-
const
|
|
2663
|
-
|
|
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 m =
|
|
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 m =
|
|
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 =
|
|
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(
|
|
2688
2674
|
(m) => {
|
|
2689
2675
|
a && a(m);
|
|
2690
2676
|
},
|
|
2691
2677
|
[a]
|
|
2692
|
-
),
|
|
2693
|
-
(m,
|
|
2694
|
-
(m.key === "Enter" || m.key === " ") && (m.preventDefault(), p(
|
|
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:
|
|
2729
|
+
className: A,
|
|
2744
2730
|
onClick: () => p(m),
|
|
2745
|
-
onKeyDown: (
|
|
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
|
);
|
|
@@ -2756,8 +2742,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
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:
|
|
2953
|
+
name: X,
|
|
2954
|
+
required: ne,
|
|
2955
|
+
disabled: _,
|
|
2956
|
+
onClick: J,
|
|
2971
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:
|
|
3044
|
+
name: X,
|
|
3045
|
+
required: ne,
|
|
3046
|
+
disabled: _,
|
|
3047
|
+
onClick: J,
|
|
3048
|
+
onChange: H,
|
|
3063
3049
|
onFocus: m,
|
|
3064
|
-
onBlur:
|
|
3065
|
-
autoComplete:
|
|
3066
|
-
"aria-label":
|
|
3067
|
-
"aria-labelledby":
|
|
3068
|
-
"aria-describedby":
|
|
3069
|
-
"aria-invalid": !!
|
|
3070
|
-
className:
|
|
3071
|
-
...
|
|
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
|
-
!m[l] && /* @__PURE__ */ t("div", { className: W.loaderOverlay, children: /* @__PURE__ */ t(
|
|
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
3278
|
className: `${W.image} ${m[l] ? W.loaded : W.loadingImage}`,
|
|
3293
|
-
src:
|
|
3294
|
-
alt:
|
|
3295
|
-
loading: l <
|
|
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
|
|
3617
|
-
|
|
3618
|
-
|
|
3619
|
-
const
|
|
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
|
|
3632
|
-
Button:
|
|
3633
|
-
ClearButton:
|
|
3634
|
-
Input:
|
|
3635
|
-
}),
|
|
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
|
|
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,48 +3748,47 @@ 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
|
-
const
|
|
3754
|
+
const _i = ({
|
|
3769
3755
|
variant: n = "default",
|
|
3770
3756
|
"data-color": e = "primary",
|
|
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:
|
|
3770
|
+
secondaryLogoSrcDark: X,
|
|
3771
|
+
secondaryLogoAlt: ne = "Secondary Logo",
|
|
3772
|
+
navItems: _,
|
|
3773
|
+
showNavItems: J = !0,
|
|
3788
3774
|
showMenuButton: m = !0,
|
|
3789
|
-
showHeaderExtension:
|
|
3790
|
-
showModeToggle:
|
|
3791
|
-
showLanguageSwitch:
|
|
3792
|
-
extensionColor:
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
onUserClick: J
|
|
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 Li = ({
|
|
|
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 Li = ({
|
|
|
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 Li = ({
|
|
|
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
|
-
(m ||
|
|
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 Li = ({
|
|
|
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,117 +4356,117 @@ function oa(n) {
|
|
|
4384
4356
|
}
|
|
4385
4357
|
`;
|
|
4386
4358
|
}
|
|
4387
|
-
const
|
|
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:
|
|
4454
|
-
dpLogoBox:
|
|
4455
|
-
dpLogoImg:
|
|
4456
|
-
},
|
|
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
|
|
4428
|
+
}, Di = ({
|
|
4457
4429
|
"data-color": n = "neutral",
|
|
4458
4430
|
variant: e = "default",
|
|
4459
4431
|
colorScheme: a,
|
|
4460
4432
|
columns: d,
|
|
4461
4433
|
showCrossCorners: h = !1,
|
|
4462
|
-
newsletterDescription:
|
|
4463
|
-
newsletterPlaceholder:
|
|
4464
|
-
newsletterButtonText:
|
|
4465
|
-
newsletterConsentText:
|
|
4466
|
-
onNewsletterSubmit:
|
|
4467
|
-
hideNewsletter:
|
|
4468
|
-
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,
|
|
4469
4441
|
linksLinks: V,
|
|
4470
|
-
shortcutsTitle:
|
|
4442
|
+
shortcutsTitle: D,
|
|
4471
4443
|
linksTitle: p,
|
|
4472
|
-
visitingAddress:
|
|
4473
|
-
organizationNumber:
|
|
4474
|
-
email:
|
|
4475
|
-
showPrimaryLogo:
|
|
4444
|
+
visitingAddress: X = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
|
|
4445
|
+
organizationNumber: ne = "XXX XXX XXX",
|
|
4446
|
+
email: _ = "post@redcross.no",
|
|
4447
|
+
showPrimaryLogo: J = !0,
|
|
4476
4448
|
primaryLogoSrc: m,
|
|
4477
|
-
primaryLogoAlt:
|
|
4478
|
-
whiteSectionSlot:
|
|
4479
|
-
socialLinks:
|
|
4480
|
-
contactPersons:
|
|
4481
|
-
legalLinks:
|
|
4482
|
-
socialLinksTitle:
|
|
4483
|
-
contactPersonsTitle:
|
|
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
|
|
4484
4456
|
} = {}) => {
|
|
4485
|
-
const
|
|
4486
|
-
const $ =
|
|
4487
|
-
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 : $;
|
|
4488
4460
|
};
|
|
4489
|
-
|
|
4461
|
+
Le.useEffect(() => {
|
|
4490
4462
|
const c = "rk-footer-inline-styles";
|
|
4491
4463
|
if (typeof document > "u" || document.getElementById(c)) return;
|
|
4492
|
-
const
|
|
4493
|
-
$.id = c, $.textContent =
|
|
4464
|
+
const T = fs(o), $ = document.createElement("style");
|
|
4465
|
+
$.id = c, $.textContent = T, document.head.appendChild($);
|
|
4494
4466
|
}, []);
|
|
4495
|
-
const
|
|
4496
|
-
c.preventDefault(),
|
|
4497
|
-
},
|
|
4467
|
+
const y = (c) => {
|
|
4468
|
+
c.preventDefault(), C == null || C(E);
|
|
4469
|
+
}, ee = () => /* @__PURE__ */ r(
|
|
4498
4470
|
"svg",
|
|
4499
4471
|
{
|
|
4500
4472
|
width: "170",
|
|
@@ -4518,33 +4490,33 @@ const ra = "_footer_12vvu_1", aa = "_mainSection_12vvu_7", sa = "_mainContainer_
|
|
|
4518
4490
|
/* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
|
|
4519
4491
|
]
|
|
4520
4492
|
}
|
|
4521
|
-
),
|
|
4493
|
+
), H = [
|
|
4522
4494
|
{ label: l("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
|
|
4523
4495
|
{ label: l("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
|
|
4524
4496
|
{ label: l("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
|
|
4525
4497
|
{ label: l("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
|
|
4526
4498
|
{ label: l("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
|
|
4527
4499
|
{ label: l("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
|
|
4528
|
-
],
|
|
4500
|
+
], S = [
|
|
4529
4501
|
{ label: l("footer.legal.privacy", "Personvern"), href: "#" },
|
|
4530
4502
|
{ label: l("footer.legal.press", "For presse"), href: "#" },
|
|
4531
4503
|
{ label: l("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
|
|
4532
4504
|
{ label: l("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
|
|
4533
|
-
],
|
|
4505
|
+
], N = /* @__PURE__ */ r(Ge, { children: [
|
|
4534
4506
|
'Ved å trykke "',
|
|
4535
|
-
|
|
4507
|
+
v,
|
|
4536
4508
|
'" samtykker du til å motta nyhetsbrev.',
|
|
4537
4509
|
/* @__PURE__ */ t("br", {}),
|
|
4538
4510
|
"Du kan når som helst ",
|
|
4539
|
-
/* @__PURE__ */ t(
|
|
4511
|
+
/* @__PURE__ */ t(re, { href: "#", children: "melde deg av" }),
|
|
4540
4512
|
" nyhetsbrevet uten kostnad."
|
|
4541
|
-
] }),
|
|
4542
|
-
|
|
4543
|
-
/* @__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: [
|
|
4544
4516
|
/* @__PURE__ */ t("span", { className: o.socialLinkIcon, children: c.icon }),
|
|
4545
4517
|
c.label
|
|
4546
|
-
] }) },
|
|
4547
|
-
] }),
|
|
4518
|
+
] }) }, T)) })
|
|
4519
|
+
] }), me = ({ person: c }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
|
|
4548
4520
|
/* @__PURE__ */ t("p", { className: o.contactPersonName, children: c.name }),
|
|
4549
4521
|
/* @__PURE__ */ t("p", { className: o.contactPersonRole, children: c.role }),
|
|
4550
4522
|
/* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
|
|
@@ -4554,7 +4526,7 @@ const ra = "_footer_12vvu_1", aa = "_mainSection_12vvu_7", sa = "_mainContainer_
|
|
|
4554
4526
|
":"
|
|
4555
4527
|
] }),
|
|
4556
4528
|
" ",
|
|
4557
|
-
/* @__PURE__ */ t(
|
|
4529
|
+
/* @__PURE__ */ t(re, { href: `mailto:${c.email}`, children: c.email })
|
|
4558
4530
|
] }),
|
|
4559
4531
|
c.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
|
|
4560
4532
|
/* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
|
|
@@ -4566,133 +4538,133 @@ const ra = "_footer_12vvu_1", aa = "_mainSection_12vvu_7", sa = "_mainContainer_
|
|
|
4566
4538
|
] }),
|
|
4567
4539
|
c.address && /* @__PURE__ */ t("p", { className: o.contactPersonAddress, children: c.address })
|
|
4568
4540
|
] })
|
|
4569
|
-
] }),
|
|
4570
|
-
|
|
4571
|
-
/* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children:
|
|
4572
|
-
] }),
|
|
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)) });
|
|
4573
4545
|
if (e === "columns") {
|
|
4574
4546
|
const c = [
|
|
4575
4547
|
{
|
|
4576
4548
|
title: l("footer.contact.title", "Kontakt"),
|
|
4577
|
-
links:
|
|
4549
|
+
links: H
|
|
4578
4550
|
},
|
|
4579
4551
|
{
|
|
4580
4552
|
title: l("footer.bidra", "Bidra"),
|
|
4581
|
-
links:
|
|
4553
|
+
links: H
|
|
4582
4554
|
},
|
|
4583
4555
|
{
|
|
4584
4556
|
title: l("footer.shortcuts", "Snarveier"),
|
|
4585
|
-
links:
|
|
4557
|
+
links: H
|
|
4586
4558
|
}
|
|
4587
|
-
],
|
|
4559
|
+
], T = d && d.length > 0 ? d : c, $ = F.length > 0 ? F : S;
|
|
4588
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: [
|
|
4589
|
-
/* @__PURE__ */ t("div", { className: o.dpColumns, children:
|
|
4590
|
-
/* @__PURE__ */ t("h3", { className: o.dpColTitle, children:
|
|
4591
|
-
/* @__PURE__ */ t("ul", { className: o.dpList, children:
|
|
4592
|
-
] },
|
|
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)) }),
|
|
4593
4565
|
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4594
4566
|
/* @__PURE__ */ r("div", { className: o.dpMeta, children: [
|
|
4595
4567
|
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4596
4568
|
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.visitingAddress", "Besøksadresse") }),
|
|
4597
|
-
|
|
4569
|
+
X.map((q, ie) => /* @__PURE__ */ t("p", { className: o.dpMetaText, children: q }, ie))
|
|
4598
4570
|
] }),
|
|
4599
4571
|
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4600
4572
|
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4601
|
-
/* @__PURE__ */ t("p", { className: o.dpMetaText, children:
|
|
4573
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: ne })
|
|
4602
4574
|
] }),
|
|
4603
4575
|
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4604
4576
|
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.email", "E-post") }),
|
|
4605
|
-
/* @__PURE__ */ t("p", { className: o.dpMetaText, children:
|
|
4577
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: _ })
|
|
4606
4578
|
] })
|
|
4607
4579
|
] }),
|
|
4608
4580
|
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4609
4581
|
/* @__PURE__ */ r("div", { className: o.dpBottom, children: [
|
|
4610
|
-
/* @__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)) }),
|
|
4611
4583
|
/* @__PURE__ */ r("p", { className: o.dpCopyright, children: [
|
|
4612
4584
|
"© ",
|
|
4613
|
-
|
|
4585
|
+
P,
|
|
4614
4586
|
" ",
|
|
4615
4587
|
l("footer.copyright", "Røde Kors")
|
|
4616
4588
|
] })
|
|
4617
4589
|
] }),
|
|
4618
|
-
m ? /* @__PURE__ */ t("img", { src: m, alt:
|
|
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, {}) })
|
|
4619
4591
|
] }) }) });
|
|
4620
4592
|
}
|
|
4621
4593
|
return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4622
4594
|
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4623
|
-
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 }) }),
|
|
4624
4596
|
/* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
|
|
4625
|
-
|
|
4626
|
-
|
|
4597
|
+
j.length > 0 && /* @__PURE__ */ t(te, {}),
|
|
4598
|
+
A.length > 0 && /* @__PURE__ */ t(ce, {})
|
|
4627
4599
|
] }),
|
|
4628
4600
|
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4629
4601
|
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4630
4602
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4631
4603
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4632
|
-
/* @__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)) })
|
|
4633
4605
|
] }),
|
|
4634
4606
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4635
4607
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4636
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4608
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: ne })
|
|
4637
4609
|
] }),
|
|
4638
4610
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4639
4611
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4640
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4612
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: _ })
|
|
4641
4613
|
] })
|
|
4642
4614
|
] }),
|
|
4643
4615
|
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4644
4616
|
/* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
|
|
4645
|
-
|
|
4617
|
+
F.length > 0 && /* @__PURE__ */ t(pe, {}),
|
|
4646
4618
|
/* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4647
4619
|
"© ",
|
|
4648
|
-
|
|
4620
|
+
P,
|
|
4649
4621
|
" ",
|
|
4650
4622
|
l("footer.copyright", "Rødekors")
|
|
4651
4623
|
] })
|
|
4652
4624
|
] }),
|
|
4653
|
-
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 }) })
|
|
4654
4626
|
] }) }),
|
|
4655
4627
|
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4656
|
-
|
|
4628
|
+
J && (m ? /* @__PURE__ */ t(
|
|
4657
4629
|
"img",
|
|
4658
4630
|
{
|
|
4659
4631
|
src: m,
|
|
4660
|
-
alt:
|
|
4632
|
+
alt: L,
|
|
4661
4633
|
className: o.logo,
|
|
4662
4634
|
loading: "lazy"
|
|
4663
4635
|
}
|
|
4664
|
-
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(
|
|
4665
|
-
|
|
4636
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) })),
|
|
4637
|
+
w && /* @__PURE__ */ t("div", { className: o.slotLarge, children: w })
|
|
4666
4638
|
] }) }) })
|
|
4667
4639
|
] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4668
4640
|
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4669
|
-
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 }) }),
|
|
4670
4642
|
/* @__PURE__ */ r("div", { className: o.contentRow, children: [
|
|
4671
|
-
!
|
|
4672
|
-
/* @__PURE__ */ t("p", { className: o.newsletterDescription, children:
|
|
4673
|
-
/* @__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: [
|
|
4674
4646
|
/* @__PURE__ */ t(
|
|
4675
|
-
|
|
4647
|
+
Ye,
|
|
4676
4648
|
{
|
|
4677
4649
|
type: "email",
|
|
4678
|
-
placeholder:
|
|
4679
|
-
value:
|
|
4680
|
-
onChange: (c) =>
|
|
4650
|
+
placeholder: u,
|
|
4651
|
+
value: E,
|
|
4652
|
+
onChange: (c) => f(c.target.value),
|
|
4681
4653
|
className: o.newsletterInput
|
|
4682
4654
|
}
|
|
4683
4655
|
),
|
|
4684
|
-
/* @__PURE__ */ t(
|
|
4656
|
+
/* @__PURE__ */ t(de, { type: "submit", variant: "primary", "data-color": "neutral", children: v })
|
|
4685
4657
|
] }) }),
|
|
4686
|
-
/* @__PURE__ */ t("p", { className: o.consentText, children:
|
|
4658
|
+
/* @__PURE__ */ t("p", { className: o.consentText, children: M || N })
|
|
4687
4659
|
] }),
|
|
4688
4660
|
/* @__PURE__ */ r("div", { className: o.linksSection, children: [
|
|
4689
|
-
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label":
|
|
4690
|
-
/* @__PURE__ */ t("h3", { className: o.linksTitle, children:
|
|
4691
|
-
/* @__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)) })
|
|
4692
4664
|
] }),
|
|
4693
4665
|
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": p || l("footer.links", "Lenker"), children: [
|
|
4694
4666
|
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: p || l("footer.links", "Lenker") }),
|
|
4695
|
-
/* @__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)) })
|
|
4696
4668
|
] })
|
|
4697
4669
|
] })
|
|
4698
4670
|
] }),
|
|
@@ -4700,41 +4672,41 @@ const ra = "_footer_12vvu_1", aa = "_mainSection_12vvu_7", sa = "_mainContainer_
|
|
|
4700
4672
|
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4701
4673
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4702
4674
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4703
|
-
/* @__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)) })
|
|
4704
4676
|
] }),
|
|
4705
4677
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4706
4678
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4707
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4679
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: ne })
|
|
4708
4680
|
] }),
|
|
4709
4681
|
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4710
4682
|
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4711
|
-
/* @__PURE__ */ t("p", { className: o.contactContent, children:
|
|
4683
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: _ })
|
|
4712
4684
|
] })
|
|
4713
4685
|
] }),
|
|
4714
4686
|
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4715
4687
|
/* @__PURE__ */ t("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4716
4688
|
"© ",
|
|
4717
|
-
|
|
4689
|
+
P,
|
|
4718
4690
|
" ",
|
|
4719
4691
|
l("footer.copyright", "Rødekors")
|
|
4720
4692
|
] }) }),
|
|
4721
|
-
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 }) })
|
|
4722
4694
|
] }) }),
|
|
4723
4695
|
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4724
|
-
|
|
4696
|
+
J && (m ? /* @__PURE__ */ t(
|
|
4725
4697
|
"img",
|
|
4726
4698
|
{
|
|
4727
4699
|
src: m,
|
|
4728
|
-
alt:
|
|
4700
|
+
alt: L,
|
|
4729
4701
|
className: o.logo,
|
|
4730
4702
|
loading: "lazy"
|
|
4731
4703
|
}
|
|
4732
|
-
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(
|
|
4733
|
-
|
|
4704
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) })),
|
|
4705
|
+
w && /* @__PURE__ */ t("div", { className: o.slotLarge, children: w })
|
|
4734
4706
|
] }) }) })
|
|
4735
4707
|
] });
|
|
4736
4708
|
};
|
|
4737
|
-
function
|
|
4709
|
+
function fs(n) {
|
|
4738
4710
|
const e = n;
|
|
4739
4711
|
return `
|
|
4740
4712
|
.${e.footer} {
|
|
@@ -5159,25 +5131,25 @@ function vs(n) {
|
|
|
5159
5131
|
}
|
|
5160
5132
|
`;
|
|
5161
5133
|
}
|
|
5162
|
-
const
|
|
5163
|
-
donor:
|
|
5164
|
-
tabsWrapper:
|
|
5165
|
-
content:
|
|
5166
|
-
amountSection:
|
|
5167
|
-
amountLabel:
|
|
5168
|
-
amountButtons:
|
|
5169
|
-
customAmountField:
|
|
5170
|
-
impactRow:
|
|
5171
|
-
heartIcon:
|
|
5172
|
-
impactText:
|
|
5173
|
-
impactAmount:
|
|
5174
|
-
actionsSection:
|
|
5175
|
-
vippsButton:
|
|
5176
|
-
vippsButtonLabel:
|
|
5177
|
-
vippsLogo:
|
|
5178
|
-
avtalegiroLink:
|
|
5179
|
-
tabHeartIcon:
|
|
5180
|
-
},
|
|
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 = {
|
|
5135
|
+
donor: ks,
|
|
5136
|
+
tabsWrapper: vs,
|
|
5137
|
+
content: bs,
|
|
5138
|
+
amountSection: ys,
|
|
5139
|
+
amountLabel: xs,
|
|
5140
|
+
amountButtons: Ts,
|
|
5141
|
+
customAmountField: Cs,
|
|
5142
|
+
impactRow: ws,
|
|
5143
|
+
heartIcon: Ss,
|
|
5144
|
+
impactText: Is,
|
|
5145
|
+
impactAmount: _s,
|
|
5146
|
+
actionsSection: Ds,
|
|
5147
|
+
vippsButton: Ls,
|
|
5148
|
+
vippsButtonLabel: As,
|
|
5149
|
+
vippsLogo: Ns,
|
|
5150
|
+
avtalegiroLink: Ms,
|
|
5151
|
+
tabHeartIcon: js
|
|
5152
|
+
}, Re = () => /* @__PURE__ */ t(
|
|
5181
5153
|
"svg",
|
|
5182
5154
|
{
|
|
5183
5155
|
width: "19",
|
|
@@ -5195,7 +5167,7 @@ const bs = "_donor_1hxqz_1", ys = "_tabsWrapper_1hxqz_14", xs = "_content_1hxqz_
|
|
|
5195
5167
|
}
|
|
5196
5168
|
)
|
|
5197
5169
|
}
|
|
5198
|
-
),
|
|
5170
|
+
), Fs = () => /* @__PURE__ */ t(
|
|
5199
5171
|
"svg",
|
|
5200
5172
|
{
|
|
5201
5173
|
width: "16",
|
|
@@ -5213,7 +5185,7 @@ const bs = "_donor_1hxqz_1", ys = "_tabsWrapper_1hxqz_14", xs = "_content_1hxqz_
|
|
|
5213
5185
|
}
|
|
5214
5186
|
)
|
|
5215
5187
|
}
|
|
5216
|
-
),
|
|
5188
|
+
), Bs = () => /* @__PURE__ */ t(
|
|
5217
5189
|
"svg",
|
|
5218
5190
|
{
|
|
5219
5191
|
width: "64",
|
|
@@ -5231,134 +5203,134 @@ const bs = "_donor_1hxqz_1", ys = "_tabsWrapper_1hxqz_14", xs = "_content_1hxqz_
|
|
|
5231
5203
|
}
|
|
5232
5204
|
)
|
|
5233
5205
|
}
|
|
5234
|
-
),
|
|
5206
|
+
), Es = [
|
|
5235
5207
|
{ value: 220, label: "220 kr" },
|
|
5236
5208
|
{ value: 345, label: "345 kr" },
|
|
5237
5209
|
{ value: 660, label: "660 kr" }
|
|
5238
|
-
],
|
|
5210
|
+
], Li = ({
|
|
5239
5211
|
"data-color": n = "primary",
|
|
5240
|
-
amounts: e =
|
|
5212
|
+
amounts: e = Es,
|
|
5241
5213
|
defaultAmount: a = 345,
|
|
5242
5214
|
oneTimeLabel: d = "En gang",
|
|
5243
5215
|
monthlyLabel: h = "Hver måned",
|
|
5244
|
-
customAmountPlaceholder:
|
|
5245
|
-
amountLabel:
|
|
5246
|
-
impactMessage:
|
|
5247
|
-
vippsButtonLabel:
|
|
5248
|
-
avtalegiroLabel:
|
|
5249
|
-
avtalegiroHref:
|
|
5250
|
-
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",
|
|
5251
5223
|
onVippsClick: V,
|
|
5252
|
-
onAvtalegiroClick:
|
|
5224
|
+
onAvtalegiroClick: D,
|
|
5253
5225
|
onAmountChange: p,
|
|
5254
|
-
showVippsButton:
|
|
5255
|
-
showAvtalegiroLink:
|
|
5256
|
-
showImpactMessage:
|
|
5257
|
-
heartVariant:
|
|
5226
|
+
showVippsButton: X = !0,
|
|
5227
|
+
showAvtalegiroLink: ne = !0,
|
|
5228
|
+
showImpactMessage: _ = !0,
|
|
5229
|
+
heartVariant: J = "outlined"
|
|
5258
5230
|
}) => {
|
|
5259
|
-
const [m,
|
|
5260
|
-
|
|
5261
|
-
const
|
|
5262
|
-
if (typeof document > "u" || document.getElementById(
|
|
5263
|
-
const
|
|
5264
|
-
|
|
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);
|
|
5265
5237
|
}, []);
|
|
5266
|
-
const
|
|
5267
|
-
|
|
5268
|
-
},
|
|
5269
|
-
const
|
|
5270
|
-
|
|
5271
|
-
const
|
|
5272
|
-
|
|
5273
|
-
},
|
|
5274
|
-
|
|
5275
|
-
}, l = (
|
|
5276
|
-
const
|
|
5277
|
-
|
|
5278
|
-
},
|
|
5279
|
-
V == null || V(
|
|
5280
|
-
},
|
|
5281
|
-
|
|
5282
|
-
},
|
|
5283
|
-
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}");
|
|
5284
5256
|
return /* @__PURE__ */ r("span", { children: [
|
|
5285
|
-
|
|
5286
|
-
/* @__PURE__ */ t("span", { className:
|
|
5287
|
-
|
|
5257
|
+
N[0],
|
|
5258
|
+
/* @__PURE__ */ t("span", { className: z.impactAmount, children: S }),
|
|
5259
|
+
N[1] || ""
|
|
5288
5260
|
] });
|
|
5289
5261
|
};
|
|
5290
|
-
return /* @__PURE__ */ r("div", { className:
|
|
5291
|
-
/* @__PURE__ */ t("div", { className:
|
|
5292
|
-
/* @__PURE__ */ t(
|
|
5293
|
-
/* @__PURE__ */ r(
|
|
5294
|
-
/* @__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, {}) }),
|
|
5295
5267
|
h
|
|
5296
5268
|
] })
|
|
5297
5269
|
] }) }) }),
|
|
5298
|
-
/* @__PURE__ */ r("div", { className:
|
|
5299
|
-
/* @__PURE__ */ r("div", { className:
|
|
5300
|
-
/* @__PURE__ */ t(
|
|
5301
|
-
/* @__PURE__ */ t("div", { className:
|
|
5302
|
-
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;
|
|
5303
5275
|
return /* @__PURE__ */ t(
|
|
5304
|
-
|
|
5276
|
+
de,
|
|
5305
5277
|
{
|
|
5306
|
-
variant:
|
|
5307
|
-
"data-color":
|
|
5308
|
-
onClick: () =>
|
|
5309
|
-
children:
|
|
5278
|
+
variant: N ? "primary" : "secondary",
|
|
5279
|
+
"data-color": N ? "accent" : "neutral",
|
|
5280
|
+
onClick: () => B(S.value),
|
|
5281
|
+
children: S.label
|
|
5310
5282
|
},
|
|
5311
|
-
|
|
5283
|
+
S.value
|
|
5312
5284
|
);
|
|
5313
5285
|
}) }),
|
|
5314
|
-
/* @__PURE__ */ t("div", { className:
|
|
5315
|
-
|
|
5286
|
+
/* @__PURE__ */ t("div", { className: z.customAmountField, children: /* @__PURE__ */ t(
|
|
5287
|
+
Xo,
|
|
5316
5288
|
{
|
|
5317
|
-
"aria-label":
|
|
5318
|
-
placeholder:
|
|
5319
|
-
value:
|
|
5320
|
-
onChange:
|
|
5321
|
-
onFocus:
|
|
5289
|
+
"aria-label": k,
|
|
5290
|
+
placeholder: k,
|
|
5291
|
+
value: A,
|
|
5292
|
+
onChange: E,
|
|
5293
|
+
onFocus: f,
|
|
5322
5294
|
type: "number",
|
|
5323
5295
|
min: 1
|
|
5324
5296
|
}
|
|
5325
5297
|
) })
|
|
5326
5298
|
] }),
|
|
5327
|
-
|
|
5328
|
-
/* @__PURE__ */ t("div", { className:
|
|
5329
|
-
/* @__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() })
|
|
5330
5302
|
] }),
|
|
5331
|
-
/* @__PURE__ */ r("div", { className:
|
|
5332
|
-
|
|
5303
|
+
/* @__PURE__ */ r("div", { className: z.actionsSection, children: [
|
|
5304
|
+
X && /* @__PURE__ */ r(
|
|
5333
5305
|
"button",
|
|
5334
5306
|
{
|
|
5335
|
-
className:
|
|
5336
|
-
onClick:
|
|
5307
|
+
className: z.vippsButton,
|
|
5308
|
+
onClick: y,
|
|
5337
5309
|
type: "button",
|
|
5338
|
-
"aria-label": `${
|
|
5310
|
+
"aria-label": `${M} Vipps`,
|
|
5339
5311
|
children: [
|
|
5340
|
-
/* @__PURE__ */ t("span", { className:
|
|
5341
|
-
/* @__PURE__ */ t("span", { className:
|
|
5312
|
+
/* @__PURE__ */ t("span", { className: z.vippsButtonLabel, children: M }),
|
|
5313
|
+
/* @__PURE__ */ t("span", { className: z.vippsLogo, children: /* @__PURE__ */ t(Bs, {}) })
|
|
5342
5314
|
]
|
|
5343
5315
|
}
|
|
5344
5316
|
),
|
|
5345
|
-
|
|
5346
|
-
|
|
5317
|
+
ne && /* @__PURE__ */ t(
|
|
5318
|
+
re,
|
|
5347
5319
|
{
|
|
5348
|
-
href:
|
|
5320
|
+
href: G,
|
|
5349
5321
|
"data-color": "neutral",
|
|
5350
|
-
className:
|
|
5351
|
-
onClick: (
|
|
5352
|
-
|
|
5322
|
+
className: z.avtalegiroLink,
|
|
5323
|
+
onClick: (S) => {
|
|
5324
|
+
D && (S.preventDefault(), ee());
|
|
5353
5325
|
},
|
|
5354
|
-
children:
|
|
5326
|
+
children: C
|
|
5355
5327
|
}
|
|
5356
5328
|
)
|
|
5357
5329
|
] })
|
|
5358
5330
|
] })
|
|
5359
5331
|
] });
|
|
5360
5332
|
};
|
|
5361
|
-
function
|
|
5333
|
+
function Ps(n) {
|
|
5362
5334
|
return `
|
|
5363
5335
|
.${n.donor} {
|
|
5364
5336
|
border-radius: 16px;
|
|
@@ -5524,72 +5496,72 @@ function zs(n) {
|
|
|
5524
5496
|
`;
|
|
5525
5497
|
}
|
|
5526
5498
|
export {
|
|
5527
|
-
|
|
5528
|
-
|
|
5529
|
-
|
|
5530
|
-
|
|
5531
|
-
|
|
5532
|
-
|
|
5533
|
-
|
|
5534
|
-
|
|
5535
|
-
|
|
5536
|
-
|
|
5537
|
-
|
|
5538
|
-
|
|
5539
|
-
|
|
5540
|
-
|
|
5541
|
-
|
|
5542
|
-
|
|
5543
|
-
|
|
5544
|
-
|
|
5545
|
-
|
|
5546
|
-
|
|
5547
|
-
|
|
5499
|
+
un as Alert,
|
|
5500
|
+
Oe as Avatar,
|
|
5501
|
+
hn as Badge,
|
|
5502
|
+
Us as BadgePosition,
|
|
5503
|
+
Vs as Breadcrumbs,
|
|
5504
|
+
Ks as BreadcrumbsItem,
|
|
5505
|
+
qs as BreadcrumbsLink,
|
|
5506
|
+
Os as BreadcrumbsList,
|
|
5507
|
+
de as Button,
|
|
5508
|
+
fn as Card,
|
|
5509
|
+
Ys as CardBlock,
|
|
5510
|
+
Po as Carousel,
|
|
5511
|
+
kn as Checkbox,
|
|
5512
|
+
Xs as Chip,
|
|
5513
|
+
be as CrossCorner,
|
|
5514
|
+
bo as DateInput,
|
|
5515
|
+
co as DatePicker,
|
|
5516
|
+
ei as Details,
|
|
5517
|
+
ti as Dialog,
|
|
5518
|
+
ni as Divider,
|
|
5519
|
+
Li as Donor,
|
|
5548
5520
|
U as Dropdown,
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
|
|
5554
|
-
|
|
5555
|
-
|
|
5556
|
-
|
|
5557
|
-
|
|
5558
|
-
|
|
5559
|
-
|
|
5560
|
-
|
|
5561
|
-
|
|
5562
|
-
|
|
5563
|
-
|
|
5564
|
-
|
|
5565
|
-
|
|
5566
|
-
|
|
5567
|
-
|
|
5568
|
-
|
|
5569
|
-
|
|
5570
|
-
|
|
5571
|
-
|
|
5572
|
-
|
|
5573
|
-
|
|
5574
|
-
|
|
5575
|
-
|
|
5576
|
-
|
|
5577
|
-
|
|
5578
|
-
|
|
5579
|
-
|
|
5580
|
-
|
|
5581
|
-
|
|
5582
|
-
|
|
5583
|
-
|
|
5584
|
-
|
|
5585
|
-
|
|
5586
|
-
|
|
5587
|
-
|
|
5588
|
-
|
|
5589
|
-
|
|
5590
|
-
|
|
5591
|
-
|
|
5592
|
-
|
|
5593
|
-
|
|
5594
|
-
|
|
5521
|
+
li as DropdownButton,
|
|
5522
|
+
ai as DropdownHeading,
|
|
5523
|
+
ii as DropdownItem,
|
|
5524
|
+
si as DropdownList,
|
|
5525
|
+
oi as DropdownTrigger,
|
|
5526
|
+
ri as DropdownTriggerContext,
|
|
5527
|
+
di as ErrorSummary,
|
|
5528
|
+
ci as Field,
|
|
5529
|
+
Vo as FieldCounter,
|
|
5530
|
+
Uo as FieldDescription,
|
|
5531
|
+
pi as Fieldset,
|
|
5532
|
+
Di as Footer,
|
|
5533
|
+
_i as Header,
|
|
5534
|
+
Oo as Heading,
|
|
5535
|
+
Ye as Input,
|
|
5536
|
+
Ko as Label,
|
|
5537
|
+
Js as LanguageProvider,
|
|
5538
|
+
re as Link,
|
|
5539
|
+
mi as List,
|
|
5540
|
+
qo as Pagination,
|
|
5541
|
+
hi as PaginationButton,
|
|
5542
|
+
ui as PaginationItem,
|
|
5543
|
+
gi as PaginationList,
|
|
5544
|
+
ye as Paragraph,
|
|
5545
|
+
ki as Popover,
|
|
5546
|
+
vi as Radio,
|
|
5547
|
+
Te as Search,
|
|
5548
|
+
yi as Select,
|
|
5549
|
+
xi as SkeletonLoader,
|
|
5550
|
+
Ti as SkipLink,
|
|
5551
|
+
Eo as Spinner,
|
|
5552
|
+
Yo as Suggestion,
|
|
5553
|
+
De as Switch,
|
|
5554
|
+
Ci as Table,
|
|
5555
|
+
Ce as Tabs,
|
|
5556
|
+
Zo as Tag,
|
|
5557
|
+
wi as Textarea,
|
|
5558
|
+
Xo as Textfield,
|
|
5559
|
+
Si as ToggleGroup,
|
|
5560
|
+
Ii as Tooltip,
|
|
5561
|
+
Jo as ValidationMessage,
|
|
5562
|
+
Zs as useCheckboxGroup,
|
|
5563
|
+
Qs as useLanguage,
|
|
5564
|
+
xe as useLanguageOptional,
|
|
5565
|
+
fi as usePagination,
|
|
5566
|
+
bi as useRadioGroup
|
|
5595
5567
|
};
|