rk-designsystem 1.2.1 → 1.2.3
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 +1385 -1304
- package/dist/componentlibrary.umd.js +9 -9
- package/dist/index.d.ts +14 -5
- package/dist/rk-designsystem.css +1 -1
- package/package.json +1 -1
|
@@ -1,88 +1,101 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { Alert as
|
|
4
|
-
import { startOfMonth as
|
|
5
|
-
import
|
|
6
|
-
import { ChevronLeftIcon as
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const Ke =
|
|
1
|
+
import { jsx as t, jsxs as r, Fragment as Se } from "react/jsx-runtime";
|
|
2
|
+
import Ae, { forwardRef as ie, useState as O, useContext as He, createContext as Je, useEffect as z, useMemo as fe, useCallback as se, useRef as Qe } from "react";
|
|
3
|
+
import { Alert as et, Avatar as tt, BadgePosition as nt, Badge as ot, Breadcrumbs as rt, BreadcrumbsItem as at, BreadcrumbsLink as st, BreadcrumbsList as it, Button as Ne, Card as lt, CardBlock as dt, Checkbox as ct, useCheckboxGroup as pt, Fieldset as Ue, Chip as mt, Spinner as gt, Details as ut, Dialog as ht, Divider as ft, Dropdown as kt, DropdownButton as vt, DropdownHeading as bt, DropdownItem as yt, DropdownList as xt, DropdownTrigger as Tt, DropdownTriggerContext as Ct, ErrorSummary as wt, Field as St, FieldCounter as It, FieldDescription as _t, Heading as Dt, Input as Lt, Label as jt, Link as At, List as Nt, Pagination as Mt, PaginationButton as Ft, PaginationItem as Bt, PaginationList as Et, usePagination as $t, Paragraph as Pt, Popover as zt, Radio as Rt, useRadioGroup as Gt, Search as Wt, SearchInput as Ht, SearchClear as Ut, SearchButton as Vt, Select as Ot, Skeleton as Kt, SkipLink as qt, EXPERIMENTAL_Suggestion as Yt, Switch as Zt, Table as Xt, Tabs as Jt, Tag as Qt, Textarea as en, Textfield as tn, ToggleGroup as nn, Tooltip as on, ValidationMessage as rn } from "@digdir/designsystemet-react";
|
|
4
|
+
import { startOfMonth as ue, isValid as Ie, isSameMonth as Fe, startOfWeek as Ve, format as ke, addDays as Oe, subMonths as an, addMonths as sn, isSameDay as ln, isToday as dn, eachDayOfInterval as cn } from "date-fns";
|
|
5
|
+
import pn from "embla-carousel-react";
|
|
6
|
+
import { ChevronLeftIcon as mn, ChevronRightIcon as gn, ChevronDownIcon as Be, XMarkIcon as _e, MagnifyingGlassIcon as Ee, MenuHamburgerIcon as $e, HeartIcon as un } from "@navikt/aksel-icons";
|
|
7
|
+
const hn = ie((n, e) => /* @__PURE__ */ t(et, { ref: e, ...n }));
|
|
8
|
+
hn.displayName = "Alert";
|
|
9
|
+
const Ke = ie((n, e) => /* @__PURE__ */ t(tt, { ref: e, ...n }));
|
|
10
10
|
Ke.displayName = "Avatar";
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
return
|
|
11
|
+
const fn = ie((n, e) => /* @__PURE__ */ t(ot, { ref: e, ...n }));
|
|
12
|
+
fn.displayName = "Badge";
|
|
13
|
+
const Us = nt, Vs = rt, Os = it, Ks = at, qs = st;
|
|
14
|
+
function kn() {
|
|
15
|
+
return {
|
|
16
|
+
"--dsc-button-background": "var(--ds-color-surface-tinted)",
|
|
17
|
+
"--dsc-button-background--hover": "var(--ds-color-surface-hover)",
|
|
18
|
+
"--dsc-button-background--active": "var(--ds-color-surface-active)",
|
|
19
|
+
"--dsc-button-color": "var(--ds-color-text-default)",
|
|
20
|
+
"--dsc-button-color--hover": "var(--ds-color-text-default)",
|
|
21
|
+
"--dsc-button-border-color": "transparent"
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
const ce = ie(function({ variant: e, shape: a, style: d, ...h }, f) {
|
|
25
|
+
const m = {};
|
|
26
|
+
e === "soft" && Object.assign(m, kn()), a === "pill" && (m.borderRadius = "var(--ds-border-radius-full)");
|
|
27
|
+
const k = Object.keys(m).length === 0 && !d ? void 0 : { ...m, ...d }, D = {};
|
|
28
|
+
return e !== void 0 && (D.variant = e), a === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ t(Ne, { ref: f, ...h, ...D, style: k });
|
|
16
29
|
});
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const
|
|
24
|
-
function De(
|
|
30
|
+
ce.displayName = "Button";
|
|
31
|
+
const vn = lt, Ys = dt;
|
|
32
|
+
vn.displayName = "Card";
|
|
33
|
+
const bn = ct, yn = Ue, Zs = pt;
|
|
34
|
+
bn.displayName = "Checkbox";
|
|
35
|
+
yn.displayName = "Fieldset";
|
|
36
|
+
const Xs = mt;
|
|
37
|
+
function De(n) {
|
|
25
38
|
return (e = {}) => {
|
|
26
|
-
const
|
|
27
|
-
return
|
|
39
|
+
const a = e.width ? String(e.width) : n.defaultWidth;
|
|
40
|
+
return n.formats[a] || n.formats[n.defaultWidth];
|
|
28
41
|
};
|
|
29
42
|
}
|
|
30
|
-
function
|
|
31
|
-
return (e,
|
|
32
|
-
const d =
|
|
43
|
+
function ve(n) {
|
|
44
|
+
return (e, a) => {
|
|
45
|
+
const d = a != null && a.context ? String(a.context) : "standalone";
|
|
33
46
|
let h;
|
|
34
|
-
if (d === "formatting" &&
|
|
35
|
-
const
|
|
36
|
-
h =
|
|
47
|
+
if (d === "formatting" && n.formattingValues) {
|
|
48
|
+
const m = n.defaultFormattingWidth || n.defaultWidth, k = a != null && a.width ? String(a.width) : m;
|
|
49
|
+
h = n.formattingValues[k] || n.formattingValues[m];
|
|
37
50
|
} else {
|
|
38
|
-
const
|
|
39
|
-
h =
|
|
51
|
+
const m = n.defaultWidth, k = a != null && a.width ? String(a.width) : n.defaultWidth;
|
|
52
|
+
h = n.values[k] || n.values[m];
|
|
40
53
|
}
|
|
41
|
-
const
|
|
42
|
-
return h[
|
|
54
|
+
const f = n.argumentCallback ? n.argumentCallback(e) : e;
|
|
55
|
+
return h[f];
|
|
43
56
|
};
|
|
44
57
|
}
|
|
45
|
-
function
|
|
46
|
-
return (e,
|
|
47
|
-
const d =
|
|
48
|
-
if (!
|
|
58
|
+
function be(n) {
|
|
59
|
+
return (e, a = {}) => {
|
|
60
|
+
const d = a.width, h = d && n.matchPatterns[d] || n.matchPatterns[n.defaultMatchWidth], f = e.match(h);
|
|
61
|
+
if (!f)
|
|
49
62
|
return null;
|
|
50
|
-
const
|
|
63
|
+
const m = f[0], k = d && n.parsePatterns[d] || n.parsePatterns[n.defaultParseWidth], D = Array.isArray(k) ? Tn(k, (_) => _.test(m)) : (
|
|
51
64
|
// [TODO] -- I challenge you to fix the type
|
|
52
|
-
|
|
65
|
+
xn(k, (_) => _.test(m))
|
|
53
66
|
);
|
|
54
|
-
let
|
|
55
|
-
|
|
67
|
+
let S;
|
|
68
|
+
S = n.valueCallback ? n.valueCallback(D) : D, S = a.valueCallback ? (
|
|
56
69
|
// [TODO] -- I challenge you to fix the type
|
|
57
|
-
|
|
58
|
-
) :
|
|
59
|
-
const
|
|
60
|
-
return { value:
|
|
70
|
+
a.valueCallback(S)
|
|
71
|
+
) : S;
|
|
72
|
+
const R = e.slice(m.length);
|
|
73
|
+
return { value: S, rest: R };
|
|
61
74
|
};
|
|
62
75
|
}
|
|
63
|
-
function
|
|
64
|
-
for (const
|
|
65
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
66
|
-
return
|
|
76
|
+
function xn(n, e) {
|
|
77
|
+
for (const a in n)
|
|
78
|
+
if (Object.prototype.hasOwnProperty.call(n, a) && e(n[a]))
|
|
79
|
+
return a;
|
|
67
80
|
}
|
|
68
|
-
function
|
|
69
|
-
for (let
|
|
70
|
-
if (e(
|
|
71
|
-
return
|
|
81
|
+
function Tn(n, e) {
|
|
82
|
+
for (let a = 0; a < n.length; a++)
|
|
83
|
+
if (e(n[a]))
|
|
84
|
+
return a;
|
|
72
85
|
}
|
|
73
|
-
function
|
|
74
|
-
return (e,
|
|
75
|
-
const d = e.match(
|
|
86
|
+
function Cn(n) {
|
|
87
|
+
return (e, a = {}) => {
|
|
88
|
+
const d = e.match(n.matchPattern);
|
|
76
89
|
if (!d) return null;
|
|
77
|
-
const h = d[0],
|
|
78
|
-
if (!
|
|
79
|
-
let
|
|
80
|
-
|
|
81
|
-
const
|
|
82
|
-
return { value:
|
|
90
|
+
const h = d[0], f = e.match(n.parsePattern);
|
|
91
|
+
if (!f) return null;
|
|
92
|
+
let m = n.valueCallback ? n.valueCallback(f[0]) : f[0];
|
|
93
|
+
m = a.valueCallback ? a.valueCallback(m) : m;
|
|
94
|
+
const k = e.slice(h.length);
|
|
95
|
+
return { value: m, rest: k };
|
|
83
96
|
};
|
|
84
97
|
}
|
|
85
|
-
const
|
|
98
|
+
const wn = {
|
|
86
99
|
lessThanXSeconds: {
|
|
87
100
|
one: "mindre enn ett sekund",
|
|
88
101
|
other: "mindre enn {{count}} sekunder"
|
|
@@ -144,54 +157,54 @@ const Tn = {
|
|
|
144
157
|
one: "nesten ett år",
|
|
145
158
|
other: "nesten {{count}} år"
|
|
146
159
|
}
|
|
147
|
-
},
|
|
160
|
+
}, Sn = (n, e, a) => {
|
|
148
161
|
let d;
|
|
149
|
-
const h =
|
|
150
|
-
return typeof h == "string" ? d = h : e === 1 ? d = h.one : d = h.other.replace("{{count}}", String(e)),
|
|
151
|
-
},
|
|
162
|
+
const h = wn[n];
|
|
163
|
+
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
|
+
}, In = {
|
|
152
165
|
full: "EEEE d. MMMM y",
|
|
153
166
|
long: "d. MMMM y",
|
|
154
167
|
medium: "d. MMM y",
|
|
155
168
|
short: "dd.MM.y"
|
|
156
|
-
},
|
|
169
|
+
}, _n = {
|
|
157
170
|
full: "'kl'. HH:mm:ss zzzz",
|
|
158
171
|
long: "HH:mm:ss z",
|
|
159
172
|
medium: "HH:mm:ss",
|
|
160
173
|
short: "HH:mm"
|
|
161
|
-
},
|
|
174
|
+
}, Dn = {
|
|
162
175
|
full: "{{date}} 'kl.' {{time}}",
|
|
163
176
|
long: "{{date}} 'kl.' {{time}}",
|
|
164
177
|
medium: "{{date}} {{time}}",
|
|
165
178
|
short: "{{date}} {{time}}"
|
|
166
|
-
},
|
|
179
|
+
}, Ln = {
|
|
167
180
|
date: De({
|
|
168
|
-
formats:
|
|
181
|
+
formats: In,
|
|
169
182
|
defaultWidth: "full"
|
|
170
183
|
}),
|
|
171
184
|
time: De({
|
|
172
|
-
formats:
|
|
185
|
+
formats: _n,
|
|
173
186
|
defaultWidth: "full"
|
|
174
187
|
}),
|
|
175
188
|
dateTime: De({
|
|
176
|
-
formats:
|
|
189
|
+
formats: Dn,
|
|
177
190
|
defaultWidth: "full"
|
|
178
191
|
})
|
|
179
|
-
},
|
|
192
|
+
}, jn = {
|
|
180
193
|
lastWeek: "'forrige' eeee 'kl.' p",
|
|
181
194
|
yesterday: "'i går kl.' p",
|
|
182
195
|
today: "'i dag kl.' p",
|
|
183
196
|
tomorrow: "'i morgen kl.' p",
|
|
184
197
|
nextWeek: "EEEE 'kl.' p",
|
|
185
198
|
other: "P"
|
|
186
|
-
}, An = (
|
|
199
|
+
}, An = (n, e, a, d) => jn[n], Nn = {
|
|
187
200
|
narrow: ["f.Kr.", "e.Kr."],
|
|
188
201
|
abbreviated: ["f.Kr.", "e.Kr."],
|
|
189
202
|
wide: ["før Kristus", "etter Kristus"]
|
|
190
|
-
},
|
|
203
|
+
}, Mn = {
|
|
191
204
|
narrow: ["1", "2", "3", "4"],
|
|
192
205
|
abbreviated: ["Q1", "Q2", "Q3", "Q4"],
|
|
193
206
|
wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
|
|
194
|
-
},
|
|
207
|
+
}, Fn = {
|
|
195
208
|
narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
|
|
196
209
|
abbreviated: [
|
|
197
210
|
"jan.",
|
|
@@ -221,7 +234,7 @@ const Tn = {
|
|
|
221
234
|
"november",
|
|
222
235
|
"desember"
|
|
223
236
|
]
|
|
224
|
-
},
|
|
237
|
+
}, Bn = {
|
|
225
238
|
narrow: ["S", "M", "T", "O", "T", "F", "L"],
|
|
226
239
|
short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
|
|
227
240
|
abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
|
|
@@ -234,7 +247,7 @@ const Tn = {
|
|
|
234
247
|
"fredag",
|
|
235
248
|
"lørdag"
|
|
236
249
|
]
|
|
237
|
-
},
|
|
250
|
+
}, En = {
|
|
238
251
|
narrow: {
|
|
239
252
|
am: "a",
|
|
240
253
|
pm: "p",
|
|
@@ -265,46 +278,46 @@ const Tn = {
|
|
|
265
278
|
evening: "på kvelden",
|
|
266
279
|
night: "på natten"
|
|
267
280
|
}
|
|
268
|
-
},
|
|
269
|
-
ordinalNumber:
|
|
270
|
-
era:
|
|
271
|
-
values:
|
|
281
|
+
}, $n = (n, e) => Number(n) + ".", Pn = {
|
|
282
|
+
ordinalNumber: $n,
|
|
283
|
+
era: ve({
|
|
284
|
+
values: Nn,
|
|
272
285
|
defaultWidth: "wide"
|
|
273
286
|
}),
|
|
274
|
-
quarter:
|
|
275
|
-
values:
|
|
287
|
+
quarter: ve({
|
|
288
|
+
values: Mn,
|
|
276
289
|
defaultWidth: "wide",
|
|
277
|
-
argumentCallback: (
|
|
290
|
+
argumentCallback: (n) => n - 1
|
|
278
291
|
}),
|
|
279
|
-
month:
|
|
280
|
-
values:
|
|
292
|
+
month: ve({
|
|
293
|
+
values: Fn,
|
|
281
294
|
defaultWidth: "wide"
|
|
282
295
|
}),
|
|
283
|
-
day:
|
|
284
|
-
values:
|
|
296
|
+
day: ve({
|
|
297
|
+
values: Bn,
|
|
285
298
|
defaultWidth: "wide"
|
|
286
299
|
}),
|
|
287
|
-
dayPeriod:
|
|
288
|
-
values:
|
|
300
|
+
dayPeriod: ve({
|
|
301
|
+
values: En,
|
|
289
302
|
defaultWidth: "wide"
|
|
290
303
|
})
|
|
291
|
-
},
|
|
304
|
+
}, zn = /^(\d+)\.?/i, Rn = /\d+/i, Gn = {
|
|
292
305
|
narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
|
|
293
306
|
abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
|
|
294
307
|
wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
|
|
295
|
-
},
|
|
308
|
+
}, Wn = {
|
|
296
309
|
any: [/^f/i, /^e/i]
|
|
297
|
-
},
|
|
310
|
+
}, Hn = {
|
|
298
311
|
narrow: /^[1234]/i,
|
|
299
312
|
abbreviated: /^q[1234]/i,
|
|
300
313
|
wide: /^[1234](\.)? kvartal/i
|
|
301
|
-
},
|
|
314
|
+
}, Un = {
|
|
302
315
|
any: [/1/i, /2/i, /3/i, /4/i]
|
|
303
|
-
},
|
|
316
|
+
}, Vn = {
|
|
304
317
|
narrow: /^[jfmasond]/i,
|
|
305
318
|
abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
|
|
306
319
|
wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
|
|
307
|
-
},
|
|
320
|
+
}, On = {
|
|
308
321
|
narrow: [
|
|
309
322
|
/^j/i,
|
|
310
323
|
/^f/i,
|
|
@@ -333,17 +346,17 @@ const Tn = {
|
|
|
333
346
|
/^n/i,
|
|
334
347
|
/^d/i
|
|
335
348
|
]
|
|
336
|
-
},
|
|
349
|
+
}, Kn = {
|
|
337
350
|
narrow: /^[smtofl]/i,
|
|
338
351
|
short: /^(sø|ma|ti|on|to|fr|lø)/i,
|
|
339
352
|
abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
|
|
340
353
|
wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
|
|
341
|
-
},
|
|
354
|
+
}, qn = {
|
|
342
355
|
any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
|
|
343
|
-
},
|
|
356
|
+
}, Yn = {
|
|
344
357
|
narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
|
|
345
358
|
any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
|
|
346
|
-
},
|
|
359
|
+
}, Zn = {
|
|
347
360
|
any: {
|
|
348
361
|
am: /^a(\.?\s?m\.?)?$/i,
|
|
349
362
|
pm: /^p(\.?\s?m\.?)?$/i,
|
|
@@ -354,55 +367,55 @@ const Tn = {
|
|
|
354
367
|
evening: /kveld/i,
|
|
355
368
|
night: /natt/i
|
|
356
369
|
}
|
|
357
|
-
},
|
|
358
|
-
ordinalNumber:
|
|
359
|
-
matchPattern:
|
|
360
|
-
parsePattern:
|
|
361
|
-
valueCallback: (
|
|
370
|
+
}, Xn = {
|
|
371
|
+
ordinalNumber: Cn({
|
|
372
|
+
matchPattern: zn,
|
|
373
|
+
parsePattern: Rn,
|
|
374
|
+
valueCallback: (n) => parseInt(n, 10)
|
|
362
375
|
}),
|
|
363
|
-
era:
|
|
364
|
-
matchPatterns: zn,
|
|
365
|
-
defaultMatchWidth: "wide",
|
|
366
|
-
parsePatterns: Rn,
|
|
367
|
-
defaultParseWidth: "any"
|
|
368
|
-
}),
|
|
369
|
-
quarter: ke({
|
|
376
|
+
era: be({
|
|
370
377
|
matchPatterns: Gn,
|
|
371
378
|
defaultMatchWidth: "wide",
|
|
372
379
|
parsePatterns: Wn,
|
|
373
|
-
defaultParseWidth: "any"
|
|
374
|
-
valueCallback: (t) => t + 1
|
|
380
|
+
defaultParseWidth: "any"
|
|
375
381
|
}),
|
|
376
|
-
|
|
382
|
+
quarter: be({
|
|
377
383
|
matchPatterns: Hn,
|
|
378
384
|
defaultMatchWidth: "wide",
|
|
379
385
|
parsePatterns: Un,
|
|
380
|
-
defaultParseWidth: "any"
|
|
386
|
+
defaultParseWidth: "any",
|
|
387
|
+
valueCallback: (n) => n + 1
|
|
381
388
|
}),
|
|
382
|
-
|
|
389
|
+
month: be({
|
|
383
390
|
matchPatterns: Vn,
|
|
384
391
|
defaultMatchWidth: "wide",
|
|
385
392
|
parsePatterns: On,
|
|
386
393
|
defaultParseWidth: "any"
|
|
387
394
|
}),
|
|
388
|
-
|
|
395
|
+
day: be({
|
|
389
396
|
matchPatterns: Kn,
|
|
390
|
-
defaultMatchWidth: "
|
|
397
|
+
defaultMatchWidth: "wide",
|
|
391
398
|
parsePatterns: qn,
|
|
392
399
|
defaultParseWidth: "any"
|
|
400
|
+
}),
|
|
401
|
+
dayPeriod: be({
|
|
402
|
+
matchPatterns: Yn,
|
|
403
|
+
defaultMatchWidth: "any",
|
|
404
|
+
parsePatterns: Zn,
|
|
405
|
+
defaultParseWidth: "any"
|
|
393
406
|
})
|
|
394
|
-
},
|
|
407
|
+
}, he = {
|
|
395
408
|
code: "nb",
|
|
396
|
-
formatDistance:
|
|
397
|
-
formatLong:
|
|
409
|
+
formatDistance: Sn,
|
|
410
|
+
formatLong: Ln,
|
|
398
411
|
formatRelative: An,
|
|
399
|
-
localize:
|
|
400
|
-
match:
|
|
412
|
+
localize: Pn,
|
|
413
|
+
match: Xn,
|
|
401
414
|
options: {
|
|
402
415
|
weekStartsOn: 1,
|
|
403
416
|
firstWeekContainsDate: 4
|
|
404
417
|
}
|
|
405
|
-
}, qe = ({ title:
|
|
418
|
+
}, qe = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
406
419
|
"svg",
|
|
407
420
|
{
|
|
408
421
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -410,12 +423,12 @@ const Tn = {
|
|
|
410
423
|
height: "1em",
|
|
411
424
|
viewBox: "0 0 28 28",
|
|
412
425
|
fill: "none",
|
|
413
|
-
"aria-hidden":
|
|
426
|
+
"aria-hidden": n ? void 0 : !0,
|
|
414
427
|
focusable: "false",
|
|
415
428
|
...e,
|
|
416
429
|
children: [
|
|
417
|
-
|
|
418
|
-
/* @__PURE__ */
|
|
430
|
+
n && /* @__PURE__ */ t("title", { children: n }),
|
|
431
|
+
/* @__PURE__ */ t(
|
|
419
432
|
"path",
|
|
420
433
|
{
|
|
421
434
|
fillRule: "evenodd",
|
|
@@ -428,7 +441,7 @@ const Tn = {
|
|
|
428
441
|
}
|
|
429
442
|
);
|
|
430
443
|
qe.displayName = "ChevronLeftIcon";
|
|
431
|
-
const Ye = ({ title:
|
|
444
|
+
const Ye = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
432
445
|
"svg",
|
|
433
446
|
{
|
|
434
447
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -436,12 +449,12 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ a(
|
|
|
436
449
|
height: "1em",
|
|
437
450
|
viewBox: "0 0 28 28",
|
|
438
451
|
fill: "none",
|
|
439
|
-
"aria-hidden":
|
|
452
|
+
"aria-hidden": n ? void 0 : !0,
|
|
440
453
|
focusable: "false",
|
|
441
454
|
...e,
|
|
442
455
|
children: [
|
|
443
|
-
|
|
444
|
-
/* @__PURE__ */
|
|
456
|
+
n && /* @__PURE__ */ t("title", { children: n }),
|
|
457
|
+
/* @__PURE__ */ t(
|
|
445
458
|
"path",
|
|
446
459
|
{
|
|
447
460
|
fillRule: "evenodd",
|
|
@@ -454,19 +467,19 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ a(
|
|
|
454
467
|
}
|
|
455
468
|
);
|
|
456
469
|
Ye.displayName = "ChevronRightIcon";
|
|
457
|
-
const
|
|
458
|
-
calendarContainer:
|
|
459
|
-
calendarHeader:
|
|
460
|
-
monthYear:
|
|
461
|
-
navigationButtons:
|
|
462
|
-
grid:
|
|
463
|
-
dayNameCell:
|
|
464
|
-
dateCell:
|
|
465
|
-
dateNumberContainer:
|
|
466
|
-
otherMonth:
|
|
467
|
-
disabled:
|
|
468
|
-
selectedDate:
|
|
469
|
-
},
|
|
470
|
+
const Jn = "_calendarContainer_htlea_1", Qn = "_calendarHeader_htlea_16", eo = "_monthYear_htlea_23", to = "_navigationButtons_htlea_34", no = "_grid_htlea_43", oo = "_dayNameCell_htlea_51", ro = "_dateCell_htlea_69", ao = "_dateNumberContainer_htlea_95", so = "_otherMonth_htlea_108", io = "_disabled_htlea_108", lo = "_selectedDate_htlea_134", ee = {
|
|
471
|
+
calendarContainer: Jn,
|
|
472
|
+
calendarHeader: Qn,
|
|
473
|
+
monthYear: eo,
|
|
474
|
+
navigationButtons: to,
|
|
475
|
+
grid: no,
|
|
476
|
+
dayNameCell: oo,
|
|
477
|
+
dateCell: ro,
|
|
478
|
+
dateNumberContainer: ao,
|
|
479
|
+
otherMonth: so,
|
|
480
|
+
disabled: io,
|
|
481
|
+
selectedDate: lo
|
|
482
|
+
}, co = {
|
|
470
483
|
NO: {
|
|
471
484
|
// Header
|
|
472
485
|
header: {
|
|
@@ -2551,26 +2564,26 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2551
2564
|
openDatePicker: "Open date picker"
|
|
2552
2565
|
}
|
|
2553
2566
|
}
|
|
2554
|
-
},
|
|
2555
|
-
const [e,
|
|
2556
|
-
const
|
|
2557
|
-
let
|
|
2558
|
-
for (const
|
|
2559
|
-
if (
|
|
2567
|
+
}, Me = Je(void 0), Js = ({ children: n }) => {
|
|
2568
|
+
const [e, a] = O("NO"), d = (h) => {
|
|
2569
|
+
const f = h.split(".");
|
|
2570
|
+
let m = co[e];
|
|
2571
|
+
for (const k of f) {
|
|
2572
|
+
if (m[k] === void 0)
|
|
2560
2573
|
return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
|
|
2561
|
-
|
|
2574
|
+
m = m[k];
|
|
2562
2575
|
}
|
|
2563
|
-
return
|
|
2576
|
+
return m;
|
|
2564
2577
|
};
|
|
2565
|
-
return /* @__PURE__ */
|
|
2566
|
-
},
|
|
2567
|
-
const
|
|
2568
|
-
if (
|
|
2578
|
+
return /* @__PURE__ */ t(Me.Provider, { value: { language: e, setLanguage: a, t: d }, children: n });
|
|
2579
|
+
}, Qs = () => {
|
|
2580
|
+
const n = He(Me);
|
|
2581
|
+
if (n === void 0)
|
|
2569
2582
|
throw new Error("useLanguage must be used within a LanguageProvider");
|
|
2570
|
-
return
|
|
2571
|
-
},
|
|
2572
|
-
const
|
|
2573
|
-
return
|
|
2583
|
+
return n;
|
|
2584
|
+
}, Te = () => {
|
|
2585
|
+
const n = He(Me);
|
|
2586
|
+
return n === void 0 ? {
|
|
2574
2587
|
language: "NO",
|
|
2575
2588
|
setLanguage: () => {
|
|
2576
2589
|
console.warn("LanguageProvider is not available. Language changes will not work.");
|
|
@@ -2628,125 +2641,125 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2628
2641
|
// DateInput translations
|
|
2629
2642
|
"dateInput.openDatePicker": "Åpne datovelger"
|
|
2630
2643
|
})[e] || e
|
|
2631
|
-
} :
|
|
2632
|
-
},
|
|
2633
|
-
const e =
|
|
2634
|
-
return
|
|
2635
|
-
}, Pe = (
|
|
2636
|
-
initialDate:
|
|
2644
|
+
} : n;
|
|
2645
|
+
}, po = (n) => {
|
|
2646
|
+
const e = ue(n), a = Ve(e, { locale: he }), d = Oe(a, 41);
|
|
2647
|
+
return cn({ start: a, end: d });
|
|
2648
|
+
}, Pe = (n) => n && n.charAt(0).toUpperCase() + n.slice(1), mo = ({
|
|
2649
|
+
initialDate: n = /* @__PURE__ */ new Date(),
|
|
2637
2650
|
selectedDate: e = null,
|
|
2638
2651
|
// Prop for valgt dato
|
|
2639
|
-
onDateSelect:
|
|
2652
|
+
onDateSelect: a,
|
|
2640
2653
|
"data-color": d,
|
|
2641
2654
|
// <-- Destrukturert
|
|
2642
2655
|
"data-size": h
|
|
2643
2656
|
// <-- Destrukturert
|
|
2644
2657
|
}) => {
|
|
2645
|
-
const { t:
|
|
2646
|
-
|
|
2647
|
-
const
|
|
2648
|
-
if (typeof document > "u" || document.getElementById(
|
|
2649
|
-
const
|
|
2650
|
-
|
|
2658
|
+
const { t: f } = Te();
|
|
2659
|
+
z(() => {
|
|
2660
|
+
const g = "rk-datepicker-inline-styles";
|
|
2661
|
+
if (typeof document > "u" || document.getElementById(g)) return;
|
|
2662
|
+
const M = go(ee), I = document.createElement("style");
|
|
2663
|
+
I.id = g, I.textContent = M, document.head.appendChild(I);
|
|
2651
2664
|
}, []);
|
|
2652
|
-
const [
|
|
2653
|
-
|
|
2665
|
+
const [m, k] = O(
|
|
2666
|
+
ue(e && Ie(e) ? e : n)
|
|
2654
2667
|
);
|
|
2655
|
-
|
|
2668
|
+
z(() => {
|
|
2656
2669
|
if (e && Ie(e)) {
|
|
2657
|
-
const
|
|
2658
|
-
Fe(
|
|
2670
|
+
const g = ue(e);
|
|
2671
|
+
Fe(g, m) || k(g);
|
|
2659
2672
|
}
|
|
2660
2673
|
}, [e]);
|
|
2661
|
-
const
|
|
2662
|
-
() =>
|
|
2663
|
-
[
|
|
2664
|
-
),
|
|
2665
|
-
const
|
|
2666
|
-
return Array.from({ length: 7 }).map((
|
|
2667
|
-
const
|
|
2668
|
-
return Pe(
|
|
2674
|
+
const D = fe(() => ue(/* @__PURE__ */ new Date()), []), S = fe(() => !1, [m, D]), R = fe(
|
|
2675
|
+
() => po(m),
|
|
2676
|
+
[m]
|
|
2677
|
+
), _ = fe(() => {
|
|
2678
|
+
const g = Ve(/* @__PURE__ */ new Date(), { locale: he });
|
|
2679
|
+
return Array.from({ length: 7 }).map((M, I) => {
|
|
2680
|
+
const F = ke(Oe(g, I), "EEEEEE", { locale: he });
|
|
2681
|
+
return Pe(F);
|
|
2669
2682
|
});
|
|
2670
|
-
}, []),
|
|
2671
|
-
|
|
2672
|
-
}, [
|
|
2673
|
-
|
|
2674
|
-
}, []),
|
|
2675
|
-
(
|
|
2676
|
-
|
|
2683
|
+
}, []), V = se(() => {
|
|
2684
|
+
S || k((g) => ue(an(g, 1)));
|
|
2685
|
+
}, [S]), A = se(() => {
|
|
2686
|
+
k((g) => ue(sn(g, 1)));
|
|
2687
|
+
}, []), p = se(
|
|
2688
|
+
(g) => {
|
|
2689
|
+
a && a(g);
|
|
2677
2690
|
},
|
|
2678
|
-
[
|
|
2679
|
-
),
|
|
2680
|
-
(
|
|
2681
|
-
(
|
|
2691
|
+
[a]
|
|
2692
|
+
), K = se(
|
|
2693
|
+
(g, M) => {
|
|
2694
|
+
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), p(M));
|
|
2682
2695
|
},
|
|
2683
|
-
[
|
|
2684
|
-
),
|
|
2685
|
-
return /* @__PURE__ */
|
|
2696
|
+
[p]
|
|
2697
|
+
), X = ke(m, "MMMM", { locale: he }), j = ke(m, "yyyy", { locale: he }), q = `${Pe(X)} ${j}`;
|
|
2698
|
+
return /* @__PURE__ */ r(
|
|
2686
2699
|
"div",
|
|
2687
2700
|
{
|
|
2688
2701
|
className: ee.calendarContainer,
|
|
2689
2702
|
"data-color": d,
|
|
2690
2703
|
"data-size": h,
|
|
2691
2704
|
children: [
|
|
2692
|
-
/* @__PURE__ */
|
|
2693
|
-
/* @__PURE__ */
|
|
2694
|
-
/* @__PURE__ */
|
|
2695
|
-
/* @__PURE__ */
|
|
2696
|
-
|
|
2705
|
+
/* @__PURE__ */ r("div", { className: ee.calendarHeader, children: [
|
|
2706
|
+
/* @__PURE__ */ t("span", { className: ee.monthYear, children: q }),
|
|
2707
|
+
/* @__PURE__ */ r("div", { className: ee.navigationButtons, children: [
|
|
2708
|
+
/* @__PURE__ */ t(
|
|
2709
|
+
Ne,
|
|
2697
2710
|
{
|
|
2698
2711
|
variant: "tertiary",
|
|
2699
2712
|
icon: !0,
|
|
2700
|
-
onClick:
|
|
2701
|
-
"aria-label":
|
|
2702
|
-
disabled:
|
|
2703
|
-
children: /* @__PURE__ */
|
|
2713
|
+
onClick: V,
|
|
2714
|
+
"aria-label": f("datePicker.previousMonth"),
|
|
2715
|
+
disabled: S,
|
|
2716
|
+
children: /* @__PURE__ */ t(qe, {})
|
|
2704
2717
|
}
|
|
2705
2718
|
),
|
|
2706
|
-
/* @__PURE__ */
|
|
2707
|
-
|
|
2719
|
+
/* @__PURE__ */ t(
|
|
2720
|
+
Ne,
|
|
2708
2721
|
{
|
|
2709
2722
|
variant: "tertiary",
|
|
2710
2723
|
icon: !0,
|
|
2711
|
-
onClick:
|
|
2712
|
-
"aria-label":
|
|
2713
|
-
children: /* @__PURE__ */
|
|
2724
|
+
onClick: A,
|
|
2725
|
+
"aria-label": f("datePicker.nextMonth"),
|
|
2726
|
+
children: /* @__PURE__ */ t(Ye, {})
|
|
2714
2727
|
}
|
|
2715
2728
|
)
|
|
2716
2729
|
] })
|
|
2717
2730
|
] }),
|
|
2718
|
-
/* @__PURE__ */
|
|
2719
|
-
/* @__PURE__ */
|
|
2720
|
-
const
|
|
2731
|
+
/* @__PURE__ */ t("div", { className: ee.grid, children: _.map((g) => /* @__PURE__ */ t("div", { className: ee.dayNameCell, children: g }, g)) }),
|
|
2732
|
+
/* @__PURE__ */ t("div", { className: ee.grid, children: R.map((g) => {
|
|
2733
|
+
const M = Fe(g, m), I = e && Ie(e) && ln(g, e), F = dn(g), N = [
|
|
2721
2734
|
ee.dateCell,
|
|
2722
|
-
|
|
2723
|
-
|
|
2735
|
+
M ? "" : ee.otherMonth,
|
|
2736
|
+
I ? ee.selectedDate : "",
|
|
2724
2737
|
// Utheving basert på prop
|
|
2725
|
-
|
|
2738
|
+
F && !I ? ee.todayDate : ""
|
|
2726
2739
|
].filter(Boolean).join(" ");
|
|
2727
|
-
return /* @__PURE__ */
|
|
2740
|
+
return /* @__PURE__ */ t(
|
|
2728
2741
|
"div",
|
|
2729
2742
|
{
|
|
2730
|
-
className:
|
|
2731
|
-
onClick: () =>
|
|
2732
|
-
onKeyDown: (
|
|
2743
|
+
className: N,
|
|
2744
|
+
onClick: () => p(g),
|
|
2745
|
+
onKeyDown: (L) => K(L, g),
|
|
2733
2746
|
role: "button",
|
|
2734
2747
|
tabIndex: 0,
|
|
2735
|
-
"aria-pressed":
|
|
2736
|
-
"aria-label":
|
|
2737
|
-
children: /* @__PURE__ */
|
|
2748
|
+
"aria-pressed": I ?? !1,
|
|
2749
|
+
"aria-label": ke(g, "PPP", { locale: he }),
|
|
2750
|
+
children: /* @__PURE__ */ t("span", { className: ee.dateNumberContainer, children: ke(g, "d") })
|
|
2738
2751
|
},
|
|
2739
|
-
|
|
2752
|
+
g.toISOString()
|
|
2740
2753
|
);
|
|
2741
2754
|
}) })
|
|
2742
2755
|
]
|
|
2743
2756
|
}
|
|
2744
2757
|
);
|
|
2745
2758
|
};
|
|
2746
|
-
|
|
2747
|
-
function
|
|
2759
|
+
mo.displayName = "DatePicker";
|
|
2760
|
+
function go(n) {
|
|
2748
2761
|
return `
|
|
2749
|
-
.${
|
|
2762
|
+
.${n.calendarContainer} {
|
|
2750
2763
|
display: inline-flex;
|
|
2751
2764
|
padding: var(--ds-size-8, 32px);
|
|
2752
2765
|
flex-direction: column;
|
|
@@ -2760,13 +2773,13 @@ function po(t) {
|
|
|
2760
2773
|
max-width: 100%;
|
|
2761
2774
|
box-sizing: border-box;
|
|
2762
2775
|
}
|
|
2763
|
-
.${
|
|
2776
|
+
.${n.calendarHeader} {
|
|
2764
2777
|
display: flex;
|
|
2765
2778
|
justify-content: space-between;
|
|
2766
2779
|
align-items: center;
|
|
2767
2780
|
align-self: stretch;
|
|
2768
2781
|
}
|
|
2769
|
-
.${
|
|
2782
|
+
.${n.monthYear} {
|
|
2770
2783
|
color: var(--ds-color-text-default, #2b2b2b);
|
|
2771
2784
|
font-family: var(--ds-font-family, sans-serif);
|
|
2772
2785
|
font-size: var(--ds-heading-sm-font-size, 1.5rem);
|
|
@@ -2774,21 +2787,21 @@ function po(t) {
|
|
|
2774
2787
|
line-height: var(--ds-heading-sm-line-height, 1.3);
|
|
2775
2788
|
margin: 0;
|
|
2776
2789
|
}
|
|
2777
|
-
.${
|
|
2790
|
+
.${n.navigationButtons} {
|
|
2778
2791
|
display: flex;
|
|
2779
2792
|
gap: var(--ds-size-1, 4px);
|
|
2780
2793
|
}
|
|
2781
|
-
.${
|
|
2794
|
+
.${n.navigationButtons} > button:disabled svg {
|
|
2782
2795
|
opacity: var(--ds-opacity-disabled, 0.3);
|
|
2783
2796
|
}
|
|
2784
|
-
.${
|
|
2797
|
+
.${n.grid} {
|
|
2785
2798
|
display: grid;
|
|
2786
2799
|
grid-template-columns: repeat(7, 1fr);
|
|
2787
2800
|
width: 100%;
|
|
2788
2801
|
text-align: center;
|
|
2789
2802
|
overflow: hidden;
|
|
2790
2803
|
}
|
|
2791
|
-
.${
|
|
2804
|
+
.${n.dayNameCell} {
|
|
2792
2805
|
display: flex;
|
|
2793
2806
|
padding: var(--ds-size-2, 8px);
|
|
2794
2807
|
flex-direction: column;
|
|
@@ -2803,7 +2816,7 @@ function po(t) {
|
|
|
2803
2816
|
box-sizing: border-box;
|
|
2804
2817
|
min-width: 0;
|
|
2805
2818
|
}
|
|
2806
|
-
.${
|
|
2819
|
+
.${n.dateCell} {
|
|
2807
2820
|
display: flex;
|
|
2808
2821
|
padding: var(--ds-size-5, 22px);
|
|
2809
2822
|
flex-direction: column;
|
|
@@ -2823,7 +2836,7 @@ function po(t) {
|
|
|
2823
2836
|
user-select: none;
|
|
2824
2837
|
min-width: 0;
|
|
2825
2838
|
}
|
|
2826
|
-
.${
|
|
2839
|
+
.${n.dateNumberContainer} {
|
|
2827
2840
|
display: flex;
|
|
2828
2841
|
justify-content: center;
|
|
2829
2842
|
align-items: center;
|
|
@@ -2835,12 +2848,12 @@ function po(t) {
|
|
|
2835
2848
|
box-sizing: border-box;
|
|
2836
2849
|
background-color: transparent;
|
|
2837
2850
|
}
|
|
2838
|
-
.${
|
|
2851
|
+
.${n.dateCell}:hover:not(.${n.otherMonth}):not(.${n.disabled}) {
|
|
2839
2852
|
background-color: var(--ds-color-surface-hover, #eee);
|
|
2840
2853
|
position: relative;
|
|
2841
2854
|
z-index: 1;
|
|
2842
2855
|
}
|
|
2843
|
-
.${
|
|
2856
|
+
.${n.otherMonth} {
|
|
2844
2857
|
color: var(--ds-color-text-subtle, #aaa);
|
|
2845
2858
|
cursor: default;
|
|
2846
2859
|
pointer-events: none;
|
|
@@ -2848,261 +2861,261 @@ function po(t) {
|
|
|
2848
2861
|
border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
|
|
2849
2862
|
margin: -0.5px;
|
|
2850
2863
|
}
|
|
2851
|
-
.${
|
|
2864
|
+
.${n.selectedDate} {
|
|
2852
2865
|
background-color: var(--ds-color-base-default, #C30000);
|
|
2853
2866
|
border-color: var(--ds-color-base-default, #C30000);
|
|
2854
2867
|
color: var(--ds-color-base-contrast-default, #fff);
|
|
2855
2868
|
position: relative;
|
|
2856
2869
|
z-index: 1;
|
|
2857
2870
|
}
|
|
2858
|
-
.${
|
|
2871
|
+
.${n.selectedDate} .${n.dateNumberContainer} {
|
|
2859
2872
|
color: var(--ds-color-base-contrast-default, #fff);
|
|
2860
2873
|
font-weight: var(--ds-font-weight-semibold, 600);
|
|
2861
2874
|
background-color: transparent;
|
|
2862
2875
|
}
|
|
2863
|
-
.${
|
|
2876
|
+
.${n.todayDate} .${n.dateNumberContainer} {
|
|
2864
2877
|
font-weight: var(--ds-font-weight-semibold, 600);
|
|
2865
2878
|
}
|
|
2866
2879
|
@media (max-width: 480px) {
|
|
2867
|
-
.${
|
|
2880
|
+
.${n.calendarContainer} {
|
|
2868
2881
|
padding: var(--ds-size-4, 16px);
|
|
2869
2882
|
gap: var(--ds-size-2, 8px);
|
|
2870
2883
|
width: 100%;
|
|
2871
2884
|
}
|
|
2872
|
-
.${
|
|
2885
|
+
.${n.monthYear} {
|
|
2873
2886
|
font-size: var(--ds-heading-xs-font-size, 1.125rem);
|
|
2874
2887
|
}
|
|
2875
|
-
.${
|
|
2888
|
+
.${n.dayNameCell} {
|
|
2876
2889
|
padding: var(--ds-size-1, 4px);
|
|
2877
2890
|
font-size: var(--ds-body-2xs-font-size, 12px);
|
|
2878
2891
|
}
|
|
2879
|
-
.${
|
|
2892
|
+
.${n.dateCell} {
|
|
2880
2893
|
padding: var(--ds-size-2, 8px);
|
|
2881
2894
|
font-size: var(--ds-body-2xs-font-size, 12px);
|
|
2882
2895
|
}
|
|
2883
|
-
.${
|
|
2896
|
+
.${n.dateNumberContainer} {
|
|
2884
2897
|
width: 20px;
|
|
2885
2898
|
height: 20px;
|
|
2886
2899
|
}
|
|
2887
2900
|
}
|
|
2888
2901
|
@media (max-width: 360px) {
|
|
2889
|
-
.${
|
|
2902
|
+
.${n.calendarContainer} {
|
|
2890
2903
|
padding: var(--ds-size-2, 8px);
|
|
2891
2904
|
}
|
|
2892
|
-
.${
|
|
2905
|
+
.${n.dayNameCell} {
|
|
2893
2906
|
padding: 2px;
|
|
2894
2907
|
font-size: 10px;
|
|
2895
2908
|
}
|
|
2896
|
-
.${
|
|
2909
|
+
.${n.dateCell} {
|
|
2897
2910
|
padding: var(--ds-size-1, 4px);
|
|
2898
2911
|
font-size: 11px;
|
|
2899
2912
|
}
|
|
2900
|
-
.${
|
|
2913
|
+
.${n.dateNumberContainer} {
|
|
2901
2914
|
width: 16px;
|
|
2902
2915
|
height: 16px;
|
|
2903
2916
|
}
|
|
2904
2917
|
}
|
|
2905
2918
|
`;
|
|
2906
2919
|
}
|
|
2907
|
-
const
|
|
2908
|
-
fieldset:
|
|
2909
|
-
description:
|
|
2910
|
-
error:
|
|
2911
|
-
inputWrapper:
|
|
2912
|
-
inputWrapperError:
|
|
2913
|
-
suffixButton:
|
|
2914
|
-
suffixButtonInteractive:
|
|
2915
|
-
}, ze = (
|
|
2916
|
-
const e =
|
|
2917
|
-
return
|
|
2918
|
-
}, Re = (
|
|
2919
|
-
let e =
|
|
2920
|
+
const uo = "_fieldset_16fx7_2", ho = "_description_16fx7_14", fo = "_error_16fx7_21", ko = "_inputWrapper_16fx7_30", vo = "_inputWrapperError_16fx7_42", bo = "_suffixButton_16fx7_80", yo = "_suffixButtonInteractive_16fx7_100", de = {
|
|
2921
|
+
fieldset: uo,
|
|
2922
|
+
description: ho,
|
|
2923
|
+
error: fo,
|
|
2924
|
+
inputWrapper: ko,
|
|
2925
|
+
inputWrapperError: vo,
|
|
2926
|
+
suffixButton: bo,
|
|
2927
|
+
suffixButtonInteractive: yo
|
|
2928
|
+
}, ze = (n) => {
|
|
2929
|
+
const e = n.slice(0, 2), a = n.slice(2, 4), d = n.slice(4, 8);
|
|
2930
|
+
return n.length > 4 ? `${e}.${a}.${d}` : n.length > 2 ? `${e}.${a}` : n.length > 0 ? e : "";
|
|
2931
|
+
}, Re = (n) => (n || "").replace(/\D/g, ""), Ge = (n) => {
|
|
2932
|
+
let e = n;
|
|
2920
2933
|
if (e.length >= 2) {
|
|
2921
|
-
const
|
|
2922
|
-
!isNaN(
|
|
2934
|
+
const a = parseInt(e.substring(0, 2), 10);
|
|
2935
|
+
!isNaN(a) && a > 31 && (e = "31" + e.substring(2));
|
|
2923
2936
|
}
|
|
2924
2937
|
if (e.length >= 4) {
|
|
2925
|
-
const
|
|
2926
|
-
!isNaN(
|
|
2938
|
+
const a = parseInt(e.substring(2, 4), 10);
|
|
2939
|
+
!isNaN(a) && a > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
|
|
2927
2940
|
}
|
|
2928
2941
|
return e.slice(0, 8);
|
|
2929
|
-
},
|
|
2930
|
-
(
|
|
2931
|
-
const { t:
|
|
2932
|
-
|
|
2933
|
-
const
|
|
2934
|
-
if (typeof document > "u" || document.getElementById(
|
|
2935
|
-
const
|
|
2936
|
-
|
|
2942
|
+
}, xo = ie(
|
|
2943
|
+
(n, e) => {
|
|
2944
|
+
const { t: a } = Te();
|
|
2945
|
+
z(() => {
|
|
2946
|
+
const c = "rk-dateinput-inline-styles";
|
|
2947
|
+
if (typeof document > "u" || document.getElementById(c)) return;
|
|
2948
|
+
const w = To(de), $ = document.createElement("style");
|
|
2949
|
+
$.id = c, $.textContent = w, document.head.appendChild($);
|
|
2937
2950
|
}, []);
|
|
2938
2951
|
const {
|
|
2939
2952
|
label: d,
|
|
2940
2953
|
suffixIcon: h,
|
|
2941
|
-
onSuffixClick:
|
|
2942
|
-
className:
|
|
2954
|
+
onSuffixClick: f,
|
|
2955
|
+
className: m,
|
|
2943
2956
|
// For ytre fieldset
|
|
2944
|
-
inputWrapperClassName:
|
|
2957
|
+
inputWrapperClassName: k,
|
|
2945
2958
|
// For input wrapper div
|
|
2946
|
-
inputClassName:
|
|
2959
|
+
inputClassName: D,
|
|
2947
2960
|
// For selve input-elementet
|
|
2948
|
-
value:
|
|
2949
|
-
defaultValue:
|
|
2950
|
-
onChange:
|
|
2951
|
-
readOnly:
|
|
2952
|
-
placeholder:
|
|
2953
|
-
id:
|
|
2954
|
-
name:
|
|
2955
|
-
required:
|
|
2956
|
-
disabled:
|
|
2957
|
-
onClick:
|
|
2958
|
-
onFocus:
|
|
2961
|
+
value: S,
|
|
2962
|
+
defaultValue: R,
|
|
2963
|
+
onChange: _,
|
|
2964
|
+
readOnly: V,
|
|
2965
|
+
placeholder: A = "dd.mm.åååå",
|
|
2966
|
+
id: p,
|
|
2967
|
+
name: K,
|
|
2968
|
+
required: X,
|
|
2969
|
+
disabled: j,
|
|
2970
|
+
onClick: q,
|
|
2971
|
+
onFocus: g,
|
|
2959
2972
|
// Send ekstern onFocus videre
|
|
2960
|
-
onBlur:
|
|
2973
|
+
onBlur: M,
|
|
2961
2974
|
// Send ekstern onBlur videre
|
|
2962
|
-
autoComplete:
|
|
2963
|
-
"aria-label":
|
|
2964
|
-
"aria-labelledby":
|
|
2965
|
-
description:
|
|
2966
|
-
error:
|
|
2975
|
+
autoComplete: I = "off",
|
|
2976
|
+
"aria-label": F,
|
|
2977
|
+
"aria-labelledby": N,
|
|
2978
|
+
description: L,
|
|
2979
|
+
error: G,
|
|
2967
2980
|
// Bruk error-prop for styling
|
|
2968
|
-
"data-color":
|
|
2981
|
+
"data-color": ne,
|
|
2969
2982
|
// <-- Destrukturering
|
|
2970
|
-
"data-size":
|
|
2983
|
+
"data-size": H,
|
|
2971
2984
|
// <-- Destrukturering
|
|
2972
|
-
...
|
|
2973
|
-
} =
|
|
2974
|
-
|
|
2985
|
+
...J
|
|
2986
|
+
} = n, T = S !== void 0, b = Qe(null);
|
|
2987
|
+
Ae.useImperativeHandle(
|
|
2975
2988
|
e,
|
|
2976
|
-
() =>
|
|
2989
|
+
() => b.current
|
|
2977
2990
|
);
|
|
2978
|
-
const
|
|
2979
|
-
(
|
|
2980
|
-
const
|
|
2981
|
-
return ze(
|
|
2991
|
+
const l = se(
|
|
2992
|
+
(c) => {
|
|
2993
|
+
const w = Re(c), $ = Ge(w);
|
|
2994
|
+
return ze($);
|
|
2982
2995
|
},
|
|
2983
2996
|
[]
|
|
2984
|
-
), [
|
|
2985
|
-
() =>
|
|
2997
|
+
), [C, E] = O(
|
|
2998
|
+
() => l(S ?? R)
|
|
2986
2999
|
);
|
|
2987
|
-
|
|
2988
|
-
if (
|
|
2989
|
-
const
|
|
2990
|
-
|
|
3000
|
+
z(() => {
|
|
3001
|
+
if (T) {
|
|
3002
|
+
const c = l(S);
|
|
3003
|
+
c !== C && (E(c), b.current && b.current.value !== c && (b.current.value = c));
|
|
2991
3004
|
}
|
|
2992
|
-
}, [
|
|
2993
|
-
const
|
|
2994
|
-
(
|
|
2995
|
-
const
|
|
2996
|
-
let
|
|
2997
|
-
const
|
|
2998
|
-
|
|
2999
|
-
if (
|
|
3000
|
-
const
|
|
3001
|
-
...
|
|
3002
|
-
target: { ...
|
|
3005
|
+
}, [S, T, C, l]);
|
|
3006
|
+
const Y = se(
|
|
3007
|
+
(c) => {
|
|
3008
|
+
const w = c.target, $ = w.value, oe = C, re = Re($).slice(0, 8), pe = Ge(re), i = ze(pe);
|
|
3009
|
+
let u = 0;
|
|
3010
|
+
const x = pe.length;
|
|
3011
|
+
x <= 2 ? u = x : x <= 4 ? u = x + 1 : u = x + 2, u = Math.min(u, i.length), requestAnimationFrame(() => {
|
|
3012
|
+
if (b.current && (E(i), b.current.value = i, b.current.setSelectionRange(u, u), (i !== oe || T) && _)) {
|
|
3013
|
+
const ae = {
|
|
3014
|
+
...c,
|
|
3015
|
+
target: { ...w, value: i }
|
|
3003
3016
|
};
|
|
3004
|
-
|
|
3017
|
+
_(ae, i);
|
|
3005
3018
|
}
|
|
3006
3019
|
});
|
|
3007
3020
|
},
|
|
3008
|
-
[
|
|
3009
|
-
),
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
].filter(Boolean).join(" "),
|
|
3014
|
-
|
|
3015
|
-
].filter(Boolean).join(" "),
|
|
3016
|
-
|
|
3017
|
-
|
|
3021
|
+
[C, T, _, l]
|
|
3022
|
+
), y = [de.fieldset, m].filter(Boolean).join(" "), B = [
|
|
3023
|
+
de.inputWrapper,
|
|
3024
|
+
k,
|
|
3025
|
+
G ? de.inputWrapperError : ""
|
|
3026
|
+
].filter(Boolean).join(" "), Q = [
|
|
3027
|
+
D
|
|
3028
|
+
].filter(Boolean).join(" "), le = [
|
|
3029
|
+
de.suffixButton,
|
|
3030
|
+
f ? de.suffixButtonInteractive : ""
|
|
3018
3031
|
].filter(Boolean).join(" ");
|
|
3019
|
-
!d && !
|
|
3020
|
-
const
|
|
3032
|
+
!d && !F && !N && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
|
|
3033
|
+
const v = d && typeof d == "string" ? N || `${p}-label` : void 0, Z = L ? `${p}-desc` : void 0, me = G ? `${p}-err` : void 0, ge = [Z, me].filter(Boolean).join(" ") || void 0;
|
|
3021
3034
|
return (
|
|
3022
3035
|
// --- Bruk data-color og data-size på den ytre wrapperen ---
|
|
3023
|
-
/* @__PURE__ */
|
|
3036
|
+
/* @__PURE__ */ r(
|
|
3024
3037
|
"div",
|
|
3025
3038
|
{
|
|
3026
|
-
className:
|
|
3027
|
-
"data-color":
|
|
3028
|
-
"data-size":
|
|
3039
|
+
className: y,
|
|
3040
|
+
"data-color": ne,
|
|
3041
|
+
"data-size": H,
|
|
3029
3042
|
children: [
|
|
3030
|
-
d && typeof d == "string" ? /* @__PURE__ */
|
|
3031
|
-
|
|
3032
|
-
/* @__PURE__ */
|
|
3033
|
-
/* @__PURE__ */
|
|
3043
|
+
d && typeof d == "string" ? /* @__PURE__ */ t("label", { id: v, htmlFor: p, children: d }) : d,
|
|
3044
|
+
L && /* @__PURE__ */ t("p", { id: Z, className: de.description, children: L }),
|
|
3045
|
+
/* @__PURE__ */ r("div", { className: B, children: [
|
|
3046
|
+
/* @__PURE__ */ t(
|
|
3034
3047
|
"input",
|
|
3035
3048
|
{
|
|
3036
|
-
ref:
|
|
3049
|
+
ref: b,
|
|
3037
3050
|
type: "text",
|
|
3038
3051
|
inputMode: "numeric",
|
|
3039
3052
|
pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
|
|
3040
3053
|
maxLength: 10,
|
|
3041
|
-
value:
|
|
3042
|
-
readOnly:
|
|
3043
|
-
placeholder:
|
|
3044
|
-
id:
|
|
3045
|
-
name:
|
|
3046
|
-
required:
|
|
3047
|
-
disabled:
|
|
3048
|
-
onClick:
|
|
3049
|
-
onChange:
|
|
3050
|
-
onFocus:
|
|
3051
|
-
onBlur:
|
|
3052
|
-
autoComplete:
|
|
3053
|
-
"aria-label":
|
|
3054
|
-
"aria-labelledby":
|
|
3055
|
-
"aria-describedby":
|
|
3056
|
-
"aria-invalid": !!
|
|
3057
|
-
className:
|
|
3058
|
-
...
|
|
3054
|
+
value: C,
|
|
3055
|
+
readOnly: V,
|
|
3056
|
+
placeholder: A,
|
|
3057
|
+
id: p,
|
|
3058
|
+
name: K,
|
|
3059
|
+
required: X,
|
|
3060
|
+
disabled: j,
|
|
3061
|
+
onClick: q,
|
|
3062
|
+
onChange: Y,
|
|
3063
|
+
onFocus: g,
|
|
3064
|
+
onBlur: M,
|
|
3065
|
+
autoComplete: I,
|
|
3066
|
+
"aria-label": F,
|
|
3067
|
+
"aria-labelledby": v,
|
|
3068
|
+
"aria-describedby": ge,
|
|
3069
|
+
"aria-invalid": !!G,
|
|
3070
|
+
className: Q,
|
|
3071
|
+
...J
|
|
3059
3072
|
}
|
|
3060
3073
|
),
|
|
3061
|
-
h && /* @__PURE__ */
|
|
3074
|
+
h && /* @__PURE__ */ t(
|
|
3062
3075
|
"button",
|
|
3063
3076
|
{
|
|
3064
3077
|
type: "button",
|
|
3065
|
-
className:
|
|
3066
|
-
onClick:
|
|
3067
|
-
tabIndex:
|
|
3068
|
-
"aria-hidden": !
|
|
3069
|
-
disabled:
|
|
3070
|
-
"aria-label":
|
|
3078
|
+
className: le,
|
|
3079
|
+
onClick: j ? void 0 : f,
|
|
3080
|
+
tabIndex: f && !j ? 0 : -1,
|
|
3081
|
+
"aria-hidden": !f,
|
|
3082
|
+
disabled: j,
|
|
3083
|
+
"aria-label": f ? a("dateInput.openDatePicker") : void 0,
|
|
3071
3084
|
children: h
|
|
3072
3085
|
}
|
|
3073
3086
|
)
|
|
3074
3087
|
] }),
|
|
3075
|
-
|
|
3088
|
+
G && /* @__PURE__ */ t("p", { id: me, className: de.error, role: "alert", children: G })
|
|
3076
3089
|
]
|
|
3077
3090
|
}
|
|
3078
3091
|
)
|
|
3079
3092
|
);
|
|
3080
3093
|
}
|
|
3081
3094
|
);
|
|
3082
|
-
|
|
3083
|
-
function
|
|
3095
|
+
xo.displayName = "DateInput";
|
|
3096
|
+
function To(n) {
|
|
3084
3097
|
return `
|
|
3085
|
-
.${
|
|
3098
|
+
.${n.fieldset} {
|
|
3086
3099
|
margin-bottom: var(--ds-spacing-4, 16px);
|
|
3087
3100
|
}
|
|
3088
|
-
.${
|
|
3101
|
+
.${n.fieldset} label {
|
|
3089
3102
|
display: block;
|
|
3090
3103
|
margin-bottom: var(--ds-spacing-1, 4px);
|
|
3091
3104
|
font-weight: var(--ds-font-weight-medium, 500);
|
|
3092
3105
|
color: var(--ds-color-text-default, #2b2b2b);
|
|
3093
3106
|
}
|
|
3094
|
-
.${
|
|
3107
|
+
.${n.description} {
|
|
3095
3108
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3096
3109
|
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
3097
3110
|
margin-top: var(--ds-spacing-1, 4px);
|
|
3098
3111
|
margin-bottom: var(--ds-spacing-2, 8px);
|
|
3099
3112
|
}
|
|
3100
|
-
.${
|
|
3113
|
+
.${n.error} {
|
|
3101
3114
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3102
3115
|
color: var(--ds-color-danger-text-default, #c30000);
|
|
3103
3116
|
margin-top: var(--ds-spacing-1, 4px);
|
|
3104
3117
|
}
|
|
3105
|
-
.${
|
|
3118
|
+
.${n.inputWrapper} {
|
|
3106
3119
|
display: flex;
|
|
3107
3120
|
align-items: stretch;
|
|
3108
3121
|
width: 100%;
|
|
@@ -3112,14 +3125,14 @@ function yo(t) {
|
|
|
3112
3125
|
overflow: hidden;
|
|
3113
3126
|
transition: border-color 0.1s ease-out, outline 0.1s ease-out;
|
|
3114
3127
|
}
|
|
3115
|
-
.${
|
|
3128
|
+
.${n.inputWrapperError} {
|
|
3116
3129
|
border-color: var(--ds-color-danger-border-default, #c30000);
|
|
3117
3130
|
}
|
|
3118
|
-
.${
|
|
3131
|
+
.${n.inputWrapper}:focus-within {
|
|
3119
3132
|
outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);
|
|
3120
3133
|
outline-offset: var(--ds-focus-outline-offset, 2px);
|
|
3121
3134
|
}
|
|
3122
|
-
.${
|
|
3135
|
+
.${n.inputWrapper} input {
|
|
3123
3136
|
box-sizing: border-box;
|
|
3124
3137
|
flex-grow: 1;
|
|
3125
3138
|
width: auto;
|
|
@@ -3135,13 +3148,13 @@ function yo(t) {
|
|
|
3135
3148
|
appearance: none;
|
|
3136
3149
|
-webkit-appearance: none;
|
|
3137
3150
|
}
|
|
3138
|
-
.${
|
|
3151
|
+
.${n.inputWrapper} input:disabled {
|
|
3139
3152
|
opacity: var(--ds-opacity-disabled, 0.5);
|
|
3140
3153
|
cursor: not-allowed;
|
|
3141
3154
|
background-color: var(--ds-color-neutral-surface-subtle, #f0f0f0);
|
|
3142
3155
|
color: var(--ds-color-neutral-text-subtle, #5d5d5d);
|
|
3143
3156
|
}
|
|
3144
|
-
.${
|
|
3157
|
+
.${n.suffixButton} {
|
|
3145
3158
|
display: inline-flex;
|
|
3146
3159
|
align-items: center;
|
|
3147
3160
|
justify-content: center;
|
|
@@ -3158,14 +3171,14 @@ function yo(t) {
|
|
|
3158
3171
|
cursor: default;
|
|
3159
3172
|
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
|
|
3160
3173
|
}
|
|
3161
|
-
.${
|
|
3174
|
+
.${n.suffixButtonInteractive} {
|
|
3162
3175
|
cursor: pointer;
|
|
3163
3176
|
}
|
|
3164
|
-
.${
|
|
3177
|
+
.${n.suffixButtonInteractive}:hover:not(:disabled) {
|
|
3165
3178
|
color: var(--ds-color-text-default, #2b2b2b);
|
|
3166
3179
|
background-color: var(--ds-color-surface-hover, #dadada);
|
|
3167
3180
|
}
|
|
3168
|
-
.${
|
|
3181
|
+
.${n.suffixButton}:disabled {
|
|
3169
3182
|
opacity: var(--ds-opacity-disabled, 0.3);
|
|
3170
3183
|
cursor: not-allowed;
|
|
3171
3184
|
background-color: var(--ds-color-neutral-surface-tinted, #e8e8e8);
|
|
@@ -3173,164 +3186,164 @@ function yo(t) {
|
|
|
3173
3186
|
}
|
|
3174
3187
|
`;
|
|
3175
3188
|
}
|
|
3176
|
-
const
|
|
3177
|
-
carouselContainer:
|
|
3178
|
-
viewport:
|
|
3179
|
-
slides:
|
|
3180
|
-
slide:
|
|
3181
|
-
slideInner:
|
|
3182
|
-
loaderOverlay:
|
|
3183
|
-
image:
|
|
3184
|
-
loaded:
|
|
3189
|
+
const Co = "_carouselContainer_eo3g5_1", wo = "_viewport_eo3g5_14", So = "_slides_eo3g5_20", Io = "_slide_eo3g5_20", _o = "_slideInner_eo3g5_40", Do = "_loaderOverlay_eo3g5_48", Lo = "_image_eo3g5_58", jo = "_loaded_eo3g5_69", Ao = "_loading_eo3g5_73", No = "_empty_eo3g5_81", Mo = "_controls_eo3g5_87", Fo = "_arrows_eo3g5_97", Bo = "_dots_eo3g5_107", Eo = "_dot_eo3g5_107", $o = "_dotActive_eo3g5_133", W = {
|
|
3190
|
+
carouselContainer: Co,
|
|
3191
|
+
viewport: wo,
|
|
3192
|
+
slides: So,
|
|
3193
|
+
slide: Io,
|
|
3194
|
+
slideInner: _o,
|
|
3195
|
+
loaderOverlay: Do,
|
|
3196
|
+
image: Lo,
|
|
3197
|
+
loaded: jo,
|
|
3185
3198
|
loading: Ao,
|
|
3186
|
-
empty:
|
|
3187
|
-
controls:
|
|
3188
|
-
arrows:
|
|
3189
|
-
dots:
|
|
3190
|
-
dot:
|
|
3191
|
-
dotActive:
|
|
3192
|
-
},
|
|
3193
|
-
images:
|
|
3199
|
+
empty: No,
|
|
3200
|
+
controls: Mo,
|
|
3201
|
+
arrows: Fo,
|
|
3202
|
+
dots: Bo,
|
|
3203
|
+
dot: Eo,
|
|
3204
|
+
dotActive: $o
|
|
3205
|
+
}, Po = gt, zo = ({
|
|
3206
|
+
images: n,
|
|
3194
3207
|
autoPlay: e = !1,
|
|
3195
|
-
autoDelay:
|
|
3208
|
+
autoDelay: a = 5,
|
|
3196
3209
|
showArrows: d = !0,
|
|
3197
3210
|
showDots: h = !0,
|
|
3198
|
-
variant:
|
|
3199
|
-
slidesPerView:
|
|
3200
|
-
slideSpacing:
|
|
3201
|
-
cornerRadius:
|
|
3202
|
-
"data-color":
|
|
3203
|
-
"data-size":
|
|
3211
|
+
variant: f,
|
|
3212
|
+
slidesPerView: m = 1,
|
|
3213
|
+
slideSpacing: k = 16,
|
|
3214
|
+
cornerRadius: D = 0,
|
|
3215
|
+
"data-color": S,
|
|
3216
|
+
"data-size": R
|
|
3204
3217
|
}) => {
|
|
3205
|
-
const { t:
|
|
3206
|
-
|
|
3207
|
-
const
|
|
3208
|
-
if (typeof document > "u" || document.getElementById(
|
|
3209
|
-
const
|
|
3210
|
-
|
|
3218
|
+
const { t: _ } = Te();
|
|
3219
|
+
z(() => {
|
|
3220
|
+
const b = "rk-carousel-inline-styles";
|
|
3221
|
+
if (typeof document > "u" || document.getElementById(b)) return;
|
|
3222
|
+
const l = Ro(W), C = document.createElement("style");
|
|
3223
|
+
C.id = b, C.textContent = l, document.head.appendChild(C);
|
|
3211
3224
|
}, []);
|
|
3212
|
-
const
|
|
3225
|
+
const V = {
|
|
3213
3226
|
loop: !0,
|
|
3214
3227
|
align: "start",
|
|
3215
3228
|
containScroll: "trimSnaps",
|
|
3216
3229
|
slidesToScroll: 1
|
|
3217
|
-
}, [
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
}, [
|
|
3221
|
-
const
|
|
3222
|
-
|
|
3223
|
-
const
|
|
3224
|
-
return
|
|
3230
|
+
}, [A, p] = pn(V), [K, X] = O(0), [j, q] = O([]), [g, M] = O([]);
|
|
3231
|
+
z(() => {
|
|
3232
|
+
M(new Array((n == null ? void 0 : n.length) || 0).fill(!1));
|
|
3233
|
+
}, [n]);
|
|
3234
|
+
const I = se((b) => {
|
|
3235
|
+
M((l) => {
|
|
3236
|
+
const C = [...l];
|
|
3237
|
+
return C[b] = !0, C;
|
|
3225
3238
|
});
|
|
3226
|
-
}, []),
|
|
3227
|
-
|
|
3228
|
-
}, [
|
|
3229
|
-
|
|
3230
|
-
if (
|
|
3231
|
-
return
|
|
3232
|
-
|
|
3239
|
+
}, []), F = fe(() => a * 1e3, [a]), N = se(() => {
|
|
3240
|
+
p && X(p.selectedScrollSnap());
|
|
3241
|
+
}, [p]), L = se((b) => p && p.scrollTo(b), [p]), G = se(() => p && p.scrollPrev(), [p]), ne = se(() => p && p.scrollNext(), [p]);
|
|
3242
|
+
z(() => {
|
|
3243
|
+
if (p)
|
|
3244
|
+
return p.on("select", N), p.on("reInit", N), q(p.scrollSnapList()), () => {
|
|
3245
|
+
p.off("select", N), p.off("reInit", N);
|
|
3233
3246
|
};
|
|
3234
|
-
}, [
|
|
3235
|
-
|
|
3236
|
-
}, [
|
|
3237
|
-
if (!e || !
|
|
3238
|
-
const
|
|
3239
|
-
|
|
3240
|
-
},
|
|
3247
|
+
}, [p, N]), z(() => {
|
|
3248
|
+
p && (p.reInit(), q(p.scrollSnapList()));
|
|
3249
|
+
}, [p, n, m, k]), z(() => {
|
|
3250
|
+
if (!e || !p || !n || n.length <= 1) return;
|
|
3251
|
+
const b = window.setInterval(() => {
|
|
3252
|
+
p.canScrollNext() && p.scrollNext();
|
|
3253
|
+
}, F);
|
|
3241
3254
|
return () => {
|
|
3242
|
-
window.clearInterval(
|
|
3255
|
+
window.clearInterval(b);
|
|
3243
3256
|
};
|
|
3244
|
-
}, [e,
|
|
3245
|
-
const
|
|
3246
|
-
return /* @__PURE__ */
|
|
3257
|
+
}, [e, F, p, n]);
|
|
3258
|
+
const H = Math.max(1, m), J = `${100 / H}%`, T = k / 2;
|
|
3259
|
+
return /* @__PURE__ */ r(
|
|
3247
3260
|
"div",
|
|
3248
3261
|
{
|
|
3249
|
-
className:
|
|
3250
|
-
"data-color":
|
|
3251
|
-
"data-size":
|
|
3252
|
-
"data-variant":
|
|
3262
|
+
className: W.carouselContainer,
|
|
3263
|
+
"data-color": S,
|
|
3264
|
+
"data-size": R,
|
|
3265
|
+
"data-variant": f,
|
|
3253
3266
|
children: [
|
|
3254
|
-
/* @__PURE__ */
|
|
3267
|
+
/* @__PURE__ */ t("div", { className: W.viewport, ref: A, children: /* @__PURE__ */ t(
|
|
3255
3268
|
"div",
|
|
3256
3269
|
{
|
|
3257
|
-
className:
|
|
3270
|
+
className: W.slides,
|
|
3258
3271
|
style: {
|
|
3259
|
-
marginLeft: `-${
|
|
3260
|
-
marginRight: `-${
|
|
3272
|
+
marginLeft: `-${T}px`,
|
|
3273
|
+
marginRight: `-${T}px`
|
|
3261
3274
|
},
|
|
3262
|
-
children:
|
|
3275
|
+
children: n && n.length > 0 ? n.map((b, l) => /* @__PURE__ */ t(
|
|
3263
3276
|
"div",
|
|
3264
3277
|
{
|
|
3265
|
-
className:
|
|
3278
|
+
className: W.slide,
|
|
3266
3279
|
style: {
|
|
3267
|
-
flex: `0 0 ${
|
|
3268
|
-
paddingLeft: `${
|
|
3269
|
-
paddingRight: `${
|
|
3270
|
-
borderRadius:
|
|
3280
|
+
flex: `0 0 ${J}`,
|
|
3281
|
+
paddingLeft: `${T}px`,
|
|
3282
|
+
paddingRight: `${T}px`,
|
|
3283
|
+
borderRadius: D > 0 ? `${D}px` : void 0,
|
|
3271
3284
|
overflow: "hidden"
|
|
3272
3285
|
// Ensure radius clips content
|
|
3273
3286
|
},
|
|
3274
|
-
children: /* @__PURE__ */
|
|
3275
|
-
!
|
|
3276
|
-
/* @__PURE__ */
|
|
3287
|
+
children: /* @__PURE__ */ r("div", { className: W.slideInner, style: { borderRadius: `${D}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
|
|
3288
|
+
!g[l] && /* @__PURE__ */ t("div", { className: W.loaderOverlay, children: /* @__PURE__ */ t(Po, { "aria-label": _("carousel.loading") }) }),
|
|
3289
|
+
/* @__PURE__ */ t(
|
|
3277
3290
|
"img",
|
|
3278
3291
|
{
|
|
3279
|
-
className: `${
|
|
3280
|
-
src:
|
|
3281
|
-
alt:
|
|
3282
|
-
loading:
|
|
3292
|
+
className: `${W.image} ${g[l] ? W.loaded : W.loadingImage}`,
|
|
3293
|
+
src: b.src,
|
|
3294
|
+
alt: b.alt,
|
|
3295
|
+
loading: l < H ? "eager" : "lazy",
|
|
3283
3296
|
crossOrigin: "anonymous",
|
|
3284
|
-
onLoad: () =>
|
|
3285
|
-
onError: (
|
|
3286
|
-
|
|
3297
|
+
onLoad: () => I(l),
|
|
3298
|
+
onError: (C) => {
|
|
3299
|
+
C.target.style.display = "none", I(l);
|
|
3287
3300
|
}
|
|
3288
3301
|
}
|
|
3289
3302
|
)
|
|
3290
3303
|
] })
|
|
3291
3304
|
},
|
|
3292
|
-
`image-${
|
|
3293
|
-
)) : /* @__PURE__ */
|
|
3305
|
+
`image-${l}-${b.src}`
|
|
3306
|
+
)) : /* @__PURE__ */ t("div", { className: W.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ t("div", { className: W.empty, children: "Ingen bilder" }) })
|
|
3294
3307
|
}
|
|
3295
3308
|
) }),
|
|
3296
|
-
(d || h &&
|
|
3297
|
-
d && /* @__PURE__ */
|
|
3298
|
-
/* @__PURE__ */
|
|
3299
|
-
|
|
3309
|
+
(d || h && n && n.length > 1) && /* @__PURE__ */ r("div", { className: W.controls, "aria-hidden": "false", children: [
|
|
3310
|
+
d && /* @__PURE__ */ r("div", { className: W.arrows, children: [
|
|
3311
|
+
/* @__PURE__ */ t(
|
|
3312
|
+
ce,
|
|
3300
3313
|
{
|
|
3301
3314
|
variant: "primary",
|
|
3302
3315
|
icon: !0,
|
|
3303
|
-
"aria-label":
|
|
3304
|
-
onClick:
|
|
3305
|
-
disabled: !
|
|
3306
|
-
children: /* @__PURE__ */
|
|
3316
|
+
"aria-label": _("carousel.previousImage"),
|
|
3317
|
+
onClick: G,
|
|
3318
|
+
disabled: !n || n.length <= 1,
|
|
3319
|
+
children: /* @__PURE__ */ t(mn, { "aria-hidden": !0 })
|
|
3307
3320
|
}
|
|
3308
3321
|
),
|
|
3309
|
-
/* @__PURE__ */
|
|
3310
|
-
|
|
3322
|
+
/* @__PURE__ */ t(
|
|
3323
|
+
ce,
|
|
3311
3324
|
{
|
|
3312
3325
|
variant: "primary",
|
|
3313
3326
|
icon: !0,
|
|
3314
|
-
"aria-label":
|
|
3315
|
-
onClick:
|
|
3316
|
-
disabled: !
|
|
3317
|
-
children: /* @__PURE__ */
|
|
3327
|
+
"aria-label": _("carousel.nextImage"),
|
|
3328
|
+
onClick: ne,
|
|
3329
|
+
disabled: !n || n.length <= 1,
|
|
3330
|
+
children: /* @__PURE__ */ t(gn, { "aria-hidden": !0 })
|
|
3318
3331
|
}
|
|
3319
3332
|
)
|
|
3320
3333
|
] }),
|
|
3321
|
-
h &&
|
|
3322
|
-
const
|
|
3323
|
-
return /* @__PURE__ */
|
|
3334
|
+
h && n && n.length > 1 && /* @__PURE__ */ t("div", { className: W.dots, role: "tablist", "aria-label": _("carousel.imagePosition"), children: j.map((b, l) => {
|
|
3335
|
+
const C = l === K;
|
|
3336
|
+
return /* @__PURE__ */ t(
|
|
3324
3337
|
"button",
|
|
3325
3338
|
{
|
|
3326
3339
|
type: "button",
|
|
3327
|
-
className: `${
|
|
3328
|
-
onClick: () =>
|
|
3329
|
-
"aria-label": `${
|
|
3330
|
-
"aria-selected":
|
|
3340
|
+
className: `${W.dot} ${C ? W.dotActive : ""}`,
|
|
3341
|
+
onClick: () => L(l),
|
|
3342
|
+
"aria-label": `${_("carousel.goToImage")} ${l + 1}`,
|
|
3343
|
+
"aria-selected": C,
|
|
3331
3344
|
role: "tab"
|
|
3332
3345
|
},
|
|
3333
|
-
`dot-${
|
|
3346
|
+
`dot-${l}`
|
|
3334
3347
|
);
|
|
3335
3348
|
}) })
|
|
3336
3349
|
] })
|
|
@@ -3338,10 +3351,10 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
|
|
|
3338
3351
|
}
|
|
3339
3352
|
);
|
|
3340
3353
|
};
|
|
3341
|
-
|
|
3342
|
-
function
|
|
3354
|
+
zo.displayName = "Carousel";
|
|
3355
|
+
function Ro(n) {
|
|
3343
3356
|
return `
|
|
3344
|
-
.${
|
|
3357
|
+
.${n.carouselContainer} {
|
|
3345
3358
|
position: relative;
|
|
3346
3359
|
display: block;
|
|
3347
3360
|
width: 100%;
|
|
@@ -3353,12 +3366,12 @@ function Po(t) {
|
|
|
3353
3366
|
box-sizing: border-box;
|
|
3354
3367
|
max-width: 100%;
|
|
3355
3368
|
}
|
|
3356
|
-
.${
|
|
3369
|
+
.${n.viewport} {
|
|
3357
3370
|
overflow: hidden;
|
|
3358
3371
|
width: 100%;
|
|
3359
3372
|
height: 100%;
|
|
3360
3373
|
}
|
|
3361
|
-
.${
|
|
3374
|
+
.${n.slides} {
|
|
3362
3375
|
display: flex;
|
|
3363
3376
|
height: 100%;
|
|
3364
3377
|
user-select: none;
|
|
@@ -3367,7 +3380,7 @@ function Po(t) {
|
|
|
3367
3380
|
-moz-user-select: none;
|
|
3368
3381
|
-ms-user-select: none;
|
|
3369
3382
|
}
|
|
3370
|
-
.${
|
|
3383
|
+
.${n.slide} {
|
|
3371
3384
|
position: relative;
|
|
3372
3385
|
min-width: 0;
|
|
3373
3386
|
height: 100%;
|
|
@@ -3376,14 +3389,14 @@ function Po(t) {
|
|
|
3376
3389
|
justify-content: center;
|
|
3377
3390
|
box-sizing: border-box;
|
|
3378
3391
|
}
|
|
3379
|
-
.${
|
|
3392
|
+
.${n.slideInner} {
|
|
3380
3393
|
position: relative;
|
|
3381
3394
|
width: 100%;
|
|
3382
3395
|
height: 100%;
|
|
3383
3396
|
background-color: var(--ds-color-neutral-surface-subtle, #f5f5f5);
|
|
3384
3397
|
overflow: hidden;
|
|
3385
3398
|
}
|
|
3386
|
-
.${
|
|
3399
|
+
.${n.loaderOverlay} {
|
|
3387
3400
|
position: absolute;
|
|
3388
3401
|
inset: 0;
|
|
3389
3402
|
display: flex;
|
|
@@ -3392,7 +3405,7 @@ function Po(t) {
|
|
|
3392
3405
|
background-color: rgba(0, 0, 0, 0.05);
|
|
3393
3406
|
z-index: 2;
|
|
3394
3407
|
}
|
|
3395
|
-
.${
|
|
3408
|
+
.${n.image} {
|
|
3396
3409
|
position: absolute;
|
|
3397
3410
|
inset: 0;
|
|
3398
3411
|
width: 100%;
|
|
@@ -3402,22 +3415,22 @@ function Po(t) {
|
|
|
3402
3415
|
transition: opacity 0.3s ease-in-out;
|
|
3403
3416
|
z-index: 1;
|
|
3404
3417
|
}
|
|
3405
|
-
.${
|
|
3418
|
+
.${n.image}.${n.loaded} {
|
|
3406
3419
|
opacity: 1;
|
|
3407
3420
|
}
|
|
3408
|
-
.${
|
|
3421
|
+
.${n.loading} {
|
|
3409
3422
|
display: inline-flex;
|
|
3410
3423
|
align-items: center;
|
|
3411
3424
|
gap: var(--ds-size-2, 8px);
|
|
3412
3425
|
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
3413
3426
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3414
3427
|
}
|
|
3415
|
-
.${
|
|
3428
|
+
.${n.empty} {
|
|
3416
3429
|
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
3417
3430
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3418
3431
|
text-align: center;
|
|
3419
3432
|
}
|
|
3420
|
-
.${
|
|
3433
|
+
.${n.controls} {
|
|
3421
3434
|
position: absolute;
|
|
3422
3435
|
inset: 0;
|
|
3423
3436
|
display: flex;
|
|
@@ -3426,7 +3439,7 @@ function Po(t) {
|
|
|
3426
3439
|
pointer-events: none;
|
|
3427
3440
|
z-index: 10;
|
|
3428
3441
|
}
|
|
3429
|
-
.${
|
|
3442
|
+
.${n.arrows} {
|
|
3430
3443
|
display: flex;
|
|
3431
3444
|
align-items: center;
|
|
3432
3445
|
justify-content: space-between;
|
|
@@ -3435,7 +3448,7 @@ function Po(t) {
|
|
|
3435
3448
|
box-sizing: border-box;
|
|
3436
3449
|
pointer-events: auto;
|
|
3437
3450
|
}
|
|
3438
|
-
.${
|
|
3451
|
+
.${n.dots} {
|
|
3439
3452
|
position: absolute;
|
|
3440
3453
|
left: 50%;
|
|
3441
3454
|
transform: translateX(-50%);
|
|
@@ -3448,7 +3461,7 @@ function Po(t) {
|
|
|
3448
3461
|
padding: var(--ds-size-1, 4px) var(--ds-size-2, 8px);
|
|
3449
3462
|
border-radius: 999px;
|
|
3450
3463
|
}
|
|
3451
|
-
.${
|
|
3464
|
+
.${n.dot} {
|
|
3452
3465
|
width: 12px;
|
|
3453
3466
|
height: 12px;
|
|
3454
3467
|
border-radius: 999px;
|
|
@@ -3459,231 +3472,233 @@ function Po(t) {
|
|
|
3459
3472
|
cursor: pointer;
|
|
3460
3473
|
transition: all 0.2s ease;
|
|
3461
3474
|
}
|
|
3462
|
-
.${
|
|
3475
|
+
.${n.dotActive} {
|
|
3463
3476
|
background-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
|
|
3464
3477
|
border-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
|
|
3465
3478
|
transform: scale(1.1);
|
|
3466
3479
|
}
|
|
3467
3480
|
@media (max-width: 640px) {
|
|
3468
|
-
.${
|
|
3481
|
+
.${n.carouselContainer} {
|
|
3469
3482
|
height: auto;
|
|
3470
3483
|
min-height: 150px;
|
|
3471
3484
|
aspect-ratio: 16 / 9;
|
|
3472
3485
|
}
|
|
3473
|
-
.${
|
|
3486
|
+
.${n.viewport} {
|
|
3474
3487
|
aspect-ratio: 16 / 9;
|
|
3475
3488
|
height: auto;
|
|
3476
3489
|
}
|
|
3477
|
-
.${
|
|
3490
|
+
.${n.slides} {
|
|
3478
3491
|
height: auto;
|
|
3479
3492
|
min-height: 150px;
|
|
3480
3493
|
}
|
|
3481
|
-
.${
|
|
3494
|
+
.${n.slide} {
|
|
3482
3495
|
height: auto;
|
|
3483
3496
|
min-height: 150px;
|
|
3484
3497
|
}
|
|
3485
|
-
.${
|
|
3498
|
+
.${n.slideInner} {
|
|
3486
3499
|
aspect-ratio: 16 / 9;
|
|
3487
3500
|
height: auto;
|
|
3488
3501
|
}
|
|
3489
|
-
.${
|
|
3502
|
+
.${n.arrows} {
|
|
3490
3503
|
padding: 0 var(--ds-size-2, 8px);
|
|
3491
3504
|
}
|
|
3492
|
-
.${
|
|
3505
|
+
.${n.dots} {
|
|
3493
3506
|
bottom: var(--ds-size-2, 8px);
|
|
3494
3507
|
gap: var(--ds-size-1, 4px);
|
|
3495
3508
|
}
|
|
3496
|
-
.${
|
|
3509
|
+
.${n.dot} {
|
|
3497
3510
|
width: 10px;
|
|
3498
3511
|
height: 10px;
|
|
3499
3512
|
}
|
|
3500
3513
|
}
|
|
3501
3514
|
@media (max-width: 400px) {
|
|
3502
|
-
.${
|
|
3515
|
+
.${n.carouselContainer} {
|
|
3503
3516
|
min-height: 120px;
|
|
3504
3517
|
}
|
|
3505
|
-
.${
|
|
3518
|
+
.${n.arrows} {
|
|
3506
3519
|
padding: 0 var(--ds-size-1, 4px);
|
|
3507
3520
|
}
|
|
3508
|
-
.${
|
|
3521
|
+
.${n.arrows} button {
|
|
3509
3522
|
transform: scale(0.85);
|
|
3510
3523
|
}
|
|
3511
3524
|
}
|
|
3512
3525
|
`;
|
|
3513
3526
|
}
|
|
3514
|
-
const
|
|
3515
|
-
crossCorner:
|
|
3516
|
-
shape:
|
|
3527
|
+
const Go = "_crossCorner_1caiu_1", Wo = "_shape_1caiu_6", Le = {
|
|
3528
|
+
crossCorner: Go,
|
|
3529
|
+
shape: Wo
|
|
3517
3530
|
};
|
|
3518
|
-
function
|
|
3531
|
+
function Ho(n) {
|
|
3519
3532
|
return `
|
|
3520
|
-
.${
|
|
3533
|
+
.${n.crossCorner} {
|
|
3521
3534
|
display: inline-block;
|
|
3522
3535
|
flex-shrink: 0;
|
|
3523
3536
|
}
|
|
3524
|
-
.${
|
|
3537
|
+
.${n.shape} {
|
|
3525
3538
|
fill: var(--ds-color-base-default, #DA4236);
|
|
3526
3539
|
}
|
|
3527
3540
|
/* Color variants via data-color attribute */
|
|
3528
|
-
.${
|
|
3541
|
+
.${n.crossCorner}[data-color="accent"] .${n.shape} {
|
|
3529
3542
|
fill: var(--ds-color-accent-base-default, #DA4236);
|
|
3530
3543
|
}
|
|
3531
|
-
.${
|
|
3544
|
+
.${n.crossCorner}[data-color="brand1"] .${n.shape} {
|
|
3532
3545
|
fill: var(--ds-color-brand1-base-default, #DA4236);
|
|
3533
3546
|
}
|
|
3534
|
-
.${
|
|
3547
|
+
.${n.crossCorner}[data-color="brand2"] .${n.shape} {
|
|
3535
3548
|
fill: var(--ds-color-brand2-base-default, #1E2B3C);
|
|
3536
3549
|
}
|
|
3537
|
-
.${
|
|
3550
|
+
.${n.crossCorner}[data-color="brand3"] .${n.shape} {
|
|
3538
3551
|
fill: var(--ds-color-brand3-base-default, #F5F5F5);
|
|
3539
3552
|
}
|
|
3540
|
-
.${
|
|
3553
|
+
.${n.crossCorner}[data-color="neutral"] .${n.shape} {
|
|
3541
3554
|
fill: var(--ds-color-neutral-base-default, #5D5D5D);
|
|
3542
3555
|
}
|
|
3543
3556
|
`;
|
|
3544
3557
|
}
|
|
3545
|
-
const
|
|
3558
|
+
const Uo = {
|
|
3546
3559
|
sm: 48,
|
|
3547
3560
|
md: 68,
|
|
3548
3561
|
lg: 96
|
|
3549
|
-
},
|
|
3562
|
+
}, Vo = {
|
|
3550
3563
|
"top-left": 270,
|
|
3551
3564
|
"top-right": 0,
|
|
3552
3565
|
"bottom-right": 90,
|
|
3553
3566
|
"bottom-left": 180
|
|
3554
|
-
},
|
|
3567
|
+
}, ye = ie(
|
|
3555
3568
|
({
|
|
3556
|
-
position:
|
|
3569
|
+
position: n = "top-left",
|
|
3557
3570
|
size: e = "md",
|
|
3558
|
-
className:
|
|
3571
|
+
className: a,
|
|
3559
3572
|
"aria-label": d,
|
|
3560
3573
|
"aria-hidden": h = !0,
|
|
3561
|
-
"data-color":
|
|
3562
|
-
"data-size":
|
|
3563
|
-
...
|
|
3564
|
-
},
|
|
3565
|
-
|
|
3566
|
-
const
|
|
3567
|
-
if (typeof document > "u" || document.getElementById(
|
|
3568
|
-
const
|
|
3569
|
-
|
|
3574
|
+
"data-color": f,
|
|
3575
|
+
"data-size": m,
|
|
3576
|
+
...k
|
|
3577
|
+
}, D) => {
|
|
3578
|
+
z(() => {
|
|
3579
|
+
const _ = "rk-crosscorner-inline-styles";
|
|
3580
|
+
if (typeof document > "u" || document.getElementById(_)) return;
|
|
3581
|
+
const V = Ho(Le), A = document.createElement("style");
|
|
3582
|
+
A.id = _, A.textContent = V, document.head.appendChild(A);
|
|
3570
3583
|
}, []);
|
|
3571
|
-
const
|
|
3572
|
-
return /* @__PURE__ */
|
|
3584
|
+
const S = Uo[e], R = Vo[n];
|
|
3585
|
+
return /* @__PURE__ */ t(
|
|
3573
3586
|
"svg",
|
|
3574
3587
|
{
|
|
3575
|
-
ref:
|
|
3576
|
-
className: `${
|
|
3577
|
-
width:
|
|
3578
|
-
height:
|
|
3588
|
+
ref: D,
|
|
3589
|
+
className: `${Le.crossCorner} ${a || ""}`,
|
|
3590
|
+
width: S,
|
|
3591
|
+
height: S,
|
|
3579
3592
|
viewBox: "0 0 68 68",
|
|
3580
3593
|
fill: "none",
|
|
3581
3594
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3582
3595
|
"aria-label": d,
|
|
3583
3596
|
"aria-hidden": h,
|
|
3584
3597
|
role: h ? void 0 : "img",
|
|
3585
|
-
"data-color":
|
|
3586
|
-
"data-size":
|
|
3598
|
+
"data-color": f,
|
|
3599
|
+
"data-size": m,
|
|
3587
3600
|
style: {
|
|
3588
|
-
transform:
|
|
3601
|
+
transform: R ? `rotate(${R}deg)` : void 0
|
|
3589
3602
|
},
|
|
3590
|
-
...
|
|
3591
|
-
children: /* @__PURE__ */
|
|
3603
|
+
...k,
|
|
3604
|
+
children: /* @__PURE__ */ t(
|
|
3592
3605
|
"path",
|
|
3593
3606
|
{
|
|
3594
3607
|
d: "M68 0V33.8203H67.998V68H34.1777V33.8203H0V0H68Z",
|
|
3595
|
-
className:
|
|
3608
|
+
className: Le.shape
|
|
3596
3609
|
}
|
|
3597
3610
|
)
|
|
3598
3611
|
}
|
|
3599
3612
|
);
|
|
3600
3613
|
}
|
|
3601
3614
|
);
|
|
3602
|
-
|
|
3603
|
-
const
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
const
|
|
3607
|
-
|
|
3608
|
-
const Ze =
|
|
3615
|
+
ye.displayName = "CrossCorner";
|
|
3616
|
+
const ei = ut, ti = ht, ni = ft, U = kt, oi = Tt, ri = Ct, ai = bt, si = xt, ii = yt, li = vt, di = wt, ci = St, Oo = _t, Ko = It;
|
|
3617
|
+
Oo.displayName = "Field.Description";
|
|
3618
|
+
Ko.displayName = "Field.Counter";
|
|
3619
|
+
const pi = Ue, qo = ie((n, e) => /* @__PURE__ */ t(Dt, { ref: e, ...n }));
|
|
3620
|
+
qo.displayName = "Heading";
|
|
3621
|
+
const Ze = Lt;
|
|
3609
3622
|
Ze.displayName = "Input";
|
|
3610
|
-
const
|
|
3611
|
-
|
|
3612
|
-
const
|
|
3613
|
-
|
|
3614
|
-
const
|
|
3615
|
-
(
|
|
3623
|
+
const Yo = ie((n, e) => /* @__PURE__ */ t(jt, { ref: e, ...n }));
|
|
3624
|
+
Yo.displayName = "Label";
|
|
3625
|
+
const te = At, mi = Nt, Zo = Mt, gi = Et, ui = Bt, hi = Ft, fi = $t;
|
|
3626
|
+
Zo.displayName = "Pagination";
|
|
3627
|
+
const xe = ie(
|
|
3628
|
+
(n, e) => /* @__PURE__ */ t(Pt, { ref: e, ...n })
|
|
3616
3629
|
);
|
|
3617
|
-
|
|
3618
|
-
const
|
|
3619
|
-
Button:
|
|
3620
|
-
ClearButton:
|
|
3621
|
-
Input:
|
|
3622
|
-
}),
|
|
3623
|
-
|
|
3624
|
-
const
|
|
3625
|
-
const
|
|
3626
|
-
|
|
3630
|
+
xe.displayName = "Paragraph";
|
|
3631
|
+
const ki = zt, vi = Rt, bi = Gt, Ce = Object.assign(Wt, {
|
|
3632
|
+
Button: Vt,
|
|
3633
|
+
ClearButton: Ut,
|
|
3634
|
+
Input: Ht
|
|
3635
|
+
}), yi = Ot, xi = Kt, Ti = qt, Xo = Yt;
|
|
3636
|
+
Xo.displayName = "Suggestion";
|
|
3637
|
+
const je = Zt, Ci = Xt, we = Jt, Jo = ie(function({ shape: e, style: a, ...d }, h) {
|
|
3638
|
+
const f = {};
|
|
3639
|
+
e === "rounded" && (f.borderRadius = "var(--ds-border-radius-xl)");
|
|
3640
|
+
const m = Object.keys(f).length === 0 && !a ? void 0 : { ...f, ...a }, k = {};
|
|
3641
|
+
return e === "rounded" && (k["data-shape"] = "rounded"), /* @__PURE__ */ t(Qt, { ref: h, ...d, ...k, style: m });
|
|
3627
3642
|
});
|
|
3628
|
-
|
|
3629
|
-
const
|
|
3630
|
-
|
|
3631
|
-
const
|
|
3632
|
-
header:
|
|
3633
|
-
languageSwitch:
|
|
3634
|
-
searchOverlay:
|
|
3635
|
-
headerExtension:
|
|
3636
|
-
headerExtensionTinted:
|
|
3637
|
-
languageLabel:
|
|
3638
|
-
languageLink:
|
|
3639
|
-
extensionContent:
|
|
3640
|
-
extensionDivider:
|
|
3641
|
-
extensionContentWrapper:
|
|
3642
|
-
headerInner:
|
|
3643
|
-
logoWrapper:
|
|
3644
|
-
logo:
|
|
3645
|
-
secondaryLogoWrapper:
|
|
3646
|
-
slotComponent:
|
|
3647
|
-
slotContainer:
|
|
3648
|
-
slotText:
|
|
3649
|
-
secondaryLogo:
|
|
3650
|
-
redCrossLogo:
|
|
3651
|
-
primaryLogo:
|
|
3652
|
-
navItems:
|
|
3653
|
-
navLink:
|
|
3654
|
-
actions:
|
|
3655
|
-
ctaButton:
|
|
3656
|
-
themeToggle:
|
|
3657
|
-
userInfo:
|
|
3658
|
-
userName:
|
|
3659
|
-
loginLink:
|
|
3660
|
-
loginText:
|
|
3661
|
-
underline:
|
|
3643
|
+
Jo.displayName = "Tag";
|
|
3644
|
+
const wi = en, Qo = tn, Si = nn, Ii = on, er = ie((n, e) => /* @__PURE__ */ t(rn, { ref: e, ...n }));
|
|
3645
|
+
er.displayName = "ValidationMessage";
|
|
3646
|
+
const tr = "_header_1h8vy_1", nr = "_languageSwitch_1h8vy_37", or = "_searchOverlay_1h8vy_41", rr = "_headerExtension_1h8vy_46", ar = "_headerExtensionTinted_1h8vy_75", sr = "_languageLabel_1h8vy_83", ir = "_languageLink_1h8vy_88", lr = "_extensionContent_1h8vy_93", dr = "_extensionDivider_1h8vy_98", cr = "_extensionContentWrapper_1h8vy_103", pr = "_headerInner_1h8vy_199", mr = "_logoWrapper_1h8vy_216", gr = "_logo_1h8vy_216", ur = "_secondaryLogoWrapper_1h8vy_239", hr = "_slotComponent_1h8vy_248", fr = "_slotContainer_1h8vy_258", kr = "_slotText_1h8vy_266", vr = "_secondaryLogo_1h8vy_239", br = "_redCrossLogo_1h8vy_293", yr = "_primaryLogo_1h8vy_299", xr = "_navItems_1h8vy_303", Tr = "_navLink_1h8vy_312", Cr = "_actions_1h8vy_325", wr = "_ctaButton_1h8vy_333", Sr = "_themeToggle_1h8vy_338", Ir = "_userInfo_1h8vy_343", _r = "_userName_1h8vy_349", Dr = "_loginLink_1h8vy_356", Lr = "_loginText_1h8vy_365", jr = "_underline_1h8vy_372", Ar = "_searchButtonWrapper_1h8vy_378", Nr = "_buttonText_1h8vy_382", Mr = "_menuButton_1h8vy_387", Fr = "_menuOverlay_1h8vy_410", Br = "_searchContent_1h8vy_444", Er = "_menuContent_1h8vy_454", $r = "_menuLeftColumn_1h8vy_463", Pr = "_menuRightColumn_1h8vy_469", zr = "_slotContent_1h8vy_483", Rr = "_navList_1h8vy_496", Gr = "_menuUtilities_1h8vy_503", Wr = "_menuBrand_1h8vy_510", Hr = "_suggestionsSection_1h8vy_514", Ur = "_suggestionsTitle_1h8vy_520", Vr = "_searchResults_1h8vy_529", Or = "_resultList_1h8vy_535", Kr = "_resultItem_1h8vy_541", qr = "_resultLink_1h8vy_549", Yr = "_suggestionIcon_1h8vy_563", Zr = "_suggestionText_1h8vy_576", Xr = "_highlightedText_1h8vy_583", Jr = "_remainingText_1h8vy_588", Qr = "_viewAllLink_1h8vy_601", ea = "_noResults_1h8vy_636", s = {
|
|
3647
|
+
header: tr,
|
|
3648
|
+
languageSwitch: nr,
|
|
3649
|
+
searchOverlay: or,
|
|
3650
|
+
headerExtension: rr,
|
|
3651
|
+
headerExtensionTinted: ar,
|
|
3652
|
+
languageLabel: sr,
|
|
3653
|
+
languageLink: ir,
|
|
3654
|
+
extensionContent: lr,
|
|
3655
|
+
extensionDivider: dr,
|
|
3656
|
+
extensionContentWrapper: cr,
|
|
3657
|
+
headerInner: pr,
|
|
3658
|
+
logoWrapper: mr,
|
|
3659
|
+
logo: gr,
|
|
3660
|
+
secondaryLogoWrapper: ur,
|
|
3661
|
+
slotComponent: hr,
|
|
3662
|
+
slotContainer: fr,
|
|
3663
|
+
slotText: kr,
|
|
3664
|
+
secondaryLogo: vr,
|
|
3665
|
+
redCrossLogo: br,
|
|
3666
|
+
primaryLogo: yr,
|
|
3667
|
+
navItems: xr,
|
|
3668
|
+
navLink: Tr,
|
|
3669
|
+
actions: Cr,
|
|
3670
|
+
ctaButton: wr,
|
|
3671
|
+
themeToggle: Sr,
|
|
3672
|
+
userInfo: Ir,
|
|
3673
|
+
userName: _r,
|
|
3674
|
+
loginLink: Dr,
|
|
3675
|
+
loginText: Lr,
|
|
3676
|
+
underline: jr,
|
|
3662
3677
|
searchButtonWrapper: Ar,
|
|
3663
|
-
buttonText:
|
|
3664
|
-
menuButton:
|
|
3665
|
-
menuOverlay:
|
|
3666
|
-
searchContent:
|
|
3667
|
-
menuContent:
|
|
3668
|
-
menuLeftColumn:
|
|
3669
|
-
menuRightColumn:
|
|
3670
|
-
slotContent:
|
|
3671
|
-
navList:
|
|
3672
|
-
menuUtilities:
|
|
3673
|
-
menuBrand:
|
|
3674
|
-
suggestionsSection:
|
|
3675
|
-
suggestionsTitle:
|
|
3676
|
-
searchResults:
|
|
3677
|
-
resultList:
|
|
3678
|
-
resultItem:
|
|
3679
|
-
resultLink:
|
|
3680
|
-
suggestionIcon:
|
|
3681
|
-
suggestionText:
|
|
3682
|
-
highlightedText:
|
|
3683
|
-
remainingText:
|
|
3684
|
-
viewAllLink:
|
|
3685
|
-
noResults:
|
|
3686
|
-
},
|
|
3678
|
+
buttonText: Nr,
|
|
3679
|
+
menuButton: Mr,
|
|
3680
|
+
menuOverlay: Fr,
|
|
3681
|
+
searchContent: Br,
|
|
3682
|
+
menuContent: Er,
|
|
3683
|
+
menuLeftColumn: $r,
|
|
3684
|
+
menuRightColumn: Pr,
|
|
3685
|
+
slotContent: zr,
|
|
3686
|
+
navList: Rr,
|
|
3687
|
+
menuUtilities: Gr,
|
|
3688
|
+
menuBrand: Wr,
|
|
3689
|
+
suggestionsSection: Hr,
|
|
3690
|
+
suggestionsTitle: Ur,
|
|
3691
|
+
searchResults: Vr,
|
|
3692
|
+
resultList: Or,
|
|
3693
|
+
resultItem: Kr,
|
|
3694
|
+
resultLink: qr,
|
|
3695
|
+
suggestionIcon: Yr,
|
|
3696
|
+
suggestionText: Zr,
|
|
3697
|
+
highlightedText: Xr,
|
|
3698
|
+
remainingText: Jr,
|
|
3699
|
+
viewAllLink: Qr,
|
|
3700
|
+
noResults: ea
|
|
3701
|
+
}, ta = [
|
|
3687
3702
|
// Pages
|
|
3688
3703
|
{ id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
|
|
3689
3704
|
{ id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
|
|
@@ -3747,47 +3762,48 @@ const Qo = "_header_p2hri_1", er = "_languageSwitch_p2hri_37", tr = "_searchOver
|
|
|
3747
3762
|
{ id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
|
|
3748
3763
|
{ id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
|
|
3749
3764
|
];
|
|
3750
|
-
function
|
|
3751
|
-
return
|
|
3752
|
-
}
|
|
3753
|
-
const
|
|
3754
|
-
|
|
3755
|
-
|
|
3756
|
-
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3768
|
-
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
|
|
3772
|
-
|
|
3773
|
-
|
|
3774
|
-
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
|
|
3765
|
+
function na(n) {
|
|
3766
|
+
return n.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
|
|
3767
|
+
}
|
|
3768
|
+
const _i = ({
|
|
3769
|
+
variant: n = "default",
|
|
3770
|
+
"data-color": e = "primary",
|
|
3771
|
+
activePage: a,
|
|
3772
|
+
setPage: d,
|
|
3773
|
+
children: h,
|
|
3774
|
+
showUser: f = !0,
|
|
3775
|
+
showSearch: m = !0,
|
|
3776
|
+
showLogin: k = !0,
|
|
3777
|
+
showCta: D = !1,
|
|
3778
|
+
ctaLabel: S,
|
|
3779
|
+
ctaIcon: R = /* @__PURE__ */ t(un, { "aria-hidden": !0 }),
|
|
3780
|
+
onCtaClick: _,
|
|
3781
|
+
showThemeToggle: V = !1,
|
|
3782
|
+
secondaryLogo: A = !1,
|
|
3783
|
+
secondaryLogoSrc: p,
|
|
3784
|
+
secondaryLogoSrcDark: K,
|
|
3785
|
+
secondaryLogoAlt: X = "Secondary Logo",
|
|
3786
|
+
navItems: j,
|
|
3787
|
+
showNavItems: q = !0,
|
|
3788
|
+
showMenuButton: g = !0,
|
|
3789
|
+
showHeaderExtension: M = !1,
|
|
3790
|
+
showModeToggle: I = !1,
|
|
3791
|
+
showLanguageSwitch: F = !1,
|
|
3792
|
+
extensionColor: N,
|
|
3793
|
+
buttonStyle: L = "default",
|
|
3778
3794
|
userName: G,
|
|
3779
|
-
userInitials:
|
|
3780
|
-
userAvatarSrc:
|
|
3781
|
-
onUserClick:
|
|
3795
|
+
userInitials: ne,
|
|
3796
|
+
userAvatarSrc: H,
|
|
3797
|
+
onUserClick: J
|
|
3782
3798
|
}) => {
|
|
3783
|
-
const [
|
|
3784
|
-
|
|
3799
|
+
const [T, b] = O(!1), [l, C] = O(!1), [E, Y] = O(""), [y, B] = O("light"), { language: Q, setLanguage: le, t: v } = Te(), [Z, me] = O(!1);
|
|
3800
|
+
z(() => {
|
|
3785
3801
|
const i = "rk-header-inline-styles";
|
|
3786
3802
|
if (typeof document > "u" || document.getElementById(i)) return;
|
|
3787
|
-
const
|
|
3788
|
-
|
|
3803
|
+
const u = oa(s), x = document.createElement("style");
|
|
3804
|
+
x.id = i, x.textContent = u, document.head.appendChild(x);
|
|
3789
3805
|
}, []);
|
|
3790
|
-
const
|
|
3806
|
+
const ge = () => /* @__PURE__ */ r(
|
|
3791
3807
|
"svg",
|
|
3792
3808
|
{
|
|
3793
3809
|
width: "170",
|
|
@@ -3799,225 +3815,225 @@ const di = ({
|
|
|
3799
3815
|
focusable: "false",
|
|
3800
3816
|
className: s.redCrossLogo,
|
|
3801
3817
|
children: [
|
|
3802
|
-
/* @__PURE__ */
|
|
3803
|
-
/* @__PURE__ */
|
|
3804
|
-
/* @__PURE__ */
|
|
3805
|
-
/* @__PURE__ */
|
|
3806
|
-
/* @__PURE__ */
|
|
3807
|
-
/* @__PURE__ */
|
|
3808
|
-
/* @__PURE__ */
|
|
3809
|
-
/* @__PURE__ */
|
|
3810
|
-
/* @__PURE__ */
|
|
3811
|
-
/* @__PURE__ */
|
|
3818
|
+
/* @__PURE__ */ t("path", { d: "M76.1036 48.1397C77.8925 47.8781 79.6984 47.7525 81.5061 47.7639C84.1713 47.7639 86.0396 48.1669 87.3182 49.1857C87.8735 49.639 88.3149 50.2176 88.6067 50.8744C88.8984 51.5312 89.0323 52.2479 88.9974 52.9665C88.9839 53.9451 88.6724 54.896 88.1049 55.691C87.5373 56.4861 86.7411 57.087 85.8235 57.4129V57.4944C87.0796 58.006 87.7684 59.2104 88.2231 60.8722C88.7813 62.9097 89.3441 65.2688 89.6907 65.9661H85.5309C85.2382 65.4544 84.7835 63.9829 84.2793 61.7597C83.7751 59.5365 83.0097 58.8527 81.344 58.8527H80.1284V65.9661H76.1036V48.1397ZM80.1284 55.9141H81.7312C83.7526 55.9141 84.9546 54.8954 84.9546 53.3151C84.9546 51.6534 83.8336 50.8202 81.9698 50.7931C81.3532 50.7814 80.7368 50.8268 80.1284 50.9289V55.9141Z", fill: "#1E1E1E" }),
|
|
3819
|
+
/* @__PURE__ */ t("path", { d: "M97.8528 52.5633C98.9439 52.5351 100.026 52.7744 101.004 53.2606L102.256 51.4087L103.669 52.4003L102.467 54.2115C103.188 54.8589 103.758 55.6585 104.137 56.5531C104.515 57.4478 104.692 58.4154 104.655 59.3869C104.655 64.0506 101.243 66.2738 97.8573 66.2738C96.7852 66.2984 95.7234 66.059 94.7644 65.5765L93.4543 67.4556L92.1037 66.387L93.2787 64.6438C91.8651 63.4892 91.0277 61.7233 91.0277 59.414C91.0277 55.2891 93.7965 52.5543 97.8213 52.5543L97.8528 52.5633ZM99.2934 55.9411C98.8798 55.6237 98.3731 55.4533 97.8528 55.4566C95.7458 55.4566 94.949 57.5757 94.949 59.4005C94.9265 60.126 95.0909 60.845 95.4262 61.4878L95.4802 61.515L99.2934 55.9411ZM96.4932 62.8552C96.8653 63.1843 97.3486 63.3576 97.8438 63.3397C99.6446 63.3397 100.748 61.7821 100.748 59.4774C100.76 58.7777 100.625 58.0833 100.351 57.4399L100.27 57.4127L96.4932 62.8552Z", fill: "#1E1E1E" }),
|
|
3820
|
+
/* @__PURE__ */ t("path", { d: "M119.76 46.9351V62.0537C119.76 63.5253 119.814 65.0829 119.868 65.9659H116.266L116.077 64.037H116.01C115.593 64.7375 114.998 65.3131 114.285 65.7041C113.573 66.095 112.769 66.287 111.958 66.2602C108.865 66.2602 106.384 63.6068 106.384 59.5317C106.384 55.1079 109.085 52.5632 112.237 52.5632C113.835 52.5632 115.087 53.1247 115.676 54.0393H115.726V46.9351H119.76ZM115.708 58.4088C115.708 58.1914 115.681 57.8971 115.658 57.6843C115.556 57.1295 115.266 56.6274 114.838 56.2627C114.41 55.8981 113.869 55.6933 113.308 55.683C111.467 55.683 110.508 57.3447 110.508 59.4094C110.508 61.6327 111.602 63.0318 113.281 63.0318C113.838 63.0337 114.378 62.8389 114.807 62.4814C115.235 62.1239 115.526 61.6264 115.627 61.0757C115.702 60.7676 115.737 60.451 115.73 60.1339L115.708 58.4088Z", fill: "#1E1E1E" }),
|
|
3821
|
+
/* @__PURE__ */ t("path", { d: "M126.13 60.6869C126.265 62.3758 127.931 63.1772 129.808 63.1772C131.029 63.1934 132.245 63.013 133.41 62.6429L133.946 65.4049C132.438 65.9752 130.838 66.2562 129.227 66.2335C124.802 66.2335 122.272 63.6345 122.272 59.5322C122.272 56.2088 124.325 52.5366 128.854 52.5366C133.063 52.5366 134.666 55.8329 134.666 59.0794C134.666 59.6271 134.62 60.1738 134.531 60.714L126.13 60.6869ZM130.902 57.8977C130.902 56.9061 130.475 55.2443 128.611 55.2443C126.904 55.2443 126.211 56.8246 126.103 57.8977H130.902Z", fill: "#1E1E1E" }),
|
|
3822
|
+
/* @__PURE__ */ t("path", { d: "M142.603 47.8994H146.623V55.8866H146.7C147.1 55.1893 147.501 54.5283 147.929 53.9034L151.981 47.8994H156.978L151.035 55.5969L157.297 65.9703H152.57L148.172 58.1687L146.623 60.0704V65.9567H142.598L142.603 47.8994Z", fill: "#1E1E1E" }),
|
|
3823
|
+
/* @__PURE__ */ t("path", { d: "M164.294 66.2599C160.485 66.2599 157.541 63.7424 157.541 59.5043C157.541 55.2662 160.309 52.563 164.496 52.563C168.494 52.563 171.159 55.325 171.159 59.2643C171.159 64.0639 167.774 66.2599 164.307 66.2599H164.294ZM164.375 63.3394C165.946 63.3394 166.959 61.7592 166.959 59.4001C166.959 57.4395 166.216 55.4563 164.375 55.4563C162.43 55.4563 161.709 57.4667 161.709 59.4001C161.709 61.6641 162.641 63.3394 164.348 63.3394H164.375Z", fill: "#1E1E1E" }),
|
|
3824
|
+
/* @__PURE__ */ t("path", { d: "M173.676 57.1727C173.676 55.2438 173.622 54.0031 173.568 52.8576H177.062L177.197 55.271H177.3C177.535 54.507 178 53.8353 178.63 53.3486C179.261 52.8619 180.026 52.5843 180.821 52.5542C181.105 52.5425 181.391 52.5607 181.672 52.6086V56.4392C181.303 56.3736 180.93 56.3387 180.555 56.335C179.06 56.335 178.048 57.1365 177.782 58.3997C177.726 58.6983 177.699 59.0015 177.701 59.3053V65.9659H173.649L173.676 57.1727Z", fill: "#1E1E1E" }),
|
|
3825
|
+
/* @__PURE__ */ t("path", { d: "M183.752 62.4023C184.824 62.9936 186.018 63.3283 187.241 63.3803C188.47 63.3803 188.974 62.9275 188.974 62.28C188.974 61.6325 188.573 61.2613 187.056 60.7768C184.355 59.8712 183.351 58.3951 183.351 56.8375C183.351 54.3969 185.404 52.5496 188.654 52.5496C189.92 52.5283 191.175 52.7848 192.332 53.3012L191.612 56.1357C190.741 55.6712 189.775 55.4155 188.789 55.3886C187.803 55.3886 187.241 55.787 187.241 56.4571C187.241 57.1273 187.749 57.4216 189.348 57.9604C191.828 58.8162 192.868 60.0795 192.891 62.0084C192.891 64.4444 190.973 66.2691 187.241 66.2691C185.784 66.2951 184.341 65.974 183.031 65.3318L183.752 62.4023Z", fill: "#1E1E1E" }),
|
|
3826
|
+
/* @__PURE__ */ t("path", { d: "M50.1985 39.8037H37.1426V79.1965H50.1985V39.8037Z", fill: "#D52B1E" }),
|
|
3827
|
+
/* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
|
|
3812
3828
|
]
|
|
3813
3829
|
}
|
|
3814
3830
|
);
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
}, [
|
|
3818
|
-
if (!(typeof document > "u") &&
|
|
3831
|
+
z(() => {
|
|
3832
|
+
b(!1), C(!1), Y("");
|
|
3833
|
+
}, [a]), z(() => {
|
|
3834
|
+
if (!(typeof document > "u") && T && Z) {
|
|
3819
3835
|
const i = document.body.style.overflow;
|
|
3820
3836
|
return document.body.style.overflow = "hidden", () => {
|
|
3821
3837
|
document.body.style.overflow = i;
|
|
3822
3838
|
};
|
|
3823
3839
|
}
|
|
3824
|
-
}, [
|
|
3840
|
+
}, [T, Z]), z(() => {
|
|
3825
3841
|
if (typeof window > "u" || typeof window.matchMedia > "u") return;
|
|
3826
|
-
const i = window.matchMedia("(max-width: 850px)"),
|
|
3827
|
-
return
|
|
3828
|
-
i.removeEventListener ? i.removeEventListener("change",
|
|
3842
|
+
const i = window.matchMedia("(max-width: 850px)"), u = (x) => me("matches" in x ? x.matches : i.matches);
|
|
3843
|
+
return u(i), i.addEventListener ? i.addEventListener("change", u) : i.addListener(u), () => {
|
|
3844
|
+
i.removeEventListener ? i.removeEventListener("change", u) : i.removeListener(u);
|
|
3829
3845
|
};
|
|
3830
|
-
}, []),
|
|
3846
|
+
}, []), z(() => {
|
|
3831
3847
|
if (typeof document > "u") return;
|
|
3832
3848
|
const i = document.querySelector(`.${s.header}`);
|
|
3833
3849
|
if (!i) return;
|
|
3834
|
-
const
|
|
3835
|
-
const
|
|
3836
|
-
document.documentElement.style.setProperty("--header-height-mobile", `${
|
|
3850
|
+
const u = () => {
|
|
3851
|
+
const ae = i.offsetHeight;
|
|
3852
|
+
document.documentElement.style.setProperty("--header-height-mobile", `${ae}px`);
|
|
3837
3853
|
};
|
|
3838
|
-
|
|
3839
|
-
const
|
|
3840
|
-
|
|
3854
|
+
u(), window.addEventListener("resize", u);
|
|
3855
|
+
const x = new ResizeObserver(() => {
|
|
3856
|
+
u();
|
|
3841
3857
|
});
|
|
3842
|
-
return
|
|
3843
|
-
window.removeEventListener("resize",
|
|
3858
|
+
return x.observe(i), () => {
|
|
3859
|
+
window.removeEventListener("resize", u), x.disconnect();
|
|
3844
3860
|
};
|
|
3845
|
-
}, [Z]),
|
|
3861
|
+
}, [Z]), z(() => {
|
|
3846
3862
|
if (typeof document > "u") return;
|
|
3847
3863
|
const i = document.querySelector(`.${s.logoWrapper}`);
|
|
3848
3864
|
if (!i) return;
|
|
3849
|
-
const
|
|
3850
|
-
const
|
|
3851
|
-
document.documentElement.style.setProperty("--rk-logo-width", `${
|
|
3865
|
+
const u = () => {
|
|
3866
|
+
const x = i.offsetWidth;
|
|
3867
|
+
document.documentElement.style.setProperty("--rk-logo-width", `${x}px`);
|
|
3852
3868
|
};
|
|
3853
|
-
return
|
|
3854
|
-
}, [Z]),
|
|
3855
|
-
if (typeof document > "u" || !
|
|
3869
|
+
return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
|
|
3870
|
+
}, [Z]), z(() => {
|
|
3871
|
+
if (typeof document > "u" || !l) {
|
|
3856
3872
|
document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
|
|
3857
3873
|
return;
|
|
3858
3874
|
}
|
|
3859
3875
|
const i = document.querySelector(`.${s.searchOverlay}`);
|
|
3860
3876
|
if (!i) return;
|
|
3861
|
-
const
|
|
3862
|
-
const
|
|
3863
|
-
document.documentElement.style.setProperty("--rk-search-overlay-height", `${
|
|
3877
|
+
const u = () => {
|
|
3878
|
+
const ae = i.offsetHeight;
|
|
3879
|
+
document.documentElement.style.setProperty("--rk-search-overlay-height", `${ae}px`);
|
|
3864
3880
|
};
|
|
3865
|
-
requestAnimationFrame(
|
|
3866
|
-
const
|
|
3867
|
-
return
|
|
3868
|
-
window.removeEventListener("resize",
|
|
3881
|
+
requestAnimationFrame(u), window.addEventListener("resize", u);
|
|
3882
|
+
const x = new ResizeObserver(u);
|
|
3883
|
+
return x.observe(i), () => {
|
|
3884
|
+
window.removeEventListener("resize", u), x.disconnect();
|
|
3869
3885
|
};
|
|
3870
|
-
}, [
|
|
3871
|
-
const
|
|
3872
|
-
const i =
|
|
3873
|
-
|
|
3874
|
-
},
|
|
3875
|
-
|
|
3876
|
-
},
|
|
3877
|
-
|
|
3886
|
+
}, [l]);
|
|
3887
|
+
const c = () => {
|
|
3888
|
+
const i = y === "light" ? "dark" : "light";
|
|
3889
|
+
B(i), document.documentElement.setAttribute("data-color-scheme", i);
|
|
3890
|
+
}, w = (i) => {
|
|
3891
|
+
d && (i.preventDefault(), d("home")), b(!1), C(!1);
|
|
3892
|
+
}, $ = () => {
|
|
3893
|
+
b(!T), l && C(!1), !T && typeof document < "u" && requestAnimationFrame(() => {
|
|
3878
3894
|
const i = document.querySelector(`.${s.header}`);
|
|
3879
3895
|
if (i) {
|
|
3880
|
-
const
|
|
3881
|
-
document.documentElement.style.setProperty("--header-height-mobile", `${
|
|
3896
|
+
const u = i.offsetHeight;
|
|
3897
|
+
document.documentElement.style.setProperty("--header-height-mobile", `${u}px`);
|
|
3882
3898
|
}
|
|
3883
3899
|
});
|
|
3884
|
-
},
|
|
3885
|
-
|
|
3886
|
-
},
|
|
3887
|
-
if (!
|
|
3888
|
-
const i =
|
|
3889
|
-
return
|
|
3890
|
-
(
|
|
3900
|
+
}, oe = () => {
|
|
3901
|
+
C(!l), T && b(!1);
|
|
3902
|
+
}, re = fe(() => {
|
|
3903
|
+
if (!E.trim()) return [];
|
|
3904
|
+
const i = E.toLowerCase();
|
|
3905
|
+
return ta.filter(
|
|
3906
|
+
(u) => u.title.toLowerCase().startsWith(i)
|
|
3891
3907
|
);
|
|
3892
|
-
}, [
|
|
3893
|
-
|
|
3908
|
+
}, [E]), pe = (i) => {
|
|
3909
|
+
d && d(i), C(!1), Y("");
|
|
3894
3910
|
};
|
|
3895
|
-
return /* @__PURE__ */
|
|
3896
|
-
|
|
3897
|
-
|
|
3898
|
-
|
|
3911
|
+
return /* @__PURE__ */ r("header", { className: s.header, "data-open": T ? "true" : "false", "data-color": e, "data-button-style": L, "data-variant": n, children: [
|
|
3912
|
+
M && /* @__PURE__ */ t("div", { className: `${s.headerExtension}${N === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": N, children: /* @__PURE__ */ r("div", { className: s.extensionContentWrapper, children: [
|
|
3913
|
+
I && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
|
|
3914
|
+
je,
|
|
3899
3915
|
{
|
|
3900
3916
|
"data-size": "sm",
|
|
3901
|
-
checked:
|
|
3902
|
-
onChange:
|
|
3903
|
-
label:
|
|
3917
|
+
checked: y === "dark",
|
|
3918
|
+
onChange: c,
|
|
3919
|
+
label: v("header.darkMode"),
|
|
3904
3920
|
color: "neutral",
|
|
3905
3921
|
"data-color-scheme": "light"
|
|
3906
3922
|
}
|
|
3907
3923
|
) }),
|
|
3908
|
-
|
|
3909
|
-
|
|
3910
|
-
/* @__PURE__ */
|
|
3911
|
-
/* @__PURE__ */
|
|
3912
|
-
/* @__PURE__ */
|
|
3913
|
-
|
|
3924
|
+
I && F && /* @__PURE__ */ t("div", { className: s.extensionDivider }),
|
|
3925
|
+
F && /* @__PURE__ */ r("div", { className: s.languageSwitch, children: [
|
|
3926
|
+
/* @__PURE__ */ t("span", { className: s.languageLabel, children: v("header.language") }),
|
|
3927
|
+
/* @__PURE__ */ r(U.TriggerContext, { children: [
|
|
3928
|
+
/* @__PURE__ */ r(
|
|
3929
|
+
U.Trigger,
|
|
3914
3930
|
{
|
|
3915
3931
|
className: s.languageLink,
|
|
3916
|
-
"aria-label":
|
|
3932
|
+
"aria-label": v("header.selectLanguage"),
|
|
3917
3933
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
3918
3934
|
children: [
|
|
3919
|
-
|
|
3935
|
+
Q,
|
|
3920
3936
|
" ",
|
|
3921
|
-
/* @__PURE__ */
|
|
3937
|
+
/* @__PURE__ */ t(Be, { "aria-hidden": !0 })
|
|
3922
3938
|
]
|
|
3923
3939
|
}
|
|
3924
3940
|
),
|
|
3925
|
-
/* @__PURE__ */
|
|
3926
|
-
|
|
3941
|
+
/* @__PURE__ */ t(
|
|
3942
|
+
U,
|
|
3927
3943
|
{
|
|
3928
|
-
"data-color-scheme":
|
|
3944
|
+
"data-color-scheme": y,
|
|
3929
3945
|
placement: "bottom-end",
|
|
3930
|
-
children: /* @__PURE__ */
|
|
3931
|
-
/* @__PURE__ */
|
|
3932
|
-
/* @__PURE__ */
|
|
3946
|
+
children: /* @__PURE__ */ r(U.List, { children: [
|
|
3947
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => le("NO"), children: "Norsk (NO)" }) }),
|
|
3948
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => le("EN"), children: "English (EN)" }) })
|
|
3933
3949
|
] })
|
|
3934
3950
|
}
|
|
3935
3951
|
)
|
|
3936
3952
|
] })
|
|
3937
3953
|
] })
|
|
3938
3954
|
] }) }),
|
|
3939
|
-
/* @__PURE__ */
|
|
3940
|
-
/* @__PURE__ */
|
|
3941
|
-
/* @__PURE__ */
|
|
3942
|
-
|
|
3955
|
+
/* @__PURE__ */ r("div", { className: s.headerInner, children: [
|
|
3956
|
+
/* @__PURE__ */ r("div", { className: s.logoWrapper, children: [
|
|
3957
|
+
/* @__PURE__ */ t(
|
|
3958
|
+
te,
|
|
3943
3959
|
{
|
|
3944
3960
|
href: "/",
|
|
3945
3961
|
className: `${s.logo} ${s.primaryLogo}`,
|
|
3946
|
-
"aria-label":
|
|
3947
|
-
onClick:
|
|
3948
|
-
children: /* @__PURE__ */
|
|
3962
|
+
"aria-label": v("header.homeAriaLabel"),
|
|
3963
|
+
onClick: w,
|
|
3964
|
+
children: /* @__PURE__ */ t(ge, {})
|
|
3949
3965
|
}
|
|
3950
3966
|
),
|
|
3951
|
-
/* @__PURE__ */
|
|
3967
|
+
/* @__PURE__ */ t("div", { className: s.secondaryLogoWrapper, children: A && p ? /* @__PURE__ */ t(
|
|
3952
3968
|
"img",
|
|
3953
3969
|
{
|
|
3954
|
-
src:
|
|
3955
|
-
alt:
|
|
3970
|
+
src: y === "dark" && K ? K : p,
|
|
3971
|
+
alt: X,
|
|
3956
3972
|
className: s.secondaryLogo
|
|
3957
3973
|
}
|
|
3958
|
-
) :
|
|
3974
|
+
) : A ? /* @__PURE__ */ t("div", { className: s.slotComponent, children: /* @__PURE__ */ t("div", { className: s.slotContainer, children: /* @__PURE__ */ t("p", { className: s.slotText, children: "SLOT" }) }) }) : null })
|
|
3959
3975
|
] }),
|
|
3960
|
-
|
|
3961
|
-
|
|
3976
|
+
q && j && j.length > 0 && !Z && /* @__PURE__ */ t("nav", { className: s.navItems, children: j.map((i, u) => /* @__PURE__ */ t(
|
|
3977
|
+
te,
|
|
3962
3978
|
{
|
|
3963
3979
|
href: i.href,
|
|
3964
3980
|
className: s.navLink,
|
|
3965
|
-
onClick: (
|
|
3966
|
-
|
|
3981
|
+
onClick: (x) => {
|
|
3982
|
+
d && (x.preventDefault(), d(i.href));
|
|
3967
3983
|
},
|
|
3968
3984
|
children: i.label
|
|
3969
3985
|
},
|
|
3970
|
-
|
|
3986
|
+
u
|
|
3971
3987
|
)) }),
|
|
3972
|
-
/* @__PURE__ */
|
|
3973
|
-
|
|
3974
|
-
|
|
3988
|
+
/* @__PURE__ */ r("div", { className: s.actions, children: [
|
|
3989
|
+
D && /* @__PURE__ */ r(
|
|
3990
|
+
ce,
|
|
3975
3991
|
{
|
|
3976
3992
|
variant: "primary",
|
|
3977
3993
|
"data-color": "main",
|
|
3978
3994
|
"data-size": "md",
|
|
3979
3995
|
className: s.ctaButton,
|
|
3980
|
-
onClick:
|
|
3996
|
+
onClick: _,
|
|
3981
3997
|
children: [
|
|
3982
|
-
|
|
3983
|
-
/* @__PURE__ */
|
|
3998
|
+
R,
|
|
3999
|
+
/* @__PURE__ */ t("span", { className: R ? s.buttonText : void 0, children: S || v("header.supportUs") })
|
|
3984
4000
|
]
|
|
3985
4001
|
}
|
|
3986
4002
|
),
|
|
3987
|
-
!
|
|
3988
|
-
|
|
4003
|
+
!M && V && /* @__PURE__ */ t("div", { className: s.themeToggle, children: /* @__PURE__ */ t(
|
|
4004
|
+
je,
|
|
3989
4005
|
{
|
|
3990
|
-
checked:
|
|
3991
|
-
onChange:
|
|
3992
|
-
"aria-label":
|
|
4006
|
+
checked: y === "dark",
|
|
4007
|
+
onChange: c,
|
|
4008
|
+
"aria-label": v("header.toggleTheme")
|
|
3993
4009
|
}
|
|
3994
4010
|
) }),
|
|
3995
|
-
|
|
3996
|
-
const i = G ?? "Frodo Baggins",
|
|
3997
|
-
return /* @__PURE__ */
|
|
4011
|
+
f && (() => {
|
|
4012
|
+
const i = G ?? "Frodo Baggins", u = ne ?? (G ? na(G) : "FB"), x = !!J;
|
|
4013
|
+
return /* @__PURE__ */ r(
|
|
3998
4014
|
"div",
|
|
3999
4015
|
{
|
|
4000
4016
|
className: s.userInfo,
|
|
4001
|
-
onClick:
|
|
4002
|
-
role:
|
|
4003
|
-
tabIndex:
|
|
4004
|
-
onKeyDown:
|
|
4005
|
-
(
|
|
4017
|
+
onClick: J,
|
|
4018
|
+
role: x ? "button" : void 0,
|
|
4019
|
+
tabIndex: x ? 0 : void 0,
|
|
4020
|
+
onKeyDown: x ? (ae) => {
|
|
4021
|
+
(ae.key === "Enter" || ae.key === " ") && (ae.preventDefault(), J == null || J());
|
|
4006
4022
|
} : void 0,
|
|
4007
|
-
style:
|
|
4023
|
+
style: x ? { cursor: "pointer" } : void 0,
|
|
4008
4024
|
children: [
|
|
4009
|
-
/* @__PURE__ */
|
|
4010
|
-
/* @__PURE__ */
|
|
4025
|
+
/* @__PURE__ */ t(xe, { "data-size": "md", className: s.userName, children: i }),
|
|
4026
|
+
/* @__PURE__ */ t(
|
|
4011
4027
|
Ke,
|
|
4012
4028
|
{
|
|
4013
4029
|
"aria-label": i,
|
|
4014
4030
|
"data-color": "main",
|
|
4015
4031
|
variant: "circle",
|
|
4016
|
-
initials:
|
|
4017
|
-
children:
|
|
4032
|
+
initials: H ? void 0 : u,
|
|
4033
|
+
children: H ? /* @__PURE__ */ t(
|
|
4018
4034
|
"img",
|
|
4019
4035
|
{
|
|
4020
|
-
src:
|
|
4036
|
+
src: H,
|
|
4021
4037
|
alt: "",
|
|
4022
4038
|
style: { width: "100%", height: "100%", objectFit: "cover" }
|
|
4023
4039
|
}
|
|
@@ -4028,175 +4044,175 @@ const di = ({
|
|
|
4028
4044
|
}
|
|
4029
4045
|
);
|
|
4030
4046
|
})(),
|
|
4031
|
-
|
|
4032
|
-
/* @__PURE__ */
|
|
4033
|
-
/* @__PURE__ */
|
|
4047
|
+
k && /* @__PURE__ */ r("a", { href: "#", className: s.loginLink, children: [
|
|
4048
|
+
/* @__PURE__ */ t(xe, { "data-size": "md", className: s.loginText, children: v("header.login") }),
|
|
4049
|
+
/* @__PURE__ */ t("div", { className: s.underline })
|
|
4034
4050
|
] }),
|
|
4035
|
-
|
|
4036
|
-
|
|
4051
|
+
m && /* @__PURE__ */ t("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ r(
|
|
4052
|
+
ce,
|
|
4037
4053
|
{
|
|
4038
4054
|
variant: "secondary",
|
|
4039
|
-
shape:
|
|
4040
|
-
"data-color":
|
|
4055
|
+
shape: L === "soft" ? "pill" : void 0,
|
|
4056
|
+
"data-color": L === "soft" ? "neutral" : "main",
|
|
4041
4057
|
"data-size": "md",
|
|
4042
|
-
onClick:
|
|
4043
|
-
"aria-expanded":
|
|
4044
|
-
"aria-label":
|
|
4058
|
+
onClick: oe,
|
|
4059
|
+
"aria-expanded": l,
|
|
4060
|
+
"aria-label": v(l ? "header.closeSearch" : "header.openSearch"),
|
|
4045
4061
|
children: [
|
|
4046
|
-
|
|
4047
|
-
/* @__PURE__ */
|
|
4062
|
+
l ? /* @__PURE__ */ t(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ t(Ee, { "aria-hidden": !0 }),
|
|
4063
|
+
/* @__PURE__ */ t("span", { className: s.buttonText, children: v(l ? "header.close" : "header.search") })
|
|
4048
4064
|
]
|
|
4049
4065
|
}
|
|
4050
4066
|
) }),
|
|
4051
|
-
(
|
|
4052
|
-
|
|
4067
|
+
(g || Z) && /* @__PURE__ */ t(
|
|
4068
|
+
ce,
|
|
4053
4069
|
{
|
|
4054
|
-
variant:
|
|
4055
|
-
shape:
|
|
4070
|
+
variant: L === "soft" ? "soft" : "primary",
|
|
4071
|
+
shape: L === "soft" ? "pill" : void 0,
|
|
4056
4072
|
"data-color": "main",
|
|
4057
4073
|
"data-size": "md",
|
|
4058
|
-
onClick:
|
|
4059
|
-
"aria-expanded":
|
|
4060
|
-
"aria-label": T
|
|
4074
|
+
onClick: $,
|
|
4075
|
+
"aria-expanded": T,
|
|
4076
|
+
"aria-label": v(T ? "header.closeMenu" : "header.openMenu"),
|
|
4061
4077
|
className: s.menuButton,
|
|
4062
|
-
children:
|
|
4063
|
-
/* @__PURE__ */
|
|
4064
|
-
|
|
4065
|
-
] }) : /* @__PURE__ */
|
|
4066
|
-
|
|
4067
|
-
/* @__PURE__ */
|
|
4078
|
+
children: L === "soft" ? /* @__PURE__ */ r(Se, { children: [
|
|
4079
|
+
/* @__PURE__ */ t("span", { className: s.buttonText, children: v(T ? "header.close" : "header.menu") }),
|
|
4080
|
+
T ? /* @__PURE__ */ t(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ t($e, { "aria-hidden": !0 })
|
|
4081
|
+
] }) : /* @__PURE__ */ r(Se, { children: [
|
|
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") })
|
|
4068
4084
|
] })
|
|
4069
4085
|
}
|
|
4070
4086
|
)
|
|
4071
4087
|
] })
|
|
4072
4088
|
] }),
|
|
4073
|
-
|
|
4074
|
-
/* @__PURE__ */
|
|
4075
|
-
/* @__PURE__ */
|
|
4076
|
-
Z && (
|
|
4077
|
-
|
|
4078
|
-
/* @__PURE__ */
|
|
4079
|
-
/* @__PURE__ */
|
|
4080
|
-
/* @__PURE__ */
|
|
4081
|
-
|
|
4089
|
+
T && /* @__PURE__ */ t("div", { className: s.menuOverlay, children: /* @__PURE__ */ r("div", { className: s.menuContent, children: [
|
|
4090
|
+
/* @__PURE__ */ t("div", { className: s.menuLeftColumn }),
|
|
4091
|
+
/* @__PURE__ */ r("div", { className: s.menuRightColumn, children: [
|
|
4092
|
+
Z && (F || I) && /* @__PURE__ */ r("div", { className: s.menuUtilities, children: [
|
|
4093
|
+
F && /* @__PURE__ */ r("div", { className: s.languageSwitch, children: [
|
|
4094
|
+
/* @__PURE__ */ t("span", { className: s.languageLabel, children: v("header.language") }),
|
|
4095
|
+
/* @__PURE__ */ r(U.TriggerContext, { children: [
|
|
4096
|
+
/* @__PURE__ */ r(
|
|
4097
|
+
U.Trigger,
|
|
4082
4098
|
{
|
|
4083
4099
|
className: s.languageLink,
|
|
4084
|
-
"aria-label":
|
|
4100
|
+
"aria-label": v("header.selectLanguage"),
|
|
4085
4101
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
4086
4102
|
children: [
|
|
4087
|
-
|
|
4103
|
+
Q,
|
|
4088
4104
|
" ",
|
|
4089
|
-
/* @__PURE__ */
|
|
4105
|
+
/* @__PURE__ */ t(Be, { "aria-hidden": !0 })
|
|
4090
4106
|
]
|
|
4091
4107
|
}
|
|
4092
4108
|
),
|
|
4093
|
-
/* @__PURE__ */
|
|
4094
|
-
|
|
4109
|
+
/* @__PURE__ */ t(
|
|
4110
|
+
U,
|
|
4095
4111
|
{
|
|
4096
|
-
"data-color-scheme":
|
|
4112
|
+
"data-color-scheme": y,
|
|
4097
4113
|
placement: "bottom-start",
|
|
4098
|
-
children: /* @__PURE__ */
|
|
4099
|
-
/* @__PURE__ */
|
|
4100
|
-
/* @__PURE__ */
|
|
4114
|
+
children: /* @__PURE__ */ r(U.List, { children: [
|
|
4115
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => le("NO"), children: "Norsk (NO)" }) }),
|
|
4116
|
+
/* @__PURE__ */ t(U.Item, { children: /* @__PURE__ */ t(U.Button, { onClick: () => le("EN"), children: "English (EN)" }) })
|
|
4101
4117
|
] })
|
|
4102
4118
|
}
|
|
4103
4119
|
)
|
|
4104
4120
|
] })
|
|
4105
4121
|
] }),
|
|
4106
|
-
|
|
4107
|
-
|
|
4122
|
+
I && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
|
|
4123
|
+
je,
|
|
4108
4124
|
{
|
|
4109
4125
|
"data-size": "sm",
|
|
4110
|
-
checked:
|
|
4111
|
-
onChange:
|
|
4112
|
-
label:
|
|
4126
|
+
checked: y === "dark",
|
|
4127
|
+
onChange: c,
|
|
4128
|
+
label: v("header.darkMode"),
|
|
4113
4129
|
color: "neutral",
|
|
4114
4130
|
"data-color-scheme": "light"
|
|
4115
4131
|
}
|
|
4116
4132
|
) })
|
|
4117
4133
|
] }),
|
|
4118
|
-
/* @__PURE__ */
|
|
4119
|
-
|
|
4120
|
-
Z &&
|
|
4121
|
-
|
|
4134
|
+
/* @__PURE__ */ r("div", { className: s.slotContent, children: [
|
|
4135
|
+
h,
|
|
4136
|
+
Z && q && j && j.length > 0 && /* @__PURE__ */ t("nav", { className: s.navList, children: j.map((i, u) => /* @__PURE__ */ t(
|
|
4137
|
+
te,
|
|
4122
4138
|
{
|
|
4123
4139
|
href: i.href,
|
|
4124
4140
|
className: s.navLink,
|
|
4125
|
-
onClick: (
|
|
4126
|
-
|
|
4141
|
+
onClick: (x) => {
|
|
4142
|
+
d && (x.preventDefault(), d(i.href));
|
|
4127
4143
|
},
|
|
4128
4144
|
children: i.label
|
|
4129
4145
|
},
|
|
4130
|
-
|
|
4146
|
+
u
|
|
4131
4147
|
)) })
|
|
4132
4148
|
] }),
|
|
4133
|
-
Z && /* @__PURE__ */
|
|
4149
|
+
Z && /* @__PURE__ */ t("div", { className: s.menuBrand, children: /* @__PURE__ */ t(ge, {}) })
|
|
4134
4150
|
] })
|
|
4135
4151
|
] }) }),
|
|
4136
|
-
|
|
4137
|
-
/* @__PURE__ */
|
|
4138
|
-
/* @__PURE__ */
|
|
4139
|
-
|
|
4152
|
+
l && /* @__PURE__ */ t("div", { className: s.searchOverlay, children: /* @__PURE__ */ r("div", { className: s.searchContent, children: [
|
|
4153
|
+
/* @__PURE__ */ r(Ce, { children: [
|
|
4154
|
+
/* @__PURE__ */ t(
|
|
4155
|
+
Ce.Input,
|
|
4140
4156
|
{
|
|
4141
|
-
"aria-label":
|
|
4142
|
-
placeholder:
|
|
4143
|
-
value:
|
|
4144
|
-
onChange: (i) =>
|
|
4157
|
+
"aria-label": v("header.search"),
|
|
4158
|
+
placeholder: v("header.searchPlaceholder"),
|
|
4159
|
+
value: E,
|
|
4160
|
+
onChange: (i) => Y(i.target.value)
|
|
4145
4161
|
}
|
|
4146
4162
|
),
|
|
4147
|
-
/* @__PURE__ */
|
|
4148
|
-
/* @__PURE__ */
|
|
4163
|
+
/* @__PURE__ */ t(Ce.Button, { "aria-label": v("header.search") }),
|
|
4164
|
+
/* @__PURE__ */ t(Ce.ClearButton, { onClick: () => Y(""), "aria-label": v("header.clearSearch") })
|
|
4149
4165
|
] }),
|
|
4150
|
-
|
|
4151
|
-
/* @__PURE__ */
|
|
4152
|
-
/* @__PURE__ */
|
|
4166
|
+
E && /* @__PURE__ */ t("div", { className: s.searchResults, children: re.length > 0 ? /* @__PURE__ */ r("div", { className: s.suggestionsSection, children: [
|
|
4167
|
+
/* @__PURE__ */ t("h3", { className: s.suggestionsTitle, children: v("header.suggestions") }),
|
|
4168
|
+
/* @__PURE__ */ t("ul", { className: s.resultList, children: re.slice(0, 5).map((i) => /* @__PURE__ */ t("li", { className: s.resultItem, children: /* @__PURE__ */ r(
|
|
4153
4169
|
"button",
|
|
4154
4170
|
{
|
|
4155
4171
|
className: s.resultLink,
|
|
4156
|
-
onClick: () =>
|
|
4172
|
+
onClick: () => pe(i.path),
|
|
4157
4173
|
children: [
|
|
4158
|
-
/* @__PURE__ */
|
|
4159
|
-
/* @__PURE__ */
|
|
4160
|
-
const
|
|
4161
|
-
if (
|
|
4162
|
-
const
|
|
4163
|
-
return /* @__PURE__ */
|
|
4164
|
-
/* @__PURE__ */
|
|
4165
|
-
/* @__PURE__ */
|
|
4166
|
-
/* @__PURE__ */
|
|
4174
|
+
/* @__PURE__ */ t("span", { className: s.suggestionIcon, children: /* @__PURE__ */ t(Ee, { "aria-hidden": !0 }) }),
|
|
4175
|
+
/* @__PURE__ */ t("span", { className: s.suggestionText, children: (() => {
|
|
4176
|
+
const u = i.title.toLowerCase().indexOf(E.toLowerCase());
|
|
4177
|
+
if (u === -1) return /* @__PURE__ */ t("span", { className: s.remainingText, children: i.title });
|
|
4178
|
+
const x = i.title.slice(0, u), ae = i.title.slice(u, u + E.length), Xe = i.title.slice(u + E.length);
|
|
4179
|
+
return /* @__PURE__ */ r(Se, { children: [
|
|
4180
|
+
/* @__PURE__ */ t("span", { className: s.remainingText, children: x }),
|
|
4181
|
+
/* @__PURE__ */ t("span", { className: s.highlightedText, children: ae }),
|
|
4182
|
+
/* @__PURE__ */ t("span", { className: s.remainingText, children: Xe })
|
|
4167
4183
|
] });
|
|
4168
4184
|
})() })
|
|
4169
4185
|
]
|
|
4170
4186
|
}
|
|
4171
4187
|
) }, i.id)) }),
|
|
4172
|
-
|
|
4173
|
-
|
|
4188
|
+
re.length > 5 && /* @__PURE__ */ r(
|
|
4189
|
+
te,
|
|
4174
4190
|
{
|
|
4175
4191
|
href: "#",
|
|
4176
4192
|
"data-color": "neutral",
|
|
4177
4193
|
className: s.viewAllLink,
|
|
4178
4194
|
onClick: (i) => {
|
|
4179
|
-
i.preventDefault(),
|
|
4195
|
+
i.preventDefault(), d && d(`search/${E}`), C(!1), Y("");
|
|
4180
4196
|
},
|
|
4181
4197
|
children: [
|
|
4182
|
-
|
|
4198
|
+
v("header.viewAll"),
|
|
4183
4199
|
" (",
|
|
4184
|
-
|
|
4200
|
+
re.length,
|
|
4185
4201
|
")"
|
|
4186
4202
|
]
|
|
4187
4203
|
}
|
|
4188
4204
|
)
|
|
4189
|
-
] }) : /* @__PURE__ */
|
|
4190
|
-
|
|
4205
|
+
] }) : /* @__PURE__ */ t("div", { className: s.noResults, children: /* @__PURE__ */ r(xe, { children: [
|
|
4206
|
+
v("header.noResults"),
|
|
4191
4207
|
' "',
|
|
4192
|
-
|
|
4208
|
+
E,
|
|
4193
4209
|
'"'
|
|
4194
4210
|
] }) }) })
|
|
4195
4211
|
] }) })
|
|
4196
4212
|
] });
|
|
4197
4213
|
};
|
|
4198
|
-
function
|
|
4199
|
-
const e =
|
|
4214
|
+
function oa(n) {
|
|
4215
|
+
const e = n;
|
|
4200
4216
|
return `
|
|
4201
4217
|
.${e.header} {
|
|
4202
4218
|
width: 100%;
|
|
@@ -4368,97 +4384,115 @@ function ta(t) {
|
|
|
4368
4384
|
}
|
|
4369
4385
|
`;
|
|
4370
4386
|
}
|
|
4371
|
-
const
|
|
4372
|
-
footer:
|
|
4373
|
-
mainSection:
|
|
4374
|
-
mainContainer:
|
|
4375
|
-
crossCornerTopRight:
|
|
4376
|
-
crossCornerBottomLeft:
|
|
4377
|
-
contentRow:
|
|
4378
|
-
newsletterSection:
|
|
4379
|
-
newsletterDescription:
|
|
4380
|
-
newsletterForm:
|
|
4381
|
-
newsletterInputGroup:
|
|
4382
|
-
newsletterInput:
|
|
4383
|
-
consentText:
|
|
4384
|
-
linksSection:
|
|
4385
|
-
linksColumn:
|
|
4386
|
-
linksTitle:
|
|
4387
|
-
linksList:
|
|
4388
|
-
footerLink:
|
|
4389
|
-
divider:
|
|
4390
|
-
contactSection:
|
|
4391
|
-
contactColumn:
|
|
4392
|
-
contactTitle:
|
|
4393
|
-
contactContent:
|
|
4394
|
-
copyrightSection:
|
|
4395
|
-
copyrightText:
|
|
4396
|
-
whiteSection:
|
|
4397
|
-
whiteContainer:
|
|
4398
|
-
whiteContent:
|
|
4387
|
+
const ra = "_footer_fj44n_1", aa = "_mainSection_fj44n_7", sa = "_mainContainer_fj44n_25", ia = "_crossCornerTopRight_fj44n_35", la = "_crossCornerBottomLeft_fj44n_42", da = "_contentRow_fj44n_50", ca = "_newsletterSection_fj44n_60", pa = "_newsletterDescription_fj44n_67", ma = "_newsletterForm_fj44n_76", ga = "_newsletterInputGroup_fj44n_82", ua = "_newsletterInput_fj44n_82", ha = "_consentText_fj44n_93", fa = "_linksSection_fj44n_103", ka = "_linksColumn_fj44n_109", va = "_linksTitle_fj44n_116", ba = "_linksList_fj44n_127", ya = "_footerLink_fj44n_136", xa = "_divider_fj44n_158", Ta = "_contactSection_fj44n_166", Ca = "_contactColumn_fj44n_173", wa = "_contactTitle_fj44n_181", Sa = "_contactContent_fj44n_190", Ia = "_copyrightSection_fj44n_204", _a = "_copyrightText_fj44n_209", Da = "_whiteSection_fj44n_219", La = "_whiteContainer_fj44n_224", ja = "_whiteContent_fj44n_232", Aa = "_logo_fj44n_240", Na = "_redCrossLogo_fj44n_254", Ma = "_slotLarge_fj44n_260", Fa = "_contentRowContact_fj44n_315", Ba = "_socialLinksSection_fj44n_325", Ea = "_socialLinksTitle_fj44n_332", $a = "_socialLinksList_fj44n_343", Pa = "_socialLink_fj44n_325", za = "_socialLinkIcon_fj44n_376", Ra = "_contactPersonsSection_fj44n_391", Ga = "_contactPersonsTitle_fj44n_398", Wa = "_contactPersonsGrid_fj44n_409", Ha = "_contactPersonCard_fj44n_415", Ua = "_contactPersonName_fj44n_422", Va = "_contactPersonRole_fj44n_431", Oa = "_contactPersonDetails_fj44n_440", Ka = "_contactPersonLabel_fj44n_447", qa = "_contactPersonEmail_fj44n_451", Ya = "_contactPersonPhone_fj44n_452", Za = "_contactPersonAddress_fj44n_453", Xa = "_bottomRowContact_fj44n_474", Ja = "_legalLinksRow_fj44n_483", Qa = "_legalLink_fj44n_483", es = "_dpMain_fj44n_558", ts = "_dpContainer_fj44n_567", ns = "_dpColumns_fj44n_575", os = "_dpColumn_fj44n_575", rs = "_dpColTitle_fj44n_588", as = "_dpList_fj44n_596", ss = "_dpLink_fj44n_605", is = "_dpDivider_fj44n_619", ls = "_dpMeta_fj44n_627", ds = "_dpMetaCol_fj44n_633", cs = "_dpMetaTitle_fj44n_641", ps = "_dpMetaText_fj44n_649", ms = "_dpBottom_fj44n_657", gs = "_dpLegal_fj44n_665", us = "_dpLegalLink_fj44n_674", hs = "_dpCopyright_fj44n_686", o = {
|
|
4388
|
+
footer: ra,
|
|
4389
|
+
mainSection: aa,
|
|
4390
|
+
mainContainer: sa,
|
|
4391
|
+
crossCornerTopRight: ia,
|
|
4392
|
+
crossCornerBottomLeft: la,
|
|
4393
|
+
contentRow: da,
|
|
4394
|
+
newsletterSection: ca,
|
|
4395
|
+
newsletterDescription: pa,
|
|
4396
|
+
newsletterForm: ma,
|
|
4397
|
+
newsletterInputGroup: ga,
|
|
4398
|
+
newsletterInput: ua,
|
|
4399
|
+
consentText: ha,
|
|
4400
|
+
linksSection: fa,
|
|
4401
|
+
linksColumn: ka,
|
|
4402
|
+
linksTitle: va,
|
|
4403
|
+
linksList: ba,
|
|
4404
|
+
footerLink: ya,
|
|
4405
|
+
divider: xa,
|
|
4406
|
+
contactSection: Ta,
|
|
4407
|
+
contactColumn: Ca,
|
|
4408
|
+
contactTitle: wa,
|
|
4409
|
+
contactContent: Sa,
|
|
4410
|
+
copyrightSection: Ia,
|
|
4411
|
+
copyrightText: _a,
|
|
4412
|
+
whiteSection: Da,
|
|
4413
|
+
whiteContainer: La,
|
|
4414
|
+
whiteContent: ja,
|
|
4399
4415
|
logo: Aa,
|
|
4400
|
-
redCrossLogo:
|
|
4401
|
-
slotLarge:
|
|
4402
|
-
contentRowContact:
|
|
4403
|
-
socialLinksSection:
|
|
4404
|
-
socialLinksTitle:
|
|
4405
|
-
socialLinksList:
|
|
4406
|
-
socialLink:
|
|
4407
|
-
socialLinkIcon:
|
|
4408
|
-
contactPersonsSection:
|
|
4409
|
-
contactPersonsTitle:
|
|
4410
|
-
contactPersonsGrid:
|
|
4411
|
-
contactPersonCard:
|
|
4412
|
-
contactPersonName:
|
|
4413
|
-
contactPersonRole:
|
|
4414
|
-
contactPersonDetails:
|
|
4415
|
-
contactPersonLabel:
|
|
4416
|
-
contactPersonEmail:
|
|
4417
|
-
contactPersonPhone:
|
|
4418
|
-
contactPersonAddress:
|
|
4419
|
-
bottomRowContact:
|
|
4420
|
-
legalLinksRow:
|
|
4421
|
-
legalLink:
|
|
4422
|
-
|
|
4423
|
-
|
|
4416
|
+
redCrossLogo: Na,
|
|
4417
|
+
slotLarge: Ma,
|
|
4418
|
+
contentRowContact: Fa,
|
|
4419
|
+
socialLinksSection: Ba,
|
|
4420
|
+
socialLinksTitle: Ea,
|
|
4421
|
+
socialLinksList: $a,
|
|
4422
|
+
socialLink: Pa,
|
|
4423
|
+
socialLinkIcon: za,
|
|
4424
|
+
contactPersonsSection: Ra,
|
|
4425
|
+
contactPersonsTitle: Ga,
|
|
4426
|
+
contactPersonsGrid: Wa,
|
|
4427
|
+
contactPersonCard: Ha,
|
|
4428
|
+
contactPersonName: Ua,
|
|
4429
|
+
contactPersonRole: Va,
|
|
4430
|
+
contactPersonDetails: Oa,
|
|
4431
|
+
contactPersonLabel: Ka,
|
|
4432
|
+
contactPersonEmail: qa,
|
|
4433
|
+
contactPersonPhone: Ya,
|
|
4434
|
+
contactPersonAddress: Za,
|
|
4435
|
+
bottomRowContact: Xa,
|
|
4436
|
+
legalLinksRow: Ja,
|
|
4437
|
+
legalLink: Qa,
|
|
4438
|
+
dpMain: es,
|
|
4439
|
+
dpContainer: ts,
|
|
4440
|
+
dpColumns: ns,
|
|
4441
|
+
dpColumn: os,
|
|
4442
|
+
dpColTitle: rs,
|
|
4443
|
+
dpList: as,
|
|
4444
|
+
dpLink: ss,
|
|
4445
|
+
dpDivider: is,
|
|
4446
|
+
dpMeta: ls,
|
|
4447
|
+
dpMetaCol: ds,
|
|
4448
|
+
dpMetaTitle: cs,
|
|
4449
|
+
dpMetaText: ps,
|
|
4450
|
+
dpBottom: ms,
|
|
4451
|
+
dpLegal: gs,
|
|
4452
|
+
dpLegalLink: us,
|
|
4453
|
+
dpCopyright: hs
|
|
4454
|
+
}, Di = ({
|
|
4455
|
+
"data-color": n = "neutral",
|
|
4424
4456
|
variant: e = "default",
|
|
4425
|
-
|
|
4426
|
-
|
|
4427
|
-
|
|
4457
|
+
colorScheme: a,
|
|
4458
|
+
columns: d,
|
|
4459
|
+
showCrossCorners: h = !1,
|
|
4460
|
+
newsletterDescription: f = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
|
|
4461
|
+
newsletterPlaceholder: m = "Input tekst",
|
|
4428
4462
|
newsletterButtonText: k = "Meld deg på",
|
|
4429
|
-
newsletterConsentText:
|
|
4430
|
-
onNewsletterSubmit:
|
|
4431
|
-
hideNewsletter:
|
|
4432
|
-
shortcutsLinks:
|
|
4433
|
-
linksLinks:
|
|
4434
|
-
shortcutsTitle:
|
|
4435
|
-
linksTitle:
|
|
4436
|
-
visitingAddress:
|
|
4437
|
-
organizationNumber:
|
|
4438
|
-
email:
|
|
4439
|
-
showPrimaryLogo:
|
|
4440
|
-
primaryLogoSrc:
|
|
4441
|
-
primaryLogoAlt:
|
|
4442
|
-
whiteSectionSlot:
|
|
4443
|
-
socialLinks:
|
|
4444
|
-
contactPersons:
|
|
4445
|
-
legalLinks:
|
|
4446
|
-
socialLinksTitle:
|
|
4447
|
-
contactPersonsTitle:
|
|
4463
|
+
newsletterConsentText: D,
|
|
4464
|
+
onNewsletterSubmit: S,
|
|
4465
|
+
hideNewsletter: R = !1,
|
|
4466
|
+
shortcutsLinks: _,
|
|
4467
|
+
linksLinks: V,
|
|
4468
|
+
shortcutsTitle: A,
|
|
4469
|
+
linksTitle: p,
|
|
4470
|
+
visitingAddress: K = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
|
|
4471
|
+
organizationNumber: X = "XXX XXX XXX",
|
|
4472
|
+
email: j = "post@redcross.no",
|
|
4473
|
+
showPrimaryLogo: q = !0,
|
|
4474
|
+
primaryLogoSrc: g,
|
|
4475
|
+
primaryLogoAlt: M = "Røde Kors Logo",
|
|
4476
|
+
whiteSectionSlot: I,
|
|
4477
|
+
socialLinks: F = [],
|
|
4478
|
+
contactPersons: N = [],
|
|
4479
|
+
legalLinks: L = [],
|
|
4480
|
+
socialLinksTitle: G,
|
|
4481
|
+
contactPersonsTitle: ne
|
|
4448
4482
|
} = {}) => {
|
|
4449
|
-
const
|
|
4450
|
-
const
|
|
4451
|
-
return
|
|
4483
|
+
const H = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = Te(), [T, b] = Ae.useState(""), l = (c, w) => {
|
|
4484
|
+
const $ = J(c);
|
|
4485
|
+
return $ === c ? w : $;
|
|
4452
4486
|
};
|
|
4453
|
-
|
|
4454
|
-
const
|
|
4455
|
-
if (typeof document > "u" || document.getElementById(
|
|
4456
|
-
const
|
|
4457
|
-
|
|
4487
|
+
Ae.useEffect(() => {
|
|
4488
|
+
const c = "rk-footer-inline-styles";
|
|
4489
|
+
if (typeof document > "u" || document.getElementById(c)) return;
|
|
4490
|
+
const w = fs(o), $ = document.createElement("style");
|
|
4491
|
+
$.id = c, $.textContent = w, document.head.appendChild($);
|
|
4458
4492
|
}, []);
|
|
4459
|
-
const
|
|
4460
|
-
|
|
4461
|
-
},
|
|
4493
|
+
const C = (c) => {
|
|
4494
|
+
c.preventDefault(), S == null || S(T);
|
|
4495
|
+
}, E = () => /* @__PURE__ */ r(
|
|
4462
4496
|
"svg",
|
|
4463
4497
|
{
|
|
4464
4498
|
width: "170",
|
|
@@ -4470,188 +4504,235 @@ const na = "_footer_1l5de_1", oa = "_mainSection_1l5de_7", ra = "_mainContainer_
|
|
|
4470
4504
|
focusable: "false",
|
|
4471
4505
|
className: o.redCrossLogo,
|
|
4472
4506
|
children: [
|
|
4473
|
-
/* @__PURE__ */
|
|
4474
|
-
/* @__PURE__ */
|
|
4475
|
-
/* @__PURE__ */
|
|
4476
|
-
/* @__PURE__ */
|
|
4477
|
-
/* @__PURE__ */
|
|
4478
|
-
/* @__PURE__ */
|
|
4479
|
-
/* @__PURE__ */
|
|
4480
|
-
/* @__PURE__ */
|
|
4481
|
-
/* @__PURE__ */
|
|
4482
|
-
/* @__PURE__ */
|
|
4507
|
+
/* @__PURE__ */ t("path", { d: "M76.1036 48.1397C77.8925 47.8781 79.6984 47.7525 81.5061 47.7639C84.1713 47.7639 86.0396 48.1669 87.3182 49.1857C87.8735 49.639 88.3149 50.2176 88.6067 50.8744C88.8984 51.5312 89.0323 52.2479 88.9974 52.9665C88.9839 53.9451 88.6724 54.896 88.1049 55.691C87.5373 56.4861 86.7411 57.087 85.8235 57.4129V57.4944C87.0796 58.006 87.7684 59.2104 88.2231 60.8722C88.7813 62.9097 89.3441 65.2688 89.6907 65.9661H85.5309C85.2382 65.4544 84.7835 63.9829 84.2793 61.7597C83.7751 59.5365 83.0097 58.8527 81.344 58.8527H80.1284V65.9661H76.1036V48.1397ZM80.1284 55.9141H81.7312C83.7526 55.9141 84.9546 54.8954 84.9546 53.3151C84.9546 51.6534 83.8336 50.8202 81.9698 50.7931C81.3532 50.7814 80.7368 50.8268 80.1284 50.9289V55.9141Z", fill: "#1E1E1E" }),
|
|
4508
|
+
/* @__PURE__ */ t("path", { d: "M97.8528 52.5633C98.9439 52.5351 100.026 52.7744 101.004 53.2606L102.256 51.4087L103.669 52.4003L102.467 54.2115C103.188 54.8589 103.758 55.6585 104.137 56.5531C104.515 57.4478 104.692 58.4154 104.655 59.3869C104.655 64.0506 101.243 66.2738 97.8573 66.2738C96.7852 66.2984 95.7234 66.059 94.7644 65.5765L93.4543 67.4556L92.1037 66.387L93.2787 64.6438C91.8651 63.4892 91.0277 61.7233 91.0277 59.414C91.0277 55.2891 93.7965 52.5543 97.8213 52.5543L97.8528 52.5633ZM99.2934 55.9411C98.8798 55.6237 98.3731 55.4533 97.8528 55.4566C95.7458 55.4566 94.949 57.5757 94.949 59.4005C94.9265 60.126 95.0909 60.845 95.4262 61.4878L95.4802 61.515L99.2934 55.9411ZM96.4932 62.8552C96.8653 63.1843 97.3486 63.3576 97.8438 63.3397C99.6446 63.3397 100.748 61.7821 100.748 59.4774C100.76 58.7777 100.625 58.0833 100.351 57.4399L100.27 57.4127L96.4932 62.8552Z", fill: "#1E1E1E" }),
|
|
4509
|
+
/* @__PURE__ */ t("path", { d: "M119.76 46.9351V62.0537C119.76 63.5253 119.814 65.0829 119.868 65.9659H116.266L116.077 64.037H116.01C115.593 64.7375 114.998 65.3131 114.285 65.7041C113.573 66.095 112.769 66.287 111.958 66.2602C108.865 66.2602 106.384 63.6068 106.384 59.5317C106.384 55.1079 109.085 52.5632 112.237 52.5632C113.835 52.5632 115.087 53.1247 115.676 54.0393H115.726V46.9351H119.76ZM115.708 58.4088C115.708 58.1914 115.681 57.8971 115.658 57.6843C115.556 57.1295 115.266 56.6274 114.838 56.2627C114.41 55.8981 113.869 55.6933 113.308 55.683C111.467 55.683 110.508 57.3447 110.508 59.4094C110.508 61.6327 111.602 63.0318 113.281 63.0318C113.838 63.0337 114.378 62.8389 114.807 62.4814C115.235 62.1239 115.526 61.6264 115.627 61.0757C115.702 60.7676 115.737 60.451 115.73 60.1339L115.708 58.4088Z", fill: "#1E1E1E" }),
|
|
4510
|
+
/* @__PURE__ */ t("path", { d: "M126.13 60.6869C126.265 62.3758 127.931 63.1772 129.808 63.1772C131.029 63.1934 132.245 63.013 133.41 62.6429L133.946 65.4049C132.438 65.9752 130.838 66.2562 129.227 66.2335C124.802 66.2335 122.272 63.6345 122.272 59.5322C122.272 56.2088 124.325 52.5366 128.854 52.5366C133.063 52.5366 134.666 55.8329 134.666 59.0794C134.666 59.6271 134.62 60.1738 134.531 60.714L126.13 60.6869ZM130.902 57.8977C130.902 56.9061 130.475 55.2443 128.611 55.2443C126.904 55.2443 126.211 56.8246 126.103 57.8977H130.902Z", fill: "#1E1E1E" }),
|
|
4511
|
+
/* @__PURE__ */ t("path", { d: "M142.603 47.8994H146.623V55.8866H146.7C147.1 55.1893 147.501 54.5283 147.929 53.9034L151.981 47.8994H156.978L151.035 55.5969L157.297 65.9703H152.57L148.172 58.1687L146.623 60.0704V65.9567H142.598L142.603 47.8994Z", fill: "#1E1E1E" }),
|
|
4512
|
+
/* @__PURE__ */ t("path", { d: "M164.294 66.2599C160.485 66.2599 157.541 63.7424 157.541 59.5043C157.541 55.2662 160.309 52.563 164.496 52.563C168.494 52.563 171.159 55.325 171.159 59.2643C171.159 64.0639 167.774 66.2599 164.307 66.2599H164.294ZM164.375 63.3394C165.946 63.3394 166.959 61.7592 166.959 59.4001C166.959 57.4395 166.216 55.4563 164.375 55.4563C162.43 55.4563 161.709 57.4667 161.709 59.4001C161.709 61.6641 162.641 63.3394 164.348 63.3394H164.375Z", fill: "#1E1E1E" }),
|
|
4513
|
+
/* @__PURE__ */ t("path", { d: "M173.676 57.1727C173.676 55.2438 173.622 54.0031 173.568 52.8576H177.062L177.197 55.271H177.3C177.535 54.507 178 53.8353 178.63 53.3486C179.261 52.8619 180.026 52.5843 180.821 52.5542C181.105 52.5425 181.391 52.5607 181.672 52.6086V56.4392C181.303 56.3736 180.93 56.3387 180.555 56.335C179.06 56.335 178.048 57.1365 177.782 58.3997C177.726 58.6983 177.699 59.0015 177.701 59.3053V65.9659H173.649L173.676 57.1727Z", fill: "#1E1E1E" }),
|
|
4514
|
+
/* @__PURE__ */ t("path", { d: "M183.752 62.4023C184.824 62.9936 186.018 63.3283 187.241 63.3803C188.47 63.3803 188.974 62.9275 188.974 62.28C188.974 61.6325 188.573 61.2613 187.056 60.7768C184.355 59.8712 183.351 58.3951 183.351 56.8375C183.351 54.3969 185.404 52.5496 188.654 52.5496C189.92 52.5283 191.175 52.7848 192.332 53.3012L191.612 56.1357C190.741 55.6712 189.775 55.4155 188.789 55.3886C187.803 55.3886 187.241 55.787 187.241 56.4571C187.241 57.1273 187.749 57.4216 189.348 57.9604C191.828 58.8162 192.868 60.0795 192.891 62.0084C192.891 64.4444 190.973 66.2691 187.241 66.2691C185.784 66.2951 184.341 65.974 183.031 65.3318L183.752 62.4023Z", fill: "#1E1E1E" }),
|
|
4515
|
+
/* @__PURE__ */ t("path", { d: "M50.1985 39.8037H37.1426V79.1965H50.1985V39.8037Z", fill: "#D52B1E" }),
|
|
4516
|
+
/* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
|
|
4483
4517
|
]
|
|
4484
4518
|
}
|
|
4485
|
-
),
|
|
4486
|
-
{ label:
|
|
4487
|
-
{ label:
|
|
4488
|
-
{ label:
|
|
4489
|
-
{ label:
|
|
4490
|
-
{ label:
|
|
4491
|
-
{ label:
|
|
4492
|
-
],
|
|
4493
|
-
{ label:
|
|
4494
|
-
{ label:
|
|
4495
|
-
{ label:
|
|
4496
|
-
{ label:
|
|
4497
|
-
],
|
|
4519
|
+
), Y = [
|
|
4520
|
+
{ label: l("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
|
|
4521
|
+
{ label: l("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
|
|
4522
|
+
{ label: l("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
|
|
4523
|
+
{ label: l("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
|
|
4524
|
+
{ label: l("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
|
|
4525
|
+
{ label: l("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
|
|
4526
|
+
], y = [
|
|
4527
|
+
{ label: l("footer.legal.privacy", "Personvern"), href: "#" },
|
|
4528
|
+
{ label: l("footer.legal.press", "For presse"), href: "#" },
|
|
4529
|
+
{ label: l("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
|
|
4530
|
+
{ label: l("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
|
|
4531
|
+
], B = /* @__PURE__ */ r(Se, { children: [
|
|
4498
4532
|
'Ved å trykke "',
|
|
4499
4533
|
k,
|
|
4500
4534
|
'" samtykker du til å motta nyhetsbrev.',
|
|
4501
|
-
/* @__PURE__ */
|
|
4535
|
+
/* @__PURE__ */ t("br", {}),
|
|
4502
4536
|
"Du kan når som helst ",
|
|
4503
|
-
/* @__PURE__ */
|
|
4537
|
+
/* @__PURE__ */ t(te, { href: "#", children: "melde deg av" }),
|
|
4504
4538
|
" nyhetsbrevet uten kostnad."
|
|
4505
|
-
] }),
|
|
4506
|
-
|
|
4507
|
-
/* @__PURE__ */
|
|
4508
|
-
/* @__PURE__ */
|
|
4509
|
-
|
|
4510
|
-
] }) },
|
|
4511
|
-
] }),
|
|
4512
|
-
/* @__PURE__ */
|
|
4513
|
-
/* @__PURE__ */
|
|
4514
|
-
/* @__PURE__ */
|
|
4515
|
-
/* @__PURE__ */
|
|
4516
|
-
/* @__PURE__ */
|
|
4517
|
-
|
|
4539
|
+
] }), Q = _ || Y, le = V || y, v = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
|
|
4540
|
+
G && /* @__PURE__ */ t("h3", { className: o.socialLinksTitle, children: G }),
|
|
4541
|
+
/* @__PURE__ */ t("ul", { className: o.socialLinksList, children: F.map((c, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ r(te, { href: c.href, className: o.socialLink, children: [
|
|
4542
|
+
/* @__PURE__ */ t("span", { className: o.socialLinkIcon, children: c.icon }),
|
|
4543
|
+
c.label
|
|
4544
|
+
] }) }, w)) })
|
|
4545
|
+
] }), Z = ({ person: c }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
|
|
4546
|
+
/* @__PURE__ */ t("p", { className: o.contactPersonName, children: c.name }),
|
|
4547
|
+
/* @__PURE__ */ t("p", { className: o.contactPersonRole, children: c.role }),
|
|
4548
|
+
/* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
|
|
4549
|
+
/* @__PURE__ */ r("p", { className: o.contactPersonEmail, children: [
|
|
4550
|
+
/* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
|
|
4551
|
+
l("footer.contact.email", "E-post"),
|
|
4518
4552
|
":"
|
|
4519
4553
|
] }),
|
|
4520
4554
|
" ",
|
|
4521
|
-
/* @__PURE__ */
|
|
4555
|
+
/* @__PURE__ */ t(te, { href: `mailto:${c.email}`, children: c.email })
|
|
4522
4556
|
] }),
|
|
4523
|
-
|
|
4524
|
-
/* @__PURE__ */
|
|
4525
|
-
|
|
4557
|
+
c.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
|
|
4558
|
+
/* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
|
|
4559
|
+
l("footer.contact.phone", "Telefon"),
|
|
4526
4560
|
":"
|
|
4527
4561
|
] }),
|
|
4528
4562
|
" ",
|
|
4529
|
-
|
|
4563
|
+
c.phone
|
|
4530
4564
|
] }),
|
|
4531
|
-
|
|
4565
|
+
c.address && /* @__PURE__ */ t("p", { className: o.contactPersonAddress, children: c.address })
|
|
4532
4566
|
] })
|
|
4533
|
-
] }),
|
|
4534
|
-
|
|
4535
|
-
/* @__PURE__ */
|
|
4536
|
-
] }),
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4567
|
+
] }), me = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
|
|
4568
|
+
ne && /* @__PURE__ */ t("h3", { className: o.contactPersonsTitle, children: ne }),
|
|
4569
|
+
/* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children: N.map((c, w) => /* @__PURE__ */ t(Z, { person: c }, w)) })
|
|
4570
|
+
] }), ge = () => /* @__PURE__ */ t("ul", { className: o.legalLinksRow, children: L.map((c, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: c.href, className: o.legalLink, children: c.label }) }, w)) });
|
|
4571
|
+
if (e === "columns") {
|
|
4572
|
+
const c = [
|
|
4573
|
+
{
|
|
4574
|
+
title: l("footer.contact.title", "Kontakt"),
|
|
4575
|
+
links: Y
|
|
4576
|
+
},
|
|
4577
|
+
{
|
|
4578
|
+
title: l("footer.bidra", "Bidra"),
|
|
4579
|
+
links: Y
|
|
4580
|
+
},
|
|
4581
|
+
{
|
|
4582
|
+
title: l("footer.shortcuts", "Snarveier"),
|
|
4583
|
+
links: Y
|
|
4584
|
+
}
|
|
4585
|
+
], w = d && d.length > 0 ? d : c, $ = L.length > 0 ? L : y;
|
|
4586
|
+
return /* @__PURE__ */ t("footer", { className: o.footer, "data-color": n, "data-color-scheme": a, children: /* @__PURE__ */ t("div", { className: o.dpMain, children: /* @__PURE__ */ r("div", { className: o.dpContainer, children: [
|
|
4587
|
+
/* @__PURE__ */ t("div", { className: o.dpColumns, children: w.map((oe, re) => /* @__PURE__ */ r("nav", { className: o.dpColumn, "aria-label": oe.title, children: [
|
|
4588
|
+
/* @__PURE__ */ t("h3", { className: o.dpColTitle, children: oe.title }),
|
|
4589
|
+
/* @__PURE__ */ t("ul", { className: o.dpList, children: oe.links.map((pe, i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: pe.href, className: o.dpLink, children: pe.label }) }, i)) })
|
|
4590
|
+
] }, re)) }),
|
|
4591
|
+
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4592
|
+
/* @__PURE__ */ r("div", { className: o.dpMeta, children: [
|
|
4593
|
+
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4594
|
+
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.visitingAddress", "Besøksadresse") }),
|
|
4595
|
+
K.map((oe, re) => /* @__PURE__ */ t("p", { className: o.dpMetaText, children: oe }, re))
|
|
4596
|
+
] }),
|
|
4597
|
+
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4598
|
+
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4599
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: X })
|
|
4600
|
+
] }),
|
|
4601
|
+
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4602
|
+
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.email", "E-post") }),
|
|
4603
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: j })
|
|
4604
|
+
] })
|
|
4605
|
+
] }),
|
|
4606
|
+
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4607
|
+
/* @__PURE__ */ r("div", { className: o.dpBottom, children: [
|
|
4608
|
+
/* @__PURE__ */ t("ul", { className: o.dpLegal, children: $.map((oe, re) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: oe.href, className: o.dpLegalLink, children: oe.label }) }, re)) }),
|
|
4609
|
+
/* @__PURE__ */ r("p", { className: o.dpCopyright, children: [
|
|
4610
|
+
"© ",
|
|
4611
|
+
H,
|
|
4612
|
+
" ",
|
|
4613
|
+
l("footer.copyright", "Røde Kors")
|
|
4614
|
+
] })
|
|
4615
|
+
] })
|
|
4616
|
+
] }) }) });
|
|
4617
|
+
}
|
|
4618
|
+
return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4619
|
+
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4620
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(ye, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
|
|
4621
|
+
/* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
|
|
4622
|
+
F.length > 0 && /* @__PURE__ */ t(v, {}),
|
|
4623
|
+
N.length > 0 && /* @__PURE__ */ t(me, {})
|
|
4543
4624
|
] }),
|
|
4544
|
-
/* @__PURE__ */
|
|
4545
|
-
/* @__PURE__ */
|
|
4546
|
-
/* @__PURE__ */
|
|
4547
|
-
/* @__PURE__ */
|
|
4548
|
-
/* @__PURE__ */
|
|
4625
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4626
|
+
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4627
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4628
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4629
|
+
/* @__PURE__ */ t("div", { className: o.contactContent, children: K.map((c, w) => /* @__PURE__ */ t("p", { children: c }, w)) })
|
|
4549
4630
|
] }),
|
|
4550
|
-
/* @__PURE__ */
|
|
4551
|
-
/* @__PURE__ */
|
|
4552
|
-
/* @__PURE__ */
|
|
4631
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4632
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4633
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: X })
|
|
4553
4634
|
] }),
|
|
4554
|
-
/* @__PURE__ */
|
|
4555
|
-
/* @__PURE__ */
|
|
4556
|
-
/* @__PURE__ */
|
|
4635
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4636
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4637
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: j })
|
|
4557
4638
|
] })
|
|
4558
4639
|
] }),
|
|
4559
|
-
/* @__PURE__ */
|
|
4560
|
-
/* @__PURE__ */
|
|
4561
|
-
|
|
4562
|
-
/* @__PURE__ */
|
|
4640
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4641
|
+
/* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
|
|
4642
|
+
L.length > 0 && /* @__PURE__ */ t(ge, {}),
|
|
4643
|
+
/* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4563
4644
|
"© ",
|
|
4564
|
-
|
|
4645
|
+
H,
|
|
4565
4646
|
" ",
|
|
4566
|
-
|
|
4647
|
+
l("footer.copyright", "Rødekors")
|
|
4567
4648
|
] })
|
|
4568
4649
|
] }),
|
|
4569
|
-
|
|
4650
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(ye, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
|
|
4570
4651
|
] }) }),
|
|
4571
|
-
/* @__PURE__ */
|
|
4572
|
-
|
|
4652
|
+
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4653
|
+
q && (g ? /* @__PURE__ */ t(
|
|
4573
4654
|
"img",
|
|
4574
4655
|
{
|
|
4575
|
-
src:
|
|
4576
|
-
alt:
|
|
4656
|
+
src: g,
|
|
4657
|
+
alt: M,
|
|
4577
4658
|
className: o.logo,
|
|
4578
4659
|
loading: "lazy"
|
|
4579
4660
|
}
|
|
4580
|
-
) : /* @__PURE__ */
|
|
4581
|
-
|
|
4661
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(E, {}) })),
|
|
4662
|
+
I && /* @__PURE__ */ t("div", { className: o.slotLarge, children: I })
|
|
4582
4663
|
] }) }) })
|
|
4583
|
-
] }) : /* @__PURE__ */
|
|
4584
|
-
/* @__PURE__ */
|
|
4585
|
-
|
|
4586
|
-
/* @__PURE__ */
|
|
4587
|
-
!
|
|
4588
|
-
/* @__PURE__ */
|
|
4589
|
-
/* @__PURE__ */
|
|
4590
|
-
/* @__PURE__ */
|
|
4664
|
+
] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4665
|
+
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4666
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(ye, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
|
|
4667
|
+
/* @__PURE__ */ r("div", { className: o.contentRow, children: [
|
|
4668
|
+
!R && /* @__PURE__ */ r("div", { className: o.newsletterSection, children: [
|
|
4669
|
+
/* @__PURE__ */ t("p", { className: o.newsletterDescription, children: f }),
|
|
4670
|
+
/* @__PURE__ */ t("form", { className: o.newsletterForm, onSubmit: C, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
|
|
4671
|
+
/* @__PURE__ */ t(
|
|
4591
4672
|
Ze,
|
|
4592
4673
|
{
|
|
4593
4674
|
type: "email",
|
|
4594
|
-
placeholder:
|
|
4595
|
-
value:
|
|
4596
|
-
onChange: (
|
|
4675
|
+
placeholder: m,
|
|
4676
|
+
value: T,
|
|
4677
|
+
onChange: (c) => b(c.target.value),
|
|
4597
4678
|
className: o.newsletterInput
|
|
4598
4679
|
}
|
|
4599
4680
|
),
|
|
4600
|
-
/* @__PURE__ */
|
|
4681
|
+
/* @__PURE__ */ t(ce, { type: "submit", variant: "primary", "data-color": "neutral", children: k })
|
|
4601
4682
|
] }) }),
|
|
4602
|
-
/* @__PURE__ */
|
|
4683
|
+
/* @__PURE__ */ t("p", { className: o.consentText, children: D || B })
|
|
4603
4684
|
] }),
|
|
4604
|
-
/* @__PURE__ */
|
|
4605
|
-
/* @__PURE__ */
|
|
4606
|
-
/* @__PURE__ */
|
|
4607
|
-
/* @__PURE__ */
|
|
4685
|
+
/* @__PURE__ */ r("div", { className: o.linksSection, children: [
|
|
4686
|
+
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": A || l("footer.shortcuts", "Snarveier"), children: [
|
|
4687
|
+
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: A || l("footer.shortcuts", "Snarveier") }),
|
|
4688
|
+
/* @__PURE__ */ t("ul", { className: o.linksList, children: Q.map((c, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: c.href, className: o.footerLink, children: c.label }) }, w)) })
|
|
4608
4689
|
] }),
|
|
4609
|
-
/* @__PURE__ */
|
|
4610
|
-
/* @__PURE__ */
|
|
4611
|
-
/* @__PURE__ */
|
|
4690
|
+
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": p || l("footer.links", "Lenker"), children: [
|
|
4691
|
+
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: p || l("footer.links", "Lenker") }),
|
|
4692
|
+
/* @__PURE__ */ t("ul", { className: o.linksList, children: le.map((c, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(te, { href: c.href, className: o.footerLink, children: c.label }) }, w)) })
|
|
4612
4693
|
] })
|
|
4613
4694
|
] })
|
|
4614
4695
|
] }),
|
|
4615
|
-
/* @__PURE__ */
|
|
4616
|
-
/* @__PURE__ */
|
|
4617
|
-
/* @__PURE__ */
|
|
4618
|
-
/* @__PURE__ */
|
|
4619
|
-
/* @__PURE__ */
|
|
4696
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4697
|
+
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4698
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4699
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4700
|
+
/* @__PURE__ */ t("div", { className: o.contactContent, children: K.map((c, w) => /* @__PURE__ */ t("p", { children: c }, w)) })
|
|
4620
4701
|
] }),
|
|
4621
|
-
/* @__PURE__ */
|
|
4622
|
-
/* @__PURE__ */
|
|
4623
|
-
/* @__PURE__ */
|
|
4702
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4703
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4704
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: X })
|
|
4624
4705
|
] }),
|
|
4625
|
-
/* @__PURE__ */
|
|
4626
|
-
/* @__PURE__ */
|
|
4627
|
-
/* @__PURE__ */
|
|
4706
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4707
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4708
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: j })
|
|
4628
4709
|
] })
|
|
4629
4710
|
] }),
|
|
4630
|
-
/* @__PURE__ */
|
|
4631
|
-
/* @__PURE__ */
|
|
4711
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4712
|
+
/* @__PURE__ */ t("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4632
4713
|
"© ",
|
|
4633
|
-
|
|
4714
|
+
H,
|
|
4634
4715
|
" ",
|
|
4635
|
-
|
|
4716
|
+
l("footer.copyright", "Rødekors")
|
|
4636
4717
|
] }) }),
|
|
4637
|
-
|
|
4718
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(ye, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
|
|
4638
4719
|
] }) }),
|
|
4639
|
-
/* @__PURE__ */
|
|
4640
|
-
|
|
4720
|
+
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4721
|
+
q && (g ? /* @__PURE__ */ t(
|
|
4641
4722
|
"img",
|
|
4642
4723
|
{
|
|
4643
|
-
src:
|
|
4644
|
-
alt:
|
|
4724
|
+
src: g,
|
|
4725
|
+
alt: M,
|
|
4645
4726
|
className: o.logo,
|
|
4646
4727
|
loading: "lazy"
|
|
4647
4728
|
}
|
|
4648
|
-
) : /* @__PURE__ */
|
|
4649
|
-
|
|
4729
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(E, {}) })),
|
|
4730
|
+
I && /* @__PURE__ */ t("div", { className: o.slotLarge, children: I })
|
|
4650
4731
|
] }) }) })
|
|
4651
4732
|
] });
|
|
4652
4733
|
};
|
|
4653
|
-
function
|
|
4654
|
-
const e =
|
|
4734
|
+
function fs(n) {
|
|
4735
|
+
const e = n;
|
|
4655
4736
|
return `
|
|
4656
4737
|
.${e.footer} {
|
|
4657
4738
|
margin-top: auto;
|
|
@@ -5075,25 +5156,25 @@ function Ja(t) {
|
|
|
5075
5156
|
}
|
|
5076
5157
|
`;
|
|
5077
5158
|
}
|
|
5078
|
-
const
|
|
5079
|
-
donor:
|
|
5080
|
-
tabsWrapper:
|
|
5081
|
-
content:
|
|
5082
|
-
amountSection:
|
|
5083
|
-
amountLabel:
|
|
5084
|
-
amountButtons:
|
|
5085
|
-
customAmountField:
|
|
5086
|
-
impactRow:
|
|
5087
|
-
heartIcon:
|
|
5088
|
-
impactText:
|
|
5089
|
-
impactAmount:
|
|
5090
|
-
actionsSection:
|
|
5091
|
-
vippsButton:
|
|
5092
|
-
vippsButtonLabel:
|
|
5093
|
-
vippsLogo:
|
|
5094
|
-
avtalegiroLink:
|
|
5095
|
-
tabHeartIcon:
|
|
5096
|
-
}, We = () => /* @__PURE__ */
|
|
5159
|
+
const ks = "_donor_1hxqz_1", vs = "_tabsWrapper_1hxqz_14", bs = "_content_1hxqz_35", ys = "_amountSection_1hxqz_47", xs = "_amountLabel_1hxqz_55", Ts = "_amountButtons_1hxqz_64", Cs = "_customAmountField_1hxqz_75", ws = "_impactRow_1hxqz_80", Ss = "_heartIcon_1hxqz_88", Is = "_impactText_1hxqz_102", _s = "_impactAmount_1hxqz_112", Ds = "_actionsSection_1hxqz_117", Ls = "_vippsButton_1hxqz_127", js = "_vippsButtonLabel_1hxqz_157", As = "_vippsLogo_1hxqz_166", Ns = "_avtalegiroLink_1hxqz_179", Ms = "_tabHeartIcon_1hxqz_184", P = {
|
|
5160
|
+
donor: ks,
|
|
5161
|
+
tabsWrapper: vs,
|
|
5162
|
+
content: bs,
|
|
5163
|
+
amountSection: ys,
|
|
5164
|
+
amountLabel: xs,
|
|
5165
|
+
amountButtons: Ts,
|
|
5166
|
+
customAmountField: Cs,
|
|
5167
|
+
impactRow: ws,
|
|
5168
|
+
heartIcon: Ss,
|
|
5169
|
+
impactText: Is,
|
|
5170
|
+
impactAmount: _s,
|
|
5171
|
+
actionsSection: Ds,
|
|
5172
|
+
vippsButton: Ls,
|
|
5173
|
+
vippsButtonLabel: js,
|
|
5174
|
+
vippsLogo: As,
|
|
5175
|
+
avtalegiroLink: Ns,
|
|
5176
|
+
tabHeartIcon: Ms
|
|
5177
|
+
}, We = () => /* @__PURE__ */ t(
|
|
5097
5178
|
"svg",
|
|
5098
5179
|
{
|
|
5099
5180
|
width: "19",
|
|
@@ -5103,7 +5184,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
|
|
|
5103
5184
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5104
5185
|
"aria-hidden": "true",
|
|
5105
5186
|
focusable: "false",
|
|
5106
|
-
children: /* @__PURE__ */
|
|
5187
|
+
children: /* @__PURE__ */ t(
|
|
5107
5188
|
"path",
|
|
5108
5189
|
{
|
|
5109
5190
|
d: "M13.7703 0C15.2893 5.94513e-05 16.5938 0.76302 17.6755 1.84473C20.0479 4.2172 19.8818 8.19893 16.6755 11.4053L10.1765 17.9043C10.0359 18.0449 9.84412 18.1249 9.64527 18.125C9.44642 18.125 9.25564 18.0458 9.115 17.9053L2.615 11.4053C-0.591399 8.19889 -0.757477 4.21721 1.615 1.84473C2.69673 0.763025 4.00125 0 5.52027 0C6.86917 5.33075e-05 8.24623 0.601427 9.64527 1.84375C11.0443 0.601491 12.4214 0 13.7703 0Z",
|
|
@@ -5111,7 +5192,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
|
|
|
5111
5192
|
}
|
|
5112
5193
|
)
|
|
5113
5194
|
}
|
|
5114
|
-
),
|
|
5195
|
+
), Fs = () => /* @__PURE__ */ t(
|
|
5115
5196
|
"svg",
|
|
5116
5197
|
{
|
|
5117
5198
|
width: "16",
|
|
@@ -5121,7 +5202,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
|
|
|
5121
5202
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5122
5203
|
"aria-hidden": "true",
|
|
5123
5204
|
focusable: "false",
|
|
5124
|
-
children: /* @__PURE__ */
|
|
5205
|
+
children: /* @__PURE__ */ t(
|
|
5125
5206
|
"path",
|
|
5126
5207
|
{
|
|
5127
5208
|
d: "M18.3605 0C20.3858 2.70913e-05 22.1252 1.01674 23.5675 2.45898C26.7308 5.62229 26.5097 10.9318 22.2345 15.207L13.5685 23.873C13.381 24.0605 13.1256 24.166 12.8605 24.166C12.5953 24.166 12.341 24.0606 12.1535 23.873L3.48648 15.207C-0.78872 10.9319 -1.00983 5.6223 2.15347 2.45898C3.59576 1.01676 5.33517 -7.94691e-07 7.3605 0C9.15905 2.54762e-05 10.9951 0.801582 12.8605 2.45801C14.7259 0.801611 16.562 0 18.3605 0ZM18.3605 2C17.0526 2 15.4585 2.64907 13.5675 4.54004C13.38 4.72756 13.1257 4.83299 12.8605 4.83301C12.5953 4.83301 12.341 4.72755 12.1535 4.54004C10.2625 2.64908 8.6684 2.00003 7.3605 2C6.05266 2 4.7918 2.64884 3.56753 3.87305C1.39752 6.04307 1.17573 10.0682 4.90054 13.793L12.8605 21.752L20.8205 13.793C24.5452 10.0682 24.3235 6.04306 22.1535 3.87305C20.9292 2.64881 19.6683 2.00003 18.3605 2Z",
|
|
@@ -5129,7 +5210,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
|
|
|
5129
5210
|
}
|
|
5130
5211
|
)
|
|
5131
5212
|
}
|
|
5132
|
-
),
|
|
5213
|
+
), Bs = () => /* @__PURE__ */ t(
|
|
5133
5214
|
"svg",
|
|
5134
5215
|
{
|
|
5135
5216
|
width: "64",
|
|
@@ -5139,7 +5220,7 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
|
|
|
5139
5220
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5140
5221
|
"aria-hidden": "true",
|
|
5141
5222
|
focusable: "false",
|
|
5142
|
-
children: /* @__PURE__ */
|
|
5223
|
+
children: /* @__PURE__ */ t(
|
|
5143
5224
|
"path",
|
|
5144
5225
|
{
|
|
5145
5226
|
d: "M34.0879 0C36.392 2.1216e-05 39.0869 1.89904 39.0869 5.95996C39.0868 10.2022 36.4949 12.2627 33.8408 12.2627C32.4216 12.2627 31.1671 11.7169 30.2002 10.4238V16H27.2998V0.323242H30.2002V1.91895C31.0027 0.82803 32.2573 0 34.0879 0ZM48.0156 0C50.3197 0.000234933 53.0137 1.89927 53.0137 5.95996C53.0136 10.2021 50.4223 12.2625 47.7686 12.2627C46.3493 12.2627 45.0939 11.7169 44.127 10.4238V16H41.2266V0.323242H44.1279V1.91895C44.9302 0.828069 46.185 0 48.0156 0ZM12.2402 6.58594C12.7958 6.20212 13.5569 6.36346 14.0508 7.09082C15.285 8.86842 16.8693 10.081 18.9053 10.0811L19.2695 10.0693C21.0418 9.95993 22.0986 9.0452 23.1016 7.75781C23.6771 7.01059 24.4387 6.86826 24.9531 7.27246C25.5084 7.69677 25.5289 8.46462 24.9531 9.21191C23.4106 11.2322 21.4357 12.4443 18.9053 12.4443C16.1488 12.4443 13.7835 10.9494 12.0762 8.38379C11.6033 7.71699 11.726 6.94964 12.2402 6.58594ZM59.1445 0C61.5312 0 63.2798 1.09116 64 3.83887L61.3877 4.24219C61.3465 2.84847 60.4618 2.42489 59.207 2.4248C58.2195 2.4248 57.499 2.84883 57.499 3.51562C57.4992 4.04069 57.8697 4.58616 58.9805 4.78809L60.9756 5.15137C62.9298 5.51551 63.9795 6.76793 63.9795 8.48535C63.9792 11.0102 61.6543 12.2627 59.4736 12.2627C57.1698 12.2626 54.6192 11.0904 54.208 8.24219L56.8203 7.83789C56.9644 9.31277 57.8903 9.83881 59.3711 9.83887C60.5024 9.83887 61.2636 9.43452 61.2637 8.72754C61.2637 8.10123 60.9141 7.63618 59.6797 7.41406L57.8691 7.09082C55.9565 6.74715 54.7842 5.41356 54.7842 3.7168C54.7844 1.09068 57.211 7.8171e-05 59.1445 0ZM5.9248 8.16113L8.63965 0.302734H11.8281L7.09668 11.959H4.73145L0 0.302734H3.18848L5.9248 8.16113ZM33.1826 2.50488C31.5988 2.50497 30.2003 3.61605 30.2002 6.10059C30.2002 8.4844 31.5987 9.73711 33.1621 9.7373C34.643 9.7373 36.166 8.56534 36.166 6.10059C36.1659 3.67634 34.6431 2.50488 33.1826 2.50488ZM47.1104 2.50488C45.5265 2.50488 44.1271 3.61595 44.127 6.10059C44.127 8.48459 45.5262 9.7373 47.0898 9.7373C48.5708 9.73729 50.0928 8.56533 50.0928 6.10059C50.0926 3.67645 48.5708 2.50499 47.1104 2.50488ZM21.0039 2.06055C21.8679 2.06067 22.6084 2.70741 22.6084 3.63672L22.5996 3.80762C22.5149 4.64394 21.8138 5.2118 21.0039 5.21191C20.1401 5.21191 19.3996 4.56573 19.3994 3.63672C19.3994 2.70732 20.14 2.06055 21.0039 2.06055Z",
|
|
@@ -5147,136 +5228,136 @@ const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_
|
|
|
5147
5228
|
}
|
|
5148
5229
|
)
|
|
5149
5230
|
}
|
|
5150
|
-
),
|
|
5231
|
+
), Es = [
|
|
5151
5232
|
{ value: 220, label: "220 kr" },
|
|
5152
5233
|
{ value: 345, label: "345 kr" },
|
|
5153
5234
|
{ value: 660, label: "660 kr" }
|
|
5154
|
-
],
|
|
5155
|
-
"data-color":
|
|
5156
|
-
amounts: e =
|
|
5157
|
-
defaultAmount:
|
|
5235
|
+
], Li = ({
|
|
5236
|
+
"data-color": n = "primary",
|
|
5237
|
+
amounts: e = Es,
|
|
5238
|
+
defaultAmount: a = 345,
|
|
5158
5239
|
oneTimeLabel: d = "En gang",
|
|
5159
5240
|
monthlyLabel: h = "Hver måned",
|
|
5160
|
-
customAmountPlaceholder:
|
|
5161
|
-
amountLabel:
|
|
5162
|
-
impactMessage:
|
|
5163
|
-
vippsButtonLabel:
|
|
5164
|
-
avtalegiroLabel:
|
|
5165
|
-
avtalegiroHref:
|
|
5166
|
-
currencySuffix:
|
|
5167
|
-
onVippsClick:
|
|
5168
|
-
onAvtalegiroClick:
|
|
5169
|
-
onAmountChange:
|
|
5170
|
-
showVippsButton:
|
|
5171
|
-
showAvtalegiroLink:
|
|
5172
|
-
showImpactMessage:
|
|
5173
|
-
heartVariant:
|
|
5241
|
+
customAmountPlaceholder: f = "Valgfritt beløp",
|
|
5242
|
+
amountLabel: m = "Velg ønsket beløp:",
|
|
5243
|
+
impactMessage: k = "En gave på {amount} bidrar til ...",
|
|
5244
|
+
vippsButtonLabel: D = "Gi med",
|
|
5245
|
+
avtalegiroLabel: S = "Gi med avtalegiro",
|
|
5246
|
+
avtalegiroHref: R = "#",
|
|
5247
|
+
currencySuffix: _ = "kr",
|
|
5248
|
+
onVippsClick: V,
|
|
5249
|
+
onAvtalegiroClick: A,
|
|
5250
|
+
onAmountChange: p,
|
|
5251
|
+
showVippsButton: K = !0,
|
|
5252
|
+
showAvtalegiroLink: X = !0,
|
|
5253
|
+
showImpactMessage: j = !0,
|
|
5254
|
+
heartVariant: q = "outlined"
|
|
5174
5255
|
}) => {
|
|
5175
|
-
const [
|
|
5176
|
-
|
|
5177
|
-
const
|
|
5178
|
-
if (typeof document > "u" || document.getElementById(
|
|
5179
|
-
const
|
|
5180
|
-
|
|
5256
|
+
const [g, M] = O("monthly"), [I, F] = O(a), [N, L] = O(""), [G, ne] = O(!1);
|
|
5257
|
+
z(() => {
|
|
5258
|
+
const y = "rk-donor-inline-styles";
|
|
5259
|
+
if (typeof document > "u" || document.getElementById(y)) return;
|
|
5260
|
+
const B = $s(P), Q = document.createElement("style");
|
|
5261
|
+
Q.id = y, Q.textContent = B, document.head.appendChild(Q);
|
|
5181
5262
|
}, []);
|
|
5182
|
-
const
|
|
5183
|
-
|
|
5184
|
-
},
|
|
5185
|
-
const
|
|
5186
|
-
|
|
5187
|
-
const
|
|
5188
|
-
|
|
5189
|
-
},
|
|
5190
|
-
|
|
5191
|
-
},
|
|
5192
|
-
const
|
|
5193
|
-
|
|
5194
|
-
},
|
|
5195
|
-
|
|
5196
|
-
},
|
|
5197
|
-
|
|
5198
|
-
},
|
|
5199
|
-
const
|
|
5200
|
-
return /* @__PURE__ */
|
|
5201
|
-
|
|
5202
|
-
/* @__PURE__ */
|
|
5203
|
-
|
|
5263
|
+
const H = G && N ? parseInt(N, 10) || 0 : I, J = (y) => {
|
|
5264
|
+
F(y), ne(!1), L(""), p == null || p(y, g);
|
|
5265
|
+
}, T = (y) => {
|
|
5266
|
+
const B = y.target.value;
|
|
5267
|
+
L(B), ne(!0);
|
|
5268
|
+
const Q = parseInt(B, 10);
|
|
5269
|
+
Q > 0 && (p == null || p(Q, g));
|
|
5270
|
+
}, b = () => {
|
|
5271
|
+
ne(!0);
|
|
5272
|
+
}, l = (y) => {
|
|
5273
|
+
const B = y;
|
|
5274
|
+
M(B), p == null || p(H, B);
|
|
5275
|
+
}, C = () => {
|
|
5276
|
+
V == null || V(H, g);
|
|
5277
|
+
}, E = () => {
|
|
5278
|
+
A == null || A();
|
|
5279
|
+
}, Y = () => {
|
|
5280
|
+
const y = `${H} ${_}`, B = k.split("{amount}");
|
|
5281
|
+
return /* @__PURE__ */ r("span", { children: [
|
|
5282
|
+
B[0],
|
|
5283
|
+
/* @__PURE__ */ t("span", { className: P.impactAmount, children: y }),
|
|
5284
|
+
B[1] || ""
|
|
5204
5285
|
] });
|
|
5205
5286
|
};
|
|
5206
|
-
return /* @__PURE__ */
|
|
5207
|
-
/* @__PURE__ */
|
|
5208
|
-
/* @__PURE__ */
|
|
5209
|
-
/* @__PURE__ */
|
|
5210
|
-
/* @__PURE__ */
|
|
5287
|
+
return /* @__PURE__ */ r("div", { className: P.donor, "data-color": n, children: [
|
|
5288
|
+
/* @__PURE__ */ t("div", { className: P.tabsWrapper, children: /* @__PURE__ */ t(we, { defaultValue: "monthly", onChange: l, "data-size": "md", children: /* @__PURE__ */ r(we.List, { children: [
|
|
5289
|
+
/* @__PURE__ */ t(we.Tab, { value: "one-time", children: d }),
|
|
5290
|
+
/* @__PURE__ */ r(we.Tab, { value: "monthly", children: [
|
|
5291
|
+
/* @__PURE__ */ t("span", { className: P.tabHeartIcon, children: /* @__PURE__ */ t(We, {}) }),
|
|
5211
5292
|
h
|
|
5212
5293
|
] })
|
|
5213
5294
|
] }) }) }),
|
|
5214
|
-
/* @__PURE__ */
|
|
5215
|
-
/* @__PURE__ */
|
|
5216
|
-
/* @__PURE__ */
|
|
5217
|
-
/* @__PURE__ */
|
|
5218
|
-
const
|
|
5219
|
-
return /* @__PURE__ */
|
|
5220
|
-
|
|
5295
|
+
/* @__PURE__ */ r("div", { className: P.content, children: [
|
|
5296
|
+
/* @__PURE__ */ r("div", { className: P.amountSection, children: [
|
|
5297
|
+
/* @__PURE__ */ t(xe, { className: P.amountLabel, "data-size": "sm", children: m }),
|
|
5298
|
+
/* @__PURE__ */ t("div", { className: P.amountButtons, children: e.map((y) => {
|
|
5299
|
+
const B = !G && I === y.value;
|
|
5300
|
+
return /* @__PURE__ */ t(
|
|
5301
|
+
ce,
|
|
5221
5302
|
{
|
|
5222
|
-
variant:
|
|
5223
|
-
"data-color":
|
|
5224
|
-
onClick: () =>
|
|
5225
|
-
children:
|
|
5303
|
+
variant: B ? "primary" : "secondary",
|
|
5304
|
+
"data-color": B ? "accent" : "neutral",
|
|
5305
|
+
onClick: () => J(y.value),
|
|
5306
|
+
children: y.label
|
|
5226
5307
|
},
|
|
5227
|
-
|
|
5308
|
+
y.value
|
|
5228
5309
|
);
|
|
5229
5310
|
}) }),
|
|
5230
|
-
/* @__PURE__ */
|
|
5231
|
-
|
|
5311
|
+
/* @__PURE__ */ t("div", { className: P.customAmountField, children: /* @__PURE__ */ t(
|
|
5312
|
+
Qo,
|
|
5232
5313
|
{
|
|
5233
|
-
"aria-label":
|
|
5234
|
-
placeholder:
|
|
5235
|
-
value:
|
|
5236
|
-
onChange:
|
|
5237
|
-
onFocus:
|
|
5314
|
+
"aria-label": f,
|
|
5315
|
+
placeholder: f,
|
|
5316
|
+
value: N,
|
|
5317
|
+
onChange: T,
|
|
5318
|
+
onFocus: b,
|
|
5238
5319
|
type: "number",
|
|
5239
5320
|
min: 1
|
|
5240
5321
|
}
|
|
5241
5322
|
) })
|
|
5242
5323
|
] }),
|
|
5243
|
-
|
|
5244
|
-
/* @__PURE__ */
|
|
5245
|
-
/* @__PURE__ */
|
|
5324
|
+
j && /* @__PURE__ */ r("div", { className: P.impactRow, children: [
|
|
5325
|
+
/* @__PURE__ */ t("div", { className: P.heartIcon, children: q === "filled" ? /* @__PURE__ */ t(We, {}) : /* @__PURE__ */ t(Fs, {}) }),
|
|
5326
|
+
/* @__PURE__ */ t("p", { className: P.impactText, children: Y() })
|
|
5246
5327
|
] }),
|
|
5247
|
-
/* @__PURE__ */
|
|
5248
|
-
|
|
5328
|
+
/* @__PURE__ */ r("div", { className: P.actionsSection, children: [
|
|
5329
|
+
K && /* @__PURE__ */ r(
|
|
5249
5330
|
"button",
|
|
5250
5331
|
{
|
|
5251
|
-
className:
|
|
5252
|
-
onClick:
|
|
5332
|
+
className: P.vippsButton,
|
|
5333
|
+
onClick: C,
|
|
5253
5334
|
type: "button",
|
|
5254
|
-
"aria-label": `${
|
|
5335
|
+
"aria-label": `${D} Vipps`,
|
|
5255
5336
|
children: [
|
|
5256
|
-
/* @__PURE__ */
|
|
5257
|
-
/* @__PURE__ */
|
|
5337
|
+
/* @__PURE__ */ t("span", { className: P.vippsButtonLabel, children: D }),
|
|
5338
|
+
/* @__PURE__ */ t("span", { className: P.vippsLogo, children: /* @__PURE__ */ t(Bs, {}) })
|
|
5258
5339
|
]
|
|
5259
5340
|
}
|
|
5260
5341
|
),
|
|
5261
|
-
|
|
5262
|
-
|
|
5342
|
+
X && /* @__PURE__ */ t(
|
|
5343
|
+
te,
|
|
5263
5344
|
{
|
|
5264
|
-
href:
|
|
5345
|
+
href: R,
|
|
5265
5346
|
"data-color": "neutral",
|
|
5266
|
-
className:
|
|
5267
|
-
onClick: (
|
|
5268
|
-
|
|
5347
|
+
className: P.avtalegiroLink,
|
|
5348
|
+
onClick: (y) => {
|
|
5349
|
+
A && (y.preventDefault(), E());
|
|
5269
5350
|
},
|
|
5270
|
-
children:
|
|
5351
|
+
children: S
|
|
5271
5352
|
}
|
|
5272
5353
|
)
|
|
5273
5354
|
] })
|
|
5274
5355
|
] })
|
|
5275
5356
|
] });
|
|
5276
5357
|
};
|
|
5277
|
-
function
|
|
5358
|
+
function $s(n) {
|
|
5278
5359
|
return `
|
|
5279
|
-
.${
|
|
5360
|
+
.${n.donor} {
|
|
5280
5361
|
border-radius: 16px;
|
|
5281
5362
|
overflow: hidden;
|
|
5282
5363
|
background-color: var(--ds-color-primary-color-red-surface-default, #ffffff);
|
|
@@ -5287,16 +5368,16 @@ function bs(t) {
|
|
|
5287
5368
|
max-width: 344px;
|
|
5288
5369
|
padding-top: var(--ds-size-2, 8px);
|
|
5289
5370
|
}
|
|
5290
|
-
.${
|
|
5371
|
+
.${n.tabsWrapper} {
|
|
5291
5372
|
width: 100%;
|
|
5292
5373
|
overflow: hidden;
|
|
5293
5374
|
border-radius: 4px;
|
|
5294
5375
|
}
|
|
5295
|
-
.${
|
|
5376
|
+
.${n.tabsWrapper} [role="tablist"] {
|
|
5296
5377
|
display: flex !important;
|
|
5297
5378
|
width: 100% !important;
|
|
5298
5379
|
}
|
|
5299
|
-
.${
|
|
5380
|
+
.${n.tabsWrapper} [role="tab"] {
|
|
5300
5381
|
flex: 1 1 50% !important;
|
|
5301
5382
|
display: inline-flex !important;
|
|
5302
5383
|
align-items: center !important;
|
|
@@ -5304,7 +5385,7 @@ function bs(t) {
|
|
|
5304
5385
|
text-align: center;
|
|
5305
5386
|
white-space: nowrap;
|
|
5306
5387
|
}
|
|
5307
|
-
.${
|
|
5388
|
+
.${n.content} {
|
|
5308
5389
|
display: flex;
|
|
5309
5390
|
flex-direction: column;
|
|
5310
5391
|
gap: var(--ds-size-6, 24px);
|
|
@@ -5314,14 +5395,14 @@ function bs(t) {
|
|
|
5314
5395
|
width: 100%;
|
|
5315
5396
|
box-sizing: border-box;
|
|
5316
5397
|
}
|
|
5317
|
-
.${
|
|
5398
|
+
.${n.amountSection} {
|
|
5318
5399
|
display: flex;
|
|
5319
5400
|
flex-direction: column;
|
|
5320
5401
|
gap: var(--ds-size-2, 8px);
|
|
5321
5402
|
align-items: flex-start;
|
|
5322
5403
|
width: 296px;
|
|
5323
5404
|
}
|
|
5324
|
-
.${
|
|
5405
|
+
.${n.amountLabel} {
|
|
5325
5406
|
font-weight: var(--ds-font-weight-regular, 400);
|
|
5326
5407
|
font-size: var(--ds-font-size-3, 16px);
|
|
5327
5408
|
line-height: 1.5;
|
|
@@ -5329,26 +5410,26 @@ function bs(t) {
|
|
|
5329
5410
|
color: var(--ds-color-neutral-text-default, #333333);
|
|
5330
5411
|
margin: 0;
|
|
5331
5412
|
}
|
|
5332
|
-
.${
|
|
5413
|
+
.${n.amountButtons} {
|
|
5333
5414
|
display: flex;
|
|
5334
5415
|
gap: var(--ds-size-2, 8px);
|
|
5335
5416
|
align-items: flex-start;
|
|
5336
5417
|
width: 100%;
|
|
5337
5418
|
}
|
|
5338
|
-
.${
|
|
5419
|
+
.${n.amountButtons} > button {
|
|
5339
5420
|
flex: 1;
|
|
5340
5421
|
}
|
|
5341
|
-
.${
|
|
5422
|
+
.${n.customAmountField} {
|
|
5342
5423
|
width: 100%;
|
|
5343
5424
|
}
|
|
5344
|
-
.${
|
|
5425
|
+
.${n.impactRow} {
|
|
5345
5426
|
display: flex;
|
|
5346
5427
|
gap: var(--ds-size-3, 12px);
|
|
5347
5428
|
align-items: center;
|
|
5348
5429
|
width: 296px;
|
|
5349
5430
|
min-height: 48px;
|
|
5350
5431
|
}
|
|
5351
|
-
.${
|
|
5432
|
+
.${n.heartIcon} {
|
|
5352
5433
|
width: 32px;
|
|
5353
5434
|
height: 32px;
|
|
5354
5435
|
flex-shrink: 0;
|
|
@@ -5356,11 +5437,11 @@ function bs(t) {
|
|
|
5356
5437
|
align-items: center;
|
|
5357
5438
|
justify-content: center;
|
|
5358
5439
|
}
|
|
5359
|
-
.${
|
|
5440
|
+
.${n.heartIcon} svg {
|
|
5360
5441
|
width: 19px;
|
|
5361
5442
|
height: 18px;
|
|
5362
5443
|
}
|
|
5363
|
-
.${
|
|
5444
|
+
.${n.impactText} {
|
|
5364
5445
|
flex: 1;
|
|
5365
5446
|
font-weight: var(--ds-font-weight-regular, 400);
|
|
5366
5447
|
font-size: var(--ds-font-size-3, 16px);
|
|
@@ -5369,10 +5450,10 @@ function bs(t) {
|
|
|
5369
5450
|
color: var(--ds-color-neutral-text-default, #333333);
|
|
5370
5451
|
margin: 0;
|
|
5371
5452
|
}
|
|
5372
|
-
.${
|
|
5453
|
+
.${n.impactAmount} {
|
|
5373
5454
|
font-weight: var(--ds-font-weight-semibold, 600);
|
|
5374
5455
|
}
|
|
5375
|
-
.${
|
|
5456
|
+
.${n.actionsSection} {
|
|
5376
5457
|
display: flex;
|
|
5377
5458
|
flex-direction: column;
|
|
5378
5459
|
gap: var(--ds-size-2, 8px);
|
|
@@ -5380,7 +5461,7 @@ function bs(t) {
|
|
|
5380
5461
|
justify-content: center;
|
|
5381
5462
|
width: 296px;
|
|
5382
5463
|
}
|
|
5383
|
-
.${
|
|
5464
|
+
.${n.vippsButton} {
|
|
5384
5465
|
display: flex;
|
|
5385
5466
|
gap: 6px;
|
|
5386
5467
|
align-items: center;
|
|
@@ -5396,17 +5477,17 @@ function bs(t) {
|
|
|
5396
5477
|
transition: opacity 0.15s ease;
|
|
5397
5478
|
font-family: inherit;
|
|
5398
5479
|
}
|
|
5399
|
-
.${
|
|
5480
|
+
.${n.vippsButton}:hover {
|
|
5400
5481
|
opacity: 0.9;
|
|
5401
5482
|
}
|
|
5402
|
-
.${
|
|
5483
|
+
.${n.vippsButton}:active {
|
|
5403
5484
|
opacity: 0.8;
|
|
5404
5485
|
}
|
|
5405
|
-
.${
|
|
5486
|
+
.${n.vippsButton}:focus-visible {
|
|
5406
5487
|
outline: 2px solid var(--ds-color-neutral-border-default, #797979);
|
|
5407
5488
|
outline-offset: 2px;
|
|
5408
5489
|
}
|
|
5409
|
-
.${
|
|
5490
|
+
.${n.vippsButtonLabel} {
|
|
5410
5491
|
font-family: inherit;
|
|
5411
5492
|
font-weight: 700;
|
|
5412
5493
|
font-size: 18.5px;
|
|
@@ -5414,98 +5495,98 @@ function bs(t) {
|
|
|
5414
5495
|
color: #ffffff;
|
|
5415
5496
|
white-space: nowrap;
|
|
5416
5497
|
}
|
|
5417
|
-
.${
|
|
5498
|
+
.${n.vippsLogo} {
|
|
5418
5499
|
display: flex;
|
|
5419
5500
|
flex-direction: column;
|
|
5420
5501
|
align-items: flex-start;
|
|
5421
5502
|
flex-shrink: 0;
|
|
5422
5503
|
}
|
|
5423
|
-
.${
|
|
5504
|
+
.${n.vippsLogo} svg {
|
|
5424
5505
|
width: 64px;
|
|
5425
5506
|
height: 16px;
|
|
5426
5507
|
}
|
|
5427
|
-
.${
|
|
5508
|
+
.${n.avtalegiroLink} {
|
|
5428
5509
|
text-align: center;
|
|
5429
5510
|
}
|
|
5430
|
-
.${
|
|
5511
|
+
.${n.tabHeartIcon} {
|
|
5431
5512
|
display: inline-flex;
|
|
5432
5513
|
align-items: center;
|
|
5433
5514
|
margin-right: 4px;
|
|
5434
5515
|
vertical-align: middle;
|
|
5435
5516
|
}
|
|
5436
|
-
.${
|
|
5517
|
+
.${n.tabHeartIcon} svg {
|
|
5437
5518
|
width: 16px;
|
|
5438
5519
|
height: 15px;
|
|
5439
5520
|
}
|
|
5440
5521
|
`;
|
|
5441
5522
|
}
|
|
5442
5523
|
export {
|
|
5443
|
-
|
|
5524
|
+
hn as Alert,
|
|
5444
5525
|
Ke as Avatar,
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5450
|
-
|
|
5451
|
-
|
|
5452
|
-
|
|
5453
|
-
|
|
5454
|
-
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
|
|
5463
|
-
|
|
5464
|
-
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
|
|
5526
|
+
fn as Badge,
|
|
5527
|
+
Us as BadgePosition,
|
|
5528
|
+
Vs as Breadcrumbs,
|
|
5529
|
+
Ks as BreadcrumbsItem,
|
|
5530
|
+
qs as BreadcrumbsLink,
|
|
5531
|
+
Os as BreadcrumbsList,
|
|
5532
|
+
ce as Button,
|
|
5533
|
+
vn as Card,
|
|
5534
|
+
Ys as CardBlock,
|
|
5535
|
+
zo as Carousel,
|
|
5536
|
+
bn as Checkbox,
|
|
5537
|
+
Xs as Chip,
|
|
5538
|
+
ye as CrossCorner,
|
|
5539
|
+
xo as DateInput,
|
|
5540
|
+
mo as DatePicker,
|
|
5541
|
+
ei as Details,
|
|
5542
|
+
ti as Dialog,
|
|
5543
|
+
ni as Divider,
|
|
5544
|
+
Li as Donor,
|
|
5545
|
+
U as Dropdown,
|
|
5546
|
+
li as DropdownButton,
|
|
5547
|
+
ai as DropdownHeading,
|
|
5548
|
+
ii as DropdownItem,
|
|
5549
|
+
si as DropdownList,
|
|
5550
|
+
oi as DropdownTrigger,
|
|
5551
|
+
ri as DropdownTriggerContext,
|
|
5552
|
+
di as ErrorSummary,
|
|
5553
|
+
ci as Field,
|
|
5554
|
+
Ko as FieldCounter,
|
|
5555
|
+
Oo as FieldDescription,
|
|
5556
|
+
pi as Fieldset,
|
|
5557
|
+
Di as Footer,
|
|
5558
|
+
_i as Header,
|
|
5559
|
+
qo as Heading,
|
|
5479
5560
|
Ze as Input,
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5490
|
-
|
|
5491
|
-
|
|
5492
|
-
|
|
5493
|
-
|
|
5494
|
-
|
|
5495
|
-
|
|
5496
|
-
|
|
5497
|
-
|
|
5498
|
-
|
|
5499
|
-
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
|
|
5505
|
-
|
|
5506
|
-
|
|
5507
|
-
|
|
5508
|
-
|
|
5509
|
-
|
|
5510
|
-
|
|
5561
|
+
Yo as Label,
|
|
5562
|
+
Js as LanguageProvider,
|
|
5563
|
+
te as Link,
|
|
5564
|
+
mi as List,
|
|
5565
|
+
Zo as Pagination,
|
|
5566
|
+
hi as PaginationButton,
|
|
5567
|
+
ui as PaginationItem,
|
|
5568
|
+
gi as PaginationList,
|
|
5569
|
+
xe as Paragraph,
|
|
5570
|
+
ki as Popover,
|
|
5571
|
+
vi as Radio,
|
|
5572
|
+
Ce as Search,
|
|
5573
|
+
yi as Select,
|
|
5574
|
+
xi as SkeletonLoader,
|
|
5575
|
+
Ti as SkipLink,
|
|
5576
|
+
Po as Spinner,
|
|
5577
|
+
Xo as Suggestion,
|
|
5578
|
+
je as Switch,
|
|
5579
|
+
Ci as Table,
|
|
5580
|
+
we as Tabs,
|
|
5581
|
+
Jo as Tag,
|
|
5582
|
+
wi as Textarea,
|
|
5583
|
+
Qo as Textfield,
|
|
5584
|
+
Si as ToggleGroup,
|
|
5585
|
+
Ii as Tooltip,
|
|
5586
|
+
er as ValidationMessage,
|
|
5587
|
+
Zs as useCheckboxGroup,
|
|
5588
|
+
Qs as useLanguage,
|
|
5589
|
+
Te as useLanguageOptional,
|
|
5590
|
+
fi as usePagination,
|
|
5591
|
+
bi as useRadioGroup
|
|
5511
5592
|
};
|