@leabankab/component-library 8.7.0 → 8.8.0

package/dist/website.mjs

@@ -0,0 +1,1226 @@
+"use client";
+import { useRender as e } from "@base-ui/react/use-render";
+import { ChevronLeft as t, ChevronRight as n, Pause as r, Play as i, X as a } from "lucide-react";
+import { Children as o, Fragment as s, cloneElement as c, createContext as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as m, useMemo as h, useRef as g, useState as _, useSyncExternalStore as v } from "react";
+import { ActionButton as y, Dialog as b, FeaturedImage as x, IconButton as S, PaginationDots as C, Panel as w, PartnerRow as T, StarRating as ee, createTranslation as E } from "./component-library.es.js";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import './website.css';//#region src/utils/merge-class-name.ts
+var A = (e, t) => (n) => [e, typeof t == "function" ? t(n) : t].filter(Boolean).join(" "), j = {
+	BrandLetters: "_BrandLetters_1ygg1_9",
+	Letters: "_Letters_1ygg1_17",
+	Letter: "_Letter_1ygg1_17",
+	Video: "_Video_1ygg1_48"
+}, te = E({
+	play: {
+		no: "Spill av videoene",
+		se: "Spela upp videorna",
+		fi: "Toista videot",
+		es: "Reproducir los vídeos"
+	},
+	pause: {
+		no: "Sett videoene på pause",
+		se: "Pausa videorna",
+		fi: "Keskeytä videot",
+		es: "Pausar los vídeos"
+	}
+}), ne = "(prefers-reduced-motion: reduce)", re = [
+	"L",
+	"E",
+	"A"
+];
+function ie({ videos: t, render: n, ref: a, className: o, ...s }) {
+	let c = te(), l = g([]), [u, d] = _(!1), f = (e) => {
+		for (let t of l.current) t && e(t);
+	}, m = (e) => {
+		e.muted = !0, e.play().catch(() => {});
+	};
+	p(() => {
+		let e = window.matchMedia(ne);
+		e.matches || f(m);
+		let t = (e) => {
+			e.matches && f((e) => e.pause());
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	let h = () => d(l.current.some((e) => e != null && !e.paused)), v = () => {
+		f(u ? (e) => e.pause() : m);
+	};
+	return e({
+		render: n,
+		ref: a,
+		defaultTagName: "div",
+		props: {
+			...s,
+			className: A(j.BrandLetters, o)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+				className: j.Letters,
+				children: re.map((e, n) => /* @__PURE__ */ O("div", {
+					className: j.Letter,
+					"data-letter": e,
+					children: /* @__PURE__ */ O("video", {
+						ref: (e) => {
+							l.current[n] = e;
+						},
+						className: j.Video,
+						src: t[n].src,
+						poster: t[n].poster,
+						muted: !0,
+						loop: !0,
+						playsInline: !0,
+						"aria-hidden": !0,
+						onPlay: h,
+						onPause: h
+					})
+				}, e))
+			}), /* @__PURE__ */ O(S, {
+				variant: "elevated",
+				color: "secondary",
+				"aria-label": u ? c.pause : c.play,
+				onClick: v,
+				children: O(u ? r : i, { "aria-hidden": !0 })
+			})] })
+		}
+	});
+}
+var M = {
+	Calculator: "_Calculator_1mamd_12",
+	Body: "_Body_1mamd_26",
+	Panel: "_Panel_1mamd_41",
+	Summary: "_Summary_1mamd_55",
+	Results: "_Results_1mamd_64",
+	Result: "_Result_1mamd_64",
+	Label: "_Label_1mamd_77",
+	Value: "_Value_1mamd_78",
+	Actions: "_Actions_1mamd_95",
+	Price: "_Price_1mamd_103"
+};
+//#endregion
+//#region src/website/calculator.tsx
+function ae({ header: t, results: n, action: r, priceExample: i, render: a, ref: o, className: s, children: c, ...l }) {
+	return e({
+		render: a,
+		ref: o,
+		defaultTagName: "div",
+		props: {
+			...l,
+			className: A(M.Calculator, s)({}),
+			children: /* @__PURE__ */ k(D, { children: [t, /* @__PURE__ */ k("div", {
+				className: M.Body,
+				children: [/* @__PURE__ */ O("div", {
+					className: M.Panel,
+					children: c
+				}), /* @__PURE__ */ k("div", {
+					className: M.Summary,
+					children: [n.length > 0 && /* @__PURE__ */ O("dl", {
+						className: M.Results,
+						"aria-live": "polite",
+						children: n.map((e, t) => /* @__PURE__ */ k("div", {
+							className: M.Result,
+							children: [/* @__PURE__ */ O("dt", {
+								className: M.Label,
+								children: e.label
+							}), /* @__PURE__ */ O("dd", {
+								className: M.Value,
+								children: e.value
+							})]
+						}, t))
+					}), (r != null || i != null) && /* @__PURE__ */ k("div", {
+						className: M.Actions,
+						children: [r, i != null && /* @__PURE__ */ O("p", {
+							className: M.Price,
+							children: i
+						})]
+					})]
+				})]
+			})] })
+		}
+	});
+}
+var N = {
+	Carousel: "_Carousel_17a24_14",
+	Viewport: "_Viewport_17a24_31",
+	Track: "_Track_17a24_66",
+	Slide: "_Slide_17a24_94",
+	Controls: "_Controls_17a24_100",
+	VisuallyHidden: "_VisuallyHidden_17a24_109"
+}, oe = "(prefers-reduced-motion: reduce)", se = 150;
+function ce(e, t) {
+	let n = g([0]), r = g(void 0), [i, a] = _(() => ({
+		pageCount: Math.max(1, t - 1),
+		page: 0,
+		settledPage: 0,
+		atStart: !0,
+		atEnd: t <= 2,
+		overflowing: t > 2,
+		moved: !1
+	})), o = d((t, r = !1) => {
+		let i = e.current;
+		if (!i) return;
+		let o = i.scrollLeft, s = Math.max(0, i.scrollWidth - i.clientWidth), c = n.current, l = 0;
+		for (let e = 1; e < c.length; e += 1) Math.abs(c[e] - o) < Math.abs(c[l] - o) && (l = e);
+		a((e) => {
+			let n = {
+				pageCount: c.length,
+				page: l,
+				settledPage: t ? l : e.settledPage,
+				atStart: o <= 1,
+				atEnd: o >= s - 1,
+				overflowing: s > 1,
+				moved: e.moved || r
+			};
+			return Object.keys(n).every((t) => n[t] === e[t]) ? e : n;
+		});
+	}, [e]), s = d(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = Math.max(0, t.scrollWidth - t.clientWidth), i = Array.from(t.children), a = i[0]?.offsetLeft ?? 0, s = [];
+		for (let e of i) {
+			let t = Math.min(Math.max(0, e.offsetLeft - a), r);
+			(s.length === 0 || t - s[s.length - 1] > 1) && s.push(t);
+		}
+		n.current = s.length > 0 ? s : [0], o(!0);
+	}, [o, e]);
+	p(() => {
+		let t = e.current;
+		if (!t) return;
+		s();
+		let n = () => {
+			o(!1, !0), clearTimeout(r.current), r.current = setTimeout(() => o(!0), se);
+		}, i = new ResizeObserver(s);
+		return t.addEventListener("scroll", n, { passive: !0 }), i.observe(t), () => {
+			t.removeEventListener("scroll", n), i.disconnect(), clearTimeout(r.current);
+		};
+	}, [
+		s,
+		o,
+		t,
+		e
+	]);
+	let c = d((t) => {
+		let r = e.current;
+		if (!r) return;
+		let i = n.current, a = Math.min(i.length - 1, Math.max(0, t)), o = !window.matchMedia(oe).matches;
+		r.scrollTo({
+			left: i[a],
+			behavior: o ? "smooth" : "auto"
+		});
+	}, [e]);
+	return {
+		...i,
+		goTo: c
+	};
+}
+//#endregion
+//#region src/website/use-carousel-labels.ts
+var le = E({
+	carousel: {
+		no: "karusell",
+		se: "karusell",
+		fi: "karuselli",
+		es: "carrusel"
+	},
+	previous: {
+		no: "Forrige",
+		se: "Föregående",
+		fi: "Edellinen",
+		es: "Anterior"
+	},
+	next: {
+		no: "Neste",
+		se: "Nästa",
+		fi: "Seuraava",
+		es: "Siguiente"
+	},
+	status: {
+		no: "Side {page} av {count}",
+		se: "Sida {page} av {count}",
+		fi: "Sivu {page}/{count}",
+		es: "Página {page} de {count}"
+	}
+});
+//#endregion
+//#region src/website/carousel.tsx
+function P({ getItemLabel: r, render: i, ref: a, className: s, children: c, ...l }) {
+	let u = le(), d = g(null), f = o.toArray(c), { pageCount: p, page: m, settledPage: h, atStart: _, atEnd: v, overflowing: y, moved: b, goTo: x } = ce(d, f.length);
+	return e({
+		render: i,
+		ref: a,
+		defaultTagName: "div",
+		props: {
+			role: "region",
+			"aria-roledescription": u.carousel,
+			...l,
+			className: A(N.Carousel, s)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+				className: N.Viewport,
+				"data-at-start": _ || void 0,
+				"data-at-end": v || void 0,
+				children: /* @__PURE__ */ O("ul", {
+					ref: d,
+					className: N.Track,
+					tabIndex: y ? 0 : void 0,
+					children: f.map((e, t) => /* @__PURE__ */ O("li", {
+						className: N.Slide,
+						children: e
+					}, t))
+				})
+			}), p > 1 && /* @__PURE__ */ k("div", {
+				className: N.Controls,
+				children: [
+					/* @__PURE__ */ O(S, {
+						variant: "elevated",
+						color: "secondary",
+						"aria-label": u.previous,
+						disabled: m === 0,
+						focusableWhenDisabled: !0,
+						onClick: () => x(m - 1),
+						children: /* @__PURE__ */ O(t, { "aria-hidden": !0 })
+					}),
+					/* @__PURE__ */ O(C, {
+						count: p,
+						value: m + 1,
+						onValueChange: (e) => x(e - 1),
+						getItemLabel: r
+					}),
+					/* @__PURE__ */ O(S, {
+						variant: "elevated",
+						color: "secondary",
+						"aria-label": u.next,
+						disabled: m === p - 1,
+						focusableWhenDisabled: !0,
+						onClick: () => x(m + 1),
+						children: /* @__PURE__ */ O(n, { "aria-hidden": !0 })
+					}),
+					/* @__PURE__ */ O("span", {
+						role: "status",
+						className: N.VisuallyHidden,
+						children: b && u.status.replace("{page}", String(h + 1)).replace("{count}", String(p))
+					})
+				]
+			})] })
+		}
+	});
+}
+var F = {
+	CtaBanner: "_CtaBanner_vkp5c_7",
+	Title: "_Title_vkp5c_15",
+	Content: "_Content_vkp5c_24",
+	Text: "_Text_vkp5c_32",
+	Action: "_Action_vkp5c_48",
+	Price: "_Price_vkp5c_53"
+};
+//#endregion
+//#region src/website/paragraphs.tsx
+function I({ className: e, id: t, children: n }) {
+	return O(typeof n == "string" || typeof n == "number" ? "p" : "div", {
+		className: e,
+		id: t,
+		children: n
+	});
+}
+//#endregion
+//#region src/website/cta-banner.tsx
+function ue({ title: t, titleRender: n, text: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
+	let u = e({
+		render: n,
+		defaultTagName: "h2",
+		props: {
+			className: F.Title,
+			children: t
+		}
+	}), d = r != null || i != null || a != null;
+	return e({
+		render: o,
+		ref: s,
+		defaultTagName: "div",
+		props: {
+			...l,
+			"data-has-content": d || void 0,
+			className: A(F.CtaBanner, c)({}),
+			children: /* @__PURE__ */ k(D, { children: [u, d && /* @__PURE__ */ k("div", {
+				className: F.Content,
+				children: [
+					r != null && /* @__PURE__ */ O(I, {
+						className: F.Text,
+						children: r
+					}),
+					i != null && /* @__PURE__ */ O("div", {
+						className: F.Action,
+						children: i
+					}),
+					a != null && /* @__PURE__ */ O("p", {
+						className: F.Price,
+						children: a
+					})
+				]
+			})] })
+		}
+	});
+}
+//#endregion
+//#region src/website/expanding-cards-context.ts
+var L = l({ open: !0 }), R = {
+	ExpandingCards: "_ExpandingCards_14pq8_19",
+	List: "_List_14pq8_23",
+	Item: "_Item_14pq8_32"
+}, z = "(min-width: 1312px)", de = { open: !0 }, fe = { open: !1 }, pe = (e) => {
+	let t = window.matchMedia(z);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}, me = () => v(pe, () => window.matchMedia(z).matches, () => !0);
+function he({ defaultOpen: t = "first", render: n, ref: r, className: i, children: a, ...s }) {
+	let c = o.toArray(a), l = me(), [u, d] = _(() => t === "last" ? Math.max(0, c.length - 1) : 0);
+	return e({
+		render: n,
+		ref: r,
+		defaultTagName: "div",
+		props: {
+			...s,
+			className: A(R.ExpandingCards, i)({}),
+			children: /* @__PURE__ */ O("ul", {
+				className: R.List,
+				style: { "--expanding-cards-count": c.length },
+				children: c.map((e, t) => /* @__PURE__ */ O("li", {
+					className: R.Item,
+					"data-open": t === u || void 0,
+					onPointerEnter: () => d(t),
+					onFocus: () => d(t),
+					children: /* @__PURE__ */ O(L.Provider, {
+						value: !l || t === u ? de : fe,
+						children: e
+					})
+				}, t))
+			})
+		}
+	});
+}
+var B = {
+	ExpandingCardsItem: "_ExpandingCardsItem_1v7ai_17",
+	Content: "_Content_1v7ai_53",
+	Title: "_Title_1v7ai_70",
+	Text: "_Text_1v7ai_81",
+	Action: "_Action_1v7ai_99",
+	Photo: "_Photo_1v7ai_110",
+	Image: "_Image_1v7ai_117"
+};
+//#endregion
+//#region src/website/expanding-cards-item.tsx
+function ge({ title: t, titleRender: n, text: r, action: i, src: a, alt: o, imageRender: s, surface: l = "base", render: d, ref: p, className: m, ...h }) {
+	let { open: g } = f(L), _ = e({
+		render: n,
+		defaultTagName: "h2",
+		props: {
+			className: B.Title,
+			children: t
+		}
+	}), v = e({
+		enabled: a != null,
+		render: s,
+		defaultTagName: "img",
+		props: {
+			src: a,
+			alt: o,
+			className: B.Image
+		}
+	}), b = u(i) && i.type === y ? c(i, { iconOnly: !g }) : i;
+	return e({
+		render: d,
+		ref: p,
+		defaultTagName: "div",
+		props: {
+			...h,
+			"data-surface": l,
+			"data-open": g || void 0,
+			"data-image": a != null || void 0,
+			className: A(B.ExpandingCardsItem, m)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+				className: B.Content,
+				children: [
+					_,
+					r != null && /* @__PURE__ */ O(I, {
+						className: B.Text,
+						children: r
+					}),
+					i != null && /* @__PURE__ */ O("div", {
+						className: B.Action,
+						children: b
+					})
+				]
+			}), v != null && /* @__PURE__ */ O("div", {
+				className: B.Photo,
+				children: v
+			})] })
+		}
+	});
+}
+var V = {
+	Hero: "_Hero_1ik22_8",
+	Background: "_Background_1ik22_24",
+	Image: "_Image_1ik22_30",
+	Container: "_Container_1ik22_37",
+	Box: "_Box_1ik22_45",
+	Title: "_Title_1ik22_50",
+	Text: "_Text_1ik22_59",
+	Action: "_Action_1ik22_75",
+	Price: "_Price_1ik22_80"
+};
+//#endregion
+//#region src/website/hero.tsx
+function _e({ src: t, alt: n, imageRender: r, title: i, titleRender: a, text: o, action: s, priceExample: c, render: l, ref: u, className: d, ...f }) {
+	let p = e({
+		render: a,
+		defaultTagName: "h1",
+		props: {
+			className: V.Title,
+			children: i
+		}
+	}), m = e({
+		render: r,
+		defaultTagName: "img",
+		props: {
+			src: t,
+			alt: n,
+			className: V.Image
+		}
+	});
+	return e({
+		render: l,
+		ref: u,
+		defaultTagName: "section",
+		props: {
+			...f,
+			className: A(V.Hero, d)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+				className: V.Container,
+				children: /* @__PURE__ */ k(w, {
+					className: V.Box,
+					children: [
+						p,
+						o != null && /* @__PURE__ */ O(I, {
+							className: V.Text,
+							children: o
+						}),
+						s != null && /* @__PURE__ */ O("div", {
+							className: V.Action,
+							children: s
+						}),
+						c != null && /* @__PURE__ */ O("p", {
+							className: V.Price,
+							children: c
+						})
+					]
+				})
+			}), /* @__PURE__ */ O("div", {
+				className: V.Background,
+				children: m
+			})] })
+		}
+	});
+}
+var H = {
+	HeroServiceGrid: "_HeroServiceGrid_yr3eo_8",
+	Cards: "_Cards_yr3eo_15",
+	Item: "_Item_yr3eo_26",
+	Featured: "_Featured_yr3eo_51"
+};
+//#endregion
+//#region src/website/hero-service-grid.tsx
+function ve({ src: t, alt: n, imageRender: r, action: i, imagePosition: a = "start", render: s, ref: c, className: l, children: u, ...d }) {
+	let f = o.toArray(u);
+	return e({
+		render: s,
+		ref: c,
+		defaultTagName: "div",
+		props: {
+			...d,
+			"data-image-position": a,
+			className: A(H.HeroServiceGrid, l)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(x, {
+				className: H.Featured,
+				src: t,
+				alt: n,
+				imageRender: r,
+				action: i
+			}), f.length > 0 && /* @__PURE__ */ O("ul", {
+				className: H.Cards,
+				children: f.map((e, t) => /* @__PURE__ */ O("li", {
+					className: H.Item,
+					children: e
+				}, t))
+			})] })
+		}
+	});
+}
+var U = {
+	NavigationGrid: "_NavigationGrid_ocatr_9",
+	Title: "_Title_ocatr_16",
+	List: "_List_ocatr_25",
+	Item: "_Item_ocatr_35"
+};
+//#endregion
+//#region src/website/navigation-grid.tsx
+function ye({ title: t, titleRender: n, render: r, ref: i, className: a, children: s, ...c }) {
+	let l = o.toArray(s), u = l.length >= 3 && l.length % 2 == 1, d = e({
+		enabled: t != null,
+		render: n,
+		defaultTagName: "h2",
+		props: {
+			className: U.Title,
+			children: t
+		}
+	});
+	return e({
+		render: r,
+		ref: i,
+		defaultTagName: "div",
+		props: {
+			...c,
+			className: A(U.NavigationGrid, a)({}),
+			children: /* @__PURE__ */ k(D, { children: [d, /* @__PURE__ */ O("ul", {
+				className: U.List,
+				"data-odd": u || void 0,
+				children: l.map((e, t) => /* @__PURE__ */ O("li", {
+					className: U.Item,
+					children: e
+				}, t))
+			})] })
+		}
+	});
+}
+var W = {
+	PartnerList: "_PartnerList_9o9wx_7",
+	List: "_List_9o9wx_11",
+	Controls: "_Controls_9o9wx_19",
+	VisuallyHidden: "_VisuallyHidden_9o9wx_29"
+}, be = E({
+	previous: {
+		no: "Forrige side",
+		se: "Föregående sida",
+		fi: "Edellinen sivu",
+		es: "Página anterior"
+	},
+	next: {
+		no: "Neste side",
+		se: "Nästa sida",
+		fi: "Seuraava sivu",
+		es: "Página siguiente"
+	},
+	status: {
+		no: "Side {page} av {count}",
+		se: "Sida {page} av {count}",
+		fi: "Sivu {page}/{count}",
+		es: "Página {page} de {count}"
+	},
+	collation: {
+		no: "nb",
+		se: "sv",
+		fi: "fi",
+		es: "es"
+	}
+});
+//#endregion
+//#region src/website/partner-list.tsx
+function xe({ items: r, pageSize: i = 9, value: a, defaultValue: o = 1, onValueChange: s, render: c, ref: l, className: u, ...d }) {
+	let f = be(), [p, m] = _(o), g = h(() => {
+		let e = new Intl.Collator(f.collation, { sensitivity: "base" });
+		return [...r].sort((t, n) => e.compare(t.name, n.name));
+	}, [r, f.collation]), v = Math.max(1, Math.floor(i)), y = Math.max(1, Math.ceil(g.length / v)), b = Math.min(y, Math.max(1, a ?? p)), x = (b - 1) * v, w = (e) => {
+		let t = Math.min(y, Math.max(1, e));
+		a === void 0 && m(t), t !== b && s?.(t);
+	};
+	return e({
+		enabled: g.length > 0,
+		render: c,
+		ref: l,
+		defaultTagName: "div",
+		props: {
+			...d,
+			className: A(W.PartnerList, u)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("ul", {
+				className: W.List,
+				children: g.slice(x, x + v).map(({ name: e, content: t, ...n }, r) => /* @__PURE__ */ O(T, {
+					...n,
+					render: /* @__PURE__ */ O("li", {}),
+					children: t
+				}, `${x + r}-${e}`))
+			}), y > 1 && /* @__PURE__ */ k("div", {
+				className: W.Controls,
+				children: [
+					/* @__PURE__ */ O(S, {
+						variant: "elevated",
+						color: "secondary",
+						"aria-label": f.previous,
+						disabled: b === 1,
+						focusableWhenDisabled: !0,
+						onClick: () => w(b - 1),
+						children: /* @__PURE__ */ O(t, { "aria-hidden": !0 })
+					}),
+					/* @__PURE__ */ O(C, {
+						count: y,
+						value: b,
+						onValueChange: w
+					}),
+					/* @__PURE__ */ O(S, {
+						variant: "elevated",
+						color: "secondary",
+						"aria-label": f.next,
+						disabled: b === y,
+						focusableWhenDisabled: !0,
+						onClick: () => w(b + 1),
+						children: /* @__PURE__ */ O(n, { "aria-hidden": !0 })
+					}),
+					/* @__PURE__ */ O("span", {
+						role: "status",
+						className: W.VisuallyHidden,
+						children: f.status.replace("{page}", String(b)).replace("{count}", String(y))
+					})
+				]
+			})] })
+		}
+	});
+}
+var G = {
+	Grid: "_Grid_1vukg_10",
+	Content: "_Content_1vukg_17",
+	Logos: "_Logos_1vukg_28",
+	LogoItem: "_LogoItem_1vukg_38",
+	Logo: "_Logo_1vukg_28",
+	Text: "_Text_1vukg_60",
+	Title: "_Title_1vukg_66",
+	Description: "_Description_1vukg_75",
+	Actions: "_Actions_1vukg_91",
+	Price: "_Price_1vukg_98",
+	Media: "_Media_1vukg_106",
+	PaymentFeature: "_PaymentFeature_1vukg_111",
+	Image: "_Image_1vukg_115"
+};
+//#endregion
+//#region src/website/payment-feature.tsx
+function Se({ logos: t, title: n, titleRender: r, text: i, actions: a, priceExample: o, src: s, alt: c, imageRender: l, imagePosition: u = "end", className: d, ...f }) {
+	let p = e({
+		render: r,
+		defaultTagName: "h2",
+		props: {
+			className: G.Title,
+			children: n
+		}
+	}), m = e({
+		enabled: s != null,
+		render: l,
+		defaultTagName: "img",
+		props: {
+			src: s,
+			alt: c,
+			className: G.Image
+		}
+	});
+	return /* @__PURE__ */ O(w, {
+		...f,
+		className: [G.PaymentFeature, d].filter(Boolean).join(" "),
+		"data-image-position": u,
+		"data-has-image": m != null || void 0,
+		children: /* @__PURE__ */ k("div", {
+			className: G.Grid,
+			children: [/* @__PURE__ */ k("div", {
+				className: G.Content,
+				children: [
+					t != null && t.length > 0 && /* @__PURE__ */ O("ul", {
+						className: G.Logos,
+						children: t.map((e, t) => /* @__PURE__ */ O(Ce, { ...e }, t))
+					}),
+					/* @__PURE__ */ k("div", {
+						className: G.Text,
+						children: [p, i != null && /* @__PURE__ */ O(I, {
+							className: G.Description,
+							children: i
+						})]
+					}),
+					a != null && /* @__PURE__ */ O("div", {
+						className: G.Actions,
+						children: a
+					}),
+					o != null && /* @__PURE__ */ O("p", {
+						className: G.Price,
+						children: o
+					})
+				]
+			}), m != null && /* @__PURE__ */ O("div", {
+				className: G.Media,
+				children: m
+			})]
+		})
+	});
+}
+function Ce({ src: t, alt: n, imageRender: r }) {
+	let i = e({
+		render: r,
+		defaultTagName: "img",
+		props: {
+			src: t,
+			alt: n,
+			className: G.Logo
+		}
+	});
+	return /* @__PURE__ */ O("li", {
+		className: G.LogoItem,
+		children: i
+	});
+}
+var K = {
+	PromoGrid: "_PromoGrid_1l2yi_10",
+	Featured: "_Featured_1l2yi_19",
+	Content: "_Content_1l2yi_23",
+	Photos: "_Photos_1l2yi_31",
+	Photo: "_Photo_1l2yi_31",
+	Block: "_Block_1l2yi_51",
+	Title: "_Title_1l2yi_63",
+	Subtitle: "_Subtitle_1l2yi_73"
+};
+//#endregion
+//#region src/website/promo-grid.tsx
+function we({ src: t, alt: n, imageRender: r, action: i, images: a, title: o, titleRender: s, subtitle: c, imagePosition: l = "start", render: u, ref: d, className: f, ...p }) {
+	let m = e({
+		render: s,
+		defaultTagName: "h2",
+		props: {
+			className: K.Title,
+			children: o
+		}
+	});
+	return e({
+		render: u,
+		ref: d,
+		defaultTagName: "div",
+		props: {
+			...p,
+			"data-image-position": l,
+			className: A(K.PromoGrid, f)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(x, {
+				className: K.Featured,
+				src: t,
+				alt: n,
+				imageRender: r,
+				action: i
+			}), /* @__PURE__ */ k("div", {
+				className: K.Content,
+				children: [a != null && a.length > 0 && /* @__PURE__ */ O("div", {
+					className: K.Photos,
+					"data-count": a.length,
+					children: a.map((e, t) => /* @__PURE__ */ O(Te, { ...e }, t))
+				}), /* @__PURE__ */ k("div", {
+					className: K.Block,
+					children: [m, c != null && /* @__PURE__ */ O(I, {
+						className: K.Subtitle,
+						children: c
+					})]
+				})]
+			})] })
+		}
+	});
+}
+function Te({ src: t, alt: n, imageRender: r }) {
+	return e({
+		render: r,
+		defaultTagName: "img",
+		props: {
+			src: t,
+			alt: n,
+			className: K.Photo
+		}
+	});
+}
+var q = {
+	Section: "_Section_f8rp9_11",
+	Content: "_Content_f8rp9_60"
+};
+//#endregion
+//#region src/website/section.tsx
+function Ee({ surface: t = "base", spacingTop: n = "lg", spacingBottom: r = "lg", width: i = "full", render: a, ref: o, className: s, children: c, ...l }) {
+	return e({
+		render: a,
+		ref: o,
+		defaultTagName: "section",
+		props: {
+			...l,
+			"data-surface": t,
+			"data-spacing-top": n,
+			"data-spacing-bottom": r,
+			className: A(q.Section, s)({}),
+			children: /* @__PURE__ */ O("div", {
+				className: q.Content,
+				"data-width": i,
+				children: c
+			})
+		}
+	});
+}
+var J = {
+	SectionHeader: "_SectionHeader_11mff_8",
+	Text: "_Text_11mff_17",
+	Eyebrow: "_Eyebrow_11mff_25",
+	Title: "_Title_11mff_33",
+	Subtitle: "_Subtitle_11mff_49",
+	Actions: "_Actions_11mff_67",
+	Price: "_Price_11mff_75"
+};
+//#endregion
+//#region src/website/section-header.tsx
+function Y({ eyebrow: t, title: n, titleRender: r, titleSize: i = "lg", subtitle: a, actions: o, priceExample: s, render: c, ref: l, className: u, ...d }) {
+	let f = e({
+		render: r,
+		defaultTagName: "h2",
+		props: {
+			className: J.Title,
+			children: n
+		}
+	});
+	return e({
+		render: c,
+		ref: l,
+		defaultTagName: "div",
+		props: {
+			...d,
+			"data-title-size": i,
+			className: A(J.SectionHeader, u)({}),
+			children: /* @__PURE__ */ k(D, { children: [
+				/* @__PURE__ */ k("div", {
+					className: J.Text,
+					children: [
+						t != null && /* @__PURE__ */ O("p", {
+							className: J.Eyebrow,
+							children: t
+						}),
+						f,
+						a != null && /* @__PURE__ */ O(I, {
+							className: J.Subtitle,
+							children: a
+						})
+					]
+				}),
+				o != null && /* @__PURE__ */ O("div", {
+					className: J.Actions,
+					children: o
+				}),
+				s != null && /* @__PURE__ */ O("p", {
+					className: J.Price,
+					children: s
+				})
+			] })
+		}
+	});
+}
+var X = {
+	ServiceCardGrid: "_ServiceCardGrid_nutvc_9",
+	List: "_List_nutvc_13",
+	Item: "_Item_nutvc_23"
+};
+//#endregion
+//#region src/website/service-card-grid.tsx
+function De({ render: t, ref: n, className: r, children: i, ...a }) {
+	let s = o.toArray(i);
+	return e({
+		render: t,
+		ref: n,
+		defaultTagName: "div",
+		props: {
+			...a,
+			className: A(X.ServiceCardGrid, r)({}),
+			children: /* @__PURE__ */ O("ul", {
+				className: X.List,
+				"data-count": s.length,
+				children: s.map((e, t) => /* @__PURE__ */ O("li", {
+					className: X.Item,
+					children: e
+				}, t))
+			})
+		}
+	});
+}
+var Z = {
+	SplitContent: "_SplitContent_16c8f_11",
+	Grid: "_Grid_16c8f_19",
+	Text: "_Text_16c8f_26",
+	Title: "_Title_16c8f_33",
+	Description: "_Description_16c8f_42",
+	Media: "_Media_16c8f_58",
+	Image: "_Image_16c8f_67",
+	Actions: "_Actions_16c8f_75",
+	Price: "_Price_16c8f_82"
+};
+//#endregion
+//#region src/website/split-content.tsx
+function Oe({ title: t, titleRender: n, text: r, src: i, alt: a, imageRender: o, imagePosition: s = "end", action: c, priceExample: l, render: u, ref: d, className: f, ...p }) {
+	let m = e({
+		render: n,
+		defaultTagName: "h2",
+		props: {
+			className: Z.Title,
+			children: t
+		}
+	}), h = e({
+		enabled: i != null,
+		render: o,
+		defaultTagName: "img",
+		props: {
+			src: i,
+			alt: a,
+			className: Z.Image
+		}
+	});
+	return e({
+		render: u,
+		ref: d,
+		defaultTagName: "div",
+		props: {
+			...p,
+			"data-image-position": s,
+			"data-has-image": h != null || void 0,
+			className: A(Z.SplitContent, f)({}),
+			children: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+				className: Z.Grid,
+				children: [/* @__PURE__ */ k("div", {
+					className: Z.Text,
+					children: [m, r != null && /* @__PURE__ */ O(I, {
+						className: Z.Description,
+						children: r
+					})]
+				}), h != null && /* @__PURE__ */ O("div", {
+					className: Z.Media,
+					children: h
+				})]
+			}), (c != null || l != null) && /* @__PURE__ */ k("div", {
+				className: Z.Actions,
+				children: [c, l != null && /* @__PURE__ */ O("p", {
+					className: Z.Price,
+					children: l
+				})]
+			})] })
+		}
+	});
+}
+var Q = {
+	Stats: "_Stats_1o0ef_16",
+	List: "_List_1o0ef_25",
+	Bar: "_Bar_1o0ef_33",
+	Stat: "_Stat_1o0ef_16",
+	Number: "_Number_1o0ef_59",
+	Labels: "_Labels_1o0ef_69",
+	Title: "_Title_1o0ef_77",
+	Text: "_Text_1o0ef_85",
+	Actions: "_Actions_1o0ef_95",
+	Price: "_Price_1o0ef_103"
+};
+//#endregion
+//#region src/website/stats.tsx
+function ke({ header: t, items: n, titleRender: r, action: i, priceExample: a, render: o, ref: c, className: l, ...u }) {
+	return e({
+		render: o,
+		ref: c,
+		defaultTagName: "div",
+		props: {
+			...u,
+			className: A(Q.Stats, l)({}),
+			children: /* @__PURE__ */ k(D, { children: [
+				t,
+				/* @__PURE__ */ k("ul", {
+					className: Q.List,
+					children: [n.map((e, t) => /* @__PURE__ */ k(s, { children: [/* @__PURE__ */ O("li", {
+						"aria-hidden": !0,
+						className: Q.Bar
+					}), /* @__PURE__ */ O(Ae, {
+						...e,
+						titleRender: r
+					})] }, t)), /* @__PURE__ */ O("li", {
+						"aria-hidden": !0,
+						className: Q.Bar
+					})]
+				}),
+				(i != null || a != null) && /* @__PURE__ */ k("div", {
+					className: Q.Actions,
+					children: [i, a != null && /* @__PURE__ */ O("p", {
+						className: Q.Price,
+						children: a
+					})]
+				})
+			] })
+		}
+	});
+}
+function Ae({ number: t, title: n, text: r, titleRender: i }) {
+	let a = e({
+		enabled: n != null,
+		render: i,
+		defaultTagName: "h3",
+		props: {
+			className: Q.Title,
+			children: n
+		}
+	});
+	return /* @__PURE__ */ k("li", {
+		className: Q.Stat,
+		children: [/* @__PURE__ */ O("p", {
+			className: Q.Number,
+			children: t
+		}), (a != null || r != null) && /* @__PURE__ */ k("div", {
+			className: Q.Labels,
+			children: [a, r != null && /* @__PURE__ */ O("p", {
+				className: Q.Text,
+				children: r
+			})]
+		})]
+	});
+}
+var $ = {
+	Testimonials: "_Testimonials_13hpt_11",
+	Featured: "_Featured_13hpt_18",
+	Video: "_Video_13hpt_31",
+	Quote: "_Quote_13hpt_36",
+	Blockquote: "_Blockquote_13hpt_44",
+	Person: "_Person_13hpt_72",
+	Name: "_Name_13hpt_81",
+	Meta: "_Meta_13hpt_88",
+	Still: "_Still_13hpt_124",
+	Play: "_Play_13hpt_133",
+	DialogViewport: "_DialogViewport_13hpt_143",
+	DialogPopup: "_DialogPopup_13hpt_143",
+	DialogVideo: "_DialogVideo_13hpt_149",
+	Close: "_Close_13hpt_157"
+}, je = E({
+	reviews: {
+		no: "Kundeomtaler",
+		se: "Kundomdömen",
+		fi: "Asiakasarviot",
+		es: "Opiniones de clientes"
+	},
+	play: {
+		no: "Spill av video",
+		se: "Spela upp video",
+		fi: "Toista video",
+		es: "Reproducir vídeo"
+	},
+	video: {
+		no: "Video fra kunde",
+		se: "Video från kund",
+		fi: "Asiakkaan video",
+		es: "Vídeo de un cliente"
+	},
+	close: {
+		no: "Lukk video",
+		se: "Stäng video",
+		fi: "Sulje video",
+		es: "Cerrar vídeo"
+	},
+	captionsLanguage: {
+		no: "nb",
+		se: "sv",
+		fi: "fi",
+		es: "es"
+	},
+	captionsLabel: {
+		no: "Norsk",
+		se: "Svenska",
+		fi: "Suomi",
+		es: "Español"
+	}
+});
+//#endregion
+//#region src/website/testimonials.tsx
+function Me({ title: t, titleRender: n, subtitle: r, quote: s, name: l, meta: u, rating: d, videoSrc: f, videoPoster: p, videoCaptions: h, videoPosition: g = "start", render: _, ref: v, className: y, children: x, ...C }) {
+	let w = je(), T = m(), E = s != null || l != null, j = o.toArray(x).length > 0;
+	return e({
+		render: _,
+		ref: v,
+		defaultTagName: "div",
+		props: {
+			...C,
+			className: A($.Testimonials, y)({}),
+			children: /* @__PURE__ */ k(D, { children: [
+				t != null && /* @__PURE__ */ O(Y, {
+					title: t,
+					titleRender: c(n ?? /* @__PURE__ */ O("h2", {}), { id: T }),
+					subtitle: r
+				}),
+				(E || f != null) && /* @__PURE__ */ k("div", {
+					className: $.Featured,
+					"data-video": f != null || void 0,
+					"data-video-position": g,
+					children: [E && /* @__PURE__ */ k("figure", {
+						className: $.Quote,
+						children: [
+							d != null && /* @__PURE__ */ O(ee, { rating: d }),
+							s != null && /* @__PURE__ */ O("blockquote", {
+								className: $.Blockquote,
+								children: typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ O("p", { children: s }) : s
+							}),
+							(l != null || u != null) && /* @__PURE__ */ k("figcaption", {
+								className: $.Person,
+								children: [l != null && /* @__PURE__ */ O("span", {
+									className: $.Name,
+									children: l
+								}), u != null && /* @__PURE__ */ O("span", {
+									className: $.Meta,
+									children: u
+								})]
+							})
+						]
+					}), f != null && /* @__PURE__ */ k("div", {
+						className: $.Video,
+						children: [p == null ? /* @__PURE__ */ O("video", {
+							className: $.Still,
+							src: `${f}#t=0.1`,
+							preload: "metadata",
+							muted: !0,
+							playsInline: !0,
+							"aria-hidden": !0,
+							tabIndex: -1
+						}) : /* @__PURE__ */ O("img", {
+							className: $.Still,
+							src: p,
+							alt: ""
+						}), /* @__PURE__ */ k(b.Root, { children: [/* @__PURE__ */ O(b.Trigger, { render: /* @__PURE__ */ O(S, {
+							variant: "elevated",
+							color: "secondary",
+							"aria-label": w.play,
+							className: $.Play,
+							children: /* @__PURE__ */ O(i, { "aria-hidden": !0 })
+						}) }), /* @__PURE__ */ k(b.Portal, { children: [/* @__PURE__ */ O(b.Backdrop, {}), /* @__PURE__ */ O(b.Viewport, {
+							className: $.DialogViewport,
+							children: /* @__PURE__ */ k(b.Popup, {
+								size: "lg",
+								"aria-label": w.video,
+								className: $.DialogPopup,
+								children: [/* @__PURE__ */ O(b.Close, { render: /* @__PURE__ */ O(S, {
+									variant: "elevated",
+									color: "secondary",
+									"aria-label": w.close,
+									className: $.Close,
+									children: /* @__PURE__ */ O(a, { "aria-hidden": !0 })
+								}) }), /* @__PURE__ */ O("video", {
+									className: $.DialogVideo,
+									src: f,
+									controls: !0,
+									autoPlay: !0,
+									playsInline: !0,
+									children: h != null && /* @__PURE__ */ O("track", {
+										kind: "captions",
+										src: h,
+										srcLang: w.captionsLanguage,
+										label: w.captionsLabel,
+										default: !0
+									})
+								})]
+							})
+						})] })] })]
+					})]
+				}),
+				j && /* @__PURE__ */ O(P, {
+					...t == null ? { "aria-label": w.reviews } : { "aria-labelledby": T },
+					children: x
+				})
+			] })
+		}
+	});
+}
+//#endregion
+export { ie as BrandLetters, ae as Calculator, P as Carousel, ue as CtaBanner, he as ExpandingCards, ge as ExpandingCardsItem, _e as Hero, ve as HeroServiceGrid, ye as NavigationGrid, xe as PartnerList, Se as PaymentFeature, we as PromoGrid, Ee as Section, Y as SectionHeader, De as ServiceCardGrid, Oe as SplitContent, ke as Stats, Me as Testimonials };
+
+//# sourceMappingURL=website.mjs.map