@leabankab/component-library 8.12.0 → 8.12.1

package/dist/website.mjs

@@ -1025,19 +1025,20 @@ function Xe({ render: t, ref: n, className: r, children: i, ...a }) {
 	});
 }
 var Ze = {
-	ArrowRevealLink: "_ArrowRevealLink_140ct_2",
-	Arrow: "_Arrow_140ct_2",
-	Text: "_Text_140ct_40"
+	ArrowRevealLink: "_ArrowRevealLink_zq26l_2",
+	Arrow: "_Arrow_zq26l_2",
+	Text: "_Text_zq26l_40"
 };
 //#endregion
 //#region src/website/arrow-reveal-link.tsx
-function G({ render: n, className: r, children: i, size: a = "md", ...o }) {
+function G({ render: n, className: r, children: i, size: a = "md", marked: o = !1, ...s }) {
 	return e({
 		render: n,
 		defaultTagName: "a",
 		props: {
-			...o,
+			...s,
 			"data-size": a === "md" ? void 0 : a,
+			"data-marked": o ? "" : void 0,
 			className: N(Ze.ArrowRevealLink, r)({}),
 			children: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
 				"aria-hidden": !0,
@@ -1064,8 +1065,15 @@ var K = {
 //#endregion
 //#region src/website/side-nav/side-nav.tsx
 function $e({ items: e, label: t, breadcrumbs: n, children: r, className: i, ...a }) {
-	let o = Qe();
-	return /* @__PURE__ */ m("div", {
+	let o = Qe(), s = e.findIndex((e) => e.current), [c, l] = T(null);
+	c && c.from !== s && l(null);
+	let u = c?.index ?? s;
+	return S(() => {
+		let e = (e) => {
+			e.persisted && l(null);
+		};
+		return window.addEventListener("pageshow", e), () => window.removeEventListener("pageshow", e);
+	}, []), /* @__PURE__ */ m("div", {
 		...a,
 		className: [K.SideNav, i].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ p("nav", {
@@ -1078,6 +1086,13 @@ function $e({ items: e, label: t, breadcrumbs: n, children: r, className: i, ...
 					href: e.href,
 					render: e.render,
 					"aria-current": e.current ? "page" : void 0,
+					marked: t === u,
+					onClick: (e) => {
+						et(e) && l({
+							index: t,
+							from: s
+						});
+					},
 					children: e.label
 				}) }, t))
 			})
@@ -1088,9 +1103,13 @@ function $e({ items: e, label: t, breadcrumbs: n, children: r, className: i, ...
 		})]
 	});
 }
+function et(e) {
+	let t = e.currentTarget, n = t.getAttribute("target");
+	return !e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && (!n || n === "_self") && !t.hasAttribute("download");
+}
 //#endregion
 //#region src/website/site-footer/flags.tsx
-var et = "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", tt = "M19.9154 8.69625H7.82613H7.82609V0.238281C6.90195 0.443203 6.02582 0.775352 5.21738 1.21648V8.69617V8.69621H0.0846484C0.0289844 9.1232 0 9.55852 0 10.0006C0 10.4427 0.0289844 10.878 0.0846484 11.3049H5.21734H5.21738V18.7846C6.02582 19.2257 6.90195 19.558 7.82609 19.7629V11.305V11.305H19.9154C19.9709 10.878 20 10.4427 20 10.0006C20 9.55852 19.9709 9.1232 19.9154 8.69625V8.69625Z";
+var tt = "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", nt = "M19.9154 8.69625H7.82613H7.82609V0.238281C6.90195 0.443203 6.02582 0.775352 5.21738 1.21648V8.69617V8.69621H0.0846484C0.0289844 9.1232 0 9.55852 0 10.0006C0 10.4427 0.0289844 10.878 0.0846484 11.3049H5.21734H5.21738V18.7846C6.02582 19.2257 6.90195 19.558 7.82609 19.7629V11.305V11.305H19.9154C19.9709 10.878 20 10.4427 20 10.0006C20 9.55852 19.9709 9.1232 19.9154 8.69625V8.69625Z";
 function q({ children: e, ...t }) {
 	return /* @__PURE__ */ p("svg", {
 		width: "20",
@@ -1103,12 +1122,12 @@ function q({ children: e, ...t }) {
 		children: e
 	});
 }
-function nt(e) {
+function rt(e) {
 	return /* @__PURE__ */ m(q, {
 		...e,
 		children: [
 			/* @__PURE__ */ p("path", {
-				d: et,
+				d: tt,
 				fill: "#F0F0F0"
 			}),
 			/* @__PURE__ */ p("path", {
@@ -1128,18 +1147,18 @@ function nt(e) {
 				fill: "#D80027"
 			}),
 			/* @__PURE__ */ p("path", {
-				d: tt,
+				d: nt,
 				fill: "#0052B4"
 			})
 		]
 	});
 }
-function rt(e) {
+function it(e) {
 	return /* @__PURE__ */ m(q, {
 		...e,
 		children: [
 			/* @__PURE__ */ p("path", {
-				d: et,
+				d: tt,
 				fill: "#FFDA44"
 			}),
 			/* @__PURE__ */ p("path", {
@@ -1161,19 +1180,19 @@ function rt(e) {
 		]
 	});
 }
-function it(e) {
+function at(e) {
 	return /* @__PURE__ */ m(q, {
 		...e,
 		children: [/* @__PURE__ */ p("path", {
-			d: et,
+			d: tt,
 			fill: "#F0F0F0"
 		}), /* @__PURE__ */ p("path", {
-			d: tt,
+			d: nt,
 			fill: "#0052B4"
 		})]
 	});
 }
-function at(e) {
+function ot(e) {
 	return /* @__PURE__ */ m(q, {
 		...e,
 		children: [
@@ -1204,7 +1223,7 @@ function J({ href: t, render: n, ...r }) {
 		}
 	});
 }
-var ot = (e) => e.groups != null && e.groups.length > 0, st = (e) => e.href != null || e.render != null, Y = {
+var st = (e) => e.groups != null && e.groups.length > 0, ct = (e) => e.href != null || e.render != null, Y = {
 	SiteFooter: "_SiteFooter_o2ixe_7",
 	Content: "_Content_o2ixe_23",
 	Main: "_Main_o2ixe_32",
@@ -1220,7 +1239,7 @@ var ot = (e) => e.groups != null && e.groups.length > 0, st = (e) => e.href != n
 	Divider: "_Divider_o2ixe_165",
 	CookieSettings: "_CookieSettings_o2ixe_176",
 	Copyright: "_Copyright_o2ixe_192"
-}, ct = O({
+}, lt = O({
 	market: {
 		no: "Marked",
 		se: "Marknad",
@@ -1245,7 +1264,7 @@ var ot = (e) => e.groups != null && e.groups.length > 0, st = (e) => e.href != n
 		fi: "fi",
 		es: "es"
 	}
-}), lt = O({
+}), ut = O({
 	navigation: {
 		no: "Hovedmeny",
 		se: "Huvudmeny",
@@ -1270,30 +1289,30 @@ var ot = (e) => e.groups != null && e.groups.length > 0, st = (e) => e.href != n
 		fi: "Lea Bank, etusivu",
 		es: "Lea Bank, página de inicio"
 	}
-}), ut = {
+}), dt = {
 	no: {
 		name: "Norge",
-		flag: /* @__PURE__ */ p(nt, {})
+		flag: /* @__PURE__ */ p(rt, {})
 	},
 	se: {
 		name: "Sverige",
-		flag: /* @__PURE__ */ p(rt, {})
+		flag: /* @__PURE__ */ p(it, {})
 	},
 	fi: {
 		name: "Suomi",
-		flag: /* @__PURE__ */ p(it, {})
+		flag: /* @__PURE__ */ p(at, {})
 	},
 	es: {
 		name: "España",
-		flag: /* @__PURE__ */ p(at, {})
+		flag: /* @__PURE__ */ p(ot, {})
 	}
-}, dt = [
+}, ft = [
 	"no",
 	"se",
 	"fi",
 	"es"
 ];
-function ft({ render: t, id: n, children: r }) {
+function pt({ render: t, id: n, children: r }) {
 	return e({
 		render: t,
 		defaultTagName: "h2",
@@ -1304,16 +1323,16 @@ function ft({ render: t, id: n, children: r }) {
 		}
 	});
 }
-function pt({ market: e, render: t }) {
-	let n = ct(), r = C(), i = e.options ?? dt, a = ee(() => {
+function mt({ market: e, render: t }) {
+	let n = lt(), r = C(), i = e.options ?? ft, a = ee(() => {
 		let e = new Intl.Collator(n.collation, { sensitivity: "base" });
-		return [...i].sort((t, n) => e.compare(ut[t].name, ut[n].name)).map((e) => ({
+		return [...i].sort((t, n) => e.compare(dt[t].name, dt[n].name)).map((e) => ({
 			value: e,
-			label: ut[e].name,
-			icon: ut[e].flag
+			label: dt[e].name,
+			icon: dt[e].flag
 		}));
 	}, [i, n.collation]);
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ft, {
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(pt, {
 		render: t,
 		id: r,
 		children: e.title ?? n.market
@@ -1326,8 +1345,8 @@ function pt({ market: e, render: t }) {
 		className: Y.Market
 	})] });
 }
-function mt({ logo: e, homeRender: t, columns: n = [], market: r, social: i, onOpenCookieSettings: a, copyright: o, titleRender: s, className: c, ...l }) {
-	let u = ct(), d = lt(), h = a != null || o != null;
+function ht({ logo: e, homeRender: t, columns: n = [], market: r, social: i, onOpenCookieSettings: a, copyright: o, titleRender: s, className: c, ...l }) {
+	let u = lt(), d = ut(), h = a != null || o != null;
 	return /* @__PURE__ */ p("footer", {
 		...l,
 		className: [Y.SiteFooter, c].filter(Boolean).join(" "),
@@ -1345,7 +1364,7 @@ function mt({ logo: e, homeRender: t, columns: n = [], market: r, social: i, onO
 					className: Y.Columns,
 					children: [n.map((e, t) => /* @__PURE__ */ m("div", {
 						className: Y.Column,
-						children: [/* @__PURE__ */ p(ft, {
+						children: [/* @__PURE__ */ p(pt, {
 							render: s,
 							children: e.title
 						}), e.links.length > 0 && /* @__PURE__ */ p("ul", {
@@ -1359,10 +1378,10 @@ function mt({ logo: e, homeRender: t, columns: n = [], market: r, social: i, onO
 						})]
 					}, t)), (r != null || i != null) && /* @__PURE__ */ m("div", {
 						className: Y.Column,
-						children: [r != null && /* @__PURE__ */ p(pt, {
+						children: [r != null && /* @__PURE__ */ p(mt, {
 							market: r,
 							render: s
-						}), i != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ft, {
+						}), i != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(pt, {
 							render: s,
 							children: i.title ?? u.social
 						}), /* @__PURE__ */ p("ul", {
@@ -1434,8 +1453,8 @@ var X = {
 	SubmenuPanel: "_SubmenuPanel_dcn2t_556",
 	Submenu: "_Submenu_dcn2t_556",
 	Parent: "_Parent_dcn2t_577"
-}, ht = "(min-width: 1312px)";
-function gt({ item: e, open: t, onOpenChange: i }) {
+}, gt = "(min-width: 1312px)";
+function _t({ item: e, open: t, onOpenChange: i }) {
 	let a = e.groups.flatMap((e) => e.links), o = e.groups.flatMap((e) => e.cta == null ? [] : [e.cta]);
 	return /* @__PURE__ */ m(ue.Root, {
 		open: t,
@@ -1451,9 +1470,9 @@ function gt({ item: e, open: t, onOpenChange: i }) {
 			children: /* @__PURE__ */ m("div", {
 				className: X.Submenu,
 				children: [
-					(st(e) || a.length > 0) && /* @__PURE__ */ m("ul", {
+					(ct(e) || a.length > 0) && /* @__PURE__ */ m("ul", {
 						className: X.Links,
-						children: [st(e) && /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
+						children: [ct(e) && /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(G, {
 							className: X.Parent,
 							href: e.href,
 							render: e.render,
@@ -1482,13 +1501,13 @@ function gt({ item: e, open: t, onOpenChange: i }) {
 		})]
 	});
 }
-function _t({ items: e }) {
-	let t = lt(), [n, r] = T(null);
+function vt({ items: e }) {
+	let t = ut(), [n, r] = T(null);
 	return /* @__PURE__ */ p("nav", {
 		"aria-label": t.navigation,
 		children: /* @__PURE__ */ p("ul", {
 			className: X.MenuList,
-			children: e.map((e, t) => /* @__PURE__ */ p("li", { children: ot(e) ? /* @__PURE__ */ p(gt, {
+			children: e.map((e, t) => /* @__PURE__ */ p("li", { children: st(e) ? /* @__PURE__ */ p(_t, {
 				item: e,
 				open: n === t,
 				onOpenChange: (e) => r(e ? t : null)
@@ -1501,11 +1520,11 @@ function _t({ items: e }) {
 		})
 	});
 }
-function vt({ items: e, home: t, account: n }) {
-	let r = lt(), [i, a] = T(!1);
+function yt({ items: e, home: t, account: n }) {
+	let r = ut(), [i, a] = T(!1);
 	return S(() => {
 		if (!i) return;
-		let e = window.matchMedia(ht), t = () => {
+		let e = window.matchMedia(gt), t = () => {
 			e.matches && a(!1);
 		};
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
@@ -1547,7 +1566,7 @@ function vt({ items: e, home: t, account: n }) {
 					}), /* @__PURE__ */ p(re, { size: "sm" })]
 				}), /* @__PURE__ */ p(A.Content, {
 					className: X.MenuContent,
-					children: /* @__PURE__ */ p(_t, { items: e })
+					children: /* @__PURE__ */ p(vt, { items: e })
 				})]
 			})
 		})] })]
@@ -1555,7 +1574,7 @@ function vt({ items: e, home: t, account: n }) {
 }
 //#endregion
 //#region src/website/site-header/site-header.tsx
-function yt({ group: e }) {
+function bt({ group: e }) {
 	let t = C(), r = e.title != null, i = e.links.length > 0;
 	return /* @__PURE__ */ m("div", {
 		className: X.Group,
@@ -1594,13 +1613,13 @@ function yt({ group: e }) {
 		]
 	});
 }
-function bt({ item: e, value: t, end: n, onFocus: i }) {
+function xt({ item: e, value: t, end: n, onFocus: i }) {
 	return /* @__PURE__ */ p(k.Item, {
 		value: t,
 		className: X.Item,
 		"data-end": n || void 0,
 		onFocus: () => i(t),
-		children: ot(e) ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m(k.Trigger, {
+		children: st(e) ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m(k.Trigger, {
 			className: X.Pill,
 			children: [e.label, /* @__PURE__ */ p(k.Icon, {
 				className: X.Chevron,
@@ -1609,7 +1628,7 @@ function bt({ item: e, value: t, end: n, onFocus: i }) {
 		}), /* @__PURE__ */ p(k.Content, {
 			keepMounted: !0,
 			className: X.Content,
-			children: e.groups.map((e, t) => /* @__PURE__ */ p(yt, { group: e }, t))
+			children: e.groups.map((e, t) => /* @__PURE__ */ p(bt, { group: e }, t))
 		})] }) : /* @__PURE__ */ p(k.Link, {
 			closeOnClick: !0,
 			className: X.Pill,
@@ -1619,8 +1638,8 @@ function bt({ item: e, value: t, end: n, onFocus: i }) {
 		})
 	});
 }
-function xt({ logo: e, homeRender: t, items: n, endItems: r = [], account: i, action: a, className: s, ...c }) {
-	let l = lt(), [u, d] = T(null), f = (e) => {
+function St({ logo: e, homeRender: t, items: n, endItems: r = [], account: i, action: a, className: s, ...c }) {
+	let l = ut(), [u, d] = T(null), f = (e) => {
 		u != null && u !== e && d(null);
 	}, h = /* @__PURE__ */ p(J, {
 		href: t == null ? "/" : void 0,
@@ -1643,7 +1662,7 @@ function xt({ logo: e, homeRender: t, items: n, endItems: r = [], account: i, ac
 			children: /* @__PURE__ */ m("div", {
 				className: X.BarContent,
 				children: [
-					/* @__PURE__ */ p(vt, {
+					/* @__PURE__ */ p(yt, {
 						items: [...n, ...r],
 						home: h,
 						account: g
@@ -1657,7 +1676,7 @@ function xt({ logo: e, homeRender: t, items: n, endItems: r = [], account: i, ac
 						onValueChange: d,
 						children: [/* @__PURE__ */ p(k.List, {
 							className: X.List,
-							children: [...n, ...r].map((e, t) => /* @__PURE__ */ p(bt, {
+							children: [...n, ...r].map((e, t) => /* @__PURE__ */ p(xt, {
 								item: e,
 								value: `item-${t}`,
 								end: r.length > 0 && t === n.length,
@@ -1701,7 +1720,7 @@ var Z = {
 };
 //#endregion
 //#region src/website/split-content/split-content.tsx
-function St({ title: t, titleRender: n, text: r, src: i, alt: a, imageRender: o, imagePosition: s = "end", action: c, priceExample: l, render: u, ref: d, className: h, ...g }) {
+function Ct({ title: t, titleRender: n, text: r, src: i, alt: a, imageRender: o, imagePosition: s = "end", action: c, priceExample: l, render: u, ref: d, className: h, ...g }) {
 	let _ = e({
 		render: n,
 		defaultTagName: "h2",
@@ -1764,7 +1783,7 @@ var Q = {
 };
 //#endregion
 //#region src/website/stats/stats.tsx
-function Ct({ header: t, items: n, titleRender: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
+function wt({ header: t, items: n, titleRender: r, action: i, priceExample: a, render: o, ref: s, className: c, ...l }) {
 	return e({
 		render: o,
 		ref: s,
@@ -1779,7 +1798,7 @@ function Ct({ header: t, items: n, titleRender: r, action: i, priceExample: a, r
 					children: [n.map((e, t) => /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p("li", {
 						"aria-hidden": !0,
 						className: Q.Bar
-					}), /* @__PURE__ */ p(wt, {
+					}), /* @__PURE__ */ p(Tt, {
 						...e,
 						titleRender: r
 					})] }, t)), /* @__PURE__ */ p("li", {
@@ -1798,7 +1817,7 @@ function Ct({ header: t, items: n, titleRender: r, action: i, priceExample: a, r
 		}
 	});
 }
-function wt({ number: t, title: n, text: r, titleRender: i }) {
+function Tt({ number: t, title: n, text: r, titleRender: i }) {
 	let a = e({
 		enabled: n != null,
 		render: i,
@@ -1837,7 +1856,7 @@ var $ = {
 	DialogPopup: "_DialogPopup_13hpt_143",
 	DialogVideo: "_DialogVideo_13hpt_149",
 	Close: "_Close_13hpt_157"
-}, Tt = O({
+}, Et = O({
 	reviews: {
 		no: "Kundeomtaler",
 		se: "Kundomdömen",
@@ -1877,8 +1896,8 @@ var $ = {
 });
 //#endregion
 //#region src/website/testimonials/testimonials.tsx
-function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o, rating: s, videoSrc: c, videoPoster: u, videoCaptions: g, videoPosition: v = "start", render: y, ref: b, className: x, children: S, ...ee }) {
-	let w = Tt(), T = C(), te = i != null || a != null, ne = h.toArray(S).length > 0;
+function Dt({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o, rating: s, videoSrc: c, videoPoster: u, videoCaptions: g, videoPosition: v = "start", render: y, ref: b, className: x, children: S, ...ee }) {
+	let w = Et(), T = C(), te = i != null || a != null, ne = h.toArray(S).length > 0;
 	return e({
 		render: y,
 		ref: b,
@@ -1974,6 +1993,6 @@ function Et({ title: t, titleRender: n, subtitle: r, quote: i, name: a, meta: o,
 	});
 }
 //#endregion
-export { fe as AlertBanner, _e as BrandLetters, ve as Calculator, Ee as Carousel, De as CtaBanner, Fe as ExpandingCards, Ie as ExpandingCardsItem, Le as Hero, Re as HeroServiceGrid, ze as NavigationGrid, Ve as PartnerList, He as PaymentFeature, We as PromoGrid, qe as Section, Je as SectionHeader, Xe as ServiceCardGrid, $e as SideNav, mt as SiteFooter, xt as SiteHeader, St as SplitContent, Ct as Stats, Et as Testimonials };
+export { fe as AlertBanner, _e as BrandLetters, ve as Calculator, Ee as Carousel, De as CtaBanner, Fe as ExpandingCards, Ie as ExpandingCardsItem, Le as Hero, Re as HeroServiceGrid, ze as NavigationGrid, Ve as PartnerList, He as PaymentFeature, We as PromoGrid, qe as Section, Je as SectionHeader, Xe as ServiceCardGrid, $e as SideNav, ht as SiteFooter, St as SiteHeader, Ct as SplitContent, wt as Stats, Dt as Testimonials };
 
 //# sourceMappingURL=website.mjs.map