rk-designsystem 1.1.85 → 1.1.86
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 +499 -319
- package/dist/componentlibrary.umd.js +175 -6
- package/package.json +1 -1
|
@@ -9,14 +9,14 @@ const Mt = fe((t, e) => /* @__PURE__ */ r(qt, { ref: e, ...t }));
|
|
|
9
9
|
Mt.displayName = "Avatar";
|
|
10
10
|
const uo = fe((t, e) => /* @__PURE__ */ r(Xt, { ref: e, ...t }));
|
|
11
11
|
uo.displayName = "Badge";
|
|
12
|
-
const
|
|
12
|
+
const na = Zt, oa = Jt, ra = Qt, sa = en, ia = tn, Se = qe;
|
|
13
13
|
Se.displayName = "Button";
|
|
14
|
-
const po = nn,
|
|
14
|
+
const po = nn, aa = on;
|
|
15
15
|
po.displayName = "Card";
|
|
16
|
-
const mo = rn, go = Dt,
|
|
16
|
+
const mo = rn, go = Dt, la = sn;
|
|
17
17
|
mo.displayName = "Checkbox";
|
|
18
18
|
go.displayName = "Fieldset";
|
|
19
|
-
const
|
|
19
|
+
const da = an;
|
|
20
20
|
function Ve(t) {
|
|
21
21
|
return (e = {}) => {
|
|
22
22
|
const n = e.width ? String(e.width) : t.defaultWidth;
|
|
@@ -2453,7 +2453,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2453
2453
|
openDatePicker: "Open date picker"
|
|
2454
2454
|
}
|
|
2455
2455
|
}
|
|
2456
|
-
}, Qe = Kt(void 0),
|
|
2456
|
+
}, Qe = Kt(void 0), ca = ({ children: t }) => {
|
|
2457
2457
|
const [e, n] = oe("NO"), s = (l) => {
|
|
2458
2458
|
const i = l.split(".");
|
|
2459
2459
|
let o = or[e];
|
|
@@ -2465,7 +2465,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2465
2465
|
return o;
|
|
2466
2466
|
};
|
|
2467
2467
|
return /* @__PURE__ */ r(Qe.Provider, { value: { language: e, setLanguage: n, t: s }, children: t });
|
|
2468
|
-
},
|
|
2468
|
+
}, ua = () => {
|
|
2469
2469
|
const t = It(Qe);
|
|
2470
2470
|
if (t === void 0)
|
|
2471
2471
|
throw new Error("useLanguage must be used within a LanguageProvider");
|
|
@@ -2544,8 +2544,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2544
2544
|
Y(() => {
|
|
2545
2545
|
const g = "rk-datepicker-inline-styles";
|
|
2546
2546
|
if (typeof document > "u" || document.getElementById(g)) return;
|
|
2547
|
-
const
|
|
2548
|
-
D.id = g, D.textContent =
|
|
2547
|
+
const L = ir(ne), D = document.createElement("style");
|
|
2548
|
+
D.id = g, D.textContent = L, document.head.appendChild(D);
|
|
2549
2549
|
}, []);
|
|
2550
2550
|
const [o, c] = oe(
|
|
2551
2551
|
be(e && Oe(e) ? e : t)
|
|
@@ -2561,7 +2561,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2561
2561
|
[o]
|
|
2562
2562
|
), m = Te(() => {
|
|
2563
2563
|
const g = _t(/* @__PURE__ */ new Date(), { locale: xe });
|
|
2564
|
-
return Array.from({ length: 7 }).map((
|
|
2564
|
+
return Array.from({ length: 7 }).map((L, D) => {
|
|
2565
2565
|
const w = we(At(g, D), "EEEEEE", { locale: xe });
|
|
2566
2566
|
return vt(w);
|
|
2567
2567
|
});
|
|
@@ -2575,8 +2575,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2575
2575
|
},
|
|
2576
2576
|
[n]
|
|
2577
2577
|
), h = se(
|
|
2578
|
-
(g,
|
|
2579
|
-
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), a(
|
|
2578
|
+
(g, L) => {
|
|
2579
|
+
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), a(L));
|
|
2580
2580
|
},
|
|
2581
2581
|
[a]
|
|
2582
2582
|
), k = we(o, "MMMM", { locale: xe }), p = we(o, "yyyy", { locale: xe }), y = `${vt(k)} ${p}`;
|
|
@@ -2615,9 +2615,9 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
|
|
|
2615
2615
|
] }),
|
|
2616
2616
|
/* @__PURE__ */ r("div", { className: ne.grid, children: m.map((g) => /* @__PURE__ */ r("div", { className: ne.dayNameCell, children: g }, g)) }),
|
|
2617
2617
|
/* @__PURE__ */ r("div", { className: ne.grid, children: v.map((g) => {
|
|
2618
|
-
const
|
|
2618
|
+
const L = gt(g, o), D = e && Oe(e) && no(g, e), w = oo(g), C = [
|
|
2619
2619
|
ne.dateCell,
|
|
2620
|
-
|
|
2620
|
+
L ? "" : ne.otherMonth,
|
|
2621
2621
|
D ? ne.selectedDate : "",
|
|
2622
2622
|
// Utheving basert på prop
|
|
2623
2623
|
w && !D ? ne.todayDate : ""
|
|
@@ -2846,7 +2846,7 @@ const ar = "_fieldset_16fx7_2", lr = "_description_16fx7_14", dr = "_error_16fx7
|
|
|
2846
2846
|
onClick: y,
|
|
2847
2847
|
onFocus: g,
|
|
2848
2848
|
// Send ekstern onFocus videre
|
|
2849
|
-
onBlur:
|
|
2849
|
+
onBlur: L,
|
|
2850
2850
|
// Send ekstern onBlur videre
|
|
2851
2851
|
autoComplete: D = "off",
|
|
2852
2852
|
"aria-label": w,
|
|
@@ -2859,33 +2859,33 @@ const ar = "_fieldset_16fx7_2", lr = "_description_16fx7_14", dr = "_error_16fx7
|
|
|
2859
2859
|
"data-size": B,
|
|
2860
2860
|
// <-- Destrukturering
|
|
2861
2861
|
...G
|
|
2862
|
-
} = t, O = u !== void 0,
|
|
2862
|
+
} = t, O = u !== void 0, P = Ye(null);
|
|
2863
2863
|
Pe.useImperativeHandle(
|
|
2864
2864
|
e,
|
|
2865
|
-
() =>
|
|
2865
|
+
() => P.current
|
|
2866
2866
|
);
|
|
2867
|
-
const
|
|
2867
|
+
const z = se(
|
|
2868
2868
|
(S) => {
|
|
2869
2869
|
const E = bt(S), H = xt(E);
|
|
2870
2870
|
return yt(H);
|
|
2871
2871
|
},
|
|
2872
2872
|
[]
|
|
2873
|
-
), [
|
|
2874
|
-
() =>
|
|
2873
|
+
), [M, V] = oe(
|
|
2874
|
+
() => z(u ?? v)
|
|
2875
2875
|
);
|
|
2876
2876
|
Y(() => {
|
|
2877
2877
|
if (O) {
|
|
2878
|
-
const S =
|
|
2879
|
-
S !==
|
|
2878
|
+
const S = z(u);
|
|
2879
|
+
S !== M && (V(S), P.current && P.current.value !== S && (P.current.value = S));
|
|
2880
2880
|
}
|
|
2881
|
-
}, [u, O,
|
|
2881
|
+
}, [u, O, M, z]);
|
|
2882
2882
|
const te = se(
|
|
2883
2883
|
(S) => {
|
|
2884
|
-
const E = S.target, H = E.value,
|
|
2884
|
+
const E = S.target, H = E.value, X = M, W = bt(H).slice(0, 8), I = xt(W), $ = yt(I);
|
|
2885
2885
|
let R = 0;
|
|
2886
2886
|
const K = I.length;
|
|
2887
2887
|
K <= 2 ? R = K : K <= 4 ? R = K + 1 : R = K + 2, R = Math.min(R, $.length), requestAnimationFrame(() => {
|
|
2888
|
-
if (
|
|
2888
|
+
if (P.current && (V($), P.current.value = $, P.current.setSelectionRange(R, R), ($ !== X || O) && m)) {
|
|
2889
2889
|
const re = {
|
|
2890
2890
|
...S,
|
|
2891
2891
|
target: { ...E, value: $ }
|
|
@@ -2894,7 +2894,7 @@ const ar = "_fieldset_16fx7_2", lr = "_description_16fx7_14", dr = "_error_16fx7
|
|
|
2894
2894
|
}
|
|
2895
2895
|
});
|
|
2896
2896
|
},
|
|
2897
|
-
[
|
|
2897
|
+
[M, O, m, z]
|
|
2898
2898
|
), Q = [ge.fieldset, o].filter(Boolean).join(" "), ie = [
|
|
2899
2899
|
ge.inputWrapper,
|
|
2900
2900
|
c,
|
|
@@ -2922,12 +2922,12 @@ const ar = "_fieldset_16fx7_2", lr = "_description_16fx7_14", dr = "_error_16fx7
|
|
|
2922
2922
|
/* @__PURE__ */ r(
|
|
2923
2923
|
"input",
|
|
2924
2924
|
{
|
|
2925
|
-
ref:
|
|
2925
|
+
ref: P,
|
|
2926
2926
|
type: "text",
|
|
2927
2927
|
inputMode: "numeric",
|
|
2928
2928
|
pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
|
|
2929
2929
|
maxLength: 10,
|
|
2930
|
-
value:
|
|
2930
|
+
value: M,
|
|
2931
2931
|
readOnly: f,
|
|
2932
2932
|
placeholder: x,
|
|
2933
2933
|
id: a,
|
|
@@ -2937,7 +2937,7 @@ const ar = "_fieldset_16fx7_2", lr = "_description_16fx7_14", dr = "_error_16fx7
|
|
|
2937
2937
|
onClick: y,
|
|
2938
2938
|
onChange: te,
|
|
2939
2939
|
onFocus: g,
|
|
2940
|
-
onBlur:
|
|
2940
|
+
onBlur: L,
|
|
2941
2941
|
autoComplete: D,
|
|
2942
2942
|
"aria-label": w,
|
|
2943
2943
|
"aria-labelledby": ae,
|
|
@@ -3316,7 +3316,7 @@ function Ft(t, e, n) {
|
|
|
3316
3316
|
function Cr(t, e, n, s, l, i, o, c, d, u, v, m, f, x, a, h, k, p, y) {
|
|
3317
3317
|
const {
|
|
3318
3318
|
cross: g,
|
|
3319
|
-
direction:
|
|
3319
|
+
direction: L
|
|
3320
3320
|
} = t, D = ["INPUT", "SELECT", "TEXTAREA"], w = {
|
|
3321
3321
|
passive: !1
|
|
3322
3322
|
}, C = je(), A = je(), j = ve(50, 225).constrain(x.measure(20)), N = {
|
|
@@ -3326,7 +3326,7 @@ function Cr(t, e, n, s, l, i, o, c, d, u, v, m, f, x, a, h, k, p, y) {
|
|
|
3326
3326
|
mouse: 500,
|
|
3327
3327
|
touch: 600
|
|
3328
3328
|
}, G = a ? 43 : 25;
|
|
3329
|
-
let O = !1,
|
|
3329
|
+
let O = !1, P = 0, z = 0, M = !1, V = !1, te = !1, Q = !1;
|
|
3330
3330
|
function ie(I) {
|
|
3331
3331
|
if (!y) return;
|
|
3332
3332
|
function $(K) {
|
|
@@ -3357,30 +3357,30 @@ function Cr(t, e, n, s, l, i, o, c, d, u, v, m, f, x, a, h, k, p, y) {
|
|
|
3357
3357
|
}
|
|
3358
3358
|
function T(I) {
|
|
3359
3359
|
const $ = Xe(I, s);
|
|
3360
|
-
Q = $, te = a && $ && !I.buttons && O, O = Ae(l.get(), o.get()) >= 2, !($ && I.button !== 0) && (ae(I.target) || (
|
|
3360
|
+
Q = $, te = a && $ && !I.buttons && O, O = Ae(l.get(), o.get()) >= 2, !($ && I.button !== 0) && (ae(I.target) || (M = !0, i.pointerDown(I), u.useFriction(0).useDuration(0), l.set(o), de(), P = i.readPoint(I), z = i.readPoint(I, g), f.emit("pointerDown")));
|
|
3361
3361
|
}
|
|
3362
3362
|
function S(I) {
|
|
3363
3363
|
if (!Xe(I, s) && I.touches.length >= 2) return E(I);
|
|
3364
|
-
const R = i.readPoint(I), K = i.readPoint(I, g), re = Ae(R,
|
|
3364
|
+
const R = i.readPoint(I), K = i.readPoint(I, g), re = Ae(R, P), pe = Ae(K, z);
|
|
3365
3365
|
if (!V && !Q && (!I.cancelable || (V = re > pe, !V)))
|
|
3366
3366
|
return E(I);
|
|
3367
3367
|
const he = i.pointerMove(I);
|
|
3368
|
-
re > h && (te = !0), u.useFriction(0.3).useDuration(0.75), c.start(), l.add(
|
|
3368
|
+
re > h && (te = !0), u.useFriction(0.3).useDuration(0.75), c.start(), l.add(L(he)), I.preventDefault();
|
|
3369
3369
|
}
|
|
3370
3370
|
function E(I) {
|
|
3371
|
-
const R = v.byDistance(0, !1).index !== m.get(), K = i.pointerUp(I) * q(), re = ce(
|
|
3372
|
-
V = !1,
|
|
3371
|
+
const R = v.byDistance(0, !1).index !== m.get(), K = i.pointerUp(I) * q(), re = ce(L(K), R), pe = yr(K, re), he = G - 10 * pe, me = p + pe / 50;
|
|
3372
|
+
V = !1, M = !1, A.clear(), u.useDuration(he).useFriction(me), d.distance(re, !a), Q = !1, f.emit("pointerUp");
|
|
3373
3373
|
}
|
|
3374
3374
|
function H(I) {
|
|
3375
3375
|
te && (I.stopPropagation(), I.preventDefault(), te = !1);
|
|
3376
3376
|
}
|
|
3377
|
-
function
|
|
3378
|
-
return
|
|
3377
|
+
function X() {
|
|
3378
|
+
return M;
|
|
3379
3379
|
}
|
|
3380
3380
|
return {
|
|
3381
3381
|
init: ie,
|
|
3382
3382
|
destroy: ee,
|
|
3383
|
-
pointerDown:
|
|
3383
|
+
pointerDown: X
|
|
3384
3384
|
};
|
|
3385
3385
|
}
|
|
3386
3386
|
function wr(t, e) {
|
|
@@ -3452,7 +3452,7 @@ function _r(t, e, n, s, l, i, o) {
|
|
|
3452
3452
|
function p(y) {
|
|
3453
3453
|
for (const g of y) {
|
|
3454
3454
|
if (m) return;
|
|
3455
|
-
const
|
|
3455
|
+
const L = g.target === t, D = s.indexOf(g.target), w = L ? u : v[D], C = f(L ? t : s[D]);
|
|
3456
3456
|
if (U(C - w) >= 0.5) {
|
|
3457
3457
|
k.reInit(), e.emit("resize");
|
|
3458
3458
|
break;
|
|
@@ -3497,12 +3497,12 @@ function Ar(t, e, n, s, l, i) {
|
|
|
3497
3497
|
return g(l);
|
|
3498
3498
|
}
|
|
3499
3499
|
function y() {
|
|
3500
|
-
return
|
|
3500
|
+
return L(i);
|
|
3501
3501
|
}
|
|
3502
3502
|
function g(w) {
|
|
3503
3503
|
return d = w, D;
|
|
3504
3504
|
}
|
|
3505
|
-
function
|
|
3505
|
+
function L(w) {
|
|
3506
3506
|
return u = w, D;
|
|
3507
3507
|
}
|
|
3508
3508
|
const D = {
|
|
@@ -3513,7 +3513,7 @@ function Ar(t, e, n, s, l, i) {
|
|
|
3513
3513
|
settled: x,
|
|
3514
3514
|
useBaseFriction: y,
|
|
3515
3515
|
useBaseDuration: p,
|
|
3516
|
-
useFriction:
|
|
3516
|
+
useFriction: L,
|
|
3517
3517
|
useDuration: g
|
|
3518
3518
|
};
|
|
3519
3519
|
return D;
|
|
@@ -3552,8 +3552,8 @@ function Lr(t, e, n, s, l) {
|
|
|
3552
3552
|
const {
|
|
3553
3553
|
min: k,
|
|
3554
3554
|
max: p
|
|
3555
|
-
} = i, y = i.constrain(a), g = !h,
|
|
3556
|
-
return g ? p :
|
|
3555
|
+
} = i, y = i.constrain(a), g = !h, L = ot(n, h);
|
|
3556
|
+
return g ? p : L || u(k, y) ? k : u(p, y) ? p : y;
|
|
3557
3557
|
}).map((a) => parseFloat(a.toFixed(3)));
|
|
3558
3558
|
}
|
|
3559
3559
|
function f() {
|
|
@@ -3697,7 +3697,7 @@ function Pr(t, e, n, s, l) {
|
|
|
3697
3697
|
index: p,
|
|
3698
3698
|
distance: a
|
|
3699
3699
|
};
|
|
3700
|
-
const
|
|
3700
|
+
const L = e[p] - y, D = a + v(L, 0);
|
|
3701
3701
|
return {
|
|
3702
3702
|
index: p,
|
|
3703
3703
|
distance: D
|
|
@@ -3821,13 +3821,13 @@ function Rr(t, e, n, s, l, i, o, c, d) {
|
|
|
3821
3821
|
function k(C, A, j) {
|
|
3822
3822
|
const N = h(A);
|
|
3823
3823
|
return C.map((B) => {
|
|
3824
|
-
const G = j ? 0 : -n, O = j ? n : 0,
|
|
3824
|
+
const G = j ? 0 : -n, O = j ? n : 0, P = j ? "end" : "start", z = N[B][P];
|
|
3825
3825
|
return {
|
|
3826
3826
|
index: B,
|
|
3827
|
-
loopPoint:
|
|
3827
|
+
loopPoint: z,
|
|
3828
3828
|
slideLocation: _e(-1),
|
|
3829
3829
|
translate: Nt(t, d[B]),
|
|
3830
|
-
target: () => c.get() >
|
|
3830
|
+
target: () => c.get() > z ? G : O
|
|
3831
3831
|
};
|
|
3832
3832
|
});
|
|
3833
3833
|
}
|
|
@@ -3847,7 +3847,7 @@ function Rr(t, e, n, s, l, i, o, c, d) {
|
|
|
3847
3847
|
return x(A, e) <= 0.1;
|
|
3848
3848
|
});
|
|
3849
3849
|
}
|
|
3850
|
-
function
|
|
3850
|
+
function L() {
|
|
3851
3851
|
f.forEach((C) => {
|
|
3852
3852
|
const {
|
|
3853
3853
|
target: A,
|
|
@@ -3863,7 +3863,7 @@ function Rr(t, e, n, s, l, i, o, c, d) {
|
|
|
3863
3863
|
return {
|
|
3864
3864
|
canLoop: g,
|
|
3865
3865
|
clear: D,
|
|
3866
|
-
loop:
|
|
3866
|
+
loop: L,
|
|
3867
3867
|
loopPoints: f
|
|
3868
3868
|
};
|
|
3869
3869
|
}
|
|
@@ -3946,9 +3946,9 @@ function Hr(t, e, n, s, l, i) {
|
|
|
3946
3946
|
return parseFloat(y.getPropertyValue(`margin-${d}`));
|
|
3947
3947
|
}
|
|
3948
3948
|
function k() {
|
|
3949
|
-
return n.map((y, g,
|
|
3950
|
-
const D = !g, w = ot(
|
|
3951
|
-
return D ? f[g] + v : w ? f[g] + m :
|
|
3949
|
+
return n.map((y, g, L) => {
|
|
3950
|
+
const D = !g, w = ot(L, g);
|
|
3951
|
+
return D ? f[g] + v : w ? f[g] + m : L[g + 1][c] - y[c];
|
|
3952
3952
|
}).map(U);
|
|
3953
3953
|
}
|
|
3954
3954
|
return {
|
|
@@ -3968,11 +3968,11 @@ function Ur(t, e, n, s, l, i, o, c, d) {
|
|
|
3968
3968
|
return Me(p).filter((g) => g % y === 0).map((g) => p.slice(g, g + y));
|
|
3969
3969
|
}
|
|
3970
3970
|
function a(p) {
|
|
3971
|
-
return p.length ? Me(p).reduce((y, g,
|
|
3971
|
+
return p.length ? Me(p).reduce((y, g, L) => {
|
|
3972
3972
|
const D = le(y) || 0, w = D === 0, C = g === Fe(p), A = l[u] - i[D][u], j = l[u] - i[g][v], N = !s && w ? m(o) : 0, B = !s && C ? m(c) : 0, G = U(j - B - (A + N));
|
|
3973
|
-
return
|
|
3974
|
-
}, []).map((y, g,
|
|
3975
|
-
const D = Math.max(
|
|
3973
|
+
return L && G > e + d && y.push(g), C && y.push(p.length), y;
|
|
3974
|
+
}, []).map((y, g, L) => {
|
|
3975
|
+
const D = Math.max(L[g - 1] || 0);
|
|
3976
3976
|
return p.slice(D, y);
|
|
3977
3977
|
}) : [];
|
|
3978
3978
|
}
|
|
@@ -3998,23 +3998,23 @@ function Or(t, e, n, s, l, i, o) {
|
|
|
3998
3998
|
skipSnaps: p,
|
|
3999
3999
|
containScroll: y,
|
|
4000
4000
|
watchResize: g,
|
|
4001
|
-
watchSlides:
|
|
4001
|
+
watchSlides: L,
|
|
4002
4002
|
watchDrag: D,
|
|
4003
4003
|
watchFocus: w
|
|
4004
|
-
} = i, C = 2, A = Ir(), j = A.measure(e), N = n.map(A.measure), B = Sr(d, u), G = B.measureSize(j), O = Dr(G),
|
|
4004
|
+
} = i, C = 2, A = Ir(), j = A.measure(e), N = n.map(A.measure), B = Sr(d, u), G = B.measureSize(j), O = Dr(G), P = xr(c, G), z = !m && !!y, M = m || !!y, {
|
|
4005
4005
|
slideSizes: V,
|
|
4006
4006
|
slideSizesWithGaps: te,
|
|
4007
4007
|
startGap: Q,
|
|
4008
4008
|
endGap: ie
|
|
4009
|
-
} = Hr(B, j, N, n,
|
|
4009
|
+
} = Hr(B, j, N, n, M, l), ee = Ur(B, G, k, m, j, N, Q, ie, C), {
|
|
4010
4010
|
snaps: de,
|
|
4011
4011
|
snapsAligned: ae
|
|
4012
|
-
} = Nr(B,
|
|
4012
|
+
} = Nr(B, P, j, N, ee), q = -le(de) + le(te), {
|
|
4013
4013
|
snapsContained: ce,
|
|
4014
4014
|
scrollContainLimit: T
|
|
4015
|
-
} = Lr(G, q, ae, y, C), S =
|
|
4015
|
+
} = Lr(G, q, ae, y, C), S = z ? ce : ae, {
|
|
4016
4016
|
limit: E
|
|
4017
|
-
} = jr(q, S, m), H = Ft(Fe(S), v, m),
|
|
4017
|
+
} = jr(q, S, m), H = Ft(Fe(S), v, m), X = H.clone(), W = Me(n), I = ({
|
|
4018
4018
|
dragHandler: ye,
|
|
4019
4019
|
scrollBody: He,
|
|
4020
4020
|
scrollBounds: Ue,
|
|
@@ -4043,9 +4043,9 @@ function Or(t, e, n, s, l, i, o) {
|
|
|
4043
4043
|
mt && Wt.stop();
|
|
4044
4044
|
const Ot = Ue.get() * ct + zt.get() * (1 - ct);
|
|
4045
4045
|
Ne.set(Ot), dt && ($t.loop(ye.direction()), Rt.loop()), He.to(Ne.get()), mt && lt.emit("settle"), pt || lt.emit("scroll");
|
|
4046
|
-
}, R = Tr(s, l, () => I(We), (ye) => $(We, ye)), K = 0.68, re = S[H.get()], pe = _e(re), he = _e(re), me = _e(re), ke = _e(re), Ce = Ar(pe, me, he, ke, f, K), Re = Pr(m, S, q, E, ke), Ge = zr(R, H,
|
|
4046
|
+
}, R = Tr(s, l, () => I(We), (ye) => $(We, ye)), K = 0.68, re = S[H.get()], pe = _e(re), he = _e(re), me = _e(re), ke = _e(re), Ce = Ar(pe, me, he, ke, f, K), Re = Pr(m, S, q, E, ke), Ge = zr(R, H, X, Ce, Re, ke, o), st = Fr(E), it = je(), Bt = Wr(e, n, o, h), {
|
|
4047
4047
|
slideRegistry: at
|
|
4048
|
-
} = Br(
|
|
4048
|
+
} = Br(z, y, S, T, ee, W), Pt = $r(t, n, at, Ge, Ce, it, o, w), We = {
|
|
4049
4049
|
ownerDocument: s,
|
|
4050
4050
|
ownerWindow: l,
|
|
4051
4051
|
eventHandler: o,
|
|
@@ -4057,7 +4057,7 @@ function Or(t, e, n, s, l, i, o) {
|
|
|
4057
4057
|
eventStore: it,
|
|
4058
4058
|
percentOfView: O,
|
|
4059
4059
|
index: H,
|
|
4060
|
-
indexPrevious:
|
|
4060
|
+
indexPrevious: X,
|
|
4061
4061
|
limit: E,
|
|
4062
4062
|
location: pe,
|
|
4063
4063
|
offsetLocation: me,
|
|
@@ -4074,7 +4074,7 @@ function Or(t, e, n, s, l, i, o) {
|
|
|
4074
4074
|
scrollTo: Ge,
|
|
4075
4075
|
slideLooper: Rr(B, G, q, V, te, de, S, me, n),
|
|
4076
4076
|
slideFocus: Pt,
|
|
4077
|
-
slidesHandler: Gr(e, o,
|
|
4077
|
+
slidesHandler: Gr(e, o, L),
|
|
4078
4078
|
slidesInView: Bt,
|
|
4079
4079
|
slideIndexes: W,
|
|
4080
4080
|
slideRegistry: at,
|
|
@@ -4179,7 +4179,7 @@ function ze(t, e, n) {
|
|
|
4179
4179
|
off: x,
|
|
4180
4180
|
emit: a
|
|
4181
4181
|
} = d, h = B;
|
|
4182
|
-
let k = !1, p, y = u(Kr, ze.globalOptions), g = u(y),
|
|
4182
|
+
let k = !1, p, y = u(Kr, ze.globalOptions), g = u(y), L = [], D, w, C;
|
|
4183
4183
|
function A() {
|
|
4184
4184
|
const {
|
|
4185
4185
|
container: W,
|
|
@@ -4200,9 +4200,9 @@ function ze(t, e, n) {
|
|
|
4200
4200
|
return I;
|
|
4201
4201
|
}
|
|
4202
4202
|
function N(W, I) {
|
|
4203
|
-
k || (y = u(y, W), g = v(y),
|
|
4203
|
+
k || (y = u(y, W), g = v(y), L = I || L, A(), p = j(g), m([y, ...L.map(({
|
|
4204
4204
|
options: $
|
|
4205
|
-
}) => $)]).forEach(($) => c.add($, "change", B)), g.active && (p.translate.to(p.location.get()), p.animation.init(), p.slidesInView.init(), p.slideFocus.init(
|
|
4205
|
+
}) => $)]).forEach(($) => c.add($, "change", B)), g.active && (p.translate.to(p.location.get()), p.animation.init(), p.slidesInView.init(), p.slideFocus.init(X), p.eventHandler.init(X), p.resizeHandler.init(X), p.slidesHandler.init(X), p.options.loop && p.slideLooper.loop(), w.offsetParent && C.length && p.dragHandler.init(X), D = o.init(X, L)));
|
|
4206
4206
|
}
|
|
4207
4207
|
function B(W, I) {
|
|
4208
4208
|
const $ = ee();
|
|
@@ -4216,16 +4216,16 @@ function ze(t, e, n) {
|
|
|
4216
4216
|
function O() {
|
|
4217
4217
|
k || (k = !0, c.clear(), G(), d.emit("destroy"), d.clear());
|
|
4218
4218
|
}
|
|
4219
|
-
function
|
|
4219
|
+
function P(W, I, $) {
|
|
4220
4220
|
!g.active || k || (p.scrollBody.useBaseFriction().useDuration(I === !0 ? 0 : g.duration), p.scrollTo.index(W, $ || 0));
|
|
4221
4221
|
}
|
|
4222
|
-
function
|
|
4222
|
+
function z(W) {
|
|
4223
4223
|
const I = p.index.add(1).get();
|
|
4224
|
-
|
|
4224
|
+
P(I, W, -1);
|
|
4225
4225
|
}
|
|
4226
|
-
function
|
|
4226
|
+
function M(W) {
|
|
4227
4227
|
const I = p.index.add(-1).get();
|
|
4228
|
-
|
|
4228
|
+
P(I, W, 1);
|
|
4229
4229
|
}
|
|
4230
4230
|
function V() {
|
|
4231
4231
|
return p.index.add(1).get() !== ee();
|
|
@@ -4266,7 +4266,7 @@ function ze(t, e, n) {
|
|
|
4266
4266
|
function H() {
|
|
4267
4267
|
return C;
|
|
4268
4268
|
}
|
|
4269
|
-
const
|
|
4269
|
+
const X = {
|
|
4270
4270
|
canScrollNext: V,
|
|
4271
4271
|
canScrollPrev: te,
|
|
4272
4272
|
containerNode: E,
|
|
@@ -4279,17 +4279,17 @@ function ze(t, e, n) {
|
|
|
4279
4279
|
previousScrollSnap: de,
|
|
4280
4280
|
reInit: h,
|
|
4281
4281
|
rootNode: S,
|
|
4282
|
-
scrollNext:
|
|
4283
|
-
scrollPrev:
|
|
4282
|
+
scrollNext: z,
|
|
4283
|
+
scrollPrev: M,
|
|
4284
4284
|
scrollProgress: ie,
|
|
4285
4285
|
scrollSnapList: Q,
|
|
4286
|
-
scrollTo:
|
|
4286
|
+
scrollTo: P,
|
|
4287
4287
|
selectedScrollSnap: ee,
|
|
4288
4288
|
slideNodes: H,
|
|
4289
4289
|
slidesInView: ae,
|
|
4290
4290
|
slidesNotInView: q
|
|
4291
4291
|
};
|
|
4292
|
-
return N(e, n), setTimeout(() => d.emit("init"), 0),
|
|
4292
|
+
return N(e, n), setTimeout(() => d.emit("init"), 0), X;
|
|
4293
4293
|
}
|
|
4294
4294
|
ze.globalOptions = void 0;
|
|
4295
4295
|
function rt(t = {}, e = []) {
|
|
@@ -4310,7 +4310,7 @@ function rt(t = {}, e = []) {
|
|
|
4310
4310
|
}, [o, i]), [c, l];
|
|
4311
4311
|
}
|
|
4312
4312
|
rt.globalOptions = void 0;
|
|
4313
|
-
const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slides_gu7c2_20", Qr = "_slide_gu7c2_20", es = "_slideInner_gu7c2_40", ts = "_loaderOverlay_gu7c2_48", ns = "_image_gu7c2_58", os = "_loaded_gu7c2_69", rs = "
|
|
4313
|
+
const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slides_gu7c2_20", Qr = "_slide_gu7c2_20", es = "_slideInner_gu7c2_40", ts = "_loaderOverlay_gu7c2_48", ns = "_image_gu7c2_58", os = "_loaded_gu7c2_69", rs = "_loading_gu7c2_73", ss = "_empty_gu7c2_81", is = "_controls_gu7c2_87", as = "_arrows_gu7c2_97", ls = "_dots_gu7c2_107", ds = "_dot_gu7c2_107", cs = "_dotActive_gu7c2_133", Z = {
|
|
4314
4314
|
carouselContainer: Zr,
|
|
4315
4315
|
viewport: Xr,
|
|
4316
4316
|
slides: Jr,
|
|
@@ -4319,13 +4319,14 @@ const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slide
|
|
|
4319
4319
|
loaderOverlay: ts,
|
|
4320
4320
|
image: ns,
|
|
4321
4321
|
loaded: os,
|
|
4322
|
-
|
|
4323
|
-
|
|
4324
|
-
|
|
4325
|
-
|
|
4326
|
-
|
|
4327
|
-
|
|
4328
|
-
|
|
4322
|
+
loading: rs,
|
|
4323
|
+
empty: ss,
|
|
4324
|
+
controls: is,
|
|
4325
|
+
arrows: as,
|
|
4326
|
+
dots: ls,
|
|
4327
|
+
dot: ds,
|
|
4328
|
+
dotActive: cs
|
|
4329
|
+
}, us = ln, ps = ({
|
|
4329
4330
|
images: t,
|
|
4330
4331
|
autoPlay: e = !1,
|
|
4331
4332
|
autoDelay: n = 5,
|
|
@@ -4338,23 +4339,30 @@ const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slide
|
|
|
4338
4339
|
"data-color": u,
|
|
4339
4340
|
"data-size": v
|
|
4340
4341
|
}) => {
|
|
4341
|
-
const { t: m } = Ee()
|
|
4342
|
+
const { t: m } = Ee();
|
|
4343
|
+
Y(() => {
|
|
4344
|
+
const P = "rk-carousel-inline-styles";
|
|
4345
|
+
if (typeof document > "u" || document.getElementById(P)) return;
|
|
4346
|
+
const z = ms(Z), M = document.createElement("style");
|
|
4347
|
+
M.id = P, M.textContent = z, document.head.appendChild(M);
|
|
4348
|
+
}, []);
|
|
4349
|
+
const f = {
|
|
4342
4350
|
loop: !0,
|
|
4343
4351
|
align: "start",
|
|
4344
4352
|
containScroll: "trimSnaps",
|
|
4345
4353
|
slidesToScroll: 1
|
|
4346
|
-
}, [x, a] = rt(f), [h, k] = oe(0), [p, y] = oe([]), [g,
|
|
4354
|
+
}, [x, a] = rt(f), [h, k] = oe(0), [p, y] = oe([]), [g, L] = oe([]);
|
|
4347
4355
|
Y(() => {
|
|
4348
|
-
|
|
4356
|
+
L(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
|
|
4349
4357
|
}, [t]);
|
|
4350
|
-
const D = se((
|
|
4351
|
-
|
|
4352
|
-
const
|
|
4353
|
-
return
|
|
4358
|
+
const D = se((P) => {
|
|
4359
|
+
L((z) => {
|
|
4360
|
+
const M = [...z];
|
|
4361
|
+
return M[P] = !0, M;
|
|
4354
4362
|
});
|
|
4355
4363
|
}, []), w = Te(() => n * 1e3, [n]), C = se(() => {
|
|
4356
4364
|
a && k(a.selectedScrollSnap());
|
|
4357
|
-
}, [a]), A = se((
|
|
4365
|
+
}, [a]), A = se((P) => a && a.scrollTo(P), [a]), j = se(() => a && a.scrollPrev(), [a]), N = se(() => a && a.scrollNext(), [a]);
|
|
4358
4366
|
Y(() => {
|
|
4359
4367
|
if (a)
|
|
4360
4368
|
return a.on("select", C), a.on("reInit", C), y(a.scrollSnapList()), () => {
|
|
@@ -4364,34 +4372,34 @@ const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slide
|
|
|
4364
4372
|
a && (a.reInit(), y(a.scrollSnapList()));
|
|
4365
4373
|
}, [a, t, o, c]), Y(() => {
|
|
4366
4374
|
if (!e || !a || !t || t.length <= 1) return;
|
|
4367
|
-
const
|
|
4375
|
+
const P = window.setInterval(() => {
|
|
4368
4376
|
a.canScrollNext() && a.scrollNext();
|
|
4369
4377
|
}, w);
|
|
4370
4378
|
return () => {
|
|
4371
|
-
window.clearInterval(
|
|
4379
|
+
window.clearInterval(P);
|
|
4372
4380
|
};
|
|
4373
4381
|
}, [e, w, a, t]);
|
|
4374
4382
|
const B = Math.max(1, o), G = `${100 / B}%`, O = c / 2;
|
|
4375
4383
|
return /* @__PURE__ */ _(
|
|
4376
4384
|
"div",
|
|
4377
4385
|
{
|
|
4378
|
-
className:
|
|
4386
|
+
className: Z.carouselContainer,
|
|
4379
4387
|
"data-color": u,
|
|
4380
4388
|
"data-size": v,
|
|
4381
4389
|
"data-variant": i,
|
|
4382
4390
|
children: [
|
|
4383
|
-
/* @__PURE__ */ r("div", { className:
|
|
4391
|
+
/* @__PURE__ */ r("div", { className: Z.viewport, ref: x, children: /* @__PURE__ */ r(
|
|
4384
4392
|
"div",
|
|
4385
4393
|
{
|
|
4386
|
-
className:
|
|
4394
|
+
className: Z.slides,
|
|
4387
4395
|
style: {
|
|
4388
4396
|
marginLeft: `-${O}px`,
|
|
4389
4397
|
marginRight: `-${O}px`
|
|
4390
4398
|
},
|
|
4391
|
-
children: t && t.length > 0 ? t.map((
|
|
4399
|
+
children: t && t.length > 0 ? t.map((P, z) => /* @__PURE__ */ r(
|
|
4392
4400
|
"div",
|
|
4393
4401
|
{
|
|
4394
|
-
className:
|
|
4402
|
+
className: Z.slide,
|
|
4395
4403
|
style: {
|
|
4396
4404
|
flex: `0 0 ${G}`,
|
|
4397
4405
|
paddingLeft: `${O}px`,
|
|
@@ -4400,30 +4408,30 @@ const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slide
|
|
|
4400
4408
|
overflow: "hidden"
|
|
4401
4409
|
// Ensure radius clips content
|
|
4402
4410
|
},
|
|
4403
|
-
children: /* @__PURE__ */ _("div", { className:
|
|
4404
|
-
!g[
|
|
4411
|
+
children: /* @__PURE__ */ _("div", { className: Z.slideInner, style: { borderRadius: `${d}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
|
|
4412
|
+
!g[z] && /* @__PURE__ */ r("div", { className: Z.loaderOverlay, children: /* @__PURE__ */ r(us, { "aria-label": m("carousel.loading") }) }),
|
|
4405
4413
|
/* @__PURE__ */ r(
|
|
4406
4414
|
"img",
|
|
4407
4415
|
{
|
|
4408
|
-
className: `${
|
|
4409
|
-
src:
|
|
4410
|
-
alt:
|
|
4411
|
-
loading:
|
|
4416
|
+
className: `${Z.image} ${g[z] ? Z.loaded : Z.loadingImage}`,
|
|
4417
|
+
src: P.src,
|
|
4418
|
+
alt: P.alt,
|
|
4419
|
+
loading: z < B ? "eager" : "lazy",
|
|
4412
4420
|
crossOrigin: "anonymous",
|
|
4413
|
-
onLoad: () => D(
|
|
4414
|
-
onError: (
|
|
4415
|
-
|
|
4421
|
+
onLoad: () => D(z),
|
|
4422
|
+
onError: (M) => {
|
|
4423
|
+
M.target.style.display = "none", D(z);
|
|
4416
4424
|
}
|
|
4417
4425
|
}
|
|
4418
4426
|
)
|
|
4419
4427
|
] })
|
|
4420
4428
|
},
|
|
4421
|
-
`image-${
|
|
4422
|
-
)) : /* @__PURE__ */ r("div", { className:
|
|
4429
|
+
`image-${z}-${P.src}`
|
|
4430
|
+
)) : /* @__PURE__ */ r("div", { className: Z.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ r("div", { className: Z.empty, children: "Ingen bilder" }) })
|
|
4423
4431
|
}
|
|
4424
4432
|
) }),
|
|
4425
|
-
(s || l && t && t.length > 1) && /* @__PURE__ */ _("div", { className:
|
|
4426
|
-
s && /* @__PURE__ */ _("div", { className:
|
|
4433
|
+
(s || l && t && t.length > 1) && /* @__PURE__ */ _("div", { className: Z.controls, "aria-hidden": "false", children: [
|
|
4434
|
+
s && /* @__PURE__ */ _("div", { className: Z.arrows, children: [
|
|
4427
4435
|
/* @__PURE__ */ r(
|
|
4428
4436
|
Se,
|
|
4429
4437
|
{
|
|
@@ -4447,19 +4455,19 @@ const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slide
|
|
|
4447
4455
|
}
|
|
4448
4456
|
)
|
|
4449
4457
|
] }),
|
|
4450
|
-
l && t && t.length > 1 && /* @__PURE__ */ r("div", { className:
|
|
4451
|
-
const
|
|
4458
|
+
l && t && t.length > 1 && /* @__PURE__ */ r("div", { className: Z.dots, role: "tablist", "aria-label": m("carousel.imagePosition"), children: p.map((P, z) => {
|
|
4459
|
+
const M = z === h;
|
|
4452
4460
|
return /* @__PURE__ */ r(
|
|
4453
4461
|
"button",
|
|
4454
4462
|
{
|
|
4455
4463
|
type: "button",
|
|
4456
|
-
className: `${
|
|
4457
|
-
onClick: () => A(
|
|
4458
|
-
"aria-label": `${m("carousel.goToImage")} ${
|
|
4459
|
-
"aria-selected":
|
|
4464
|
+
className: `${Z.dot} ${M ? Z.dotActive : ""}`,
|
|
4465
|
+
onClick: () => A(z),
|
|
4466
|
+
"aria-label": `${m("carousel.goToImage")} ${z + 1}`,
|
|
4467
|
+
"aria-selected": M,
|
|
4460
4468
|
role: "tab"
|
|
4461
4469
|
},
|
|
4462
|
-
`dot-${
|
|
4470
|
+
`dot-${z}`
|
|
4463
4471
|
);
|
|
4464
4472
|
}) })
|
|
4465
4473
|
] })
|
|
@@ -4467,85 +4475,257 @@ const Zr = "_carouselContainer_gu7c2_1", Xr = "_viewport_gu7c2_14", Jr = "_slide
|
|
|
4467
4475
|
}
|
|
4468
4476
|
);
|
|
4469
4477
|
};
|
|
4470
|
-
|
|
4471
|
-
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
|
|
4475
|
-
|
|
4476
|
-
|
|
4477
|
-
|
|
4478
|
-
|
|
4479
|
-
|
|
4480
|
-
|
|
4481
|
-
|
|
4478
|
+
ps.displayName = "Carousel";
|
|
4479
|
+
function ms(t) {
|
|
4480
|
+
return `
|
|
4481
|
+
.${t.carouselContainer} {
|
|
4482
|
+
position: relative;
|
|
4483
|
+
display: block;
|
|
4484
|
+
width: 100%;
|
|
4485
|
+
height: 100%;
|
|
4486
|
+
min-height: 200px;
|
|
4487
|
+
background-color: var(--ds-color-background-default, #fff);
|
|
4488
|
+
color: var(--ds-color-text-default, #2b2b2b);
|
|
4489
|
+
border-radius: var(--ds-border-radius-md, 4px);
|
|
4490
|
+
box-sizing: border-box;
|
|
4491
|
+
max-width: 100%;
|
|
4492
|
+
}
|
|
4493
|
+
.${t.viewport} {
|
|
4494
|
+
overflow: hidden;
|
|
4495
|
+
width: 100%;
|
|
4496
|
+
height: 100%;
|
|
4497
|
+
}
|
|
4498
|
+
.${t.slides} {
|
|
4499
|
+
display: flex;
|
|
4500
|
+
height: 100%;
|
|
4501
|
+
user-select: none;
|
|
4502
|
+
-webkit-touch-callout: none;
|
|
4503
|
+
-khtml-user-select: none;
|
|
4504
|
+
-moz-user-select: none;
|
|
4505
|
+
-ms-user-select: none;
|
|
4506
|
+
}
|
|
4507
|
+
.${t.slide} {
|
|
4508
|
+
position: relative;
|
|
4509
|
+
min-width: 0;
|
|
4510
|
+
height: 100%;
|
|
4511
|
+
display: flex;
|
|
4512
|
+
align-items: center;
|
|
4513
|
+
justify-content: center;
|
|
4514
|
+
box-sizing: border-box;
|
|
4515
|
+
}
|
|
4516
|
+
.${t.slideInner} {
|
|
4517
|
+
position: relative;
|
|
4518
|
+
width: 100%;
|
|
4519
|
+
height: 100%;
|
|
4520
|
+
background-color: var(--ds-color-neutral-surface-subtle, #f5f5f5);
|
|
4521
|
+
overflow: hidden;
|
|
4522
|
+
}
|
|
4523
|
+
.${t.loaderOverlay} {
|
|
4524
|
+
position: absolute;
|
|
4525
|
+
inset: 0;
|
|
4526
|
+
display: flex;
|
|
4527
|
+
align-items: center;
|
|
4528
|
+
justify-content: center;
|
|
4529
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
4530
|
+
z-index: 2;
|
|
4531
|
+
}
|
|
4532
|
+
.${t.image} {
|
|
4533
|
+
position: absolute;
|
|
4534
|
+
inset: 0;
|
|
4535
|
+
width: 100%;
|
|
4536
|
+
height: 100%;
|
|
4537
|
+
object-fit: cover;
|
|
4538
|
+
opacity: 0;
|
|
4539
|
+
transition: opacity 0.3s ease-in-out;
|
|
4540
|
+
z-index: 1;
|
|
4541
|
+
}
|
|
4542
|
+
.${t.image}.${t.loaded} {
|
|
4543
|
+
opacity: 1;
|
|
4544
|
+
}
|
|
4545
|
+
.${t.loading} {
|
|
4546
|
+
display: inline-flex;
|
|
4547
|
+
align-items: center;
|
|
4548
|
+
gap: var(--ds-size-2, 8px);
|
|
4549
|
+
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
4550
|
+
font-size: var(--ds-font-size-sm, 14px);
|
|
4551
|
+
}
|
|
4552
|
+
.${t.empty} {
|
|
4553
|
+
color: var(--ds-color-text-subtle, #5d5d5d);
|
|
4554
|
+
font-size: var(--ds-font-size-sm, 14px);
|
|
4555
|
+
text-align: center;
|
|
4556
|
+
}
|
|
4557
|
+
.${t.controls} {
|
|
4558
|
+
position: absolute;
|
|
4559
|
+
inset: 0;
|
|
4560
|
+
display: flex;
|
|
4561
|
+
align-items: center;
|
|
4562
|
+
justify-content: center;
|
|
4563
|
+
pointer-events: none;
|
|
4564
|
+
z-index: 10;
|
|
4565
|
+
}
|
|
4566
|
+
.${t.arrows} {
|
|
4567
|
+
display: flex;
|
|
4568
|
+
align-items: center;
|
|
4569
|
+
justify-content: space-between;
|
|
4570
|
+
width: 100%;
|
|
4571
|
+
padding: 0 var(--ds-size-4, 16px);
|
|
4572
|
+
box-sizing: border-box;
|
|
4573
|
+
pointer-events: auto;
|
|
4574
|
+
}
|
|
4575
|
+
.${t.dots} {
|
|
4576
|
+
position: absolute;
|
|
4577
|
+
left: 50%;
|
|
4578
|
+
transform: translateX(-50%);
|
|
4579
|
+
bottom: var(--ds-size-3, 12px);
|
|
4580
|
+
display: inline-flex;
|
|
4581
|
+
gap: var(--ds-size-2, 8px);
|
|
4582
|
+
pointer-events: auto;
|
|
4583
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
4584
|
+
backdrop-filter: blur(4px);
|
|
4585
|
+
padding: var(--ds-size-1, 4px) var(--ds-size-2, 8px);
|
|
4586
|
+
border-radius: 999px;
|
|
4587
|
+
}
|
|
4588
|
+
.${t.dot} {
|
|
4589
|
+
width: 12px;
|
|
4590
|
+
height: 12px;
|
|
4591
|
+
border-radius: 999px;
|
|
4592
|
+
border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #d6d6d6);
|
|
4593
|
+
background-color: rgba(255, 255, 255, 0.6);
|
|
4594
|
+
padding: 0;
|
|
4595
|
+
margin: 0;
|
|
4596
|
+
cursor: pointer;
|
|
4597
|
+
transition: all 0.2s ease;
|
|
4598
|
+
}
|
|
4599
|
+
.${t.dotActive} {
|
|
4600
|
+
background-color: var(--primary-color-red-10);
|
|
4601
|
+
border-color: var(--primary-color-red-10);
|
|
4602
|
+
transform: scale(1.1);
|
|
4603
|
+
}
|
|
4604
|
+
@media (max-width: 640px) {
|
|
4605
|
+
.${t.carouselContainer} {
|
|
4606
|
+
height: auto;
|
|
4607
|
+
min-height: 150px;
|
|
4608
|
+
aspect-ratio: 16 / 9;
|
|
4609
|
+
}
|
|
4610
|
+
.${t.viewport} {
|
|
4611
|
+
aspect-ratio: 16 / 9;
|
|
4612
|
+
height: auto;
|
|
4613
|
+
}
|
|
4614
|
+
.${t.slides} {
|
|
4615
|
+
height: auto;
|
|
4616
|
+
min-height: 150px;
|
|
4617
|
+
}
|
|
4618
|
+
.${t.slide} {
|
|
4619
|
+
height: auto;
|
|
4620
|
+
min-height: 150px;
|
|
4621
|
+
}
|
|
4622
|
+
.${t.slideInner} {
|
|
4623
|
+
aspect-ratio: 16 / 9;
|
|
4624
|
+
height: auto;
|
|
4625
|
+
}
|
|
4626
|
+
.${t.arrows} {
|
|
4627
|
+
padding: 0 var(--ds-size-2, 8px);
|
|
4628
|
+
}
|
|
4629
|
+
.${t.dots} {
|
|
4630
|
+
bottom: var(--ds-size-2, 8px);
|
|
4631
|
+
gap: var(--ds-size-1, 4px);
|
|
4632
|
+
}
|
|
4633
|
+
.${t.dot} {
|
|
4634
|
+
width: 10px;
|
|
4635
|
+
height: 10px;
|
|
4636
|
+
}
|
|
4637
|
+
}
|
|
4638
|
+
@media (max-width: 400px) {
|
|
4639
|
+
.${t.carouselContainer} {
|
|
4640
|
+
min-height: 120px;
|
|
4641
|
+
}
|
|
4642
|
+
.${t.arrows} {
|
|
4643
|
+
padding: 0 var(--ds-size-1, 4px);
|
|
4644
|
+
}
|
|
4645
|
+
.${t.arrows} button {
|
|
4646
|
+
transform: scale(0.85);
|
|
4647
|
+
}
|
|
4648
|
+
}
|
|
4649
|
+
`;
|
|
4650
|
+
}
|
|
4651
|
+
const pa = dn, ma = cn, ga = un, J = pn, fa = mn, ha = gn, ka = fn, va = hn, ya = kn, ba = vn, xa = yn, Ta = bn, gs = xn, fs = Tn;
|
|
4652
|
+
gs.displayName = "Field.Description";
|
|
4653
|
+
fs.displayName = "Field.Counter";
|
|
4654
|
+
const Sa = Dt, hs = fe((t, e) => /* @__PURE__ */ r(Sn, { ref: e, ...t }));
|
|
4655
|
+
hs.displayName = "Heading";
|
|
4656
|
+
const ks = Cn;
|
|
4657
|
+
ks.displayName = "Input";
|
|
4658
|
+
const vs = fe((t, e) => /* @__PURE__ */ r(wn, { ref: e, ...t }));
|
|
4659
|
+
vs.displayName = "Label";
|
|
4660
|
+
const ue = In, Ca = Dn, ys = _n, wa = An, Ia = Mn, Da = Ln, _a = jn;
|
|
4661
|
+
ys.displayName = "Pagination";
|
|
4482
4662
|
const Je = fe(
|
|
4483
4663
|
(t, e) => /* @__PURE__ */ r(En, { ref: e, ...t })
|
|
4484
4664
|
);
|
|
4485
4665
|
Je.displayName = "Paragraph";
|
|
4486
|
-
const
|
|
4666
|
+
const Aa = Fn, Ma = Nn, La = Bn, Be = Object.assign(Pn, {
|
|
4487
4667
|
Button: Rn,
|
|
4488
4668
|
ClearButton: $n,
|
|
4489
4669
|
Input: zn
|
|
4490
|
-
}),
|
|
4491
|
-
|
|
4492
|
-
const Ke = On,
|
|
4493
|
-
|
|
4494
|
-
const
|
|
4495
|
-
header:
|
|
4496
|
-
languageSwitch:
|
|
4497
|
-
searchOverlay:
|
|
4498
|
-
headerExtension:
|
|
4499
|
-
extensionContentWrapper:
|
|
4500
|
-
extensionContent:
|
|
4501
|
-
extensionDivider:
|
|
4502
|
-
languageLabel:
|
|
4503
|
-
languageLink:
|
|
4504
|
-
headerInner:
|
|
4505
|
-
logoWrapper:
|
|
4506
|
-
logo:
|
|
4507
|
-
secondaryLogoWrapper:
|
|
4508
|
-
slotComponent:
|
|
4509
|
-
slotContainer:
|
|
4510
|
-
slotText:
|
|
4511
|
-
secondaryLogo:
|
|
4512
|
-
redCrossLogo:
|
|
4513
|
-
primaryLogo:
|
|
4514
|
-
navItems:
|
|
4515
|
-
navLink:
|
|
4516
|
-
actions:
|
|
4517
|
-
ctaButton:
|
|
4518
|
-
themeToggle:
|
|
4519
|
-
userInfo:
|
|
4520
|
-
userName:
|
|
4521
|
-
loginLink:
|
|
4522
|
-
loginText:
|
|
4523
|
-
underline:
|
|
4524
|
-
searchButtonWrapper:
|
|
4525
|
-
buttonText:
|
|
4526
|
-
menuButton:
|
|
4527
|
-
menuOverlay:
|
|
4528
|
-
searchContent:
|
|
4529
|
-
menuContent:
|
|
4530
|
-
menuLeftColumn:
|
|
4531
|
-
menuRightColumn:
|
|
4532
|
-
slotContent:
|
|
4533
|
-
navList:
|
|
4534
|
-
menuUtilities:
|
|
4535
|
-
menuBrand:
|
|
4536
|
-
suggestionsSection:
|
|
4537
|
-
suggestionsTitle:
|
|
4538
|
-
searchResults:
|
|
4539
|
-
resultList:
|
|
4540
|
-
resultItem:
|
|
4541
|
-
resultLink:
|
|
4542
|
-
suggestionIcon:
|
|
4543
|
-
suggestionText:
|
|
4544
|
-
highlightedText:
|
|
4545
|
-
remainingText:
|
|
4546
|
-
viewAllLink:
|
|
4547
|
-
noResults:
|
|
4548
|
-
},
|
|
4670
|
+
}), ja = Gn, Ea = Wn, Fa = Hn, bs = Un;
|
|
4671
|
+
bs.displayName = "Suggestion";
|
|
4672
|
+
const Ke = On, Na = Vn, Ba = Kn, Pa = Yn, za = qn, $a = Zn, Ra = Xn, Ga = Jn, xs = fe((t, e) => /* @__PURE__ */ r(Qn, { ref: e, ...t }));
|
|
4673
|
+
xs.displayName = "ValidationMessage";
|
|
4674
|
+
const Ts = "_header_ymzss_1", Ss = "_languageSwitch_ymzss_36", Cs = "_searchOverlay_ymzss_40", ws = "_headerExtension_ymzss_45", Is = "_extensionContentWrapper_ymzss_73", Ds = "_extensionContent_ymzss_73", _s = "_extensionDivider_ymzss_100", As = "_languageLabel_ymzss_124", Ms = "_languageLink_ymzss_140", Ls = "_headerInner_ymzss_175", js = "_logoWrapper_ymzss_192", Es = "_logo_ymzss_192", Fs = "_secondaryLogoWrapper_ymzss_215", Ns = "_slotComponent_ymzss_224", Bs = "_slotContainer_ymzss_234", Ps = "_slotText_ymzss_242", zs = "_secondaryLogo_ymzss_215", $s = "_redCrossLogo_ymzss_269", Rs = "_primaryLogo_ymzss_275", Gs = "_navItems_ymzss_279", Ws = "_navLink_ymzss_288", Hs = "_actions_ymzss_301", Us = "_ctaButton_ymzss_309", Os = "_themeToggle_ymzss_314", Vs = "_userInfo_ymzss_319", Ks = "_userName_ymzss_325", Ys = "_loginLink_ymzss_332", qs = "_loginText_ymzss_341", Zs = "_underline_ymzss_348", Xs = "_searchButtonWrapper_ymzss_354", Js = "_buttonText_ymzss_358", Qs = "_menuButton_ymzss_363", ei = "_menuOverlay_ymzss_368", ti = "_searchContent_ymzss_402", ni = "_menuContent_ymzss_412", oi = "_menuLeftColumn_ymzss_421", ri = "_menuRightColumn_ymzss_427", si = "_slotContent_ymzss_441", ii = "_navList_ymzss_454", ai = "_menuUtilities_ymzss_461", li = "_menuBrand_ymzss_468", di = "_suggestionsSection_ymzss_472", ci = "_suggestionsTitle_ymzss_478", ui = "_searchResults_ymzss_487", pi = "_resultList_ymzss_493", mi = "_resultItem_ymzss_499", gi = "_resultLink_ymzss_507", fi = "_suggestionIcon_ymzss_521", hi = "_suggestionText_ymzss_534", ki = "_highlightedText_ymzss_541", vi = "_remainingText_ymzss_546", yi = "_viewAllLink_ymzss_559", bi = "_noResults_ymzss_594", b = {
|
|
4675
|
+
header: Ts,
|
|
4676
|
+
languageSwitch: Ss,
|
|
4677
|
+
searchOverlay: Cs,
|
|
4678
|
+
headerExtension: ws,
|
|
4679
|
+
extensionContentWrapper: Is,
|
|
4680
|
+
extensionContent: Ds,
|
|
4681
|
+
extensionDivider: _s,
|
|
4682
|
+
languageLabel: As,
|
|
4683
|
+
languageLink: Ms,
|
|
4684
|
+
headerInner: Ls,
|
|
4685
|
+
logoWrapper: js,
|
|
4686
|
+
logo: Es,
|
|
4687
|
+
secondaryLogoWrapper: Fs,
|
|
4688
|
+
slotComponent: Ns,
|
|
4689
|
+
slotContainer: Bs,
|
|
4690
|
+
slotText: Ps,
|
|
4691
|
+
secondaryLogo: zs,
|
|
4692
|
+
redCrossLogo: $s,
|
|
4693
|
+
primaryLogo: Rs,
|
|
4694
|
+
navItems: Gs,
|
|
4695
|
+
navLink: Ws,
|
|
4696
|
+
actions: Hs,
|
|
4697
|
+
ctaButton: Us,
|
|
4698
|
+
themeToggle: Os,
|
|
4699
|
+
userInfo: Vs,
|
|
4700
|
+
userName: Ks,
|
|
4701
|
+
loginLink: Ys,
|
|
4702
|
+
loginText: qs,
|
|
4703
|
+
underline: Zs,
|
|
4704
|
+
searchButtonWrapper: Xs,
|
|
4705
|
+
buttonText: Js,
|
|
4706
|
+
menuButton: Qs,
|
|
4707
|
+
menuOverlay: ei,
|
|
4708
|
+
searchContent: ti,
|
|
4709
|
+
menuContent: ni,
|
|
4710
|
+
menuLeftColumn: oi,
|
|
4711
|
+
menuRightColumn: ri,
|
|
4712
|
+
slotContent: si,
|
|
4713
|
+
navList: ii,
|
|
4714
|
+
menuUtilities: ai,
|
|
4715
|
+
menuBrand: li,
|
|
4716
|
+
suggestionsSection: di,
|
|
4717
|
+
suggestionsTitle: ci,
|
|
4718
|
+
searchResults: ui,
|
|
4719
|
+
resultList: pi,
|
|
4720
|
+
resultItem: mi,
|
|
4721
|
+
resultLink: gi,
|
|
4722
|
+
suggestionIcon: fi,
|
|
4723
|
+
suggestionText: hi,
|
|
4724
|
+
highlightedText: ki,
|
|
4725
|
+
remainingText: vi,
|
|
4726
|
+
viewAllLink: yi,
|
|
4727
|
+
noResults: bi
|
|
4728
|
+
}, xi = [
|
|
4549
4729
|
// Pages
|
|
4550
4730
|
{ id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
|
|
4551
4731
|
{ id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
|
|
@@ -4608,7 +4788,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4608
4788
|
{ id: "komponent-kreasjon", title: "Komponent Kreasjon", category: "Code", path: "code/komponent-kreasjon", description: "Opprette nye komponenter" },
|
|
4609
4789
|
{ id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
|
|
4610
4790
|
{ id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
|
|
4611
|
-
],
|
|
4791
|
+
], Wa = ({
|
|
4612
4792
|
"data-color": t = "primary",
|
|
4613
4793
|
activePage: e,
|
|
4614
4794
|
setPage: n,
|
|
@@ -4629,14 +4809,14 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4629
4809
|
showNavItems: p = !0,
|
|
4630
4810
|
showMenuButton: y = !0,
|
|
4631
4811
|
showHeaderExtension: g = !1,
|
|
4632
|
-
showModeToggle:
|
|
4812
|
+
showModeToggle: L = !1,
|
|
4633
4813
|
showLanguageSwitch: D = !1
|
|
4634
4814
|
}) => {
|
|
4635
|
-
const [w, C] = oe(!1), [A, j] = oe(!1), [N, B] = oe(""), [G, O] = oe("light"), { language:
|
|
4815
|
+
const [w, C] = oe(!1), [A, j] = oe(!1), [N, B] = oe(""), [G, O] = oe("light"), { language: P, setLanguage: z, t: M } = Ee(), [V, te] = oe(!1);
|
|
4636
4816
|
Y(() => {
|
|
4637
4817
|
const T = "rk-header-inline-styles";
|
|
4638
4818
|
if (typeof document > "u" || document.getElementById(T)) return;
|
|
4639
|
-
const S =
|
|
4819
|
+
const S = Ti(b), E = document.createElement("style");
|
|
4640
4820
|
E.id = T, E.textContent = S, document.head.appendChild(E);
|
|
4641
4821
|
}, []);
|
|
4642
4822
|
const Q = () => /* @__PURE__ */ _(
|
|
@@ -4738,7 +4918,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4738
4918
|
}, q = Te(() => {
|
|
4739
4919
|
if (!N.trim()) return [];
|
|
4740
4920
|
const T = N.toLowerCase();
|
|
4741
|
-
return
|
|
4921
|
+
return xi.filter(
|
|
4742
4922
|
(S) => S.title.toLowerCase().startsWith(T)
|
|
4743
4923
|
);
|
|
4744
4924
|
}, [N]), ce = (T) => {
|
|
@@ -4746,29 +4926,29 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4746
4926
|
};
|
|
4747
4927
|
return /* @__PURE__ */ _("header", { className: b.header, "data-open": w ? "true" : "false", "data-color": t, children: [
|
|
4748
4928
|
g && /* @__PURE__ */ r("div", { className: b.headerExtension, "data-color-scheme": "light", children: /* @__PURE__ */ _("div", { className: b.extensionContentWrapper, children: [
|
|
4749
|
-
|
|
4929
|
+
L && /* @__PURE__ */ r("div", { className: b.extensionContent, children: /* @__PURE__ */ r(
|
|
4750
4930
|
Ke,
|
|
4751
4931
|
{
|
|
4752
4932
|
"data-size": "sm",
|
|
4753
4933
|
checked: G === "dark",
|
|
4754
4934
|
onChange: ie,
|
|
4755
|
-
label:
|
|
4935
|
+
label: M("header.darkMode"),
|
|
4756
4936
|
color: "neutral",
|
|
4757
4937
|
"data-color-scheme": "light"
|
|
4758
4938
|
}
|
|
4759
4939
|
) }),
|
|
4760
|
-
|
|
4940
|
+
L && D && /* @__PURE__ */ r("div", { className: b.extensionDivider }),
|
|
4761
4941
|
D && /* @__PURE__ */ _("div", { className: b.languageSwitch, children: [
|
|
4762
|
-
/* @__PURE__ */ r("span", { className: b.languageLabel, children:
|
|
4942
|
+
/* @__PURE__ */ r("span", { className: b.languageLabel, children: M("header.language") }),
|
|
4763
4943
|
/* @__PURE__ */ _(J.TriggerContext, { children: [
|
|
4764
4944
|
/* @__PURE__ */ _(
|
|
4765
4945
|
J.Trigger,
|
|
4766
4946
|
{
|
|
4767
4947
|
className: b.languageLink,
|
|
4768
|
-
"aria-label":
|
|
4948
|
+
"aria-label": M("header.selectLanguage"),
|
|
4769
4949
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
4770
4950
|
children: [
|
|
4771
|
-
|
|
4951
|
+
P,
|
|
4772
4952
|
" ",
|
|
4773
4953
|
/* @__PURE__ */ r(ft, { "aria-hidden": !0 })
|
|
4774
4954
|
]
|
|
@@ -4780,8 +4960,8 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4780
4960
|
"data-color-scheme": G,
|
|
4781
4961
|
placement: "bottom-end",
|
|
4782
4962
|
children: /* @__PURE__ */ _(J.List, { children: [
|
|
4783
|
-
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () =>
|
|
4784
|
-
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () =>
|
|
4963
|
+
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () => z("NO"), children: "Norsk (NO)" }) }),
|
|
4964
|
+
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () => z("EN"), children: "English (EN)" }) })
|
|
4785
4965
|
] })
|
|
4786
4966
|
}
|
|
4787
4967
|
)
|
|
@@ -4795,7 +4975,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4795
4975
|
{
|
|
4796
4976
|
href: "/",
|
|
4797
4977
|
className: `${b.logo} ${b.primaryLogo}`,
|
|
4798
|
-
"aria-label":
|
|
4978
|
+
"aria-label": M("header.homeAriaLabel"),
|
|
4799
4979
|
onClick: ee,
|
|
4800
4980
|
children: /* @__PURE__ */ r(Q, {})
|
|
4801
4981
|
}
|
|
@@ -4832,7 +5012,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4832
5012
|
onClick: v,
|
|
4833
5013
|
children: [
|
|
4834
5014
|
u,
|
|
4835
|
-
/* @__PURE__ */ r("span", { className: b.buttonText, children: d ||
|
|
5015
|
+
/* @__PURE__ */ r("span", { className: b.buttonText, children: d || M("header.supportUs") })
|
|
4836
5016
|
]
|
|
4837
5017
|
}
|
|
4838
5018
|
),
|
|
@@ -4841,7 +5021,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4841
5021
|
{
|
|
4842
5022
|
checked: G === "dark",
|
|
4843
5023
|
onChange: ie,
|
|
4844
|
-
"aria-label":
|
|
5024
|
+
"aria-label": M("header.toggleTheme")
|
|
4845
5025
|
}
|
|
4846
5026
|
) }),
|
|
4847
5027
|
l && /* @__PURE__ */ _("div", { className: b.userInfo, children: [
|
|
@@ -4849,7 +5029,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4849
5029
|
/* @__PURE__ */ r(Mt, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
|
|
4850
5030
|
] }),
|
|
4851
5031
|
o && /* @__PURE__ */ _("a", { href: "#", className: b.loginLink, children: [
|
|
4852
|
-
/* @__PURE__ */ r("span", { className: b.loginText, children:
|
|
5032
|
+
/* @__PURE__ */ r("span", { className: b.loginText, children: M("header.login") }),
|
|
4853
5033
|
/* @__PURE__ */ r("div", { className: b.underline })
|
|
4854
5034
|
] }),
|
|
4855
5035
|
i && /* @__PURE__ */ r("div", { className: b.searchButtonWrapper, children: /* @__PURE__ */ _(
|
|
@@ -4860,10 +5040,10 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4860
5040
|
"data-size": "md",
|
|
4861
5041
|
onClick: ae,
|
|
4862
5042
|
"aria-expanded": A,
|
|
4863
|
-
"aria-label":
|
|
5043
|
+
"aria-label": M(A ? "header.closeSearch" : "header.openSearch"),
|
|
4864
5044
|
children: [
|
|
4865
5045
|
A ? /* @__PURE__ */ r(ht, { "aria-hidden": !0 }) : /* @__PURE__ */ r(kt, { "aria-hidden": !0 }),
|
|
4866
|
-
/* @__PURE__ */ r("span", { className: b.buttonText, children:
|
|
5046
|
+
/* @__PURE__ */ r("span", { className: b.buttonText, children: M(A ? "header.close" : "header.search") })
|
|
4867
5047
|
]
|
|
4868
5048
|
}
|
|
4869
5049
|
) }),
|
|
@@ -4875,11 +5055,11 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4875
5055
|
"data-size": "md",
|
|
4876
5056
|
onClick: de,
|
|
4877
5057
|
"aria-expanded": w,
|
|
4878
|
-
"aria-label":
|
|
5058
|
+
"aria-label": M(w ? "header.closeMenu" : "header.openMenu"),
|
|
4879
5059
|
className: b.menuButton,
|
|
4880
5060
|
children: [
|
|
4881
5061
|
w ? /* @__PURE__ */ r(ht, { "aria-hidden": !0 }) : /* @__PURE__ */ r(ao, { "aria-hidden": !0 }),
|
|
4882
|
-
/* @__PURE__ */ r("span", { className: b.buttonText, children:
|
|
5062
|
+
/* @__PURE__ */ r("span", { className: b.buttonText, children: M(w ? "header.close" : "header.menu") })
|
|
4883
5063
|
]
|
|
4884
5064
|
}
|
|
4885
5065
|
)
|
|
@@ -4888,18 +5068,18 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4888
5068
|
w && /* @__PURE__ */ r("div", { className: b.menuOverlay, children: /* @__PURE__ */ _("div", { className: b.menuContent, children: [
|
|
4889
5069
|
/* @__PURE__ */ r("div", { className: b.menuLeftColumn }),
|
|
4890
5070
|
/* @__PURE__ */ _("div", { className: b.menuRightColumn, children: [
|
|
4891
|
-
V && (D ||
|
|
5071
|
+
V && (D || L) && /* @__PURE__ */ _("div", { className: b.menuUtilities, children: [
|
|
4892
5072
|
D && /* @__PURE__ */ _("div", { className: b.languageSwitch, children: [
|
|
4893
|
-
/* @__PURE__ */ r("span", { className: b.languageLabel, children:
|
|
5073
|
+
/* @__PURE__ */ r("span", { className: b.languageLabel, children: M("header.language") }),
|
|
4894
5074
|
/* @__PURE__ */ _(J.TriggerContext, { children: [
|
|
4895
5075
|
/* @__PURE__ */ _(
|
|
4896
5076
|
J.Trigger,
|
|
4897
5077
|
{
|
|
4898
5078
|
className: b.languageLink,
|
|
4899
|
-
"aria-label":
|
|
5079
|
+
"aria-label": M("header.selectLanguage"),
|
|
4900
5080
|
style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
|
|
4901
5081
|
children: [
|
|
4902
|
-
|
|
5082
|
+
P,
|
|
4903
5083
|
" ",
|
|
4904
5084
|
/* @__PURE__ */ r(ft, { "aria-hidden": !0 })
|
|
4905
5085
|
]
|
|
@@ -4911,20 +5091,20 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4911
5091
|
"data-color-scheme": G,
|
|
4912
5092
|
placement: "bottom-start",
|
|
4913
5093
|
children: /* @__PURE__ */ _(J.List, { children: [
|
|
4914
|
-
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () =>
|
|
4915
|
-
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () =>
|
|
5094
|
+
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () => z("NO"), children: "Norsk (NO)" }) }),
|
|
5095
|
+
/* @__PURE__ */ r(J.Item, { children: /* @__PURE__ */ r(J.Button, { onClick: () => z("EN"), children: "English (EN)" }) })
|
|
4916
5096
|
] })
|
|
4917
5097
|
}
|
|
4918
5098
|
)
|
|
4919
5099
|
] })
|
|
4920
5100
|
] }),
|
|
4921
|
-
|
|
5101
|
+
L && /* @__PURE__ */ r("div", { className: b.extensionContent, children: /* @__PURE__ */ r(
|
|
4922
5102
|
Ke,
|
|
4923
5103
|
{
|
|
4924
5104
|
"data-size": "sm",
|
|
4925
5105
|
checked: G === "dark",
|
|
4926
5106
|
onChange: ie,
|
|
4927
|
-
label:
|
|
5107
|
+
label: M("header.darkMode"),
|
|
4928
5108
|
color: "neutral",
|
|
4929
5109
|
"data-color-scheme": "light"
|
|
4930
5110
|
}
|
|
@@ -4953,17 +5133,17 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4953
5133
|
/* @__PURE__ */ r(
|
|
4954
5134
|
Be.Input,
|
|
4955
5135
|
{
|
|
4956
|
-
"aria-label":
|
|
4957
|
-
placeholder:
|
|
5136
|
+
"aria-label": M("header.search"),
|
|
5137
|
+
placeholder: M("header.searchPlaceholder"),
|
|
4958
5138
|
value: N,
|
|
4959
5139
|
onChange: (T) => B(T.target.value)
|
|
4960
5140
|
}
|
|
4961
5141
|
),
|
|
4962
|
-
/* @__PURE__ */ r(Be.Button, { "aria-label":
|
|
4963
|
-
/* @__PURE__ */ r(Be.ClearButton, { onClick: () => B(""), "aria-label":
|
|
5142
|
+
/* @__PURE__ */ r(Be.Button, { "aria-label": M("header.search") }),
|
|
5143
|
+
/* @__PURE__ */ r(Be.ClearButton, { onClick: () => B(""), "aria-label": M("header.clearSearch") })
|
|
4964
5144
|
] }),
|
|
4965
5145
|
N && /* @__PURE__ */ r("div", { className: b.searchResults, children: q.length > 0 ? /* @__PURE__ */ _("div", { className: b.suggestionsSection, children: [
|
|
4966
|
-
/* @__PURE__ */ r("h3", { className: b.suggestionsTitle, children:
|
|
5146
|
+
/* @__PURE__ */ r("h3", { className: b.suggestionsTitle, children: M("header.suggestions") }),
|
|
4967
5147
|
/* @__PURE__ */ r("ul", { className: b.resultList, children: q.slice(0, 5).map((T) => /* @__PURE__ */ r("li", { className: b.resultItem, children: /* @__PURE__ */ _(
|
|
4968
5148
|
"button",
|
|
4969
5149
|
{
|
|
@@ -4974,11 +5154,11 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4974
5154
|
/* @__PURE__ */ r("span", { className: b.suggestionText, children: (() => {
|
|
4975
5155
|
const S = T.title.toLowerCase().indexOf(N.toLowerCase());
|
|
4976
5156
|
if (S === -1) return /* @__PURE__ */ r("span", { className: b.remainingText, children: T.title });
|
|
4977
|
-
const E = T.title.slice(0, S), H = T.title.slice(S, S + N.length),
|
|
5157
|
+
const E = T.title.slice(0, S), H = T.title.slice(S, S + N.length), X = T.title.slice(S + N.length);
|
|
4978
5158
|
return /* @__PURE__ */ _(Vt, { children: [
|
|
4979
5159
|
/* @__PURE__ */ r("span", { className: b.remainingText, children: E }),
|
|
4980
5160
|
/* @__PURE__ */ r("span", { className: b.highlightedText, children: H }),
|
|
4981
|
-
/* @__PURE__ */ r("span", { className: b.remainingText, children:
|
|
5161
|
+
/* @__PURE__ */ r("span", { className: b.remainingText, children: X })
|
|
4982
5162
|
] });
|
|
4983
5163
|
})() })
|
|
4984
5164
|
]
|
|
@@ -4994,7 +5174,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
4994
5174
|
T.preventDefault(), n && n(`search/${N}`), j(!1), B("");
|
|
4995
5175
|
},
|
|
4996
5176
|
children: [
|
|
4997
|
-
|
|
5177
|
+
M("header.viewAll"),
|
|
4998
5178
|
" (",
|
|
4999
5179
|
q.length,
|
|
5000
5180
|
")"
|
|
@@ -5002,7 +5182,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
5002
5182
|
}
|
|
5003
5183
|
)
|
|
5004
5184
|
] }) : /* @__PURE__ */ r("div", { className: b.noResults, children: /* @__PURE__ */ _(Je, { children: [
|
|
5005
|
-
|
|
5185
|
+
M("header.noResults"),
|
|
5006
5186
|
' "',
|
|
5007
5187
|
N,
|
|
5008
5188
|
'"'
|
|
@@ -5010,7 +5190,7 @@ const bs = "_header_ymzss_1", xs = "_languageSwitch_ymzss_36", Ts = "_searchOver
|
|
|
5010
5190
|
] }) })
|
|
5011
5191
|
] });
|
|
5012
5192
|
};
|
|
5013
|
-
function
|
|
5193
|
+
function Ti(t) {
|
|
5014
5194
|
const e = t;
|
|
5015
5195
|
return `
|
|
5016
5196
|
.${e.header} {
|
|
@@ -5152,35 +5332,35 @@ function bi(t) {
|
|
|
5152
5332
|
}
|
|
5153
5333
|
`;
|
|
5154
5334
|
}
|
|
5155
|
-
const
|
|
5156
|
-
footer:
|
|
5157
|
-
redSection:
|
|
5158
|
-
redContainer:
|
|
5159
|
-
shortcutsSection:
|
|
5160
|
-
shortcutsColumn:
|
|
5161
|
-
shortcutsTitle:
|
|
5162
|
-
shortcutsList:
|
|
5163
|
-
shortcutLink:
|
|
5164
|
-
slotComponent:
|
|
5165
|
-
divider:
|
|
5166
|
-
contactSection:
|
|
5167
|
-
contactColumn:
|
|
5168
|
-
contactTitle:
|
|
5169
|
-
contactContent:
|
|
5170
|
-
legalSection:
|
|
5171
|
-
copyrightText:
|
|
5172
|
-
legalLinks:
|
|
5173
|
-
legalLink:
|
|
5174
|
-
whiteSection:
|
|
5175
|
-
whiteContainer:
|
|
5176
|
-
whiteContent:
|
|
5177
|
-
logo:
|
|
5178
|
-
redCrossLogo:
|
|
5179
|
-
secondaryLogoWrapper:
|
|
5180
|
-
designSystemLogo:
|
|
5181
|
-
slotSmall:
|
|
5182
|
-
slotLarge:
|
|
5183
|
-
},
|
|
5335
|
+
const Si = "_footer_6xhfo_1", Ci = "_redSection_6xhfo_7", wi = "_redContainer_6xhfo_26", Ii = "_shortcutsSection_6xhfo_35", Di = "_shortcutsColumn_6xhfo_43", _i = "_shortcutsTitle_6xhfo_51", Ai = "_shortcutsList_6xhfo_60", Mi = "_shortcutLink_6xhfo_69", Li = "_slotComponent_6xhfo_92", ji = "_divider_6xhfo_131", Ei = "_contactSection_6xhfo_139", Fi = "_contactColumn_6xhfo_146", Ni = "_contactTitle_6xhfo_154", Bi = "_contactContent_6xhfo_163", Pi = "_legalSection_6xhfo_177", zi = "_copyrightText_6xhfo_184", $i = "_legalLinks_6xhfo_193", Ri = "_legalLink_6xhfo_193", Gi = "_whiteSection_6xhfo_223", Wi = "_whiteContainer_6xhfo_228", Hi = "_whiteContent_6xhfo_241", Ui = "_logo_6xhfo_248", Oi = "_redCrossLogo_6xhfo_265", Vi = "_secondaryLogoWrapper_6xhfo_271", Ki = "_designSystemLogo_6xhfo_278", Yi = "_slotSmall_6xhfo_285", qi = "_slotLarge_6xhfo_296", F = {
|
|
5336
|
+
footer: Si,
|
|
5337
|
+
redSection: Ci,
|
|
5338
|
+
redContainer: wi,
|
|
5339
|
+
shortcutsSection: Ii,
|
|
5340
|
+
shortcutsColumn: Di,
|
|
5341
|
+
shortcutsTitle: _i,
|
|
5342
|
+
shortcutsList: Ai,
|
|
5343
|
+
shortcutLink: Mi,
|
|
5344
|
+
slotComponent: Li,
|
|
5345
|
+
divider: ji,
|
|
5346
|
+
contactSection: Ei,
|
|
5347
|
+
contactColumn: Fi,
|
|
5348
|
+
contactTitle: Ni,
|
|
5349
|
+
contactContent: Bi,
|
|
5350
|
+
legalSection: Pi,
|
|
5351
|
+
copyrightText: zi,
|
|
5352
|
+
legalLinks: $i,
|
|
5353
|
+
legalLink: Ri,
|
|
5354
|
+
whiteSection: Gi,
|
|
5355
|
+
whiteContainer: Wi,
|
|
5356
|
+
whiteContent: Hi,
|
|
5357
|
+
logo: Ui,
|
|
5358
|
+
redCrossLogo: Oi,
|
|
5359
|
+
secondaryLogoWrapper: Vi,
|
|
5360
|
+
designSystemLogo: Ki,
|
|
5361
|
+
slotSmall: Yi,
|
|
5362
|
+
slotLarge: qi
|
|
5363
|
+
}, Ha = ({
|
|
5184
5364
|
"data-color": t = "additional",
|
|
5185
5365
|
redSectionSlot: e,
|
|
5186
5366
|
whiteSectionSlotSmall: n,
|
|
@@ -5199,7 +5379,7 @@ const xi = "_footer_6xhfo_1", Ti = "_redSection_6xhfo_7", Si = "_redContainer_6x
|
|
|
5199
5379
|
Pe.useEffect(() => {
|
|
5200
5380
|
const D = "rk-footer-inline-styles";
|
|
5201
5381
|
if (typeof document > "u" || document.getElementById(D)) return;
|
|
5202
|
-
const w =
|
|
5382
|
+
const w = Zi(F), C = document.createElement("style");
|
|
5203
5383
|
C.id = D, C.textContent = w, document.head.appendChild(C);
|
|
5204
5384
|
}, []);
|
|
5205
5385
|
const [h, k] = Pe.useState("light");
|
|
@@ -5246,7 +5426,7 @@ const xi = "_footer_6xhfo_1", Ti = "_redSection_6xhfo_7", Si = "_redContainer_6x
|
|
|
5246
5426
|
{ label: a("footer.shortcutsLinks.about"), href: "#" },
|
|
5247
5427
|
{ label: a("footer.shortcutsLinks.support"), href: "#" },
|
|
5248
5428
|
{ label: a("footer.shortcutsLinks.contact"), href: "#" }
|
|
5249
|
-
], g = m || y,
|
|
5429
|
+
], g = m || y, L = f || y;
|
|
5250
5430
|
return /* @__PURE__ */ _("footer", { className: F.footer, "data-color": t, children: [
|
|
5251
5431
|
/* @__PURE__ */ r("div", { className: F.redSection, children: /* @__PURE__ */ _("div", { className: F.redContainer, children: [
|
|
5252
5432
|
/* @__PURE__ */ _("div", { className: F.shortcutsSection, children: [
|
|
@@ -5256,7 +5436,7 @@ const xi = "_footer_6xhfo_1", Ti = "_redSection_6xhfo_7", Si = "_redContainer_6x
|
|
|
5256
5436
|
] }),
|
|
5257
5437
|
/* @__PURE__ */ _("nav", { className: F.shortcutsColumn, "aria-label": a("footer.shortcuts"), children: [
|
|
5258
5438
|
/* @__PURE__ */ r("h3", { className: F.shortcutsTitle, children: a("footer.shortcuts") }),
|
|
5259
|
-
/* @__PURE__ */ r("ul", { className: F.shortcutsList, children:
|
|
5439
|
+
/* @__PURE__ */ r("ul", { className: F.shortcutsList, children: L.map((D, w) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(ue, { href: D.href, className: F.shortcutLink, children: D.label }) }, w)) })
|
|
5260
5440
|
] }),
|
|
5261
5441
|
e && /* @__PURE__ */ r("div", { className: F.slotComponent, children: e })
|
|
5262
5442
|
] }),
|
|
@@ -5318,7 +5498,7 @@ const xi = "_footer_6xhfo_1", Ti = "_redSection_6xhfo_7", Si = "_redContainer_6x
|
|
|
5318
5498
|
] }) }) })
|
|
5319
5499
|
] });
|
|
5320
5500
|
};
|
|
5321
|
-
function
|
|
5501
|
+
function Zi(t) {
|
|
5322
5502
|
const e = t;
|
|
5323
5503
|
return `
|
|
5324
5504
|
.${e.footer} {
|
|
@@ -5584,67 +5764,67 @@ export {
|
|
|
5584
5764
|
co as Alert,
|
|
5585
5765
|
Mt as Avatar,
|
|
5586
5766
|
uo as Badge,
|
|
5587
|
-
|
|
5588
|
-
|
|
5589
|
-
|
|
5590
|
-
|
|
5591
|
-
|
|
5767
|
+
na as BadgePosition,
|
|
5768
|
+
oa as Breadcrumbs,
|
|
5769
|
+
sa as BreadcrumbsItem,
|
|
5770
|
+
ia as BreadcrumbsLink,
|
|
5771
|
+
ra as BreadcrumbsList,
|
|
5592
5772
|
Se as Button,
|
|
5593
5773
|
po as Card,
|
|
5594
|
-
|
|
5595
|
-
|
|
5774
|
+
aa as CardBlock,
|
|
5775
|
+
ps as Carousel,
|
|
5596
5776
|
mo as Checkbox,
|
|
5597
|
-
|
|
5777
|
+
da as Chip,
|
|
5598
5778
|
gr as DateInput,
|
|
5599
5779
|
sr as DatePicker,
|
|
5600
|
-
|
|
5601
|
-
|
|
5602
|
-
|
|
5780
|
+
pa as Details,
|
|
5781
|
+
ma as Dialog,
|
|
5782
|
+
ga as Divider,
|
|
5603
5783
|
J as Dropdown,
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
5611
|
-
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
|
|
5784
|
+
ba as DropdownButton,
|
|
5785
|
+
ka as DropdownHeading,
|
|
5786
|
+
ya as DropdownItem,
|
|
5787
|
+
va as DropdownList,
|
|
5788
|
+
fa as DropdownTrigger,
|
|
5789
|
+
ha as DropdownTriggerContext,
|
|
5790
|
+
xa as ErrorSummary,
|
|
5791
|
+
Ta as Field,
|
|
5792
|
+
fs as FieldCounter,
|
|
5793
|
+
gs as FieldDescription,
|
|
5794
|
+
Sa as Fieldset,
|
|
5795
|
+
Ha as Footer,
|
|
5796
|
+
Wa as Header,
|
|
5797
|
+
hs as Heading,
|
|
5798
|
+
ks as Input,
|
|
5799
|
+
vs as Label,
|
|
5800
|
+
ca as LanguageProvider,
|
|
5621
5801
|
ue as Link,
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5802
|
+
Ca as List,
|
|
5803
|
+
ys as Pagination,
|
|
5804
|
+
Da as PaginationButton,
|
|
5805
|
+
Ia as PaginationItem,
|
|
5806
|
+
wa as PaginationList,
|
|
5627
5807
|
Je as Paragraph,
|
|
5628
|
-
|
|
5629
|
-
|
|
5808
|
+
Aa as Popover,
|
|
5809
|
+
Ma as Radio,
|
|
5630
5810
|
Be as Search,
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5635
|
-
|
|
5811
|
+
ja as Select,
|
|
5812
|
+
Ea as SkeletonLoader,
|
|
5813
|
+
Fa as SkipLink,
|
|
5814
|
+
us as Spinner,
|
|
5815
|
+
bs as Suggestion,
|
|
5636
5816
|
Ke as Switch,
|
|
5637
|
-
|
|
5638
|
-
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5645
|
-
|
|
5646
|
-
|
|
5817
|
+
Na as Table,
|
|
5818
|
+
Ba as Tabs,
|
|
5819
|
+
Pa as Tag,
|
|
5820
|
+
za as Textarea,
|
|
5821
|
+
$a as Textfield,
|
|
5822
|
+
Ra as ToggleGroup,
|
|
5823
|
+
Ga as Tooltip,
|
|
5824
|
+
xs as ValidationMessage,
|
|
5825
|
+
la as useCheckboxGroup,
|
|
5826
|
+
ua as useLanguage,
|
|
5647
5827
|
Ee as useLanguageOptional,
|
|
5648
|
-
|
|
5649
|
-
|
|
5828
|
+
_a as usePagination,
|
|
5829
|
+
La as useRadioGroup
|
|
5650
5830
|
};
|