rk-designsystem 1.2.2 → 1.2.4
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 +1365 -1296
- package/dist/componentlibrary.umd.js +9 -9
- package/dist/index.d.ts +13 -4
- package/dist/rk-designsystem.css +1 -1
- package/package.json +1 -1
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import Ne, { forwardRef as
|
|
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 Ne, { 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 Me, 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 At, Link as Nt, List as Mt, Pagination as jt, 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
|
-
function
|
|
11
|
+
const fn = ie((n, e) => /* @__PURE__ */ t(ot, { ref: e, ...n }));
|
|
12
|
+
fn.displayName = "Badge";
|
|
13
|
+
const Os = nt, Ks = rt, qs = it, Ys = at, Zs = st;
|
|
14
|
+
function kn() {
|
|
15
15
|
return {
|
|
16
16
|
"--dsc-button-background": "var(--ds-color-surface-tinted)",
|
|
17
17
|
"--dsc-button-background--hover": "var(--ds-color-surface-hover)",
|
|
@@ -21,81 +21,81 @@ function fn() {
|
|
|
21
21
|
"--dsc-button-border-color": "transparent"
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
e === "soft" && Object.assign(
|
|
27
|
-
const k = Object.keys(
|
|
28
|
-
return e !== void 0 && (D.variant = e),
|
|
24
|
+
const ce = ie(function({ variant: e, shape: a, style: d, ...h }, f) {
|
|
25
|
+
const g = {};
|
|
26
|
+
e === "soft" && Object.assign(g, kn()), a === "pill" && (g.borderRadius = "var(--ds-border-radius-full)");
|
|
27
|
+
const k = Object.keys(g).length === 0 && !d ? void 0 : { ...g, ...d }, D = {};
|
|
28
|
+
return e !== void 0 && (D.variant = e), a === "pill" && (D["data-shape"] = "pill"), /* @__PURE__ */ t(Me, { ref: f, ...h, ...D, style: k });
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const
|
|
37
|
-
function De(
|
|
30
|
+
ce.displayName = "Button";
|
|
31
|
+
const vn = lt, Xs = dt;
|
|
32
|
+
vn.displayName = "Card";
|
|
33
|
+
const bn = ct, yn = Ue, Js = pt;
|
|
34
|
+
bn.displayName = "Checkbox";
|
|
35
|
+
yn.displayName = "Fieldset";
|
|
36
|
+
const Qs = mt;
|
|
37
|
+
function De(n) {
|
|
38
38
|
return (e = {}) => {
|
|
39
|
-
const
|
|
40
|
-
return
|
|
39
|
+
const a = e.width ? String(e.width) : n.defaultWidth;
|
|
40
|
+
return n.formats[a] || n.formats[n.defaultWidth];
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
|
-
function
|
|
44
|
-
return (e,
|
|
45
|
-
const d =
|
|
43
|
+
function ve(n) {
|
|
44
|
+
return (e, a) => {
|
|
45
|
+
const d = a != null && a.context ? String(a.context) : "standalone";
|
|
46
46
|
let h;
|
|
47
|
-
if (d === "formatting" &&
|
|
48
|
-
const
|
|
49
|
-
h =
|
|
47
|
+
if (d === "formatting" && n.formattingValues) {
|
|
48
|
+
const g = n.defaultFormattingWidth || n.defaultWidth, k = a != null && a.width ? String(a.width) : g;
|
|
49
|
+
h = n.formattingValues[k] || n.formattingValues[g];
|
|
50
50
|
} else {
|
|
51
|
-
const
|
|
52
|
-
h =
|
|
51
|
+
const g = n.defaultWidth, k = a != null && a.width ? String(a.width) : n.defaultWidth;
|
|
52
|
+
h = n.values[k] || n.values[g];
|
|
53
53
|
}
|
|
54
|
-
const f =
|
|
54
|
+
const f = n.argumentCallback ? n.argumentCallback(e) : e;
|
|
55
55
|
return h[f];
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
|
-
function
|
|
59
|
-
return (e,
|
|
60
|
-
const d =
|
|
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
61
|
if (!f)
|
|
62
62
|
return null;
|
|
63
|
-
const
|
|
63
|
+
const g = f[0], k = d && n.parsePatterns[d] || n.parsePatterns[n.defaultParseWidth], D = Array.isArray(k) ? Tn(k, (_) => _.test(g)) : (
|
|
64
64
|
// [TODO] -- I challenge you to fix the type
|
|
65
|
-
|
|
65
|
+
xn(k, (_) => _.test(g))
|
|
66
66
|
);
|
|
67
|
-
let
|
|
68
|
-
|
|
67
|
+
let S;
|
|
68
|
+
S = n.valueCallback ? n.valueCallback(D) : D, S = a.valueCallback ? (
|
|
69
69
|
// [TODO] -- I challenge you to fix the type
|
|
70
|
-
|
|
71
|
-
) :
|
|
72
|
-
const
|
|
73
|
-
return { value:
|
|
70
|
+
a.valueCallback(S)
|
|
71
|
+
) : S;
|
|
72
|
+
const R = e.slice(g.length);
|
|
73
|
+
return { value: S, rest: R };
|
|
74
74
|
};
|
|
75
75
|
}
|
|
76
|
-
function
|
|
77
|
-
for (const
|
|
78
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
79
|
-
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;
|
|
80
80
|
}
|
|
81
|
-
function
|
|
82
|
-
for (let
|
|
83
|
-
if (e(
|
|
84
|
-
return
|
|
81
|
+
function Tn(n, e) {
|
|
82
|
+
for (let a = 0; a < n.length; a++)
|
|
83
|
+
if (e(n[a]))
|
|
84
|
+
return a;
|
|
85
85
|
}
|
|
86
|
-
function
|
|
87
|
-
return (e,
|
|
88
|
-
const d = e.match(
|
|
86
|
+
function Cn(n) {
|
|
87
|
+
return (e, a = {}) => {
|
|
88
|
+
const d = e.match(n.matchPattern);
|
|
89
89
|
if (!d) return null;
|
|
90
|
-
const h = d[0], f = e.match(
|
|
90
|
+
const h = d[0], f = e.match(n.parsePattern);
|
|
91
91
|
if (!f) return null;
|
|
92
|
-
let
|
|
93
|
-
|
|
92
|
+
let g = n.valueCallback ? n.valueCallback(f[0]) : f[0];
|
|
93
|
+
g = a.valueCallback ? a.valueCallback(g) : g;
|
|
94
94
|
const k = e.slice(h.length);
|
|
95
|
-
return { value:
|
|
95
|
+
return { value: g, rest: k };
|
|
96
96
|
};
|
|
97
97
|
}
|
|
98
|
-
const
|
|
98
|
+
const wn = {
|
|
99
99
|
lessThanXSeconds: {
|
|
100
100
|
one: "mindre enn ett sekund",
|
|
101
101
|
other: "mindre enn {{count}} sekunder"
|
|
@@ -157,36 +157,36 @@ const Cn = {
|
|
|
157
157
|
one: "nesten ett år",
|
|
158
158
|
other: "nesten {{count}} år"
|
|
159
159
|
}
|
|
160
|
-
},
|
|
160
|
+
}, Sn = (n, e, a) => {
|
|
161
161
|
let d;
|
|
162
|
-
const h =
|
|
163
|
-
return typeof h == "string" ? d = h : e === 1 ? d = h.one : d = h.other.replace("{{count}}", String(e)),
|
|
164
|
-
},
|
|
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 = {
|
|
165
165
|
full: "EEEE d. MMMM y",
|
|
166
166
|
long: "d. MMMM y",
|
|
167
167
|
medium: "d. MMM y",
|
|
168
168
|
short: "dd.MM.y"
|
|
169
|
-
},
|
|
169
|
+
}, _n = {
|
|
170
170
|
full: "'kl'. HH:mm:ss zzzz",
|
|
171
171
|
long: "HH:mm:ss z",
|
|
172
172
|
medium: "HH:mm:ss",
|
|
173
173
|
short: "HH:mm"
|
|
174
|
-
},
|
|
174
|
+
}, Dn = {
|
|
175
175
|
full: "{{date}} 'kl.' {{time}}",
|
|
176
176
|
long: "{{date}} 'kl.' {{time}}",
|
|
177
177
|
medium: "{{date}} {{time}}",
|
|
178
178
|
short: "{{date}} {{time}}"
|
|
179
|
-
},
|
|
179
|
+
}, Ln = {
|
|
180
180
|
date: De({
|
|
181
|
-
formats:
|
|
181
|
+
formats: In,
|
|
182
182
|
defaultWidth: "full"
|
|
183
183
|
}),
|
|
184
184
|
time: De({
|
|
185
|
-
formats:
|
|
185
|
+
formats: _n,
|
|
186
186
|
defaultWidth: "full"
|
|
187
187
|
}),
|
|
188
188
|
dateTime: De({
|
|
189
|
-
formats:
|
|
189
|
+
formats: Dn,
|
|
190
190
|
defaultWidth: "full"
|
|
191
191
|
})
|
|
192
192
|
}, An = {
|
|
@@ -196,15 +196,15 @@ const Cn = {
|
|
|
196
196
|
tomorrow: "'i morgen kl.' p",
|
|
197
197
|
nextWeek: "EEEE 'kl.' p",
|
|
198
198
|
other: "P"
|
|
199
|
-
},
|
|
199
|
+
}, Nn = (n, e, a, d) => An[n], Mn = {
|
|
200
200
|
narrow: ["f.Kr.", "e.Kr."],
|
|
201
201
|
abbreviated: ["f.Kr.", "e.Kr."],
|
|
202
202
|
wide: ["før Kristus", "etter Kristus"]
|
|
203
|
-
},
|
|
203
|
+
}, jn = {
|
|
204
204
|
narrow: ["1", "2", "3", "4"],
|
|
205
205
|
abbreviated: ["Q1", "Q2", "Q3", "Q4"],
|
|
206
206
|
wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
|
|
207
|
-
},
|
|
207
|
+
}, Fn = {
|
|
208
208
|
narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
|
|
209
209
|
abbreviated: [
|
|
210
210
|
"jan.",
|
|
@@ -234,7 +234,7 @@ const Cn = {
|
|
|
234
234
|
"november",
|
|
235
235
|
"desember"
|
|
236
236
|
]
|
|
237
|
-
},
|
|
237
|
+
}, Bn = {
|
|
238
238
|
narrow: ["S", "M", "T", "O", "T", "F", "L"],
|
|
239
239
|
short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
|
|
240
240
|
abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
|
|
@@ -247,7 +247,7 @@ const Cn = {
|
|
|
247
247
|
"fredag",
|
|
248
248
|
"lørdag"
|
|
249
249
|
]
|
|
250
|
-
},
|
|
250
|
+
}, En = {
|
|
251
251
|
narrow: {
|
|
252
252
|
am: "a",
|
|
253
253
|
pm: "p",
|
|
@@ -278,46 +278,46 @@ const Cn = {
|
|
|
278
278
|
evening: "på kvelden",
|
|
279
279
|
night: "på natten"
|
|
280
280
|
}
|
|
281
|
-
},
|
|
282
|
-
ordinalNumber:
|
|
283
|
-
era:
|
|
284
|
-
values: Nn,
|
|
285
|
-
defaultWidth: "wide"
|
|
286
|
-
}),
|
|
287
|
-
quarter: fe({
|
|
281
|
+
}, $n = (n, e) => Number(n) + ".", Pn = {
|
|
282
|
+
ordinalNumber: $n,
|
|
283
|
+
era: ve({
|
|
288
284
|
values: Mn,
|
|
289
|
-
defaultWidth: "wide"
|
|
290
|
-
argumentCallback: (t) => t - 1
|
|
285
|
+
defaultWidth: "wide"
|
|
291
286
|
}),
|
|
292
|
-
|
|
287
|
+
quarter: ve({
|
|
293
288
|
values: jn,
|
|
294
|
-
defaultWidth: "wide"
|
|
289
|
+
defaultWidth: "wide",
|
|
290
|
+
argumentCallback: (n) => n - 1
|
|
295
291
|
}),
|
|
296
|
-
|
|
292
|
+
month: ve({
|
|
297
293
|
values: Fn,
|
|
298
294
|
defaultWidth: "wide"
|
|
299
295
|
}),
|
|
300
|
-
|
|
296
|
+
day: ve({
|
|
301
297
|
values: Bn,
|
|
302
298
|
defaultWidth: "wide"
|
|
299
|
+
}),
|
|
300
|
+
dayPeriod: ve({
|
|
301
|
+
values: En,
|
|
302
|
+
defaultWidth: "wide"
|
|
303
303
|
})
|
|
304
|
-
},
|
|
304
|
+
}, zn = /^(\d+)\.?/i, Rn = /\d+/i, Gn = {
|
|
305
305
|
narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
|
|
306
306
|
abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
|
|
307
307
|
wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
|
|
308
|
-
}, Gn = {
|
|
309
|
-
any: [/^f/i, /^e/i]
|
|
310
308
|
}, Wn = {
|
|
309
|
+
any: [/^f/i, /^e/i]
|
|
310
|
+
}, Hn = {
|
|
311
311
|
narrow: /^[1234]/i,
|
|
312
312
|
abbreviated: /^q[1234]/i,
|
|
313
313
|
wide: /^[1234](\.)? kvartal/i
|
|
314
|
-
}, Hn = {
|
|
315
|
-
any: [/1/i, /2/i, /3/i, /4/i]
|
|
316
314
|
}, Un = {
|
|
315
|
+
any: [/1/i, /2/i, /3/i, /4/i]
|
|
316
|
+
}, Vn = {
|
|
317
317
|
narrow: /^[jfmasond]/i,
|
|
318
318
|
abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
|
|
319
319
|
wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
|
|
320
|
-
},
|
|
320
|
+
}, On = {
|
|
321
321
|
narrow: [
|
|
322
322
|
/^j/i,
|
|
323
323
|
/^f/i,
|
|
@@ -346,17 +346,17 @@ const Cn = {
|
|
|
346
346
|
/^n/i,
|
|
347
347
|
/^d/i
|
|
348
348
|
]
|
|
349
|
-
},
|
|
349
|
+
}, Kn = {
|
|
350
350
|
narrow: /^[smtofl]/i,
|
|
351
351
|
short: /^(sø|ma|ti|on|to|fr|lø)/i,
|
|
352
352
|
abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
|
|
353
353
|
wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
|
|
354
|
-
}, Kn = {
|
|
355
|
-
any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
|
|
356
354
|
}, qn = {
|
|
355
|
+
any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
|
|
356
|
+
}, Yn = {
|
|
357
357
|
narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
|
|
358
358
|
any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
|
|
359
|
-
},
|
|
359
|
+
}, Zn = {
|
|
360
360
|
any: {
|
|
361
361
|
am: /^a(\.?\s?m\.?)?$/i,
|
|
362
362
|
pm: /^p(\.?\s?m\.?)?$/i,
|
|
@@ -367,55 +367,55 @@ const Cn = {
|
|
|
367
367
|
evening: /kveld/i,
|
|
368
368
|
night: /natt/i
|
|
369
369
|
}
|
|
370
|
-
},
|
|
371
|
-
ordinalNumber:
|
|
372
|
-
matchPattern:
|
|
373
|
-
parsePattern:
|
|
374
|
-
valueCallback: (
|
|
370
|
+
}, Xn = {
|
|
371
|
+
ordinalNumber: Cn({
|
|
372
|
+
matchPattern: zn,
|
|
373
|
+
parsePattern: Rn,
|
|
374
|
+
valueCallback: (n) => parseInt(n, 10)
|
|
375
375
|
}),
|
|
376
|
-
era:
|
|
377
|
-
matchPatterns:
|
|
376
|
+
era: be({
|
|
377
|
+
matchPatterns: Gn,
|
|
378
378
|
defaultMatchWidth: "wide",
|
|
379
|
-
parsePatterns:
|
|
379
|
+
parsePatterns: Wn,
|
|
380
380
|
defaultParseWidth: "any"
|
|
381
381
|
}),
|
|
382
|
-
quarter:
|
|
383
|
-
matchPatterns:
|
|
382
|
+
quarter: be({
|
|
383
|
+
matchPatterns: Hn,
|
|
384
384
|
defaultMatchWidth: "wide",
|
|
385
|
-
parsePatterns:
|
|
385
|
+
parsePatterns: Un,
|
|
386
386
|
defaultParseWidth: "any",
|
|
387
|
-
valueCallback: (
|
|
387
|
+
valueCallback: (n) => n + 1
|
|
388
388
|
}),
|
|
389
|
-
month:
|
|
390
|
-
matchPatterns:
|
|
389
|
+
month: be({
|
|
390
|
+
matchPatterns: Vn,
|
|
391
391
|
defaultMatchWidth: "wide",
|
|
392
|
-
parsePatterns:
|
|
392
|
+
parsePatterns: On,
|
|
393
393
|
defaultParseWidth: "any"
|
|
394
394
|
}),
|
|
395
|
-
day:
|
|
396
|
-
matchPatterns:
|
|
395
|
+
day: be({
|
|
396
|
+
matchPatterns: Kn,
|
|
397
397
|
defaultMatchWidth: "wide",
|
|
398
|
-
parsePatterns:
|
|
398
|
+
parsePatterns: qn,
|
|
399
399
|
defaultParseWidth: "any"
|
|
400
400
|
}),
|
|
401
|
-
dayPeriod:
|
|
402
|
-
matchPatterns:
|
|
401
|
+
dayPeriod: be({
|
|
402
|
+
matchPatterns: Yn,
|
|
403
403
|
defaultMatchWidth: "any",
|
|
404
|
-
parsePatterns:
|
|
404
|
+
parsePatterns: Zn,
|
|
405
405
|
defaultParseWidth: "any"
|
|
406
406
|
})
|
|
407
|
-
},
|
|
407
|
+
}, he = {
|
|
408
408
|
code: "nb",
|
|
409
|
-
formatDistance:
|
|
410
|
-
formatLong:
|
|
411
|
-
formatRelative:
|
|
412
|
-
localize:
|
|
413
|
-
match:
|
|
409
|
+
formatDistance: Sn,
|
|
410
|
+
formatLong: Ln,
|
|
411
|
+
formatRelative: Nn,
|
|
412
|
+
localize: Pn,
|
|
413
|
+
match: Xn,
|
|
414
414
|
options: {
|
|
415
415
|
weekStartsOn: 1,
|
|
416
416
|
firstWeekContainsDate: 4
|
|
417
417
|
}
|
|
418
|
-
}, qe = ({ title:
|
|
418
|
+
}, qe = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
419
419
|
"svg",
|
|
420
420
|
{
|
|
421
421
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -423,12 +423,12 @@ const Cn = {
|
|
|
423
423
|
height: "1em",
|
|
424
424
|
viewBox: "0 0 28 28",
|
|
425
425
|
fill: "none",
|
|
426
|
-
"aria-hidden":
|
|
426
|
+
"aria-hidden": n ? void 0 : !0,
|
|
427
427
|
focusable: "false",
|
|
428
428
|
...e,
|
|
429
429
|
children: [
|
|
430
|
-
|
|
431
|
-
/* @__PURE__ */
|
|
430
|
+
n && /* @__PURE__ */ t("title", { children: n }),
|
|
431
|
+
/* @__PURE__ */ t(
|
|
432
432
|
"path",
|
|
433
433
|
{
|
|
434
434
|
fillRule: "evenodd",
|
|
@@ -441,7 +441,7 @@ const Cn = {
|
|
|
441
441
|
}
|
|
442
442
|
);
|
|
443
443
|
qe.displayName = "ChevronLeftIcon";
|
|
444
|
-
const Ye = ({ title:
|
|
444
|
+
const Ye = ({ title: n, ...e }) => /* @__PURE__ */ r(
|
|
445
445
|
"svg",
|
|
446
446
|
{
|
|
447
447
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -449,12 +449,12 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ s(
|
|
|
449
449
|
height: "1em",
|
|
450
450
|
viewBox: "0 0 28 28",
|
|
451
451
|
fill: "none",
|
|
452
|
-
"aria-hidden":
|
|
452
|
+
"aria-hidden": n ? void 0 : !0,
|
|
453
453
|
focusable: "false",
|
|
454
454
|
...e,
|
|
455
455
|
children: [
|
|
456
|
-
|
|
457
|
-
/* @__PURE__ */
|
|
456
|
+
n && /* @__PURE__ */ t("title", { children: n }),
|
|
457
|
+
/* @__PURE__ */ t(
|
|
458
458
|
"path",
|
|
459
459
|
{
|
|
460
460
|
fillRule: "evenodd",
|
|
@@ -467,19 +467,19 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ s(
|
|
|
467
467
|
}
|
|
468
468
|
);
|
|
469
469
|
Ye.displayName = "ChevronRightIcon";
|
|
470
|
-
const
|
|
471
|
-
calendarContainer:
|
|
472
|
-
calendarHeader:
|
|
473
|
-
monthYear:
|
|
474
|
-
navigationButtons:
|
|
475
|
-
grid:
|
|
476
|
-
dayNameCell:
|
|
477
|
-
dateCell:
|
|
478
|
-
dateNumberContainer:
|
|
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
479
|
otherMonth: so,
|
|
480
|
-
disabled:
|
|
481
|
-
selectedDate:
|
|
482
|
-
},
|
|
480
|
+
disabled: io,
|
|
481
|
+
selectedDate: lo
|
|
482
|
+
}, co = {
|
|
483
483
|
NO: {
|
|
484
484
|
// Header
|
|
485
485
|
header: {
|
|
@@ -2564,26 +2564,26 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2564
2564
|
openDatePicker: "Open date picker"
|
|
2565
2565
|
}
|
|
2566
2566
|
}
|
|
2567
|
-
}, je =
|
|
2568
|
-
const [e,
|
|
2567
|
+
}, je = Je(void 0), ei = ({ children: n }) => {
|
|
2568
|
+
const [e, a] = O("NO"), d = (h) => {
|
|
2569
2569
|
const f = h.split(".");
|
|
2570
|
-
let
|
|
2570
|
+
let g = co[e];
|
|
2571
2571
|
for (const k of f) {
|
|
2572
|
-
if (
|
|
2572
|
+
if (g[k] === void 0)
|
|
2573
2573
|
return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
|
|
2574
|
-
|
|
2574
|
+
g = g[k];
|
|
2575
2575
|
}
|
|
2576
|
-
return
|
|
2576
|
+
return g;
|
|
2577
2577
|
};
|
|
2578
|
-
return /* @__PURE__ */
|
|
2579
|
-
},
|
|
2580
|
-
const
|
|
2581
|
-
if (
|
|
2578
|
+
return /* @__PURE__ */ t(je.Provider, { value: { language: e, setLanguage: a, t: d }, children: n });
|
|
2579
|
+
}, ti = () => {
|
|
2580
|
+
const n = He(je);
|
|
2581
|
+
if (n === void 0)
|
|
2582
2582
|
throw new Error("useLanguage must be used within a LanguageProvider");
|
|
2583
|
-
return
|
|
2584
|
-
},
|
|
2585
|
-
const
|
|
2586
|
-
return
|
|
2583
|
+
return n;
|
|
2584
|
+
}, Te = () => {
|
|
2585
|
+
const n = He(je);
|
|
2586
|
+
return n === void 0 ? {
|
|
2587
2587
|
language: "NO",
|
|
2588
2588
|
setLanguage: () => {
|
|
2589
2589
|
console.warn("LanguageProvider is not available. Language changes will not work.");
|
|
@@ -2641,125 +2641,125 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2641
2641
|
// DateInput translations
|
|
2642
2642
|
"dateInput.openDatePicker": "Åpne datovelger"
|
|
2643
2643
|
})[e] || e
|
|
2644
|
-
} :
|
|
2645
|
-
},
|
|
2646
|
-
const e =
|
|
2647
|
-
return
|
|
2648
|
-
}, Pe = (
|
|
2649
|
-
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(),
|
|
2650
2650
|
selectedDate: e = null,
|
|
2651
2651
|
// Prop for valgt dato
|
|
2652
|
-
onDateSelect:
|
|
2652
|
+
onDateSelect: a,
|
|
2653
2653
|
"data-color": d,
|
|
2654
2654
|
// <-- Destrukturert
|
|
2655
2655
|
"data-size": h
|
|
2656
2656
|
// <-- Destrukturert
|
|
2657
2657
|
}) => {
|
|
2658
|
-
const { t: f } =
|
|
2659
|
-
|
|
2660
|
-
const
|
|
2661
|
-
if (typeof document > "u" || document.getElementById(
|
|
2662
|
-
const
|
|
2663
|
-
|
|
2658
|
+
const { t: f } = Te();
|
|
2659
|
+
z(() => {
|
|
2660
|
+
const m = "rk-datepicker-inline-styles";
|
|
2661
|
+
if (typeof document > "u" || document.getElementById(m)) return;
|
|
2662
|
+
const M = go(ee), I = document.createElement("style");
|
|
2663
|
+
I.id = m, I.textContent = M, document.head.appendChild(I);
|
|
2664
2664
|
}, []);
|
|
2665
|
-
const [
|
|
2666
|
-
|
|
2665
|
+
const [g, k] = O(
|
|
2666
|
+
ue(e && Ie(e) ? e : n)
|
|
2667
2667
|
);
|
|
2668
|
-
|
|
2668
|
+
z(() => {
|
|
2669
2669
|
if (e && Ie(e)) {
|
|
2670
|
-
const
|
|
2671
|
-
Fe(
|
|
2670
|
+
const m = ue(e);
|
|
2671
|
+
Fe(m, g) || k(m);
|
|
2672
2672
|
}
|
|
2673
2673
|
}, [e]);
|
|
2674
|
-
const D =
|
|
2675
|
-
() =>
|
|
2676
|
-
[
|
|
2677
|
-
),
|
|
2678
|
-
const
|
|
2679
|
-
return Array.from({ length: 7 }).map((
|
|
2680
|
-
const
|
|
2681
|
-
return Pe(
|
|
2674
|
+
const D = fe(() => ue(/* @__PURE__ */ new Date()), []), S = fe(() => !1, [g, D]), R = fe(
|
|
2675
|
+
() => po(g),
|
|
2676
|
+
[g]
|
|
2677
|
+
), _ = fe(() => {
|
|
2678
|
+
const m = Ve(/* @__PURE__ */ new Date(), { locale: he });
|
|
2679
|
+
return Array.from({ length: 7 }).map((M, I) => {
|
|
2680
|
+
const F = ke(Oe(m, I), "EEEEEE", { locale: he });
|
|
2681
|
+
return Pe(F);
|
|
2682
2682
|
});
|
|
2683
|
-
}, []),
|
|
2684
|
-
|
|
2685
|
-
}, [
|
|
2686
|
-
k((
|
|
2687
|
-
}, []),
|
|
2688
|
-
(
|
|
2689
|
-
|
|
2683
|
+
}, []), V = se(() => {
|
|
2684
|
+
S || k((m) => ue(an(m, 1)));
|
|
2685
|
+
}, [S]), N = se(() => {
|
|
2686
|
+
k((m) => ue(sn(m, 1)));
|
|
2687
|
+
}, []), p = se(
|
|
2688
|
+
(m) => {
|
|
2689
|
+
a && a(m);
|
|
2690
2690
|
},
|
|
2691
|
-
[
|
|
2692
|
-
),
|
|
2693
|
-
(
|
|
2694
|
-
(
|
|
2691
|
+
[a]
|
|
2692
|
+
), K = se(
|
|
2693
|
+
(m, M) => {
|
|
2694
|
+
(m.key === "Enter" || m.key === " ") && (m.preventDefault(), p(M));
|
|
2695
2695
|
},
|
|
2696
|
-
[
|
|
2697
|
-
),
|
|
2698
|
-
return /* @__PURE__ */
|
|
2696
|
+
[p]
|
|
2697
|
+
), X = ke(g, "MMMM", { locale: he }), A = ke(g, "yyyy", { locale: he }), q = `${Pe(X)} ${A}`;
|
|
2698
|
+
return /* @__PURE__ */ r(
|
|
2699
2699
|
"div",
|
|
2700
2700
|
{
|
|
2701
2701
|
className: ee.calendarContainer,
|
|
2702
2702
|
"data-color": d,
|
|
2703
2703
|
"data-size": h,
|
|
2704
2704
|
children: [
|
|
2705
|
-
/* @__PURE__ */
|
|
2706
|
-
/* @__PURE__ */
|
|
2707
|
-
/* @__PURE__ */
|
|
2708
|
-
/* @__PURE__ */
|
|
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
2709
|
Me,
|
|
2710
2710
|
{
|
|
2711
2711
|
variant: "tertiary",
|
|
2712
2712
|
icon: !0,
|
|
2713
|
-
onClick:
|
|
2713
|
+
onClick: V,
|
|
2714
2714
|
"aria-label": f("datePicker.previousMonth"),
|
|
2715
|
-
disabled:
|
|
2716
|
-
children: /* @__PURE__ */
|
|
2715
|
+
disabled: S,
|
|
2716
|
+
children: /* @__PURE__ */ t(qe, {})
|
|
2717
2717
|
}
|
|
2718
2718
|
),
|
|
2719
|
-
/* @__PURE__ */
|
|
2719
|
+
/* @__PURE__ */ t(
|
|
2720
2720
|
Me,
|
|
2721
2721
|
{
|
|
2722
2722
|
variant: "tertiary",
|
|
2723
2723
|
icon: !0,
|
|
2724
|
-
onClick:
|
|
2724
|
+
onClick: N,
|
|
2725
2725
|
"aria-label": f("datePicker.nextMonth"),
|
|
2726
|
-
children: /* @__PURE__ */
|
|
2726
|
+
children: /* @__PURE__ */ t(Ye, {})
|
|
2727
2727
|
}
|
|
2728
2728
|
)
|
|
2729
2729
|
] })
|
|
2730
2730
|
] }),
|
|
2731
|
-
/* @__PURE__ */
|
|
2732
|
-
/* @__PURE__ */
|
|
2733
|
-
const
|
|
2731
|
+
/* @__PURE__ */ t("div", { className: ee.grid, children: _.map((m) => /* @__PURE__ */ t("div", { className: ee.dayNameCell, children: m }, m)) }),
|
|
2732
|
+
/* @__PURE__ */ t("div", { className: ee.grid, children: R.map((m) => {
|
|
2733
|
+
const M = Fe(m, g), I = e && Ie(e) && ln(m, e), F = dn(m), j = [
|
|
2734
2734
|
ee.dateCell,
|
|
2735
|
-
|
|
2736
|
-
|
|
2735
|
+
M ? "" : ee.otherMonth,
|
|
2736
|
+
I ? ee.selectedDate : "",
|
|
2737
2737
|
// Utheving basert på prop
|
|
2738
|
-
|
|
2738
|
+
F && !I ? ee.todayDate : ""
|
|
2739
2739
|
].filter(Boolean).join(" ");
|
|
2740
|
-
return /* @__PURE__ */
|
|
2740
|
+
return /* @__PURE__ */ t(
|
|
2741
2741
|
"div",
|
|
2742
2742
|
{
|
|
2743
|
-
className:
|
|
2744
|
-
onClick: () =>
|
|
2745
|
-
onKeyDown: (
|
|
2743
|
+
className: j,
|
|
2744
|
+
onClick: () => p(m),
|
|
2745
|
+
onKeyDown: (L) => K(L, m),
|
|
2746
2746
|
role: "button",
|
|
2747
2747
|
tabIndex: 0,
|
|
2748
|
-
"aria-pressed":
|
|
2749
|
-
"aria-label":
|
|
2750
|
-
children: /* @__PURE__ */
|
|
2748
|
+
"aria-pressed": I ?? !1,
|
|
2749
|
+
"aria-label": ke(m, "PPP", { locale: he }),
|
|
2750
|
+
children: /* @__PURE__ */ t("span", { className: ee.dateNumberContainer, children: ke(m, "d") })
|
|
2751
2751
|
},
|
|
2752
|
-
|
|
2752
|
+
m.toISOString()
|
|
2753
2753
|
);
|
|
2754
2754
|
}) })
|
|
2755
2755
|
]
|
|
2756
2756
|
}
|
|
2757
2757
|
);
|
|
2758
2758
|
};
|
|
2759
|
-
|
|
2760
|
-
function
|
|
2759
|
+
mo.displayName = "DatePicker";
|
|
2760
|
+
function go(n) {
|
|
2761
2761
|
return `
|
|
2762
|
-
.${
|
|
2762
|
+
.${n.calendarContainer} {
|
|
2763
2763
|
display: inline-flex;
|
|
2764
2764
|
padding: var(--ds-size-8, 32px);
|
|
2765
2765
|
flex-direction: column;
|
|
@@ -2773,13 +2773,13 @@ function mo(t) {
|
|
|
2773
2773
|
max-width: 100%;
|
|
2774
2774
|
box-sizing: border-box;
|
|
2775
2775
|
}
|
|
2776
|
-
.${
|
|
2776
|
+
.${n.calendarHeader} {
|
|
2777
2777
|
display: flex;
|
|
2778
2778
|
justify-content: space-between;
|
|
2779
2779
|
align-items: center;
|
|
2780
2780
|
align-self: stretch;
|
|
2781
2781
|
}
|
|
2782
|
-
.${
|
|
2782
|
+
.${n.monthYear} {
|
|
2783
2783
|
color: var(--ds-color-text-default, #2b2b2b);
|
|
2784
2784
|
font-family: var(--ds-font-family, sans-serif);
|
|
2785
2785
|
font-size: var(--ds-heading-sm-font-size, 1.5rem);
|
|
@@ -2787,21 +2787,21 @@ function mo(t) {
|
|
|
2787
2787
|
line-height: var(--ds-heading-sm-line-height, 1.3);
|
|
2788
2788
|
margin: 0;
|
|
2789
2789
|
}
|
|
2790
|
-
.${
|
|
2790
|
+
.${n.navigationButtons} {
|
|
2791
2791
|
display: flex;
|
|
2792
2792
|
gap: var(--ds-size-1, 4px);
|
|
2793
2793
|
}
|
|
2794
|
-
.${
|
|
2794
|
+
.${n.navigationButtons} > button:disabled svg {
|
|
2795
2795
|
opacity: var(--ds-opacity-disabled, 0.3);
|
|
2796
2796
|
}
|
|
2797
|
-
.${
|
|
2797
|
+
.${n.grid} {
|
|
2798
2798
|
display: grid;
|
|
2799
2799
|
grid-template-columns: repeat(7, 1fr);
|
|
2800
2800
|
width: 100%;
|
|
2801
2801
|
text-align: center;
|
|
2802
2802
|
overflow: hidden;
|
|
2803
2803
|
}
|
|
2804
|
-
.${
|
|
2804
|
+
.${n.dayNameCell} {
|
|
2805
2805
|
display: flex;
|
|
2806
2806
|
padding: var(--ds-size-2, 8px);
|
|
2807
2807
|
flex-direction: column;
|
|
@@ -2816,7 +2816,7 @@ function mo(t) {
|
|
|
2816
2816
|
box-sizing: border-box;
|
|
2817
2817
|
min-width: 0;
|
|
2818
2818
|
}
|
|
2819
|
-
.${
|
|
2819
|
+
.${n.dateCell} {
|
|
2820
2820
|
display: flex;
|
|
2821
2821
|
padding: var(--ds-size-5, 22px);
|
|
2822
2822
|
flex-direction: column;
|
|
@@ -2836,7 +2836,7 @@ function mo(t) {
|
|
|
2836
2836
|
user-select: none;
|
|
2837
2837
|
min-width: 0;
|
|
2838
2838
|
}
|
|
2839
|
-
.${
|
|
2839
|
+
.${n.dateNumberContainer} {
|
|
2840
2840
|
display: flex;
|
|
2841
2841
|
justify-content: center;
|
|
2842
2842
|
align-items: center;
|
|
@@ -2848,12 +2848,12 @@ function mo(t) {
|
|
|
2848
2848
|
box-sizing: border-box;
|
|
2849
2849
|
background-color: transparent;
|
|
2850
2850
|
}
|
|
2851
|
-
.${
|
|
2851
|
+
.${n.dateCell}:hover:not(.${n.otherMonth}):not(.${n.disabled}) {
|
|
2852
2852
|
background-color: var(--ds-color-surface-hover, #eee);
|
|
2853
2853
|
position: relative;
|
|
2854
2854
|
z-index: 1;
|
|
2855
2855
|
}
|
|
2856
|
-
.${
|
|
2856
|
+
.${n.otherMonth} {
|
|
2857
2857
|
color: var(--ds-color-text-subtle, #aaa);
|
|
2858
2858
|
cursor: default;
|
|
2859
2859
|
pointer-events: none;
|
|
@@ -2861,261 +2861,261 @@ function mo(t) {
|
|
|
2861
2861
|
border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
|
|
2862
2862
|
margin: -0.5px;
|
|
2863
2863
|
}
|
|
2864
|
-
.${
|
|
2864
|
+
.${n.selectedDate} {
|
|
2865
2865
|
background-color: var(--ds-color-base-default, #C30000);
|
|
2866
2866
|
border-color: var(--ds-color-base-default, #C30000);
|
|
2867
2867
|
color: var(--ds-color-base-contrast-default, #fff);
|
|
2868
2868
|
position: relative;
|
|
2869
2869
|
z-index: 1;
|
|
2870
2870
|
}
|
|
2871
|
-
.${
|
|
2871
|
+
.${n.selectedDate} .${n.dateNumberContainer} {
|
|
2872
2872
|
color: var(--ds-color-base-contrast-default, #fff);
|
|
2873
2873
|
font-weight: var(--ds-font-weight-semibold, 600);
|
|
2874
2874
|
background-color: transparent;
|
|
2875
2875
|
}
|
|
2876
|
-
.${
|
|
2876
|
+
.${n.todayDate} .${n.dateNumberContainer} {
|
|
2877
2877
|
font-weight: var(--ds-font-weight-semibold, 600);
|
|
2878
2878
|
}
|
|
2879
2879
|
@media (max-width: 480px) {
|
|
2880
|
-
.${
|
|
2880
|
+
.${n.calendarContainer} {
|
|
2881
2881
|
padding: var(--ds-size-4, 16px);
|
|
2882
2882
|
gap: var(--ds-size-2, 8px);
|
|
2883
2883
|
width: 100%;
|
|
2884
2884
|
}
|
|
2885
|
-
.${
|
|
2885
|
+
.${n.monthYear} {
|
|
2886
2886
|
font-size: var(--ds-heading-xs-font-size, 1.125rem);
|
|
2887
2887
|
}
|
|
2888
|
-
.${
|
|
2888
|
+
.${n.dayNameCell} {
|
|
2889
2889
|
padding: var(--ds-size-1, 4px);
|
|
2890
2890
|
font-size: var(--ds-body-2xs-font-size, 12px);
|
|
2891
2891
|
}
|
|
2892
|
-
.${
|
|
2892
|
+
.${n.dateCell} {
|
|
2893
2893
|
padding: var(--ds-size-2, 8px);
|
|
2894
2894
|
font-size: var(--ds-body-2xs-font-size, 12px);
|
|
2895
2895
|
}
|
|
2896
|
-
.${
|
|
2896
|
+
.${n.dateNumberContainer} {
|
|
2897
2897
|
width: 20px;
|
|
2898
2898
|
height: 20px;
|
|
2899
2899
|
}
|
|
2900
2900
|
}
|
|
2901
2901
|
@media (max-width: 360px) {
|
|
2902
|
-
.${
|
|
2902
|
+
.${n.calendarContainer} {
|
|
2903
2903
|
padding: var(--ds-size-2, 8px);
|
|
2904
2904
|
}
|
|
2905
|
-
.${
|
|
2905
|
+
.${n.dayNameCell} {
|
|
2906
2906
|
padding: 2px;
|
|
2907
2907
|
font-size: 10px;
|
|
2908
2908
|
}
|
|
2909
|
-
.${
|
|
2909
|
+
.${n.dateCell} {
|
|
2910
2910
|
padding: var(--ds-size-1, 4px);
|
|
2911
2911
|
font-size: 11px;
|
|
2912
2912
|
}
|
|
2913
|
-
.${
|
|
2913
|
+
.${n.dateNumberContainer} {
|
|
2914
2914
|
width: 16px;
|
|
2915
2915
|
height: 16px;
|
|
2916
2916
|
}
|
|
2917
2917
|
}
|
|
2918
2918
|
`;
|
|
2919
2919
|
}
|
|
2920
|
-
const
|
|
2921
|
-
fieldset:
|
|
2922
|
-
description:
|
|
2923
|
-
error:
|
|
2924
|
-
inputWrapper:
|
|
2925
|
-
inputWrapperError:
|
|
2926
|
-
suffixButton:
|
|
2927
|
-
suffixButtonInteractive:
|
|
2928
|
-
}, ze = (
|
|
2929
|
-
const e =
|
|
2930
|
-
return
|
|
2931
|
-
}, Re = (
|
|
2932
|
-
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;
|
|
2933
2933
|
if (e.length >= 2) {
|
|
2934
|
-
const
|
|
2935
|
-
!isNaN(
|
|
2934
|
+
const a = parseInt(e.substring(0, 2), 10);
|
|
2935
|
+
!isNaN(a) && a > 31 && (e = "31" + e.substring(2));
|
|
2936
2936
|
}
|
|
2937
2937
|
if (e.length >= 4) {
|
|
2938
|
-
const
|
|
2939
|
-
!isNaN(
|
|
2938
|
+
const a = parseInt(e.substring(2, 4), 10);
|
|
2939
|
+
!isNaN(a) && a > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
|
|
2940
2940
|
}
|
|
2941
2941
|
return e.slice(0, 8);
|
|
2942
|
-
},
|
|
2943
|
-
(
|
|
2944
|
-
const { t:
|
|
2945
|
-
|
|
2946
|
-
const
|
|
2947
|
-
if (typeof document > "u" || document.getElementById(
|
|
2948
|
-
const
|
|
2949
|
-
|
|
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($);
|
|
2950
2950
|
}, []);
|
|
2951
2951
|
const {
|
|
2952
2952
|
label: d,
|
|
2953
2953
|
suffixIcon: h,
|
|
2954
2954
|
onSuffixClick: f,
|
|
2955
|
-
className:
|
|
2955
|
+
className: g,
|
|
2956
2956
|
// For ytre fieldset
|
|
2957
2957
|
inputWrapperClassName: k,
|
|
2958
2958
|
// For input wrapper div
|
|
2959
2959
|
inputClassName: D,
|
|
2960
2960
|
// For selve input-elementet
|
|
2961
|
-
value:
|
|
2962
|
-
defaultValue:
|
|
2963
|
-
onChange:
|
|
2964
|
-
readOnly:
|
|
2965
|
-
placeholder:
|
|
2966
|
-
id:
|
|
2967
|
-
name:
|
|
2968
|
-
required:
|
|
2969
|
-
disabled:
|
|
2970
|
-
onClick:
|
|
2971
|
-
onFocus:
|
|
2961
|
+
value: S,
|
|
2962
|
+
defaultValue: R,
|
|
2963
|
+
onChange: _,
|
|
2964
|
+
readOnly: V,
|
|
2965
|
+
placeholder: N = "dd.mm.åååå",
|
|
2966
|
+
id: p,
|
|
2967
|
+
name: K,
|
|
2968
|
+
required: X,
|
|
2969
|
+
disabled: A,
|
|
2970
|
+
onClick: q,
|
|
2971
|
+
onFocus: m,
|
|
2972
2972
|
// Send ekstern onFocus videre
|
|
2973
|
-
onBlur:
|
|
2973
|
+
onBlur: M,
|
|
2974
2974
|
// Send ekstern onBlur videre
|
|
2975
|
-
autoComplete:
|
|
2976
|
-
"aria-label":
|
|
2977
|
-
"aria-labelledby":
|
|
2978
|
-
description:
|
|
2979
|
-
error:
|
|
2975
|
+
autoComplete: I = "off",
|
|
2976
|
+
"aria-label": F,
|
|
2977
|
+
"aria-labelledby": j,
|
|
2978
|
+
description: L,
|
|
2979
|
+
error: G,
|
|
2980
2980
|
// Bruk error-prop for styling
|
|
2981
|
-
"data-color":
|
|
2981
|
+
"data-color": ne,
|
|
2982
2982
|
// <-- Destrukturering
|
|
2983
|
-
"data-size":
|
|
2983
|
+
"data-size": H,
|
|
2984
2984
|
// <-- Destrukturering
|
|
2985
|
-
...
|
|
2986
|
-
} =
|
|
2985
|
+
...J
|
|
2986
|
+
} = n, T = S !== void 0, b = Qe(null);
|
|
2987
2987
|
Ne.useImperativeHandle(
|
|
2988
2988
|
e,
|
|
2989
|
-
() =>
|
|
2989
|
+
() => b.current
|
|
2990
2990
|
);
|
|
2991
|
-
const
|
|
2992
|
-
(
|
|
2993
|
-
const
|
|
2994
|
-
return ze(
|
|
2991
|
+
const l = se(
|
|
2992
|
+
(c) => {
|
|
2993
|
+
const w = Re(c), $ = Ge(w);
|
|
2994
|
+
return ze($);
|
|
2995
2995
|
},
|
|
2996
2996
|
[]
|
|
2997
|
-
), [
|
|
2998
|
-
() =>
|
|
2997
|
+
), [C, B] = O(
|
|
2998
|
+
() => l(S ?? R)
|
|
2999
2999
|
);
|
|
3000
|
-
|
|
3001
|
-
if (
|
|
3002
|
-
const
|
|
3003
|
-
|
|
3000
|
+
z(() => {
|
|
3001
|
+
if (T) {
|
|
3002
|
+
const c = l(S);
|
|
3003
|
+
c !== C && (B(c), b.current && b.current.value !== c && (b.current.value = c));
|
|
3004
3004
|
}
|
|
3005
|
-
}, [
|
|
3006
|
-
const
|
|
3007
|
-
(
|
|
3008
|
-
const
|
|
3009
|
-
let
|
|
3010
|
-
const
|
|
3011
|
-
|
|
3012
|
-
if (
|
|
3013
|
-
const
|
|
3014
|
-
...
|
|
3015
|
-
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 && (B(i), b.current.value = i, b.current.setSelectionRange(u, u), (i !== oe || T) && _)) {
|
|
3013
|
+
const ae = {
|
|
3014
|
+
...c,
|
|
3015
|
+
target: { ...w, value: i }
|
|
3016
3016
|
};
|
|
3017
|
-
|
|
3017
|
+
_(ae, i);
|
|
3018
3018
|
}
|
|
3019
3019
|
});
|
|
3020
3020
|
},
|
|
3021
|
-
[
|
|
3022
|
-
),
|
|
3023
|
-
|
|
3021
|
+
[C, T, _, l]
|
|
3022
|
+
), y = [de.fieldset, g].filter(Boolean).join(" "), E = [
|
|
3023
|
+
de.inputWrapper,
|
|
3024
3024
|
k,
|
|
3025
|
-
|
|
3026
|
-
].filter(Boolean).join(" "),
|
|
3025
|
+
G ? de.inputWrapperError : ""
|
|
3026
|
+
].filter(Boolean).join(" "), Q = [
|
|
3027
3027
|
D
|
|
3028
|
-
].filter(Boolean).join(" "),
|
|
3029
|
-
|
|
3030
|
-
f ?
|
|
3028
|
+
].filter(Boolean).join(" "), le = [
|
|
3029
|
+
de.suffixButton,
|
|
3030
|
+
f ? de.suffixButtonInteractive : ""
|
|
3031
3031
|
].filter(Boolean).join(" ");
|
|
3032
|
-
!d && !
|
|
3033
|
-
const
|
|
3032
|
+
!d && !F && !j && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
|
|
3033
|
+
const v = d && typeof d == "string" ? j || `${p}-label` : void 0, Z = L ? `${p}-desc` : void 0, me = G ? `${p}-err` : void 0, ge = [Z, me].filter(Boolean).join(" ") || void 0;
|
|
3034
3034
|
return (
|
|
3035
3035
|
// --- Bruk data-color og data-size på den ytre wrapperen ---
|
|
3036
|
-
/* @__PURE__ */
|
|
3036
|
+
/* @__PURE__ */ r(
|
|
3037
3037
|
"div",
|
|
3038
3038
|
{
|
|
3039
|
-
className:
|
|
3040
|
-
"data-color":
|
|
3041
|
-
"data-size":
|
|
3039
|
+
className: y,
|
|
3040
|
+
"data-color": ne,
|
|
3041
|
+
"data-size": H,
|
|
3042
3042
|
children: [
|
|
3043
|
-
d && typeof d == "string" ? /* @__PURE__ */
|
|
3044
|
-
|
|
3045
|
-
/* @__PURE__ */
|
|
3046
|
-
/* @__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: E, children: [
|
|
3046
|
+
/* @__PURE__ */ t(
|
|
3047
3047
|
"input",
|
|
3048
3048
|
{
|
|
3049
|
-
ref:
|
|
3049
|
+
ref: b,
|
|
3050
3050
|
type: "text",
|
|
3051
3051
|
inputMode: "numeric",
|
|
3052
3052
|
pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
|
|
3053
3053
|
maxLength: 10,
|
|
3054
|
-
value:
|
|
3055
|
-
readOnly:
|
|
3056
|
-
placeholder:
|
|
3057
|
-
id:
|
|
3058
|
-
name:
|
|
3059
|
-
required:
|
|
3060
|
-
disabled:
|
|
3061
|
-
onClick:
|
|
3062
|
-
onChange:
|
|
3063
|
-
onFocus:
|
|
3064
|
-
onBlur:
|
|
3065
|
-
autoComplete:
|
|
3066
|
-
"aria-label":
|
|
3067
|
-
"aria-labelledby":
|
|
3068
|
-
"aria-describedby":
|
|
3069
|
-
"aria-invalid": !!
|
|
3070
|
-
className:
|
|
3071
|
-
...
|
|
3054
|
+
value: C,
|
|
3055
|
+
readOnly: V,
|
|
3056
|
+
placeholder: N,
|
|
3057
|
+
id: p,
|
|
3058
|
+
name: K,
|
|
3059
|
+
required: X,
|
|
3060
|
+
disabled: A,
|
|
3061
|
+
onClick: q,
|
|
3062
|
+
onChange: Y,
|
|
3063
|
+
onFocus: m,
|
|
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
|
|
3072
3072
|
}
|
|
3073
3073
|
),
|
|
3074
|
-
h && /* @__PURE__ */
|
|
3074
|
+
h && /* @__PURE__ */ t(
|
|
3075
3075
|
"button",
|
|
3076
3076
|
{
|
|
3077
3077
|
type: "button",
|
|
3078
|
-
className:
|
|
3079
|
-
onClick:
|
|
3080
|
-
tabIndex: f && !
|
|
3078
|
+
className: le,
|
|
3079
|
+
onClick: A ? void 0 : f,
|
|
3080
|
+
tabIndex: f && !A ? 0 : -1,
|
|
3081
3081
|
"aria-hidden": !f,
|
|
3082
|
-
disabled:
|
|
3083
|
-
"aria-label": f ?
|
|
3082
|
+
disabled: A,
|
|
3083
|
+
"aria-label": f ? a("dateInput.openDatePicker") : void 0,
|
|
3084
3084
|
children: h
|
|
3085
3085
|
}
|
|
3086
3086
|
)
|
|
3087
3087
|
] }),
|
|
3088
|
-
|
|
3088
|
+
G && /* @__PURE__ */ t("p", { id: me, className: de.error, role: "alert", children: G })
|
|
3089
3089
|
]
|
|
3090
3090
|
}
|
|
3091
3091
|
)
|
|
3092
3092
|
);
|
|
3093
3093
|
}
|
|
3094
3094
|
);
|
|
3095
|
-
|
|
3096
|
-
function
|
|
3095
|
+
xo.displayName = "DateInput";
|
|
3096
|
+
function To(n) {
|
|
3097
3097
|
return `
|
|
3098
|
-
.${
|
|
3098
|
+
.${n.fieldset} {
|
|
3099
3099
|
margin-bottom: var(--ds-spacing-4, 16px);
|
|
3100
3100
|
}
|
|
3101
|
-
.${
|
|
3101
|
+
.${n.fieldset} label {
|
|
3102
3102
|
display: block;
|
|
3103
3103
|
margin-bottom: var(--ds-spacing-1, 4px);
|
|
3104
3104
|
font-weight: var(--ds-font-weight-medium, 500);
|
|
3105
3105
|
color: var(--ds-color-text-default, #2b2b2b);
|
|
3106
3106
|
}
|
|
3107
|
-
.${
|
|
3107
|
+
.${n.description} {
|
|
3108
3108
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3109
3109
|
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
3110
3110
|
margin-top: var(--ds-spacing-1, 4px);
|
|
3111
3111
|
margin-bottom: var(--ds-spacing-2, 8px);
|
|
3112
3112
|
}
|
|
3113
|
-
.${
|
|
3113
|
+
.${n.error} {
|
|
3114
3114
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3115
3115
|
color: var(--ds-color-danger-text-default, #c30000);
|
|
3116
3116
|
margin-top: var(--ds-spacing-1, 4px);
|
|
3117
3117
|
}
|
|
3118
|
-
.${
|
|
3118
|
+
.${n.inputWrapper} {
|
|
3119
3119
|
display: flex;
|
|
3120
3120
|
align-items: stretch;
|
|
3121
3121
|
width: 100%;
|
|
@@ -3125,14 +3125,14 @@ function xo(t) {
|
|
|
3125
3125
|
overflow: hidden;
|
|
3126
3126
|
transition: border-color 0.1s ease-out, outline 0.1s ease-out;
|
|
3127
3127
|
}
|
|
3128
|
-
.${
|
|
3128
|
+
.${n.inputWrapperError} {
|
|
3129
3129
|
border-color: var(--ds-color-danger-border-default, #c30000);
|
|
3130
3130
|
}
|
|
3131
|
-
.${
|
|
3131
|
+
.${n.inputWrapper}:focus-within {
|
|
3132
3132
|
outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);
|
|
3133
3133
|
outline-offset: var(--ds-focus-outline-offset, 2px);
|
|
3134
3134
|
}
|
|
3135
|
-
.${
|
|
3135
|
+
.${n.inputWrapper} input {
|
|
3136
3136
|
box-sizing: border-box;
|
|
3137
3137
|
flex-grow: 1;
|
|
3138
3138
|
width: auto;
|
|
@@ -3148,13 +3148,13 @@ function xo(t) {
|
|
|
3148
3148
|
appearance: none;
|
|
3149
3149
|
-webkit-appearance: none;
|
|
3150
3150
|
}
|
|
3151
|
-
.${
|
|
3151
|
+
.${n.inputWrapper} input:disabled {
|
|
3152
3152
|
opacity: var(--ds-opacity-disabled, 0.5);
|
|
3153
3153
|
cursor: not-allowed;
|
|
3154
3154
|
background-color: var(--ds-color-neutral-surface-subtle, #f0f0f0);
|
|
3155
3155
|
color: var(--ds-color-neutral-text-subtle, #5d5d5d);
|
|
3156
3156
|
}
|
|
3157
|
-
.${
|
|
3157
|
+
.${n.suffixButton} {
|
|
3158
3158
|
display: inline-flex;
|
|
3159
3159
|
align-items: center;
|
|
3160
3160
|
justify-content: center;
|
|
@@ -3171,14 +3171,14 @@ function xo(t) {
|
|
|
3171
3171
|
cursor: default;
|
|
3172
3172
|
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
|
|
3173
3173
|
}
|
|
3174
|
-
.${
|
|
3174
|
+
.${n.suffixButtonInteractive} {
|
|
3175
3175
|
cursor: pointer;
|
|
3176
3176
|
}
|
|
3177
|
-
.${
|
|
3177
|
+
.${n.suffixButtonInteractive}:hover:not(:disabled) {
|
|
3178
3178
|
color: var(--ds-color-text-default, #2b2b2b);
|
|
3179
3179
|
background-color: var(--ds-color-surface-hover, #dadada);
|
|
3180
3180
|
}
|
|
3181
|
-
.${
|
|
3181
|
+
.${n.suffixButton}:disabled {
|
|
3182
3182
|
opacity: var(--ds-opacity-disabled, 0.3);
|
|
3183
3183
|
cursor: not-allowed;
|
|
3184
3184
|
background-color: var(--ds-color-neutral-surface-tinted, #e8e8e8);
|
|
@@ -3186,164 +3186,164 @@ function xo(t) {
|
|
|
3186
3186
|
}
|
|
3187
3187
|
`;
|
|
3188
3188
|
}
|
|
3189
|
-
const
|
|
3190
|
-
carouselContainer:
|
|
3191
|
-
viewport:
|
|
3192
|
-
slides:
|
|
3193
|
-
slide:
|
|
3194
|
-
slideInner:
|
|
3195
|
-
loaderOverlay:
|
|
3196
|
-
image:
|
|
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", Ao = "_loaded_eo3g5_69", No = "_loading_eo3g5_73", Mo = "_empty_eo3g5_81", jo = "_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
3197
|
loaded: Ao,
|
|
3198
|
-
loading:
|
|
3199
|
-
empty:
|
|
3200
|
-
controls:
|
|
3201
|
-
arrows:
|
|
3202
|
-
dots:
|
|
3203
|
-
dot:
|
|
3204
|
-
dotActive:
|
|
3205
|
-
},
|
|
3206
|
-
images:
|
|
3198
|
+
loading: No,
|
|
3199
|
+
empty: Mo,
|
|
3200
|
+
controls: jo,
|
|
3201
|
+
arrows: Fo,
|
|
3202
|
+
dots: Bo,
|
|
3203
|
+
dot: Eo,
|
|
3204
|
+
dotActive: $o
|
|
3205
|
+
}, Po = gt, zo = ({
|
|
3206
|
+
images: n,
|
|
3207
3207
|
autoPlay: e = !1,
|
|
3208
|
-
autoDelay:
|
|
3208
|
+
autoDelay: a = 5,
|
|
3209
3209
|
showArrows: d = !0,
|
|
3210
3210
|
showDots: h = !0,
|
|
3211
3211
|
variant: f,
|
|
3212
|
-
slidesPerView:
|
|
3212
|
+
slidesPerView: g = 1,
|
|
3213
3213
|
slideSpacing: k = 16,
|
|
3214
3214
|
cornerRadius: D = 0,
|
|
3215
|
-
"data-color":
|
|
3216
|
-
"data-size":
|
|
3215
|
+
"data-color": S,
|
|
3216
|
+
"data-size": R
|
|
3217
3217
|
}) => {
|
|
3218
|
-
const { t:
|
|
3219
|
-
|
|
3220
|
-
const
|
|
3221
|
-
if (typeof document > "u" || document.getElementById(
|
|
3222
|
-
const
|
|
3223
|
-
|
|
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);
|
|
3224
3224
|
}, []);
|
|
3225
|
-
const
|
|
3225
|
+
const V = {
|
|
3226
3226
|
loop: !0,
|
|
3227
3227
|
align: "start",
|
|
3228
3228
|
containScroll: "trimSnaps",
|
|
3229
3229
|
slidesToScroll: 1
|
|
3230
|
-
}, [
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
}, [
|
|
3234
|
-
const
|
|
3235
|
-
|
|
3236
|
-
const
|
|
3237
|
-
return
|
|
3230
|
+
}, [N, p] = pn(V), [K, X] = O(0), [A, q] = O([]), [m, 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;
|
|
3238
3238
|
});
|
|
3239
|
-
}, []),
|
|
3240
|
-
|
|
3241
|
-
}, [
|
|
3242
|
-
|
|
3243
|
-
if (
|
|
3244
|
-
return
|
|
3245
|
-
|
|
3239
|
+
}, []), F = fe(() => a * 1e3, [a]), j = 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", j), p.on("reInit", j), q(p.scrollSnapList()), () => {
|
|
3245
|
+
p.off("select", j), p.off("reInit", j);
|
|
3246
3246
|
};
|
|
3247
|
-
}, [
|
|
3248
|
-
|
|
3249
|
-
}, [
|
|
3250
|
-
if (!e || !
|
|
3251
|
-
const
|
|
3252
|
-
|
|
3253
|
-
},
|
|
3247
|
+
}, [p, j]), z(() => {
|
|
3248
|
+
p && (p.reInit(), q(p.scrollSnapList()));
|
|
3249
|
+
}, [p, n, g, k]), z(() => {
|
|
3250
|
+
if (!e || !p || !n || n.length <= 1) return;
|
|
3251
|
+
const b = window.setInterval(() => {
|
|
3252
|
+
p.canScrollNext() && p.scrollNext();
|
|
3253
|
+
}, F);
|
|
3254
3254
|
return () => {
|
|
3255
|
-
window.clearInterval(
|
|
3255
|
+
window.clearInterval(b);
|
|
3256
3256
|
};
|
|
3257
|
-
}, [e,
|
|
3258
|
-
const
|
|
3259
|
-
return /* @__PURE__ */
|
|
3257
|
+
}, [e, F, p, n]);
|
|
3258
|
+
const H = Math.max(1, g), J = `${100 / H}%`, T = k / 2;
|
|
3259
|
+
return /* @__PURE__ */ r(
|
|
3260
3260
|
"div",
|
|
3261
3261
|
{
|
|
3262
|
-
className:
|
|
3263
|
-
"data-color":
|
|
3264
|
-
"data-size":
|
|
3262
|
+
className: W.carouselContainer,
|
|
3263
|
+
"data-color": S,
|
|
3264
|
+
"data-size": R,
|
|
3265
3265
|
"data-variant": f,
|
|
3266
3266
|
children: [
|
|
3267
|
-
/* @__PURE__ */
|
|
3267
|
+
/* @__PURE__ */ t("div", { className: W.viewport, ref: N, children: /* @__PURE__ */ t(
|
|
3268
3268
|
"div",
|
|
3269
3269
|
{
|
|
3270
|
-
className:
|
|
3270
|
+
className: W.slides,
|
|
3271
3271
|
style: {
|
|
3272
|
-
marginLeft: `-${
|
|
3273
|
-
marginRight: `-${
|
|
3272
|
+
marginLeft: `-${T}px`,
|
|
3273
|
+
marginRight: `-${T}px`
|
|
3274
3274
|
},
|
|
3275
|
-
children:
|
|
3275
|
+
children: n && n.length > 0 ? n.map((b, l) => /* @__PURE__ */ t(
|
|
3276
3276
|
"div",
|
|
3277
3277
|
{
|
|
3278
|
-
className:
|
|
3278
|
+
className: W.slide,
|
|
3279
3279
|
style: {
|
|
3280
|
-
flex: `0 0 ${
|
|
3281
|
-
paddingLeft: `${
|
|
3282
|
-
paddingRight: `${
|
|
3280
|
+
flex: `0 0 ${J}`,
|
|
3281
|
+
paddingLeft: `${T}px`,
|
|
3282
|
+
paddingRight: `${T}px`,
|
|
3283
3283
|
borderRadius: D > 0 ? `${D}px` : void 0,
|
|
3284
3284
|
overflow: "hidden"
|
|
3285
3285
|
// Ensure radius clips content
|
|
3286
3286
|
},
|
|
3287
|
-
children: /* @__PURE__ */
|
|
3288
|
-
!
|
|
3289
|
-
/* @__PURE__ */
|
|
3287
|
+
children: /* @__PURE__ */ r("div", { className: W.slideInner, style: { borderRadius: `${D}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
|
|
3288
|
+
!m[l] && /* @__PURE__ */ t("div", { className: W.loaderOverlay, children: /* @__PURE__ */ t(Po, { "aria-label": _("carousel.loading") }) }),
|
|
3289
|
+
/* @__PURE__ */ t(
|
|
3290
3290
|
"img",
|
|
3291
3291
|
{
|
|
3292
|
-
className: `${
|
|
3293
|
-
src:
|
|
3294
|
-
alt:
|
|
3295
|
-
loading:
|
|
3292
|
+
className: `${W.image} ${m[l] ? W.loaded : W.loadingImage}`,
|
|
3293
|
+
src: b.src,
|
|
3294
|
+
alt: b.alt,
|
|
3295
|
+
loading: l < H ? "eager" : "lazy",
|
|
3296
3296
|
crossOrigin: "anonymous",
|
|
3297
|
-
onLoad: () =>
|
|
3298
|
-
onError: (
|
|
3299
|
-
|
|
3297
|
+
onLoad: () => I(l),
|
|
3298
|
+
onError: (C) => {
|
|
3299
|
+
C.target.style.display = "none", I(l);
|
|
3300
3300
|
}
|
|
3301
3301
|
}
|
|
3302
3302
|
)
|
|
3303
3303
|
] })
|
|
3304
3304
|
},
|
|
3305
|
-
`image-${
|
|
3306
|
-
)) : /* @__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" }) })
|
|
3307
3307
|
}
|
|
3308
3308
|
) }),
|
|
3309
|
-
(d || h &&
|
|
3310
|
-
d && /* @__PURE__ */
|
|
3311
|
-
/* @__PURE__ */
|
|
3312
|
-
|
|
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,
|
|
3313
3313
|
{
|
|
3314
3314
|
variant: "primary",
|
|
3315
3315
|
icon: !0,
|
|
3316
|
-
"aria-label":
|
|
3317
|
-
onClick:
|
|
3318
|
-
disabled: !
|
|
3319
|
-
children: /* @__PURE__ */
|
|
3316
|
+
"aria-label": _("carousel.previousImage"),
|
|
3317
|
+
onClick: G,
|
|
3318
|
+
disabled: !n || n.length <= 1,
|
|
3319
|
+
children: /* @__PURE__ */ t(mn, { "aria-hidden": !0 })
|
|
3320
3320
|
}
|
|
3321
3321
|
),
|
|
3322
|
-
/* @__PURE__ */
|
|
3323
|
-
|
|
3322
|
+
/* @__PURE__ */ t(
|
|
3323
|
+
ce,
|
|
3324
3324
|
{
|
|
3325
3325
|
variant: "primary",
|
|
3326
3326
|
icon: !0,
|
|
3327
|
-
"aria-label":
|
|
3328
|
-
onClick:
|
|
3329
|
-
disabled: !
|
|
3330
|
-
children: /* @__PURE__ */
|
|
3327
|
+
"aria-label": _("carousel.nextImage"),
|
|
3328
|
+
onClick: ne,
|
|
3329
|
+
disabled: !n || n.length <= 1,
|
|
3330
|
+
children: /* @__PURE__ */ t(gn, { "aria-hidden": !0 })
|
|
3331
3331
|
}
|
|
3332
3332
|
)
|
|
3333
3333
|
] }),
|
|
3334
|
-
h &&
|
|
3335
|
-
const
|
|
3336
|
-
return /* @__PURE__ */
|
|
3334
|
+
h && n && n.length > 1 && /* @__PURE__ */ t("div", { className: W.dots, role: "tablist", "aria-label": _("carousel.imagePosition"), children: A.map((b, l) => {
|
|
3335
|
+
const C = l === K;
|
|
3336
|
+
return /* @__PURE__ */ t(
|
|
3337
3337
|
"button",
|
|
3338
3338
|
{
|
|
3339
3339
|
type: "button",
|
|
3340
|
-
className: `${
|
|
3341
|
-
onClick: () =>
|
|
3342
|
-
"aria-label": `${
|
|
3343
|
-
"aria-selected":
|
|
3340
|
+
className: `${W.dot} ${C ? W.dotActive : ""}`,
|
|
3341
|
+
onClick: () => L(l),
|
|
3342
|
+
"aria-label": `${_("carousel.goToImage")} ${l + 1}`,
|
|
3343
|
+
"aria-selected": C,
|
|
3344
3344
|
role: "tab"
|
|
3345
3345
|
},
|
|
3346
|
-
`dot-${
|
|
3346
|
+
`dot-${l}`
|
|
3347
3347
|
);
|
|
3348
3348
|
}) })
|
|
3349
3349
|
] })
|
|
@@ -3351,10 +3351,10 @@ const To = "_carouselContainer_eo3g5_1", Co = "_viewport_eo3g5_14", wo = "_slide
|
|
|
3351
3351
|
}
|
|
3352
3352
|
);
|
|
3353
3353
|
};
|
|
3354
|
-
|
|
3355
|
-
function
|
|
3354
|
+
zo.displayName = "Carousel";
|
|
3355
|
+
function Ro(n) {
|
|
3356
3356
|
return `
|
|
3357
|
-
.${
|
|
3357
|
+
.${n.carouselContainer} {
|
|
3358
3358
|
position: relative;
|
|
3359
3359
|
display: block;
|
|
3360
3360
|
width: 100%;
|
|
@@ -3366,12 +3366,12 @@ function zo(t) {
|
|
|
3366
3366
|
box-sizing: border-box;
|
|
3367
3367
|
max-width: 100%;
|
|
3368
3368
|
}
|
|
3369
|
-
.${
|
|
3369
|
+
.${n.viewport} {
|
|
3370
3370
|
overflow: hidden;
|
|
3371
3371
|
width: 100%;
|
|
3372
3372
|
height: 100%;
|
|
3373
3373
|
}
|
|
3374
|
-
.${
|
|
3374
|
+
.${n.slides} {
|
|
3375
3375
|
display: flex;
|
|
3376
3376
|
height: 100%;
|
|
3377
3377
|
user-select: none;
|
|
@@ -3380,7 +3380,7 @@ function zo(t) {
|
|
|
3380
3380
|
-moz-user-select: none;
|
|
3381
3381
|
-ms-user-select: none;
|
|
3382
3382
|
}
|
|
3383
|
-
.${
|
|
3383
|
+
.${n.slide} {
|
|
3384
3384
|
position: relative;
|
|
3385
3385
|
min-width: 0;
|
|
3386
3386
|
height: 100%;
|
|
@@ -3389,14 +3389,14 @@ function zo(t) {
|
|
|
3389
3389
|
justify-content: center;
|
|
3390
3390
|
box-sizing: border-box;
|
|
3391
3391
|
}
|
|
3392
|
-
.${
|
|
3392
|
+
.${n.slideInner} {
|
|
3393
3393
|
position: relative;
|
|
3394
3394
|
width: 100%;
|
|
3395
3395
|
height: 100%;
|
|
3396
3396
|
background-color: var(--ds-color-neutral-surface-subtle, #f5f5f5);
|
|
3397
3397
|
overflow: hidden;
|
|
3398
3398
|
}
|
|
3399
|
-
.${
|
|
3399
|
+
.${n.loaderOverlay} {
|
|
3400
3400
|
position: absolute;
|
|
3401
3401
|
inset: 0;
|
|
3402
3402
|
display: flex;
|
|
@@ -3405,7 +3405,7 @@ function zo(t) {
|
|
|
3405
3405
|
background-color: rgba(0, 0, 0, 0.05);
|
|
3406
3406
|
z-index: 2;
|
|
3407
3407
|
}
|
|
3408
|
-
.${
|
|
3408
|
+
.${n.image} {
|
|
3409
3409
|
position: absolute;
|
|
3410
3410
|
inset: 0;
|
|
3411
3411
|
width: 100%;
|
|
@@ -3415,22 +3415,22 @@ function zo(t) {
|
|
|
3415
3415
|
transition: opacity 0.3s ease-in-out;
|
|
3416
3416
|
z-index: 1;
|
|
3417
3417
|
}
|
|
3418
|
-
.${
|
|
3418
|
+
.${n.image}.${n.loaded} {
|
|
3419
3419
|
opacity: 1;
|
|
3420
3420
|
}
|
|
3421
|
-
.${
|
|
3421
|
+
.${n.loading} {
|
|
3422
3422
|
display: inline-flex;
|
|
3423
3423
|
align-items: center;
|
|
3424
3424
|
gap: var(--ds-size-2, 8px);
|
|
3425
3425
|
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
3426
3426
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3427
3427
|
}
|
|
3428
|
-
.${
|
|
3428
|
+
.${n.empty} {
|
|
3429
3429
|
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
3430
3430
|
font-size: var(--ds-font-size-sm, 14px);
|
|
3431
3431
|
text-align: center;
|
|
3432
3432
|
}
|
|
3433
|
-
.${
|
|
3433
|
+
.${n.controls} {
|
|
3434
3434
|
position: absolute;
|
|
3435
3435
|
inset: 0;
|
|
3436
3436
|
display: flex;
|
|
@@ -3439,7 +3439,7 @@ function zo(t) {
|
|
|
3439
3439
|
pointer-events: none;
|
|
3440
3440
|
z-index: 10;
|
|
3441
3441
|
}
|
|
3442
|
-
.${
|
|
3442
|
+
.${n.arrows} {
|
|
3443
3443
|
display: flex;
|
|
3444
3444
|
align-items: center;
|
|
3445
3445
|
justify-content: space-between;
|
|
@@ -3448,7 +3448,7 @@ function zo(t) {
|
|
|
3448
3448
|
box-sizing: border-box;
|
|
3449
3449
|
pointer-events: auto;
|
|
3450
3450
|
}
|
|
3451
|
-
.${
|
|
3451
|
+
.${n.dots} {
|
|
3452
3452
|
position: absolute;
|
|
3453
3453
|
left: 50%;
|
|
3454
3454
|
transform: translateX(-50%);
|
|
@@ -3461,7 +3461,7 @@ function zo(t) {
|
|
|
3461
3461
|
padding: var(--ds-size-1, 4px) var(--ds-size-2, 8px);
|
|
3462
3462
|
border-radius: 999px;
|
|
3463
3463
|
}
|
|
3464
|
-
.${
|
|
3464
|
+
.${n.dot} {
|
|
3465
3465
|
width: 12px;
|
|
3466
3466
|
height: 12px;
|
|
3467
3467
|
border-radius: 999px;
|
|
@@ -3472,123 +3472,123 @@ function zo(t) {
|
|
|
3472
3472
|
cursor: pointer;
|
|
3473
3473
|
transition: all 0.2s ease;
|
|
3474
3474
|
}
|
|
3475
|
-
.${
|
|
3475
|
+
.${n.dotActive} {
|
|
3476
3476
|
background-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
|
|
3477
3477
|
border-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
|
|
3478
3478
|
transform: scale(1.1);
|
|
3479
3479
|
}
|
|
3480
3480
|
@media (max-width: 640px) {
|
|
3481
|
-
.${
|
|
3481
|
+
.${n.carouselContainer} {
|
|
3482
3482
|
height: auto;
|
|
3483
3483
|
min-height: 150px;
|
|
3484
3484
|
aspect-ratio: 16 / 9;
|
|
3485
3485
|
}
|
|
3486
|
-
.${
|
|
3486
|
+
.${n.viewport} {
|
|
3487
3487
|
aspect-ratio: 16 / 9;
|
|
3488
3488
|
height: auto;
|
|
3489
3489
|
}
|
|
3490
|
-
.${
|
|
3490
|
+
.${n.slides} {
|
|
3491
3491
|
height: auto;
|
|
3492
3492
|
min-height: 150px;
|
|
3493
3493
|
}
|
|
3494
|
-
.${
|
|
3494
|
+
.${n.slide} {
|
|
3495
3495
|
height: auto;
|
|
3496
3496
|
min-height: 150px;
|
|
3497
3497
|
}
|
|
3498
|
-
.${
|
|
3498
|
+
.${n.slideInner} {
|
|
3499
3499
|
aspect-ratio: 16 / 9;
|
|
3500
3500
|
height: auto;
|
|
3501
3501
|
}
|
|
3502
|
-
.${
|
|
3502
|
+
.${n.arrows} {
|
|
3503
3503
|
padding: 0 var(--ds-size-2, 8px);
|
|
3504
3504
|
}
|
|
3505
|
-
.${
|
|
3505
|
+
.${n.dots} {
|
|
3506
3506
|
bottom: var(--ds-size-2, 8px);
|
|
3507
3507
|
gap: var(--ds-size-1, 4px);
|
|
3508
3508
|
}
|
|
3509
|
-
.${
|
|
3509
|
+
.${n.dot} {
|
|
3510
3510
|
width: 10px;
|
|
3511
3511
|
height: 10px;
|
|
3512
3512
|
}
|
|
3513
3513
|
}
|
|
3514
3514
|
@media (max-width: 400px) {
|
|
3515
|
-
.${
|
|
3515
|
+
.${n.carouselContainer} {
|
|
3516
3516
|
min-height: 120px;
|
|
3517
3517
|
}
|
|
3518
|
-
.${
|
|
3518
|
+
.${n.arrows} {
|
|
3519
3519
|
padding: 0 var(--ds-size-1, 4px);
|
|
3520
3520
|
}
|
|
3521
|
-
.${
|
|
3521
|
+
.${n.arrows} button {
|
|
3522
3522
|
transform: scale(0.85);
|
|
3523
3523
|
}
|
|
3524
3524
|
}
|
|
3525
3525
|
`;
|
|
3526
3526
|
}
|
|
3527
|
-
const
|
|
3528
|
-
crossCorner:
|
|
3529
|
-
shape:
|
|
3527
|
+
const Go = "_crossCorner_1caiu_1", Wo = "_shape_1caiu_6", Le = {
|
|
3528
|
+
crossCorner: Go,
|
|
3529
|
+
shape: Wo
|
|
3530
3530
|
};
|
|
3531
|
-
function
|
|
3531
|
+
function Ho(n) {
|
|
3532
3532
|
return `
|
|
3533
|
-
.${
|
|
3533
|
+
.${n.crossCorner} {
|
|
3534
3534
|
display: inline-block;
|
|
3535
3535
|
flex-shrink: 0;
|
|
3536
3536
|
}
|
|
3537
|
-
.${
|
|
3537
|
+
.${n.shape} {
|
|
3538
3538
|
fill: var(--ds-color-base-default, #DA4236);
|
|
3539
3539
|
}
|
|
3540
3540
|
/* Color variants via data-color attribute */
|
|
3541
|
-
.${
|
|
3541
|
+
.${n.crossCorner}[data-color="accent"] .${n.shape} {
|
|
3542
3542
|
fill: var(--ds-color-accent-base-default, #DA4236);
|
|
3543
3543
|
}
|
|
3544
|
-
.${
|
|
3544
|
+
.${n.crossCorner}[data-color="brand1"] .${n.shape} {
|
|
3545
3545
|
fill: var(--ds-color-brand1-base-default, #DA4236);
|
|
3546
3546
|
}
|
|
3547
|
-
.${
|
|
3547
|
+
.${n.crossCorner}[data-color="brand2"] .${n.shape} {
|
|
3548
3548
|
fill: var(--ds-color-brand2-base-default, #1E2B3C);
|
|
3549
3549
|
}
|
|
3550
|
-
.${
|
|
3550
|
+
.${n.crossCorner}[data-color="brand3"] .${n.shape} {
|
|
3551
3551
|
fill: var(--ds-color-brand3-base-default, #F5F5F5);
|
|
3552
3552
|
}
|
|
3553
|
-
.${
|
|
3553
|
+
.${n.crossCorner}[data-color="neutral"] .${n.shape} {
|
|
3554
3554
|
fill: var(--ds-color-neutral-base-default, #5D5D5D);
|
|
3555
3555
|
}
|
|
3556
3556
|
`;
|
|
3557
3557
|
}
|
|
3558
|
-
const
|
|
3558
|
+
const Uo = {
|
|
3559
3559
|
sm: 48,
|
|
3560
3560
|
md: 68,
|
|
3561
3561
|
lg: 96
|
|
3562
|
-
},
|
|
3562
|
+
}, Vo = {
|
|
3563
3563
|
"top-left": 270,
|
|
3564
3564
|
"top-right": 0,
|
|
3565
3565
|
"bottom-right": 90,
|
|
3566
3566
|
"bottom-left": 180
|
|
3567
|
-
},
|
|
3567
|
+
}, ye = ie(
|
|
3568
3568
|
({
|
|
3569
|
-
position:
|
|
3569
|
+
position: n = "top-left",
|
|
3570
3570
|
size: e = "md",
|
|
3571
|
-
className:
|
|
3571
|
+
className: a,
|
|
3572
3572
|
"aria-label": d,
|
|
3573
3573
|
"aria-hidden": h = !0,
|
|
3574
3574
|
"data-color": f,
|
|
3575
|
-
"data-size":
|
|
3575
|
+
"data-size": g,
|
|
3576
3576
|
...k
|
|
3577
3577
|
}, D) => {
|
|
3578
|
-
|
|
3579
|
-
const
|
|
3580
|
-
if (typeof document > "u" || document.getElementById(
|
|
3581
|
-
const
|
|
3582
|
-
|
|
3578
|
+
z(() => {
|
|
3579
|
+
const _ = "rk-crosscorner-inline-styles";
|
|
3580
|
+
if (typeof document > "u" || document.getElementById(_)) return;
|
|
3581
|
+
const V = Ho(Le), N = document.createElement("style");
|
|
3582
|
+
N.id = _, N.textContent = V, document.head.appendChild(N);
|
|
3583
3583
|
}, []);
|
|
3584
|
-
const
|
|
3585
|
-
return /* @__PURE__ */
|
|
3584
|
+
const S = Uo[e], R = Vo[n];
|
|
3585
|
+
return /* @__PURE__ */ t(
|
|
3586
3586
|
"svg",
|
|
3587
3587
|
{
|
|
3588
3588
|
ref: D,
|
|
3589
|
-
className: `${
|
|
3590
|
-
width:
|
|
3591
|
-
height:
|
|
3589
|
+
className: `${Le.crossCorner} ${a || ""}`,
|
|
3590
|
+
width: S,
|
|
3591
|
+
height: S,
|
|
3592
3592
|
viewBox: "0 0 68 68",
|
|
3593
3593
|
fill: "none",
|
|
3594
3594
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3596,109 +3596,109 @@ const Ho = {
|
|
|
3596
3596
|
"aria-hidden": h,
|
|
3597
3597
|
role: h ? void 0 : "img",
|
|
3598
3598
|
"data-color": f,
|
|
3599
|
-
"data-size":
|
|
3599
|
+
"data-size": g,
|
|
3600
3600
|
style: {
|
|
3601
|
-
transform:
|
|
3601
|
+
transform: R ? `rotate(${R}deg)` : void 0
|
|
3602
3602
|
},
|
|
3603
3603
|
...k,
|
|
3604
|
-
children: /* @__PURE__ */
|
|
3604
|
+
children: /* @__PURE__ */ t(
|
|
3605
3605
|
"path",
|
|
3606
3606
|
{
|
|
3607
3607
|
d: "M68 0V33.8203H67.998V68H34.1777V33.8203H0V0H68Z",
|
|
3608
|
-
className:
|
|
3608
|
+
className: Le.shape
|
|
3609
3609
|
}
|
|
3610
3610
|
)
|
|
3611
3611
|
}
|
|
3612
3612
|
);
|
|
3613
3613
|
}
|
|
3614
3614
|
);
|
|
3615
|
-
|
|
3616
|
-
const
|
|
3617
|
-
|
|
3618
|
-
|
|
3619
|
-
const
|
|
3620
|
-
|
|
3621
|
-
const Ze =
|
|
3615
|
+
ye.displayName = "CrossCorner";
|
|
3616
|
+
const ni = ut, oi = ht, ri = ft, U = kt, ai = Tt, si = Ct, ii = bt, li = xt, di = yt, ci = vt, pi = wt, mi = St, Oo = _t, Ko = It;
|
|
3617
|
+
Oo.displayName = "Field.Description";
|
|
3618
|
+
Ko.displayName = "Field.Counter";
|
|
3619
|
+
const gi = Ue, qo = ie((n, e) => /* @__PURE__ */ t(Dt, { ref: e, ...n }));
|
|
3620
|
+
qo.displayName = "Heading";
|
|
3621
|
+
const Ze = Lt;
|
|
3622
3622
|
Ze.displayName = "Input";
|
|
3623
|
-
const
|
|
3624
|
-
|
|
3625
|
-
const
|
|
3626
|
-
|
|
3627
|
-
const
|
|
3628
|
-
(
|
|
3623
|
+
const Yo = ie((n, e) => /* @__PURE__ */ t(At, { ref: e, ...n }));
|
|
3624
|
+
Yo.displayName = "Label";
|
|
3625
|
+
const te = Nt, ui = Mt, Zo = jt, hi = Et, fi = Bt, ki = Ft, vi = $t;
|
|
3626
|
+
Zo.displayName = "Pagination";
|
|
3627
|
+
const xe = ie(
|
|
3628
|
+
(n, e) => /* @__PURE__ */ t(Pt, { ref: e, ...n })
|
|
3629
3629
|
);
|
|
3630
|
-
|
|
3631
|
-
const
|
|
3632
|
-
Button:
|
|
3633
|
-
ClearButton:
|
|
3634
|
-
Input:
|
|
3635
|
-
}),
|
|
3636
|
-
|
|
3637
|
-
const
|
|
3630
|
+
xe.displayName = "Paragraph";
|
|
3631
|
+
const bi = zt, yi = Rt, xi = Gt, Ce = Object.assign(Wt, {
|
|
3632
|
+
Button: Vt,
|
|
3633
|
+
ClearButton: Ut,
|
|
3634
|
+
Input: Ht
|
|
3635
|
+
}), Ti = Ot, Ci = Kt, wi = qt, Xo = Yt;
|
|
3636
|
+
Xo.displayName = "Suggestion";
|
|
3637
|
+
const Ae = Zt, Si = Xt, we = Jt, Jo = ie(function({ shape: e, style: a, ...d }, h) {
|
|
3638
3638
|
const f = {};
|
|
3639
3639
|
e === "rounded" && (f.borderRadius = "var(--ds-border-radius-xl)");
|
|
3640
|
-
const
|
|
3641
|
-
return e === "rounded" && (k["data-shape"] = "rounded"), /* @__PURE__ */
|
|
3640
|
+
const g = 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: g });
|
|
3642
3642
|
});
|
|
3643
|
-
|
|
3644
|
-
const
|
|
3645
|
-
|
|
3646
|
-
const
|
|
3647
|
-
header:
|
|
3648
|
-
languageSwitch:
|
|
3649
|
-
searchOverlay:
|
|
3650
|
-
headerExtension:
|
|
3651
|
-
headerExtensionTinted:
|
|
3643
|
+
Jo.displayName = "Tag";
|
|
3644
|
+
const Ii = en, Qo = tn, _i = nn, Di = 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", Ar = "_underline_1h8vy_372", Nr = "_searchButtonWrapper_1h8vy_378", Mr = "_buttonText_1h8vy_382", jr = "_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
3652
|
languageLabel: sr,
|
|
3653
|
-
languageLink:
|
|
3654
|
-
extensionContent:
|
|
3655
|
-
extensionDivider:
|
|
3656
|
-
extensionContentWrapper:
|
|
3657
|
-
headerInner:
|
|
3658
|
-
logoWrapper:
|
|
3659
|
-
logo:
|
|
3660
|
-
secondaryLogoWrapper:
|
|
3661
|
-
slotComponent:
|
|
3662
|
-
slotContainer:
|
|
3663
|
-
slotText:
|
|
3664
|
-
secondaryLogo:
|
|
3665
|
-
redCrossLogo:
|
|
3666
|
-
primaryLogo:
|
|
3667
|
-
navItems:
|
|
3668
|
-
navLink:
|
|
3669
|
-
actions:
|
|
3670
|
-
ctaButton:
|
|
3671
|
-
themeToggle:
|
|
3672
|
-
userInfo:
|
|
3673
|
-
userName:
|
|
3674
|
-
loginLink:
|
|
3675
|
-
loginText:
|
|
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
3676
|
underline: Ar,
|
|
3677
|
-
searchButtonWrapper:
|
|
3678
|
-
buttonText:
|
|
3679
|
-
menuButton:
|
|
3680
|
-
menuOverlay:
|
|
3681
|
-
searchContent:
|
|
3682
|
-
menuContent:
|
|
3683
|
-
menuLeftColumn:
|
|
3684
|
-
menuRightColumn:
|
|
3685
|
-
slotContent:
|
|
3686
|
-
navList:
|
|
3687
|
-
menuUtilities:
|
|
3688
|
-
menuBrand:
|
|
3689
|
-
suggestionsSection:
|
|
3690
|
-
suggestionsTitle:
|
|
3691
|
-
searchResults:
|
|
3692
|
-
resultList:
|
|
3693
|
-
resultItem:
|
|
3694
|
-
resultLink:
|
|
3695
|
-
suggestionIcon:
|
|
3696
|
-
suggestionText:
|
|
3697
|
-
highlightedText:
|
|
3698
|
-
remainingText:
|
|
3699
|
-
viewAllLink:
|
|
3700
|
-
noResults:
|
|
3701
|
-
},
|
|
3677
|
+
searchButtonWrapper: Nr,
|
|
3678
|
+
buttonText: Mr,
|
|
3679
|
+
menuButton: jr,
|
|
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 = [
|
|
3702
3702
|
// Pages
|
|
3703
3703
|
{ id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
|
|
3704
3704
|
{ id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
|
|
@@ -3762,47 +3762,48 @@ const er = "_header_p2hri_1", tr = "_languageSwitch_p2hri_37", nr = "_searchOver
|
|
|
3762
3762
|
{ id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
|
|
3763
3763
|
{ id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
|
|
3764
3764
|
];
|
|
3765
|
-
function
|
|
3766
|
-
return
|
|
3767
|
-
}
|
|
3768
|
-
const
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
|
|
3772
|
-
|
|
3773
|
-
|
|
3774
|
-
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
|
|
3778
|
-
|
|
3779
|
-
|
|
3780
|
-
|
|
3781
|
-
|
|
3782
|
-
|
|
3783
|
-
|
|
3784
|
-
|
|
3785
|
-
|
|
3786
|
-
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
3790
|
-
|
|
3791
|
-
|
|
3792
|
-
|
|
3765
|
+
function na(n) {
|
|
3766
|
+
return n.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
|
|
3767
|
+
}
|
|
3768
|
+
const Li = ({
|
|
3769
|
+
variant: n = "default",
|
|
3770
|
+
"data-color": e = "primary",
|
|
3771
|
+
activePage: a,
|
|
3772
|
+
setPage: d,
|
|
3773
|
+
children: h,
|
|
3774
|
+
showUser: f = !0,
|
|
3775
|
+
showSearch: g = !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: N = !1,
|
|
3783
|
+
secondaryLogoSrc: p,
|
|
3784
|
+
secondaryLogoSrcDark: K,
|
|
3785
|
+
secondaryLogoAlt: X = "Secondary Logo",
|
|
3786
|
+
navItems: A,
|
|
3787
|
+
showNavItems: q = !0,
|
|
3788
|
+
showMenuButton: m = !0,
|
|
3789
|
+
showHeaderExtension: M = !1,
|
|
3790
|
+
showModeToggle: I = !1,
|
|
3791
|
+
showLanguageSwitch: F = !1,
|
|
3792
|
+
extensionColor: j,
|
|
3793
|
+
buttonStyle: L = "default",
|
|
3793
3794
|
userName: G,
|
|
3794
|
-
userInitials:
|
|
3795
|
-
userAvatarSrc:
|
|
3796
|
-
onUserClick:
|
|
3795
|
+
userInitials: ne,
|
|
3796
|
+
userAvatarSrc: H,
|
|
3797
|
+
onUserClick: J
|
|
3797
3798
|
}) => {
|
|
3798
|
-
const [
|
|
3799
|
-
|
|
3799
|
+
const [T, b] = O(!1), [l, C] = O(!1), [B, Y] = O(""), [y, E] = O("light"), { language: Q, setLanguage: le, t: v } = Te(), [Z, me] = O(!1);
|
|
3800
|
+
z(() => {
|
|
3800
3801
|
const i = "rk-header-inline-styles";
|
|
3801
3802
|
if (typeof document > "u" || document.getElementById(i)) return;
|
|
3802
|
-
const
|
|
3803
|
-
|
|
3803
|
+
const u = oa(s), x = document.createElement("style");
|
|
3804
|
+
x.id = i, x.textContent = u, document.head.appendChild(x);
|
|
3804
3805
|
}, []);
|
|
3805
|
-
const
|
|
3806
|
+
const ge = () => /* @__PURE__ */ r(
|
|
3806
3807
|
"svg",
|
|
3807
3808
|
{
|
|
3808
3809
|
width: "170",
|
|
@@ -3812,227 +3813,227 @@ const ci = ({
|
|
|
3812
3813
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3813
3814
|
"aria-hidden": !0,
|
|
3814
3815
|
focusable: "false",
|
|
3815
|
-
className:
|
|
3816
|
+
className: s.redCrossLogo,
|
|
3816
3817
|
children: [
|
|
3817
|
-
/* @__PURE__ */
|
|
3818
|
-
/* @__PURE__ */
|
|
3819
|
-
/* @__PURE__ */
|
|
3820
|
-
/* @__PURE__ */
|
|
3821
|
-
/* @__PURE__ */
|
|
3822
|
-
/* @__PURE__ */
|
|
3823
|
-
/* @__PURE__ */
|
|
3824
|
-
/* @__PURE__ */
|
|
3825
|
-
/* @__PURE__ */
|
|
3826
|
-
/* @__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" })
|
|
3827
3828
|
]
|
|
3828
3829
|
}
|
|
3829
3830
|
);
|
|
3830
|
-
|
|
3831
|
-
|
|
3832
|
-
}, [
|
|
3833
|
-
if (!(typeof document > "u") &&
|
|
3831
|
+
z(() => {
|
|
3832
|
+
b(!1), C(!1), Y("");
|
|
3833
|
+
}, [a]), z(() => {
|
|
3834
|
+
if (!(typeof document > "u") && T && Z) {
|
|
3834
3835
|
const i = document.body.style.overflow;
|
|
3835
3836
|
return document.body.style.overflow = "hidden", () => {
|
|
3836
3837
|
document.body.style.overflow = i;
|
|
3837
3838
|
};
|
|
3838
3839
|
}
|
|
3839
|
-
}, [
|
|
3840
|
+
}, [T, Z]), z(() => {
|
|
3840
3841
|
if (typeof window > "u" || typeof window.matchMedia > "u") return;
|
|
3841
|
-
const i = window.matchMedia("(max-width: 850px)"),
|
|
3842
|
-
return
|
|
3843
|
-
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);
|
|
3844
3845
|
};
|
|
3845
|
-
}, []),
|
|
3846
|
+
}, []), z(() => {
|
|
3846
3847
|
if (typeof document > "u") return;
|
|
3847
|
-
const i = document.querySelector(`.${
|
|
3848
|
+
const i = document.querySelector(`.${s.header}`);
|
|
3848
3849
|
if (!i) return;
|
|
3849
|
-
const
|
|
3850
|
-
const
|
|
3851
|
-
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`);
|
|
3852
3853
|
};
|
|
3853
|
-
|
|
3854
|
-
const
|
|
3855
|
-
|
|
3854
|
+
u(), window.addEventListener("resize", u);
|
|
3855
|
+
const x = new ResizeObserver(() => {
|
|
3856
|
+
u();
|
|
3856
3857
|
});
|
|
3857
|
-
return
|
|
3858
|
-
window.removeEventListener("resize",
|
|
3858
|
+
return x.observe(i), () => {
|
|
3859
|
+
window.removeEventListener("resize", u), x.disconnect();
|
|
3859
3860
|
};
|
|
3860
|
-
}, [Z]),
|
|
3861
|
+
}, [Z]), z(() => {
|
|
3861
3862
|
if (typeof document > "u") return;
|
|
3862
|
-
const i = document.querySelector(`.${
|
|
3863
|
+
const i = document.querySelector(`.${s.logoWrapper}`);
|
|
3863
3864
|
if (!i) return;
|
|
3864
|
-
const
|
|
3865
|
-
const
|
|
3866
|
-
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`);
|
|
3867
3868
|
};
|
|
3868
|
-
return
|
|
3869
|
-
}, [Z]),
|
|
3870
|
-
if (typeof document > "u" || !
|
|
3869
|
+
return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
|
|
3870
|
+
}, [Z]), z(() => {
|
|
3871
|
+
if (typeof document > "u" || !l) {
|
|
3871
3872
|
document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
|
|
3872
3873
|
return;
|
|
3873
3874
|
}
|
|
3874
|
-
const i = document.querySelector(`.${
|
|
3875
|
+
const i = document.querySelector(`.${s.searchOverlay}`);
|
|
3875
3876
|
if (!i) return;
|
|
3876
|
-
const
|
|
3877
|
-
const
|
|
3878
|
-
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`);
|
|
3879
3880
|
};
|
|
3880
|
-
requestAnimationFrame(
|
|
3881
|
-
const
|
|
3882
|
-
return
|
|
3883
|
-
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();
|
|
3884
3885
|
};
|
|
3885
|
-
}, [
|
|
3886
|
-
const
|
|
3887
|
-
const i =
|
|
3888
|
-
|
|
3889
|
-
},
|
|
3890
|
-
|
|
3891
|
-
},
|
|
3892
|
-
|
|
3893
|
-
const i = document.querySelector(`.${
|
|
3886
|
+
}, [l]);
|
|
3887
|
+
const c = () => {
|
|
3888
|
+
const i = y === "light" ? "dark" : "light";
|
|
3889
|
+
E(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(() => {
|
|
3894
|
+
const i = document.querySelector(`.${s.header}`);
|
|
3894
3895
|
if (i) {
|
|
3895
|
-
const
|
|
3896
|
-
document.documentElement.style.setProperty("--header-height-mobile", `${
|
|
3896
|
+
const u = i.offsetHeight;
|
|
3897
|
+
document.documentElement.style.setProperty("--header-height-mobile", `${u}px`);
|
|
3897
3898
|
}
|
|
3898
3899
|
});
|
|
3899
|
-
},
|
|
3900
|
-
|
|
3901
|
-
},
|
|
3902
|
-
if (!
|
|
3903
|
-
const i =
|
|
3904
|
-
return
|
|
3905
|
-
(
|
|
3900
|
+
}, oe = () => {
|
|
3901
|
+
C(!l), T && b(!1);
|
|
3902
|
+
}, re = fe(() => {
|
|
3903
|
+
if (!B.trim()) return [];
|
|
3904
|
+
const i = B.toLowerCase();
|
|
3905
|
+
return ta.filter(
|
|
3906
|
+
(u) => u.title.toLowerCase().startsWith(i)
|
|
3906
3907
|
);
|
|
3907
|
-
}, [
|
|
3908
|
-
|
|
3908
|
+
}, [B]), pe = (i) => {
|
|
3909
|
+
d && d(i), C(!1), Y("");
|
|
3909
3910
|
};
|
|
3910
|
-
return /* @__PURE__ */
|
|
3911
|
-
|
|
3912
|
-
|
|
3913
|
-
|
|
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}${j === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": j, children: /* @__PURE__ */ r("div", { className: s.extensionContentWrapper, children: [
|
|
3913
|
+
I && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
|
|
3914
|
+
Ae,
|
|
3914
3915
|
{
|
|
3915
3916
|
"data-size": "sm",
|
|
3916
|
-
checked:
|
|
3917
|
-
onChange:
|
|
3918
|
-
label:
|
|
3917
|
+
checked: y === "dark",
|
|
3918
|
+
onChange: c,
|
|
3919
|
+
label: v("header.darkMode"),
|
|
3919
3920
|
color: "neutral",
|
|
3920
3921
|
"data-color-scheme": "light"
|
|
3921
3922
|
}
|
|
3922
3923
|
) }),
|
|
3923
|
-
|
|
3924
|
-
|
|
3925
|
-
/* @__PURE__ */
|
|
3926
|
-
/* @__PURE__ */
|
|
3927
|
-
/* @__PURE__ */
|
|
3928
|
-
|
|
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,
|
|
3929
3930
|
{
|
|
3930
|
-
className:
|
|
3931
|
-
"aria-label":
|
|
3931
|
+
className: s.languageLink,
|
|
3932
|
+
"aria-label": v("header.selectLanguage"),
|
|
3932
3933
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
3933
3934
|
children: [
|
|
3934
|
-
|
|
3935
|
+
Q,
|
|
3935
3936
|
" ",
|
|
3936
|
-
/* @__PURE__ */
|
|
3937
|
+
/* @__PURE__ */ t(Be, { "aria-hidden": !0 })
|
|
3937
3938
|
]
|
|
3938
3939
|
}
|
|
3939
3940
|
),
|
|
3940
|
-
/* @__PURE__ */
|
|
3941
|
-
|
|
3941
|
+
/* @__PURE__ */ t(
|
|
3942
|
+
U,
|
|
3942
3943
|
{
|
|
3943
|
-
"data-color-scheme":
|
|
3944
|
+
"data-color-scheme": y,
|
|
3944
3945
|
placement: "bottom-end",
|
|
3945
|
-
children: /* @__PURE__ */
|
|
3946
|
-
/* @__PURE__ */
|
|
3947
|
-
/* @__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)" }) })
|
|
3948
3949
|
] })
|
|
3949
3950
|
}
|
|
3950
3951
|
)
|
|
3951
3952
|
] })
|
|
3952
3953
|
] })
|
|
3953
3954
|
] }) }),
|
|
3954
|
-
/* @__PURE__ */
|
|
3955
|
-
/* @__PURE__ */
|
|
3956
|
-
/* @__PURE__ */
|
|
3957
|
-
|
|
3955
|
+
/* @__PURE__ */ r("div", { className: s.headerInner, children: [
|
|
3956
|
+
/* @__PURE__ */ r("div", { className: s.logoWrapper, children: [
|
|
3957
|
+
/* @__PURE__ */ t(
|
|
3958
|
+
te,
|
|
3958
3959
|
{
|
|
3959
3960
|
href: "/",
|
|
3960
|
-
className: `${
|
|
3961
|
-
"aria-label":
|
|
3962
|
-
onClick:
|
|
3963
|
-
children: /* @__PURE__ */
|
|
3961
|
+
className: `${s.logo} ${s.primaryLogo}`,
|
|
3962
|
+
"aria-label": v("header.homeAriaLabel"),
|
|
3963
|
+
onClick: w,
|
|
3964
|
+
children: /* @__PURE__ */ t(ge, {})
|
|
3964
3965
|
}
|
|
3965
3966
|
),
|
|
3966
|
-
/* @__PURE__ */
|
|
3967
|
+
/* @__PURE__ */ t("div", { className: s.secondaryLogoWrapper, children: N && p ? /* @__PURE__ */ t(
|
|
3967
3968
|
"img",
|
|
3968
3969
|
{
|
|
3969
|
-
src:
|
|
3970
|
-
alt:
|
|
3971
|
-
className:
|
|
3970
|
+
src: y === "dark" && K ? K : p,
|
|
3971
|
+
alt: X,
|
|
3972
|
+
className: s.secondaryLogo
|
|
3972
3973
|
}
|
|
3973
|
-
) :
|
|
3974
|
+
) : N ? /* @__PURE__ */ t("div", { className: s.slotComponent, children: /* @__PURE__ */ t("div", { className: s.slotContainer, children: /* @__PURE__ */ t("p", { className: s.slotText, children: "SLOT" }) }) }) : null })
|
|
3974
3975
|
] }),
|
|
3975
|
-
|
|
3976
|
-
|
|
3976
|
+
q && A && A.length > 0 && !Z && /* @__PURE__ */ t("nav", { className: s.navItems, children: A.map((i, u) => /* @__PURE__ */ t(
|
|
3977
|
+
te,
|
|
3977
3978
|
{
|
|
3978
3979
|
href: i.href,
|
|
3979
|
-
className:
|
|
3980
|
-
onClick: (
|
|
3981
|
-
|
|
3980
|
+
className: s.navLink,
|
|
3981
|
+
onClick: (x) => {
|
|
3982
|
+
d && (x.preventDefault(), d(i.href));
|
|
3982
3983
|
},
|
|
3983
3984
|
children: i.label
|
|
3984
3985
|
},
|
|
3985
|
-
|
|
3986
|
+
u
|
|
3986
3987
|
)) }),
|
|
3987
|
-
/* @__PURE__ */
|
|
3988
|
-
|
|
3989
|
-
|
|
3988
|
+
/* @__PURE__ */ r("div", { className: s.actions, children: [
|
|
3989
|
+
D && /* @__PURE__ */ r(
|
|
3990
|
+
ce,
|
|
3990
3991
|
{
|
|
3991
3992
|
variant: "primary",
|
|
3992
3993
|
"data-color": "main",
|
|
3993
3994
|
"data-size": "md",
|
|
3994
|
-
className:
|
|
3995
|
-
onClick:
|
|
3995
|
+
className: s.ctaButton,
|
|
3996
|
+
onClick: _,
|
|
3996
3997
|
children: [
|
|
3997
|
-
|
|
3998
|
-
/* @__PURE__ */
|
|
3998
|
+
R,
|
|
3999
|
+
/* @__PURE__ */ t("span", { className: R ? s.buttonText : void 0, children: S || v("header.supportUs") })
|
|
3999
4000
|
]
|
|
4000
4001
|
}
|
|
4001
4002
|
),
|
|
4002
|
-
!
|
|
4003
|
-
|
|
4003
|
+
!M && V && /* @__PURE__ */ t("div", { className: s.themeToggle, children: /* @__PURE__ */ t(
|
|
4004
|
+
Ae,
|
|
4004
4005
|
{
|
|
4005
|
-
checked:
|
|
4006
|
-
onChange:
|
|
4007
|
-
"aria-label":
|
|
4006
|
+
checked: y === "dark",
|
|
4007
|
+
onChange: c,
|
|
4008
|
+
"aria-label": v("header.toggleTheme")
|
|
4008
4009
|
}
|
|
4009
4010
|
) }),
|
|
4010
|
-
|
|
4011
|
-
const i = G ?? "Frodo Baggins",
|
|
4012
|
-
return /* @__PURE__ */
|
|
4011
|
+
f && (() => {
|
|
4012
|
+
const i = G ?? "Frodo Baggins", u = ne ?? (G ? na(G) : "FB"), x = !!J;
|
|
4013
|
+
return /* @__PURE__ */ r(
|
|
4013
4014
|
"div",
|
|
4014
4015
|
{
|
|
4015
|
-
className:
|
|
4016
|
-
onClick:
|
|
4017
|
-
role:
|
|
4018
|
-
tabIndex:
|
|
4019
|
-
onKeyDown:
|
|
4020
|
-
(
|
|
4016
|
+
className: s.userInfo,
|
|
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());
|
|
4021
4022
|
} : void 0,
|
|
4022
|
-
style:
|
|
4023
|
+
style: x ? { cursor: "pointer" } : void 0,
|
|
4023
4024
|
children: [
|
|
4024
|
-
/* @__PURE__ */
|
|
4025
|
-
/* @__PURE__ */
|
|
4025
|
+
/* @__PURE__ */ t(xe, { "data-size": "md", className: s.userName, children: i }),
|
|
4026
|
+
/* @__PURE__ */ t(
|
|
4026
4027
|
Ke,
|
|
4027
4028
|
{
|
|
4028
4029
|
"aria-label": i,
|
|
4029
4030
|
"data-color": "main",
|
|
4030
4031
|
variant: "circle",
|
|
4031
|
-
initials:
|
|
4032
|
-
children:
|
|
4032
|
+
initials: H ? void 0 : u,
|
|
4033
|
+
children: H ? /* @__PURE__ */ t(
|
|
4033
4034
|
"img",
|
|
4034
4035
|
{
|
|
4035
|
-
src:
|
|
4036
|
+
src: H,
|
|
4036
4037
|
alt: "",
|
|
4037
4038
|
style: { width: "100%", height: "100%", objectFit: "cover" }
|
|
4038
4039
|
}
|
|
@@ -4043,175 +4044,175 @@ const ci = ({
|
|
|
4043
4044
|
}
|
|
4044
4045
|
);
|
|
4045
4046
|
})(),
|
|
4046
|
-
|
|
4047
|
-
/* @__PURE__ */
|
|
4048
|
-
/* @__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 })
|
|
4049
4050
|
] }),
|
|
4050
|
-
|
|
4051
|
-
|
|
4051
|
+
g && /* @__PURE__ */ t("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ r(
|
|
4052
|
+
ce,
|
|
4052
4053
|
{
|
|
4053
4054
|
variant: "secondary",
|
|
4054
|
-
shape:
|
|
4055
|
-
"data-color":
|
|
4055
|
+
shape: L === "soft" ? "pill" : void 0,
|
|
4056
|
+
"data-color": L === "soft" ? "neutral" : "main",
|
|
4056
4057
|
"data-size": "md",
|
|
4057
|
-
onClick:
|
|
4058
|
-
"aria-expanded":
|
|
4059
|
-
"aria-label":
|
|
4058
|
+
onClick: oe,
|
|
4059
|
+
"aria-expanded": l,
|
|
4060
|
+
"aria-label": v(l ? "header.closeSearch" : "header.openSearch"),
|
|
4060
4061
|
children: [
|
|
4061
|
-
|
|
4062
|
-
/* @__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") })
|
|
4063
4064
|
]
|
|
4064
4065
|
}
|
|
4065
4066
|
) }),
|
|
4066
|
-
(
|
|
4067
|
-
|
|
4067
|
+
(m || Z) && /* @__PURE__ */ t(
|
|
4068
|
+
ce,
|
|
4068
4069
|
{
|
|
4069
|
-
variant:
|
|
4070
|
-
shape:
|
|
4070
|
+
variant: L === "soft" ? "soft" : "primary",
|
|
4071
|
+
shape: L === "soft" ? "pill" : void 0,
|
|
4071
4072
|
"data-color": "main",
|
|
4072
4073
|
"data-size": "md",
|
|
4073
|
-
onClick:
|
|
4074
|
-
"aria-expanded":
|
|
4075
|
-
"aria-label": T
|
|
4076
|
-
className:
|
|
4077
|
-
children:
|
|
4078
|
-
/* @__PURE__ */
|
|
4079
|
-
|
|
4080
|
-
] }) : /* @__PURE__ */
|
|
4081
|
-
|
|
4082
|
-
/* @__PURE__ */
|
|
4074
|
+
onClick: $,
|
|
4075
|
+
"aria-expanded": T,
|
|
4076
|
+
"aria-label": v(T ? "header.closeMenu" : "header.openMenu"),
|
|
4077
|
+
className: s.menuButton,
|
|
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") })
|
|
4083
4084
|
] })
|
|
4084
4085
|
}
|
|
4085
4086
|
)
|
|
4086
4087
|
] })
|
|
4087
4088
|
] }),
|
|
4088
|
-
|
|
4089
|
-
/* @__PURE__ */
|
|
4090
|
-
/* @__PURE__ */
|
|
4091
|
-
Z && (
|
|
4092
|
-
|
|
4093
|
-
/* @__PURE__ */
|
|
4094
|
-
/* @__PURE__ */
|
|
4095
|
-
/* @__PURE__ */
|
|
4096
|
-
|
|
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,
|
|
4097
4098
|
{
|
|
4098
|
-
className:
|
|
4099
|
-
"aria-label":
|
|
4099
|
+
className: s.languageLink,
|
|
4100
|
+
"aria-label": v("header.selectLanguage"),
|
|
4100
4101
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
4101
4102
|
children: [
|
|
4102
|
-
|
|
4103
|
+
Q,
|
|
4103
4104
|
" ",
|
|
4104
|
-
/* @__PURE__ */
|
|
4105
|
+
/* @__PURE__ */ t(Be, { "aria-hidden": !0 })
|
|
4105
4106
|
]
|
|
4106
4107
|
}
|
|
4107
4108
|
),
|
|
4108
|
-
/* @__PURE__ */
|
|
4109
|
-
|
|
4109
|
+
/* @__PURE__ */ t(
|
|
4110
|
+
U,
|
|
4110
4111
|
{
|
|
4111
|
-
"data-color-scheme":
|
|
4112
|
+
"data-color-scheme": y,
|
|
4112
4113
|
placement: "bottom-start",
|
|
4113
|
-
children: /* @__PURE__ */
|
|
4114
|
-
/* @__PURE__ */
|
|
4115
|
-
/* @__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)" }) })
|
|
4116
4117
|
] })
|
|
4117
4118
|
}
|
|
4118
4119
|
)
|
|
4119
4120
|
] })
|
|
4120
4121
|
] }),
|
|
4121
|
-
|
|
4122
|
-
|
|
4122
|
+
I && /* @__PURE__ */ t("div", { className: s.extensionContent, children: /* @__PURE__ */ t(
|
|
4123
|
+
Ae,
|
|
4123
4124
|
{
|
|
4124
4125
|
"data-size": "sm",
|
|
4125
|
-
checked:
|
|
4126
|
-
onChange:
|
|
4127
|
-
label:
|
|
4126
|
+
checked: y === "dark",
|
|
4127
|
+
onChange: c,
|
|
4128
|
+
label: v("header.darkMode"),
|
|
4128
4129
|
color: "neutral",
|
|
4129
4130
|
"data-color-scheme": "light"
|
|
4130
4131
|
}
|
|
4131
4132
|
) })
|
|
4132
4133
|
] }),
|
|
4133
|
-
/* @__PURE__ */
|
|
4134
|
-
|
|
4135
|
-
Z &&
|
|
4136
|
-
|
|
4134
|
+
/* @__PURE__ */ r("div", { className: s.slotContent, children: [
|
|
4135
|
+
h,
|
|
4136
|
+
Z && q && A && A.length > 0 && /* @__PURE__ */ t("nav", { className: s.navList, children: A.map((i, u) => /* @__PURE__ */ t(
|
|
4137
|
+
te,
|
|
4137
4138
|
{
|
|
4138
4139
|
href: i.href,
|
|
4139
|
-
className:
|
|
4140
|
-
onClick: (
|
|
4141
|
-
|
|
4140
|
+
className: s.navLink,
|
|
4141
|
+
onClick: (x) => {
|
|
4142
|
+
d && (x.preventDefault(), d(i.href));
|
|
4142
4143
|
},
|
|
4143
4144
|
children: i.label
|
|
4144
4145
|
},
|
|
4145
|
-
|
|
4146
|
+
u
|
|
4146
4147
|
)) })
|
|
4147
4148
|
] }),
|
|
4148
|
-
Z && /* @__PURE__ */
|
|
4149
|
+
Z && /* @__PURE__ */ t("div", { className: s.menuBrand, children: /* @__PURE__ */ t(ge, {}) })
|
|
4149
4150
|
] })
|
|
4150
4151
|
] }) }),
|
|
4151
|
-
|
|
4152
|
-
/* @__PURE__ */
|
|
4153
|
-
/* @__PURE__ */
|
|
4154
|
-
|
|
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,
|
|
4155
4156
|
{
|
|
4156
|
-
"aria-label":
|
|
4157
|
-
placeholder:
|
|
4158
|
-
value:
|
|
4159
|
-
onChange: (i) =>
|
|
4157
|
+
"aria-label": v("header.search"),
|
|
4158
|
+
placeholder: v("header.searchPlaceholder"),
|
|
4159
|
+
value: B,
|
|
4160
|
+
onChange: (i) => Y(i.target.value)
|
|
4160
4161
|
}
|
|
4161
4162
|
),
|
|
4162
|
-
/* @__PURE__ */
|
|
4163
|
-
/* @__PURE__ */
|
|
4163
|
+
/* @__PURE__ */ t(Ce.Button, { "aria-label": v("header.search") }),
|
|
4164
|
+
/* @__PURE__ */ t(Ce.ClearButton, { onClick: () => Y(""), "aria-label": v("header.clearSearch") })
|
|
4164
4165
|
] }),
|
|
4165
|
-
|
|
4166
|
-
/* @__PURE__ */
|
|
4167
|
-
/* @__PURE__ */
|
|
4166
|
+
B && /* @__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(
|
|
4168
4169
|
"button",
|
|
4169
4170
|
{
|
|
4170
|
-
className:
|
|
4171
|
-
onClick: () =>
|
|
4171
|
+
className: s.resultLink,
|
|
4172
|
+
onClick: () => pe(i.path),
|
|
4172
4173
|
children: [
|
|
4173
|
-
/* @__PURE__ */
|
|
4174
|
-
/* @__PURE__ */
|
|
4175
|
-
const
|
|
4176
|
-
if (
|
|
4177
|
-
const
|
|
4178
|
-
return /* @__PURE__ */
|
|
4179
|
-
/* @__PURE__ */
|
|
4180
|
-
/* @__PURE__ */
|
|
4181
|
-
/* @__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(B.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 + B.length), Xe = i.title.slice(u + B.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 })
|
|
4182
4183
|
] });
|
|
4183
4184
|
})() })
|
|
4184
4185
|
]
|
|
4185
4186
|
}
|
|
4186
4187
|
) }, i.id)) }),
|
|
4187
|
-
|
|
4188
|
-
|
|
4188
|
+
re.length > 5 && /* @__PURE__ */ r(
|
|
4189
|
+
te,
|
|
4189
4190
|
{
|
|
4190
4191
|
href: "#",
|
|
4191
4192
|
"data-color": "neutral",
|
|
4192
|
-
className:
|
|
4193
|
+
className: s.viewAllLink,
|
|
4193
4194
|
onClick: (i) => {
|
|
4194
|
-
i.preventDefault(),
|
|
4195
|
+
i.preventDefault(), d && d(`search/${B}`), C(!1), Y("");
|
|
4195
4196
|
},
|
|
4196
4197
|
children: [
|
|
4197
|
-
|
|
4198
|
+
v("header.viewAll"),
|
|
4198
4199
|
" (",
|
|
4199
|
-
|
|
4200
|
+
re.length,
|
|
4200
4201
|
")"
|
|
4201
4202
|
]
|
|
4202
4203
|
}
|
|
4203
4204
|
)
|
|
4204
|
-
] }) : /* @__PURE__ */
|
|
4205
|
-
|
|
4205
|
+
] }) : /* @__PURE__ */ t("div", { className: s.noResults, children: /* @__PURE__ */ r(xe, { children: [
|
|
4206
|
+
v("header.noResults"),
|
|
4206
4207
|
' "',
|
|
4207
|
-
|
|
4208
|
+
B,
|
|
4208
4209
|
'"'
|
|
4209
4210
|
] }) }) })
|
|
4210
4211
|
] }) })
|
|
4211
4212
|
] });
|
|
4212
4213
|
};
|
|
4213
|
-
function
|
|
4214
|
-
const e =
|
|
4214
|
+
function oa(n) {
|
|
4215
|
+
const e = n;
|
|
4215
4216
|
return `
|
|
4216
4217
|
.${e.header} {
|
|
4217
4218
|
width: 100%;
|
|
@@ -4383,97 +4384,117 @@ function ns(t) {
|
|
|
4383
4384
|
}
|
|
4384
4385
|
`;
|
|
4385
4386
|
}
|
|
4386
|
-
const
|
|
4387
|
-
footer:
|
|
4388
|
-
mainSection:
|
|
4389
|
-
mainContainer:
|
|
4390
|
-
crossCornerTopRight:
|
|
4391
|
-
crossCornerBottomLeft:
|
|
4392
|
-
contentRow:
|
|
4393
|
-
newsletterSection:
|
|
4394
|
-
newsletterDescription:
|
|
4395
|
-
newsletterForm:
|
|
4396
|
-
newsletterInputGroup:
|
|
4397
|
-
newsletterInput:
|
|
4398
|
-
consentText:
|
|
4399
|
-
linksSection:
|
|
4400
|
-
linksColumn:
|
|
4401
|
-
linksTitle:
|
|
4402
|
-
linksList:
|
|
4403
|
-
footerLink:
|
|
4404
|
-
divider:
|
|
4405
|
-
contactSection:
|
|
4406
|
-
contactColumn:
|
|
4407
|
-
contactTitle:
|
|
4408
|
-
contactContent:
|
|
4409
|
-
copyrightSection:
|
|
4410
|
-
copyrightText:
|
|
4411
|
-
whiteSection:
|
|
4412
|
-
whiteContainer:
|
|
4413
|
-
whiteContent:
|
|
4414
|
-
logo:
|
|
4415
|
-
redCrossLogo:
|
|
4416
|
-
slotLarge:
|
|
4417
|
-
contentRowContact:
|
|
4418
|
-
socialLinksSection:
|
|
4419
|
-
socialLinksTitle:
|
|
4420
|
-
socialLinksList:
|
|
4421
|
-
socialLink:
|
|
4422
|
-
socialLinkIcon:
|
|
4423
|
-
contactPersonsSection:
|
|
4424
|
-
contactPersonsTitle:
|
|
4425
|
-
contactPersonsGrid:
|
|
4426
|
-
contactPersonCard:
|
|
4427
|
-
contactPersonName:
|
|
4428
|
-
contactPersonRole:
|
|
4429
|
-
contactPersonDetails:
|
|
4430
|
-
contactPersonLabel:
|
|
4431
|
-
contactPersonEmail:
|
|
4432
|
-
contactPersonPhone:
|
|
4433
|
-
contactPersonAddress:
|
|
4434
|
-
bottomRowContact:
|
|
4435
|
-
legalLinksRow:
|
|
4436
|
-
legalLink:
|
|
4437
|
-
|
|
4438
|
-
|
|
4387
|
+
const ra = "_footer_12vvu_1", aa = "_mainSection_12vvu_7", sa = "_mainContainer_12vvu_25", ia = "_crossCornerTopRight_12vvu_35", la = "_crossCornerBottomLeft_12vvu_42", da = "_contentRow_12vvu_50", ca = "_newsletterSection_12vvu_60", pa = "_newsletterDescription_12vvu_67", ma = "_newsletterForm_12vvu_76", ga = "_newsletterInputGroup_12vvu_82", ua = "_newsletterInput_12vvu_82", ha = "_consentText_12vvu_93", fa = "_linksSection_12vvu_103", ka = "_linksColumn_12vvu_109", va = "_linksTitle_12vvu_116", ba = "_linksList_12vvu_127", ya = "_footerLink_12vvu_136", xa = "_divider_12vvu_158", Ta = "_contactSection_12vvu_166", Ca = "_contactColumn_12vvu_173", wa = "_contactTitle_12vvu_181", Sa = "_contactContent_12vvu_190", Ia = "_copyrightSection_12vvu_204", _a = "_copyrightText_12vvu_209", Da = "_whiteSection_12vvu_219", La = "_whiteContainer_12vvu_224", Aa = "_whiteContent_12vvu_232", Na = "_logo_12vvu_240", Ma = "_redCrossLogo_12vvu_254", ja = "_slotLarge_12vvu_260", Fa = "_contentRowContact_12vvu_315", Ba = "_socialLinksSection_12vvu_325", Ea = "_socialLinksTitle_12vvu_332", $a = "_socialLinksList_12vvu_343", Pa = "_socialLink_12vvu_325", za = "_socialLinkIcon_12vvu_376", Ra = "_contactPersonsSection_12vvu_391", Ga = "_contactPersonsTitle_12vvu_398", Wa = "_contactPersonsGrid_12vvu_409", Ha = "_contactPersonCard_12vvu_415", Ua = "_contactPersonName_12vvu_422", Va = "_contactPersonRole_12vvu_431", Oa = "_contactPersonDetails_12vvu_440", Ka = "_contactPersonLabel_12vvu_447", qa = "_contactPersonEmail_12vvu_451", Ya = "_contactPersonPhone_12vvu_452", Za = "_contactPersonAddress_12vvu_453", Xa = "_bottomRowContact_12vvu_474", Ja = "_legalLinksRow_12vvu_483", Qa = "_legalLink_12vvu_483", es = "_dpMain_12vvu_558", ts = "_dpContainer_12vvu_567", ns = "_dpColumns_12vvu_575", os = "_dpColumn_12vvu_575", rs = "_dpColTitle_12vvu_588", as = "_dpList_12vvu_596", ss = "_dpLink_12vvu_605", is = "_dpDivider_12vvu_619", ls = "_dpMeta_12vvu_627", ds = "_dpMetaCol_12vvu_633", cs = "_dpMetaTitle_12vvu_641", ps = "_dpMetaText_12vvu_649", ms = "_dpBottom_12vvu_657", gs = "_dpLegal_12vvu_665", us = "_dpLegalLink_12vvu_674", hs = "_dpCopyright_12vvu_686", fs = "_dpLogoBox_12vvu_694", ks = "_dpLogoImg_12vvu_710", 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: Aa,
|
|
4415
|
+
logo: Na,
|
|
4416
|
+
redCrossLogo: Ma,
|
|
4417
|
+
slotLarge: ja,
|
|
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
|
+
dpLogoBox: fs,
|
|
4455
|
+
dpLogoImg: ks
|
|
4456
|
+
}, Ai = ({
|
|
4457
|
+
"data-color": n = "neutral",
|
|
4439
4458
|
variant: e = "default",
|
|
4440
|
-
|
|
4441
|
-
|
|
4442
|
-
|
|
4443
|
-
|
|
4444
|
-
|
|
4445
|
-
|
|
4446
|
-
|
|
4447
|
-
|
|
4448
|
-
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
|
|
4456
|
-
|
|
4457
|
-
|
|
4458
|
-
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
|
|
4459
|
+
colorScheme: a,
|
|
4460
|
+
columns: d,
|
|
4461
|
+
showCrossCorners: h = !1,
|
|
4462
|
+
newsletterDescription: f = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
|
|
4463
|
+
newsletterPlaceholder: g = "Input tekst",
|
|
4464
|
+
newsletterButtonText: k = "Meld deg på",
|
|
4465
|
+
newsletterConsentText: D,
|
|
4466
|
+
onNewsletterSubmit: S,
|
|
4467
|
+
hideNewsletter: R = !1,
|
|
4468
|
+
shortcutsLinks: _,
|
|
4469
|
+
linksLinks: V,
|
|
4470
|
+
shortcutsTitle: N,
|
|
4471
|
+
linksTitle: p,
|
|
4472
|
+
visitingAddress: K = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
|
|
4473
|
+
organizationNumber: X = "XXX XXX XXX",
|
|
4474
|
+
email: A = "post@redcross.no",
|
|
4475
|
+
showPrimaryLogo: q = !0,
|
|
4476
|
+
primaryLogoSrc: m,
|
|
4477
|
+
primaryLogoAlt: M = "Røde Kors Logo",
|
|
4478
|
+
whiteSectionSlot: I,
|
|
4479
|
+
socialLinks: F = [],
|
|
4480
|
+
contactPersons: j = [],
|
|
4481
|
+
legalLinks: L = [],
|
|
4482
|
+
socialLinksTitle: G,
|
|
4483
|
+
contactPersonsTitle: ne
|
|
4463
4484
|
} = {}) => {
|
|
4464
|
-
const
|
|
4465
|
-
const
|
|
4466
|
-
return
|
|
4485
|
+
const H = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = Te(), [T, b] = Ne.useState(""), l = (c, w) => {
|
|
4486
|
+
const $ = J(c);
|
|
4487
|
+
return $ === c ? w : $;
|
|
4467
4488
|
};
|
|
4468
4489
|
Ne.useEffect(() => {
|
|
4469
|
-
const
|
|
4470
|
-
if (typeof document > "u" || document.getElementById(
|
|
4471
|
-
const
|
|
4472
|
-
|
|
4490
|
+
const c = "rk-footer-inline-styles";
|
|
4491
|
+
if (typeof document > "u" || document.getElementById(c)) return;
|
|
4492
|
+
const w = vs(o), $ = document.createElement("style");
|
|
4493
|
+
$.id = c, $.textContent = w, document.head.appendChild($);
|
|
4473
4494
|
}, []);
|
|
4474
|
-
const
|
|
4475
|
-
|
|
4476
|
-
},
|
|
4495
|
+
const C = (c) => {
|
|
4496
|
+
c.preventDefault(), S == null || S(T);
|
|
4497
|
+
}, B = () => /* @__PURE__ */ r(
|
|
4477
4498
|
"svg",
|
|
4478
4499
|
{
|
|
4479
4500
|
width: "170",
|
|
@@ -4483,190 +4504,238 @@ const os = "_footer_1l5de_1", rs = "_mainSection_1l5de_7", ss = "_mainContainer_
|
|
|
4483
4504
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4484
4505
|
"aria-hidden": !0,
|
|
4485
4506
|
focusable: "false",
|
|
4486
|
-
className:
|
|
4507
|
+
className: o.redCrossLogo,
|
|
4487
4508
|
children: [
|
|
4488
|
-
/* @__PURE__ */
|
|
4489
|
-
/* @__PURE__ */
|
|
4490
|
-
/* @__PURE__ */
|
|
4491
|
-
/* @__PURE__ */
|
|
4492
|
-
/* @__PURE__ */
|
|
4493
|
-
/* @__PURE__ */
|
|
4494
|
-
/* @__PURE__ */
|
|
4495
|
-
/* @__PURE__ */
|
|
4496
|
-
/* @__PURE__ */
|
|
4497
|
-
/* @__PURE__ */
|
|
4509
|
+
/* @__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" }),
|
|
4510
|
+
/* @__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" }),
|
|
4511
|
+
/* @__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" }),
|
|
4512
|
+
/* @__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" }),
|
|
4513
|
+
/* @__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" }),
|
|
4514
|
+
/* @__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" }),
|
|
4515
|
+
/* @__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" }),
|
|
4516
|
+
/* @__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" }),
|
|
4517
|
+
/* @__PURE__ */ t("path", { d: "M50.1985 39.8037H37.1426V79.1965H50.1985V39.8037Z", fill: "#D52B1E" }),
|
|
4518
|
+
/* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
|
|
4498
4519
|
]
|
|
4499
4520
|
}
|
|
4500
|
-
),
|
|
4501
|
-
{ label:
|
|
4502
|
-
{ label:
|
|
4503
|
-
{ label:
|
|
4504
|
-
{ label:
|
|
4505
|
-
{ label:
|
|
4506
|
-
{ label:
|
|
4507
|
-
],
|
|
4508
|
-
{ label:
|
|
4509
|
-
{ label:
|
|
4510
|
-
{ label:
|
|
4511
|
-
{ label:
|
|
4512
|
-
],
|
|
4521
|
+
), Y = [
|
|
4522
|
+
{ label: l("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
|
|
4523
|
+
{ label: l("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
|
|
4524
|
+
{ label: l("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
|
|
4525
|
+
{ label: l("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
|
|
4526
|
+
{ label: l("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
|
|
4527
|
+
{ label: l("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
|
|
4528
|
+
], y = [
|
|
4529
|
+
{ label: l("footer.legal.privacy", "Personvern"), href: "#" },
|
|
4530
|
+
{ label: l("footer.legal.press", "For presse"), href: "#" },
|
|
4531
|
+
{ label: l("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
|
|
4532
|
+
{ label: l("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
|
|
4533
|
+
], E = /* @__PURE__ */ r(Se, { children: [
|
|
4513
4534
|
'Ved å trykke "',
|
|
4514
|
-
|
|
4535
|
+
k,
|
|
4515
4536
|
'" samtykker du til å motta nyhetsbrev.',
|
|
4516
|
-
/* @__PURE__ */
|
|
4537
|
+
/* @__PURE__ */ t("br", {}),
|
|
4517
4538
|
"Du kan når som helst ",
|
|
4518
|
-
/* @__PURE__ */
|
|
4539
|
+
/* @__PURE__ */ t(te, { href: "#", children: "melde deg av" }),
|
|
4519
4540
|
" nyhetsbrevet uten kostnad."
|
|
4520
|
-
] }),
|
|
4521
|
-
|
|
4522
|
-
/* @__PURE__ */
|
|
4523
|
-
/* @__PURE__ */
|
|
4524
|
-
|
|
4525
|
-
] }) },
|
|
4526
|
-
] }),
|
|
4527
|
-
/* @__PURE__ */
|
|
4528
|
-
/* @__PURE__ */
|
|
4529
|
-
/* @__PURE__ */
|
|
4530
|
-
/* @__PURE__ */
|
|
4531
|
-
/* @__PURE__ */
|
|
4532
|
-
|
|
4541
|
+
] }), Q = _ || Y, le = V || y, v = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
|
|
4542
|
+
G && /* @__PURE__ */ t("h3", { className: o.socialLinksTitle, children: G }),
|
|
4543
|
+
/* @__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: [
|
|
4544
|
+
/* @__PURE__ */ t("span", { className: o.socialLinkIcon, children: c.icon }),
|
|
4545
|
+
c.label
|
|
4546
|
+
] }) }, w)) })
|
|
4547
|
+
] }), Z = ({ person: c }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
|
|
4548
|
+
/* @__PURE__ */ t("p", { className: o.contactPersonName, children: c.name }),
|
|
4549
|
+
/* @__PURE__ */ t("p", { className: o.contactPersonRole, children: c.role }),
|
|
4550
|
+
/* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
|
|
4551
|
+
/* @__PURE__ */ r("p", { className: o.contactPersonEmail, children: [
|
|
4552
|
+
/* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
|
|
4553
|
+
l("footer.contact.email", "E-post"),
|
|
4533
4554
|
":"
|
|
4534
4555
|
] }),
|
|
4535
4556
|
" ",
|
|
4536
|
-
/* @__PURE__ */
|
|
4557
|
+
/* @__PURE__ */ t(te, { href: `mailto:${c.email}`, children: c.email })
|
|
4537
4558
|
] }),
|
|
4538
|
-
|
|
4539
|
-
/* @__PURE__ */
|
|
4540
|
-
|
|
4559
|
+
c.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
|
|
4560
|
+
/* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
|
|
4561
|
+
l("footer.contact.phone", "Telefon"),
|
|
4541
4562
|
":"
|
|
4542
4563
|
] }),
|
|
4543
4564
|
" ",
|
|
4544
|
-
|
|
4565
|
+
c.phone
|
|
4545
4566
|
] }),
|
|
4546
|
-
|
|
4567
|
+
c.address && /* @__PURE__ */ t("p", { className: o.contactPersonAddress, children: c.address })
|
|
4547
4568
|
] })
|
|
4548
|
-
] }),
|
|
4549
|
-
|
|
4550
|
-
/* @__PURE__ */
|
|
4551
|
-
] }),
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4569
|
+
] }), me = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
|
|
4570
|
+
ne && /* @__PURE__ */ t("h3", { className: o.contactPersonsTitle, children: ne }),
|
|
4571
|
+
/* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children: j.map((c, w) => /* @__PURE__ */ t(Z, { person: c }, w)) })
|
|
4572
|
+
] }), 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)) });
|
|
4573
|
+
if (e === "columns") {
|
|
4574
|
+
const c = [
|
|
4575
|
+
{
|
|
4576
|
+
title: l("footer.contact.title", "Kontakt"),
|
|
4577
|
+
links: Y
|
|
4578
|
+
},
|
|
4579
|
+
{
|
|
4580
|
+
title: l("footer.bidra", "Bidra"),
|
|
4581
|
+
links: Y
|
|
4582
|
+
},
|
|
4583
|
+
{
|
|
4584
|
+
title: l("footer.shortcuts", "Snarveier"),
|
|
4585
|
+
links: Y
|
|
4586
|
+
}
|
|
4587
|
+
], w = d && d.length > 0 ? d : c, $ = L.length > 0 ? L : y;
|
|
4588
|
+
return /* @__PURE__ */ t("footer", { className: o.footer, "data-color": n, "data-color-scheme": a, children: /* @__PURE__ */ t("div", { className: o.dpMain, children: /* @__PURE__ */ r("div", { className: o.dpContainer, children: [
|
|
4589
|
+
/* @__PURE__ */ t("div", { className: o.dpColumns, children: w.map((oe, re) => /* @__PURE__ */ r("nav", { className: o.dpColumn, "aria-label": oe.title, children: [
|
|
4590
|
+
/* @__PURE__ */ t("h3", { className: o.dpColTitle, children: oe.title }),
|
|
4591
|
+
/* @__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)) })
|
|
4592
|
+
] }, re)) }),
|
|
4593
|
+
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4594
|
+
/* @__PURE__ */ r("div", { className: o.dpMeta, children: [
|
|
4595
|
+
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4596
|
+
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.visitingAddress", "Besøksadresse") }),
|
|
4597
|
+
K.map((oe, re) => /* @__PURE__ */ t("p", { className: o.dpMetaText, children: oe }, re))
|
|
4598
|
+
] }),
|
|
4599
|
+
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4600
|
+
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4601
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: X })
|
|
4602
|
+
] }),
|
|
4603
|
+
/* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
|
|
4604
|
+
/* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: l("footer.contact.email", "E-post") }),
|
|
4605
|
+
/* @__PURE__ */ t("p", { className: o.dpMetaText, children: A })
|
|
4606
|
+
] })
|
|
4607
|
+
] }),
|
|
4608
|
+
/* @__PURE__ */ t("hr", { className: o.dpDivider }),
|
|
4609
|
+
/* @__PURE__ */ r("div", { className: o.dpBottom, children: [
|
|
4610
|
+
/* @__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)) }),
|
|
4611
|
+
/* @__PURE__ */ r("p", { className: o.dpCopyright, children: [
|
|
4612
|
+
"© ",
|
|
4613
|
+
H,
|
|
4614
|
+
" ",
|
|
4615
|
+
l("footer.copyright", "Røde Kors")
|
|
4616
|
+
] })
|
|
4617
|
+
] }),
|
|
4618
|
+
m ? /* @__PURE__ */ t("img", { src: m, alt: M, className: o.dpLogoImg }) : /* @__PURE__ */ t("div", { className: o.dpLogoBox, "data-color-scheme": "light", children: /* @__PURE__ */ t(B, {}) })
|
|
4619
|
+
] }) }) });
|
|
4620
|
+
}
|
|
4621
|
+
return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4622
|
+
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4623
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(ye, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
|
|
4624
|
+
/* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
|
|
4625
|
+
F.length > 0 && /* @__PURE__ */ t(v, {}),
|
|
4626
|
+
j.length > 0 && /* @__PURE__ */ t(me, {})
|
|
4558
4627
|
] }),
|
|
4559
|
-
/* @__PURE__ */
|
|
4560
|
-
/* @__PURE__ */
|
|
4561
|
-
/* @__PURE__ */
|
|
4562
|
-
/* @__PURE__ */
|
|
4563
|
-
/* @__PURE__ */
|
|
4628
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4629
|
+
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4630
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4631
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4632
|
+
/* @__PURE__ */ t("div", { className: o.contactContent, children: K.map((c, w) => /* @__PURE__ */ t("p", { children: c }, w)) })
|
|
4564
4633
|
] }),
|
|
4565
|
-
/* @__PURE__ */
|
|
4566
|
-
/* @__PURE__ */
|
|
4567
|
-
/* @__PURE__ */
|
|
4634
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4635
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4636
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: X })
|
|
4568
4637
|
] }),
|
|
4569
|
-
/* @__PURE__ */
|
|
4570
|
-
/* @__PURE__ */
|
|
4571
|
-
/* @__PURE__ */
|
|
4638
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4639
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4640
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: A })
|
|
4572
4641
|
] })
|
|
4573
4642
|
] }),
|
|
4574
|
-
/* @__PURE__ */
|
|
4575
|
-
/* @__PURE__ */
|
|
4576
|
-
|
|
4577
|
-
/* @__PURE__ */
|
|
4643
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4644
|
+
/* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
|
|
4645
|
+
L.length > 0 && /* @__PURE__ */ t(ge, {}),
|
|
4646
|
+
/* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4578
4647
|
"© ",
|
|
4579
|
-
|
|
4648
|
+
H,
|
|
4580
4649
|
" ",
|
|
4581
|
-
|
|
4650
|
+
l("footer.copyright", "Rødekors")
|
|
4582
4651
|
] })
|
|
4583
4652
|
] }),
|
|
4584
|
-
|
|
4653
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(ye, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
|
|
4585
4654
|
] }) }),
|
|
4586
|
-
/* @__PURE__ */
|
|
4587
|
-
|
|
4655
|
+
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4656
|
+
q && (m ? /* @__PURE__ */ t(
|
|
4588
4657
|
"img",
|
|
4589
4658
|
{
|
|
4590
|
-
src:
|
|
4591
|
-
alt:
|
|
4592
|
-
className:
|
|
4659
|
+
src: m,
|
|
4660
|
+
alt: M,
|
|
4661
|
+
className: o.logo,
|
|
4593
4662
|
loading: "lazy"
|
|
4594
4663
|
}
|
|
4595
|
-
) : /* @__PURE__ */
|
|
4596
|
-
|
|
4664
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(B, {}) })),
|
|
4665
|
+
I && /* @__PURE__ */ t("div", { className: o.slotLarge, children: I })
|
|
4597
4666
|
] }) }) })
|
|
4598
|
-
] }) : /* @__PURE__ */
|
|
4599
|
-
/* @__PURE__ */
|
|
4600
|
-
|
|
4601
|
-
/* @__PURE__ */
|
|
4602
|
-
!
|
|
4603
|
-
/* @__PURE__ */
|
|
4604
|
-
/* @__PURE__ */
|
|
4605
|
-
/* @__PURE__ */
|
|
4667
|
+
] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
|
|
4668
|
+
/* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
|
|
4669
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ t(ye, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
|
|
4670
|
+
/* @__PURE__ */ r("div", { className: o.contentRow, children: [
|
|
4671
|
+
!R && /* @__PURE__ */ r("div", { className: o.newsletterSection, children: [
|
|
4672
|
+
/* @__PURE__ */ t("p", { className: o.newsletterDescription, children: f }),
|
|
4673
|
+
/* @__PURE__ */ t("form", { className: o.newsletterForm, onSubmit: C, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
|
|
4674
|
+
/* @__PURE__ */ t(
|
|
4606
4675
|
Ze,
|
|
4607
4676
|
{
|
|
4608
4677
|
type: "email",
|
|
4609
|
-
placeholder:
|
|
4610
|
-
value:
|
|
4611
|
-
onChange: (
|
|
4612
|
-
className:
|
|
4678
|
+
placeholder: g,
|
|
4679
|
+
value: T,
|
|
4680
|
+
onChange: (c) => b(c.target.value),
|
|
4681
|
+
className: o.newsletterInput
|
|
4613
4682
|
}
|
|
4614
4683
|
),
|
|
4615
|
-
/* @__PURE__ */
|
|
4684
|
+
/* @__PURE__ */ t(ce, { type: "submit", variant: "primary", "data-color": "neutral", children: k })
|
|
4616
4685
|
] }) }),
|
|
4617
|
-
/* @__PURE__ */
|
|
4686
|
+
/* @__PURE__ */ t("p", { className: o.consentText, children: D || E })
|
|
4618
4687
|
] }),
|
|
4619
|
-
/* @__PURE__ */
|
|
4620
|
-
/* @__PURE__ */
|
|
4621
|
-
/* @__PURE__ */
|
|
4622
|
-
/* @__PURE__ */
|
|
4688
|
+
/* @__PURE__ */ r("div", { className: o.linksSection, children: [
|
|
4689
|
+
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": N || l("footer.shortcuts", "Snarveier"), children: [
|
|
4690
|
+
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: N || l("footer.shortcuts", "Snarveier") }),
|
|
4691
|
+
/* @__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)) })
|
|
4623
4692
|
] }),
|
|
4624
|
-
/* @__PURE__ */
|
|
4625
|
-
/* @__PURE__ */
|
|
4626
|
-
/* @__PURE__ */
|
|
4693
|
+
/* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": p || l("footer.links", "Lenker"), children: [
|
|
4694
|
+
/* @__PURE__ */ t("h3", { className: o.linksTitle, children: p || l("footer.links", "Lenker") }),
|
|
4695
|
+
/* @__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)) })
|
|
4627
4696
|
] })
|
|
4628
4697
|
] })
|
|
4629
4698
|
] }),
|
|
4630
|
-
/* @__PURE__ */
|
|
4631
|
-
/* @__PURE__ */
|
|
4632
|
-
/* @__PURE__ */
|
|
4633
|
-
/* @__PURE__ */
|
|
4634
|
-
/* @__PURE__ */
|
|
4699
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4700
|
+
/* @__PURE__ */ r("div", { className: o.contactSection, children: [
|
|
4701
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4702
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.visitingAddress", "Besøks adresse") }),
|
|
4703
|
+
/* @__PURE__ */ t("div", { className: o.contactContent, children: K.map((c, w) => /* @__PURE__ */ t("p", { children: c }, w)) })
|
|
4635
4704
|
] }),
|
|
4636
|
-
/* @__PURE__ */
|
|
4637
|
-
/* @__PURE__ */
|
|
4638
|
-
/* @__PURE__ */
|
|
4705
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4706
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.organizationNumber", "Organisasjonsnummer") }),
|
|
4707
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: X })
|
|
4639
4708
|
] }),
|
|
4640
|
-
/* @__PURE__ */
|
|
4641
|
-
/* @__PURE__ */
|
|
4642
|
-
/* @__PURE__ */
|
|
4709
|
+
/* @__PURE__ */ r("div", { className: o.contactColumn, children: [
|
|
4710
|
+
/* @__PURE__ */ t("h4", { className: o.contactTitle, children: l("footer.contact.email", "E-post") }),
|
|
4711
|
+
/* @__PURE__ */ t("p", { className: o.contactContent, children: A })
|
|
4643
4712
|
] })
|
|
4644
4713
|
] }),
|
|
4645
|
-
/* @__PURE__ */
|
|
4646
|
-
/* @__PURE__ */
|
|
4714
|
+
/* @__PURE__ */ t("div", { className: o.divider }),
|
|
4715
|
+
/* @__PURE__ */ t("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
|
|
4647
4716
|
"© ",
|
|
4648
|
-
|
|
4717
|
+
H,
|
|
4649
4718
|
" ",
|
|
4650
|
-
|
|
4719
|
+
l("footer.copyright", "Rødekors")
|
|
4651
4720
|
] }) }),
|
|
4652
|
-
|
|
4721
|
+
h && /* @__PURE__ */ t("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ t(ye, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
|
|
4653
4722
|
] }) }),
|
|
4654
|
-
/* @__PURE__ */
|
|
4655
|
-
|
|
4723
|
+
/* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
|
|
4724
|
+
q && (m ? /* @__PURE__ */ t(
|
|
4656
4725
|
"img",
|
|
4657
4726
|
{
|
|
4658
|
-
src:
|
|
4659
|
-
alt:
|
|
4660
|
-
className:
|
|
4727
|
+
src: m,
|
|
4728
|
+
alt: M,
|
|
4729
|
+
className: o.logo,
|
|
4661
4730
|
loading: "lazy"
|
|
4662
4731
|
}
|
|
4663
|
-
) : /* @__PURE__ */
|
|
4664
|
-
|
|
4732
|
+
) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(B, {}) })),
|
|
4733
|
+
I && /* @__PURE__ */ t("div", { className: o.slotLarge, children: I })
|
|
4665
4734
|
] }) }) })
|
|
4666
4735
|
] });
|
|
4667
4736
|
};
|
|
4668
|
-
function
|
|
4669
|
-
const e =
|
|
4737
|
+
function vs(n) {
|
|
4738
|
+
const e = n;
|
|
4670
4739
|
return `
|
|
4671
4740
|
.${e.footer} {
|
|
4672
4741
|
margin-top: auto;
|
|
@@ -5090,25 +5159,25 @@ function Qs(t) {
|
|
|
5090
5159
|
}
|
|
5091
5160
|
`;
|
|
5092
5161
|
}
|
|
5093
|
-
const
|
|
5094
|
-
donor:
|
|
5095
|
-
tabsWrapper:
|
|
5096
|
-
content:
|
|
5097
|
-
amountSection:
|
|
5098
|
-
amountLabel:
|
|
5099
|
-
amountButtons:
|
|
5100
|
-
customAmountField:
|
|
5101
|
-
impactRow:
|
|
5102
|
-
heartIcon:
|
|
5103
|
-
impactText:
|
|
5104
|
-
impactAmount:
|
|
5105
|
-
actionsSection:
|
|
5106
|
-
vippsButton:
|
|
5107
|
-
vippsButtonLabel:
|
|
5108
|
-
vippsLogo:
|
|
5109
|
-
avtalegiroLink:
|
|
5110
|
-
tabHeartIcon:
|
|
5111
|
-
}, We = () => /* @__PURE__ */
|
|
5162
|
+
const bs = "_donor_1hxqz_1", ys = "_tabsWrapper_1hxqz_14", xs = "_content_1hxqz_35", Ts = "_amountSection_1hxqz_47", Cs = "_amountLabel_1hxqz_55", ws = "_amountButtons_1hxqz_64", Ss = "_customAmountField_1hxqz_75", Is = "_impactRow_1hxqz_80", _s = "_heartIcon_1hxqz_88", Ds = "_impactText_1hxqz_102", Ls = "_impactAmount_1hxqz_112", As = "_actionsSection_1hxqz_117", Ns = "_vippsButton_1hxqz_127", Ms = "_vippsButtonLabel_1hxqz_157", js = "_vippsLogo_1hxqz_166", Fs = "_avtalegiroLink_1hxqz_179", Bs = "_tabHeartIcon_1hxqz_184", P = {
|
|
5163
|
+
donor: bs,
|
|
5164
|
+
tabsWrapper: ys,
|
|
5165
|
+
content: xs,
|
|
5166
|
+
amountSection: Ts,
|
|
5167
|
+
amountLabel: Cs,
|
|
5168
|
+
amountButtons: ws,
|
|
5169
|
+
customAmountField: Ss,
|
|
5170
|
+
impactRow: Is,
|
|
5171
|
+
heartIcon: _s,
|
|
5172
|
+
impactText: Ds,
|
|
5173
|
+
impactAmount: Ls,
|
|
5174
|
+
actionsSection: As,
|
|
5175
|
+
vippsButton: Ns,
|
|
5176
|
+
vippsButtonLabel: Ms,
|
|
5177
|
+
vippsLogo: js,
|
|
5178
|
+
avtalegiroLink: Fs,
|
|
5179
|
+
tabHeartIcon: Bs
|
|
5180
|
+
}, We = () => /* @__PURE__ */ t(
|
|
5112
5181
|
"svg",
|
|
5113
5182
|
{
|
|
5114
5183
|
width: "19",
|
|
@@ -5118,7 +5187,7 @@ const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_
|
|
|
5118
5187
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5119
5188
|
"aria-hidden": "true",
|
|
5120
5189
|
focusable: "false",
|
|
5121
|
-
children: /* @__PURE__ */
|
|
5190
|
+
children: /* @__PURE__ */ t(
|
|
5122
5191
|
"path",
|
|
5123
5192
|
{
|
|
5124
5193
|
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",
|
|
@@ -5126,7 +5195,7 @@ const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_
|
|
|
5126
5195
|
}
|
|
5127
5196
|
)
|
|
5128
5197
|
}
|
|
5129
|
-
),
|
|
5198
|
+
), Es = () => /* @__PURE__ */ t(
|
|
5130
5199
|
"svg",
|
|
5131
5200
|
{
|
|
5132
5201
|
width: "16",
|
|
@@ -5136,7 +5205,7 @@ const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_
|
|
|
5136
5205
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5137
5206
|
"aria-hidden": "true",
|
|
5138
5207
|
focusable: "false",
|
|
5139
|
-
children: /* @__PURE__ */
|
|
5208
|
+
children: /* @__PURE__ */ t(
|
|
5140
5209
|
"path",
|
|
5141
5210
|
{
|
|
5142
5211
|
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",
|
|
@@ -5144,7 +5213,7 @@ const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_
|
|
|
5144
5213
|
}
|
|
5145
5214
|
)
|
|
5146
5215
|
}
|
|
5147
|
-
),
|
|
5216
|
+
), $s = () => /* @__PURE__ */ t(
|
|
5148
5217
|
"svg",
|
|
5149
5218
|
{
|
|
5150
5219
|
width: "64",
|
|
@@ -5154,7 +5223,7 @@ const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_
|
|
|
5154
5223
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5155
5224
|
"aria-hidden": "true",
|
|
5156
5225
|
focusable: "false",
|
|
5157
|
-
children: /* @__PURE__ */
|
|
5226
|
+
children: /* @__PURE__ */ t(
|
|
5158
5227
|
"path",
|
|
5159
5228
|
{
|
|
5160
5229
|
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",
|
|
@@ -5162,136 +5231,136 @@ const ea = "_donor_1hxqz_1", ta = "_tabsWrapper_1hxqz_14", na = "_content_1hxqz_
|
|
|
5162
5231
|
}
|
|
5163
5232
|
)
|
|
5164
5233
|
}
|
|
5165
|
-
),
|
|
5234
|
+
), Ps = [
|
|
5166
5235
|
{ value: 220, label: "220 kr" },
|
|
5167
5236
|
{ value: 345, label: "345 kr" },
|
|
5168
5237
|
{ value: 660, label: "660 kr" }
|
|
5169
|
-
],
|
|
5170
|
-
"data-color":
|
|
5171
|
-
amounts: e =
|
|
5172
|
-
defaultAmount:
|
|
5238
|
+
], Ni = ({
|
|
5239
|
+
"data-color": n = "primary",
|
|
5240
|
+
amounts: e = Ps,
|
|
5241
|
+
defaultAmount: a = 345,
|
|
5173
5242
|
oneTimeLabel: d = "En gang",
|
|
5174
5243
|
monthlyLabel: h = "Hver måned",
|
|
5175
5244
|
customAmountPlaceholder: f = "Valgfritt beløp",
|
|
5176
|
-
amountLabel:
|
|
5245
|
+
amountLabel: g = "Velg ønsket beløp:",
|
|
5177
5246
|
impactMessage: k = "En gave på {amount} bidrar til ...",
|
|
5178
5247
|
vippsButtonLabel: D = "Gi med",
|
|
5179
|
-
avtalegiroLabel:
|
|
5180
|
-
avtalegiroHref:
|
|
5181
|
-
currencySuffix:
|
|
5182
|
-
onVippsClick:
|
|
5183
|
-
onAvtalegiroClick:
|
|
5184
|
-
onAmountChange:
|
|
5185
|
-
showVippsButton:
|
|
5186
|
-
showAvtalegiroLink:
|
|
5187
|
-
showImpactMessage:
|
|
5188
|
-
heartVariant:
|
|
5248
|
+
avtalegiroLabel: S = "Gi med avtalegiro",
|
|
5249
|
+
avtalegiroHref: R = "#",
|
|
5250
|
+
currencySuffix: _ = "kr",
|
|
5251
|
+
onVippsClick: V,
|
|
5252
|
+
onAvtalegiroClick: N,
|
|
5253
|
+
onAmountChange: p,
|
|
5254
|
+
showVippsButton: K = !0,
|
|
5255
|
+
showAvtalegiroLink: X = !0,
|
|
5256
|
+
showImpactMessage: A = !0,
|
|
5257
|
+
heartVariant: q = "outlined"
|
|
5189
5258
|
}) => {
|
|
5190
|
-
const [
|
|
5191
|
-
|
|
5192
|
-
const
|
|
5193
|
-
if (typeof document > "u" || document.getElementById(
|
|
5194
|
-
const
|
|
5195
|
-
|
|
5259
|
+
const [m, M] = O("monthly"), [I, F] = O(a), [j, L] = O(""), [G, ne] = O(!1);
|
|
5260
|
+
z(() => {
|
|
5261
|
+
const y = "rk-donor-inline-styles";
|
|
5262
|
+
if (typeof document > "u" || document.getElementById(y)) return;
|
|
5263
|
+
const E = zs(P), Q = document.createElement("style");
|
|
5264
|
+
Q.id = y, Q.textContent = E, document.head.appendChild(Q);
|
|
5196
5265
|
}, []);
|
|
5197
|
-
const
|
|
5198
|
-
|
|
5199
|
-
},
|
|
5200
|
-
const
|
|
5201
|
-
|
|
5202
|
-
const
|
|
5203
|
-
|
|
5204
|
-
},
|
|
5205
|
-
|
|
5206
|
-
},
|
|
5207
|
-
const
|
|
5208
|
-
|
|
5209
|
-
},
|
|
5210
|
-
|
|
5211
|
-
},
|
|
5212
|
-
|
|
5213
|
-
},
|
|
5214
|
-
const
|
|
5215
|
-
return /* @__PURE__ */
|
|
5216
|
-
|
|
5217
|
-
/* @__PURE__ */
|
|
5218
|
-
|
|
5266
|
+
const H = G && j ? parseInt(j, 10) || 0 : I, J = (y) => {
|
|
5267
|
+
F(y), ne(!1), L(""), p == null || p(y, m);
|
|
5268
|
+
}, T = (y) => {
|
|
5269
|
+
const E = y.target.value;
|
|
5270
|
+
L(E), ne(!0);
|
|
5271
|
+
const Q = parseInt(E, 10);
|
|
5272
|
+
Q > 0 && (p == null || p(Q, m));
|
|
5273
|
+
}, b = () => {
|
|
5274
|
+
ne(!0);
|
|
5275
|
+
}, l = (y) => {
|
|
5276
|
+
const E = y;
|
|
5277
|
+
M(E), p == null || p(H, E);
|
|
5278
|
+
}, C = () => {
|
|
5279
|
+
V == null || V(H, m);
|
|
5280
|
+
}, B = () => {
|
|
5281
|
+
N == null || N();
|
|
5282
|
+
}, Y = () => {
|
|
5283
|
+
const y = `${H} ${_}`, E = k.split("{amount}");
|
|
5284
|
+
return /* @__PURE__ */ r("span", { children: [
|
|
5285
|
+
E[0],
|
|
5286
|
+
/* @__PURE__ */ t("span", { className: P.impactAmount, children: y }),
|
|
5287
|
+
E[1] || ""
|
|
5219
5288
|
] });
|
|
5220
5289
|
};
|
|
5221
|
-
return /* @__PURE__ */
|
|
5222
|
-
/* @__PURE__ */
|
|
5223
|
-
/* @__PURE__ */
|
|
5224
|
-
/* @__PURE__ */
|
|
5225
|
-
/* @__PURE__ */
|
|
5290
|
+
return /* @__PURE__ */ r("div", { className: P.donor, "data-color": n, children: [
|
|
5291
|
+
/* @__PURE__ */ t("div", { className: P.tabsWrapper, children: /* @__PURE__ */ t(we, { defaultValue: "monthly", onChange: l, "data-size": "md", children: /* @__PURE__ */ r(we.List, { children: [
|
|
5292
|
+
/* @__PURE__ */ t(we.Tab, { value: "one-time", children: d }),
|
|
5293
|
+
/* @__PURE__ */ r(we.Tab, { value: "monthly", children: [
|
|
5294
|
+
/* @__PURE__ */ t("span", { className: P.tabHeartIcon, children: /* @__PURE__ */ t(We, {}) }),
|
|
5226
5295
|
h
|
|
5227
5296
|
] })
|
|
5228
5297
|
] }) }) }),
|
|
5229
|
-
/* @__PURE__ */
|
|
5230
|
-
/* @__PURE__ */
|
|
5231
|
-
/* @__PURE__ */
|
|
5232
|
-
/* @__PURE__ */
|
|
5233
|
-
const
|
|
5234
|
-
return /* @__PURE__ */
|
|
5235
|
-
|
|
5298
|
+
/* @__PURE__ */ r("div", { className: P.content, children: [
|
|
5299
|
+
/* @__PURE__ */ r("div", { className: P.amountSection, children: [
|
|
5300
|
+
/* @__PURE__ */ t(xe, { className: P.amountLabel, "data-size": "sm", children: g }),
|
|
5301
|
+
/* @__PURE__ */ t("div", { className: P.amountButtons, children: e.map((y) => {
|
|
5302
|
+
const E = !G && I === y.value;
|
|
5303
|
+
return /* @__PURE__ */ t(
|
|
5304
|
+
ce,
|
|
5236
5305
|
{
|
|
5237
|
-
variant:
|
|
5238
|
-
"data-color":
|
|
5239
|
-
onClick: () =>
|
|
5240
|
-
children:
|
|
5306
|
+
variant: E ? "primary" : "secondary",
|
|
5307
|
+
"data-color": E ? "accent" : "neutral",
|
|
5308
|
+
onClick: () => J(y.value),
|
|
5309
|
+
children: y.label
|
|
5241
5310
|
},
|
|
5242
|
-
|
|
5311
|
+
y.value
|
|
5243
5312
|
);
|
|
5244
5313
|
}) }),
|
|
5245
|
-
/* @__PURE__ */
|
|
5246
|
-
|
|
5314
|
+
/* @__PURE__ */ t("div", { className: P.customAmountField, children: /* @__PURE__ */ t(
|
|
5315
|
+
Qo,
|
|
5247
5316
|
{
|
|
5248
5317
|
"aria-label": f,
|
|
5249
5318
|
placeholder: f,
|
|
5250
|
-
value:
|
|
5251
|
-
onChange:
|
|
5252
|
-
onFocus:
|
|
5319
|
+
value: j,
|
|
5320
|
+
onChange: T,
|
|
5321
|
+
onFocus: b,
|
|
5253
5322
|
type: "number",
|
|
5254
5323
|
min: 1
|
|
5255
5324
|
}
|
|
5256
5325
|
) })
|
|
5257
5326
|
] }),
|
|
5258
|
-
|
|
5259
|
-
/* @__PURE__ */
|
|
5260
|
-
/* @__PURE__ */
|
|
5327
|
+
A && /* @__PURE__ */ r("div", { className: P.impactRow, children: [
|
|
5328
|
+
/* @__PURE__ */ t("div", { className: P.heartIcon, children: q === "filled" ? /* @__PURE__ */ t(We, {}) : /* @__PURE__ */ t(Es, {}) }),
|
|
5329
|
+
/* @__PURE__ */ t("p", { className: P.impactText, children: Y() })
|
|
5261
5330
|
] }),
|
|
5262
|
-
/* @__PURE__ */
|
|
5263
|
-
|
|
5331
|
+
/* @__PURE__ */ r("div", { className: P.actionsSection, children: [
|
|
5332
|
+
K && /* @__PURE__ */ r(
|
|
5264
5333
|
"button",
|
|
5265
5334
|
{
|
|
5266
|
-
className:
|
|
5267
|
-
onClick:
|
|
5335
|
+
className: P.vippsButton,
|
|
5336
|
+
onClick: C,
|
|
5268
5337
|
type: "button",
|
|
5269
5338
|
"aria-label": `${D} Vipps`,
|
|
5270
5339
|
children: [
|
|
5271
|
-
/* @__PURE__ */
|
|
5272
|
-
/* @__PURE__ */
|
|
5340
|
+
/* @__PURE__ */ t("span", { className: P.vippsButtonLabel, children: D }),
|
|
5341
|
+
/* @__PURE__ */ t("span", { className: P.vippsLogo, children: /* @__PURE__ */ t($s, {}) })
|
|
5273
5342
|
]
|
|
5274
5343
|
}
|
|
5275
5344
|
),
|
|
5276
|
-
|
|
5277
|
-
|
|
5345
|
+
X && /* @__PURE__ */ t(
|
|
5346
|
+
te,
|
|
5278
5347
|
{
|
|
5279
|
-
href:
|
|
5348
|
+
href: R,
|
|
5280
5349
|
"data-color": "neutral",
|
|
5281
|
-
className:
|
|
5282
|
-
onClick: (
|
|
5283
|
-
|
|
5350
|
+
className: P.avtalegiroLink,
|
|
5351
|
+
onClick: (y) => {
|
|
5352
|
+
N && (y.preventDefault(), B());
|
|
5284
5353
|
},
|
|
5285
|
-
children:
|
|
5354
|
+
children: S
|
|
5286
5355
|
}
|
|
5287
5356
|
)
|
|
5288
5357
|
] })
|
|
5289
5358
|
] })
|
|
5290
5359
|
] });
|
|
5291
5360
|
};
|
|
5292
|
-
function
|
|
5361
|
+
function zs(n) {
|
|
5293
5362
|
return `
|
|
5294
|
-
.${
|
|
5363
|
+
.${n.donor} {
|
|
5295
5364
|
border-radius: 16px;
|
|
5296
5365
|
overflow: hidden;
|
|
5297
5366
|
background-color: var(--ds-color-primary-color-red-surface-default, #ffffff);
|
|
@@ -5302,16 +5371,16 @@ function ya(t) {
|
|
|
5302
5371
|
max-width: 344px;
|
|
5303
5372
|
padding-top: var(--ds-size-2, 8px);
|
|
5304
5373
|
}
|
|
5305
|
-
.${
|
|
5374
|
+
.${n.tabsWrapper} {
|
|
5306
5375
|
width: 100%;
|
|
5307
5376
|
overflow: hidden;
|
|
5308
5377
|
border-radius: 4px;
|
|
5309
5378
|
}
|
|
5310
|
-
.${
|
|
5379
|
+
.${n.tabsWrapper} [role="tablist"] {
|
|
5311
5380
|
display: flex !important;
|
|
5312
5381
|
width: 100% !important;
|
|
5313
5382
|
}
|
|
5314
|
-
.${
|
|
5383
|
+
.${n.tabsWrapper} [role="tab"] {
|
|
5315
5384
|
flex: 1 1 50% !important;
|
|
5316
5385
|
display: inline-flex !important;
|
|
5317
5386
|
align-items: center !important;
|
|
@@ -5319,7 +5388,7 @@ function ya(t) {
|
|
|
5319
5388
|
text-align: center;
|
|
5320
5389
|
white-space: nowrap;
|
|
5321
5390
|
}
|
|
5322
|
-
.${
|
|
5391
|
+
.${n.content} {
|
|
5323
5392
|
display: flex;
|
|
5324
5393
|
flex-direction: column;
|
|
5325
5394
|
gap: var(--ds-size-6, 24px);
|
|
@@ -5329,14 +5398,14 @@ function ya(t) {
|
|
|
5329
5398
|
width: 100%;
|
|
5330
5399
|
box-sizing: border-box;
|
|
5331
5400
|
}
|
|
5332
|
-
.${
|
|
5401
|
+
.${n.amountSection} {
|
|
5333
5402
|
display: flex;
|
|
5334
5403
|
flex-direction: column;
|
|
5335
5404
|
gap: var(--ds-size-2, 8px);
|
|
5336
5405
|
align-items: flex-start;
|
|
5337
5406
|
width: 296px;
|
|
5338
5407
|
}
|
|
5339
|
-
.${
|
|
5408
|
+
.${n.amountLabel} {
|
|
5340
5409
|
font-weight: var(--ds-font-weight-regular, 400);
|
|
5341
5410
|
font-size: var(--ds-font-size-3, 16px);
|
|
5342
5411
|
line-height: 1.5;
|
|
@@ -5344,26 +5413,26 @@ function ya(t) {
|
|
|
5344
5413
|
color: var(--ds-color-neutral-text-default, #333333);
|
|
5345
5414
|
margin: 0;
|
|
5346
5415
|
}
|
|
5347
|
-
.${
|
|
5416
|
+
.${n.amountButtons} {
|
|
5348
5417
|
display: flex;
|
|
5349
5418
|
gap: var(--ds-size-2, 8px);
|
|
5350
5419
|
align-items: flex-start;
|
|
5351
5420
|
width: 100%;
|
|
5352
5421
|
}
|
|
5353
|
-
.${
|
|
5422
|
+
.${n.amountButtons} > button {
|
|
5354
5423
|
flex: 1;
|
|
5355
5424
|
}
|
|
5356
|
-
.${
|
|
5425
|
+
.${n.customAmountField} {
|
|
5357
5426
|
width: 100%;
|
|
5358
5427
|
}
|
|
5359
|
-
.${
|
|
5428
|
+
.${n.impactRow} {
|
|
5360
5429
|
display: flex;
|
|
5361
5430
|
gap: var(--ds-size-3, 12px);
|
|
5362
5431
|
align-items: center;
|
|
5363
5432
|
width: 296px;
|
|
5364
5433
|
min-height: 48px;
|
|
5365
5434
|
}
|
|
5366
|
-
.${
|
|
5435
|
+
.${n.heartIcon} {
|
|
5367
5436
|
width: 32px;
|
|
5368
5437
|
height: 32px;
|
|
5369
5438
|
flex-shrink: 0;
|
|
@@ -5371,11 +5440,11 @@ function ya(t) {
|
|
|
5371
5440
|
align-items: center;
|
|
5372
5441
|
justify-content: center;
|
|
5373
5442
|
}
|
|
5374
|
-
.${
|
|
5443
|
+
.${n.heartIcon} svg {
|
|
5375
5444
|
width: 19px;
|
|
5376
5445
|
height: 18px;
|
|
5377
5446
|
}
|
|
5378
|
-
.${
|
|
5447
|
+
.${n.impactText} {
|
|
5379
5448
|
flex: 1;
|
|
5380
5449
|
font-weight: var(--ds-font-weight-regular, 400);
|
|
5381
5450
|
font-size: var(--ds-font-size-3, 16px);
|
|
@@ -5384,10 +5453,10 @@ function ya(t) {
|
|
|
5384
5453
|
color: var(--ds-color-neutral-text-default, #333333);
|
|
5385
5454
|
margin: 0;
|
|
5386
5455
|
}
|
|
5387
|
-
.${
|
|
5456
|
+
.${n.impactAmount} {
|
|
5388
5457
|
font-weight: var(--ds-font-weight-semibold, 600);
|
|
5389
5458
|
}
|
|
5390
|
-
.${
|
|
5459
|
+
.${n.actionsSection} {
|
|
5391
5460
|
display: flex;
|
|
5392
5461
|
flex-direction: column;
|
|
5393
5462
|
gap: var(--ds-size-2, 8px);
|
|
@@ -5395,7 +5464,7 @@ function ya(t) {
|
|
|
5395
5464
|
justify-content: center;
|
|
5396
5465
|
width: 296px;
|
|
5397
5466
|
}
|
|
5398
|
-
.${
|
|
5467
|
+
.${n.vippsButton} {
|
|
5399
5468
|
display: flex;
|
|
5400
5469
|
gap: 6px;
|
|
5401
5470
|
align-items: center;
|
|
@@ -5411,17 +5480,17 @@ function ya(t) {
|
|
|
5411
5480
|
transition: opacity 0.15s ease;
|
|
5412
5481
|
font-family: inherit;
|
|
5413
5482
|
}
|
|
5414
|
-
.${
|
|
5483
|
+
.${n.vippsButton}:hover {
|
|
5415
5484
|
opacity: 0.9;
|
|
5416
5485
|
}
|
|
5417
|
-
.${
|
|
5486
|
+
.${n.vippsButton}:active {
|
|
5418
5487
|
opacity: 0.8;
|
|
5419
5488
|
}
|
|
5420
|
-
.${
|
|
5489
|
+
.${n.vippsButton}:focus-visible {
|
|
5421
5490
|
outline: 2px solid var(--ds-color-neutral-border-default, #797979);
|
|
5422
5491
|
outline-offset: 2px;
|
|
5423
5492
|
}
|
|
5424
|
-
.${
|
|
5493
|
+
.${n.vippsButtonLabel} {
|
|
5425
5494
|
font-family: inherit;
|
|
5426
5495
|
font-weight: 700;
|
|
5427
5496
|
font-size: 18.5px;
|
|
@@ -5429,98 +5498,98 @@ function ya(t) {
|
|
|
5429
5498
|
color: #ffffff;
|
|
5430
5499
|
white-space: nowrap;
|
|
5431
5500
|
}
|
|
5432
|
-
.${
|
|
5501
|
+
.${n.vippsLogo} {
|
|
5433
5502
|
display: flex;
|
|
5434
5503
|
flex-direction: column;
|
|
5435
5504
|
align-items: flex-start;
|
|
5436
5505
|
flex-shrink: 0;
|
|
5437
5506
|
}
|
|
5438
|
-
.${
|
|
5507
|
+
.${n.vippsLogo} svg {
|
|
5439
5508
|
width: 64px;
|
|
5440
5509
|
height: 16px;
|
|
5441
5510
|
}
|
|
5442
|
-
.${
|
|
5511
|
+
.${n.avtalegiroLink} {
|
|
5443
5512
|
text-align: center;
|
|
5444
5513
|
}
|
|
5445
|
-
.${
|
|
5514
|
+
.${n.tabHeartIcon} {
|
|
5446
5515
|
display: inline-flex;
|
|
5447
5516
|
align-items: center;
|
|
5448
5517
|
margin-right: 4px;
|
|
5449
5518
|
vertical-align: middle;
|
|
5450
5519
|
}
|
|
5451
|
-
.${
|
|
5520
|
+
.${n.tabHeartIcon} svg {
|
|
5452
5521
|
width: 16px;
|
|
5453
5522
|
height: 15px;
|
|
5454
5523
|
}
|
|
5455
5524
|
`;
|
|
5456
5525
|
}
|
|
5457
5526
|
export {
|
|
5458
|
-
|
|
5527
|
+
hn as Alert,
|
|
5459
5528
|
Ke as Avatar,
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
|
|
5463
|
-
|
|
5464
|
-
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5490
|
-
|
|
5491
|
-
|
|
5492
|
-
|
|
5493
|
-
|
|
5529
|
+
fn as Badge,
|
|
5530
|
+
Os as BadgePosition,
|
|
5531
|
+
Ks as Breadcrumbs,
|
|
5532
|
+
Ys as BreadcrumbsItem,
|
|
5533
|
+
Zs as BreadcrumbsLink,
|
|
5534
|
+
qs as BreadcrumbsList,
|
|
5535
|
+
ce as Button,
|
|
5536
|
+
vn as Card,
|
|
5537
|
+
Xs as CardBlock,
|
|
5538
|
+
zo as Carousel,
|
|
5539
|
+
bn as Checkbox,
|
|
5540
|
+
Qs as Chip,
|
|
5541
|
+
ye as CrossCorner,
|
|
5542
|
+
xo as DateInput,
|
|
5543
|
+
mo as DatePicker,
|
|
5544
|
+
ni as Details,
|
|
5545
|
+
oi as Dialog,
|
|
5546
|
+
ri as Divider,
|
|
5547
|
+
Ni as Donor,
|
|
5548
|
+
U as Dropdown,
|
|
5549
|
+
ci as DropdownButton,
|
|
5550
|
+
ii as DropdownHeading,
|
|
5551
|
+
di as DropdownItem,
|
|
5552
|
+
li as DropdownList,
|
|
5553
|
+
ai as DropdownTrigger,
|
|
5554
|
+
si as DropdownTriggerContext,
|
|
5555
|
+
pi as ErrorSummary,
|
|
5556
|
+
mi as Field,
|
|
5557
|
+
Ko as FieldCounter,
|
|
5558
|
+
Oo as FieldDescription,
|
|
5559
|
+
gi as Fieldset,
|
|
5560
|
+
Ai as Footer,
|
|
5561
|
+
Li as Header,
|
|
5562
|
+
qo as Heading,
|
|
5494
5563
|
Ze as Input,
|
|
5495
|
-
|
|
5496
|
-
|
|
5497
|
-
|
|
5498
|
-
|
|
5499
|
-
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
|
|
5505
|
-
|
|
5506
|
-
|
|
5507
|
-
|
|
5508
|
-
|
|
5509
|
-
|
|
5510
|
-
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
|
|
5564
|
+
Yo as Label,
|
|
5565
|
+
ei as LanguageProvider,
|
|
5566
|
+
te as Link,
|
|
5567
|
+
ui as List,
|
|
5568
|
+
Zo as Pagination,
|
|
5569
|
+
ki as PaginationButton,
|
|
5570
|
+
fi as PaginationItem,
|
|
5571
|
+
hi as PaginationList,
|
|
5572
|
+
xe as Paragraph,
|
|
5573
|
+
bi as Popover,
|
|
5574
|
+
yi as Radio,
|
|
5575
|
+
Ce as Search,
|
|
5576
|
+
Ti as Select,
|
|
5577
|
+
Ci as SkeletonLoader,
|
|
5578
|
+
wi as SkipLink,
|
|
5579
|
+
Po as Spinner,
|
|
5580
|
+
Xo as Suggestion,
|
|
5581
|
+
Ae as Switch,
|
|
5582
|
+
Si as Table,
|
|
5583
|
+
we as Tabs,
|
|
5584
|
+
Jo as Tag,
|
|
5585
|
+
Ii as Textarea,
|
|
5586
|
+
Qo as Textfield,
|
|
5587
|
+
_i as ToggleGroup,
|
|
5588
|
+
Di as Tooltip,
|
|
5589
|
+
er as ValidationMessage,
|
|
5590
|
+
Js as useCheckboxGroup,
|
|
5591
|
+
ti as useLanguage,
|
|
5592
|
+
Te as useLanguageOptional,
|
|
5593
|
+
vi as usePagination,
|
|
5594
|
+
xi as useRadioGroup
|
|
5526
5595
|
};
|