UNPKG

rk-designsystem

Version:

A React component library built on top of Digdir Design System

1,902 lines 246 kB
import Dt, { forwardRef as ue, useState as re, useEffect as te, useMemo as ve, useCallback as ae, useRef as Ue, createContext as Kt, useContext as Yt } from "react"; import { Alert as Jt, Avatar as Zt, BadgePosition as Xt, Badge as Qt, Breadcrumbs as en, BreadcrumbsList as tn, BreadcrumbsItem as nn, BreadcrumbsLink as rn, Button as Ke, Card as on, CardBlock as sn, Checkbox as an, useCheckboxGroup as ln, Fieldset as It, Chip as dn, Spinner as cn, Details as un, Dialog as mn, Divider as gn, Dropdown as pn, ErrorSummary as fn, Field as hn, FieldDescription as kn, FieldCounter as bn, Heading as vn, Input as yn, Label as xn, Link as Tn, List as Sn, Pagination as wn, usePagination as Cn, Paragraph as jn, Popover as Dn, Radio as In, useRadioGroup as Ln, Search as An, SearchInput as Fn, SearchClear as _n, SearchButton as En, Select as Bn, Skeleton as Nn, SkipLink as Pn, EXPERIMENTAL_Suggestion as Rn, Switch as zn, Table as Mn, Tabs as On, Tag as $n, Textarea as Hn, Textfield as Wn, ToggleGroup as Vn, Tooltip as Gn, ValidationMessage as qn } from "@digdir/designsystemet-react"; import { startOfMonth as ke, isValid as Ve, isSameMonth as mt, startOfWeek as Lt, format as Te, addDays as At, subMonths as Un, addMonths as Kn, isSameDay as Yn, isToday as Jn, eachDayOfInterval as Zn } from "date-fns"; import { ChevronLeftIcon as Xn, ChevronRightIcon as Qn, ChevronDownIcon as gt, XMarkIcon as pt, MagnifyingGlassIcon as ft, MenuHamburgerIcon as er, HeartIcon as tr } from "@navikt/aksel-icons"; var Be = { exports: {} }, Se = {}; /** * @license React * react-jsx-runtime.production.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ht; function nr() { if (ht) return Se; ht = 1; var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment"); function n(s, i, a) { var r = null; if (a !== void 0 && (r = "" + a), i.key !== void 0 && (r = "" + i.key), "key" in i) { a = {}; for (var d in i) d !== "key" && (a[d] = i[d]); } else a = i; return i = a.ref, { $$typeof: t, type: s, key: r, ref: i !== void 0 ? i : null, props: a }; } return Se.Fragment = e, Se.jsx = n, Se.jsxs = n, Se; } var we = {}; /** * @license React * react-jsx-runtime.development.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var kt; function rr() { return kt || (kt = 1, process.env.NODE_ENV !== "production" && (function() { function t(c) { if (c == null) return null; if (typeof c == "function") return c.$$typeof === N ? null : c.displayName || c.name || null; if (typeof c == "string") return c; switch (c) { case v: return "Fragment"; case m: return "Profiler"; case p: return "StrictMode"; case E: return "Suspense"; case j: return "SuspenseList"; case $: return "Activity"; } if (typeof c == "object") switch (typeof c.tag == "number" && console.error( "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue." ), c.$$typeof) { case b: return "Portal"; case _: return c.displayName || "Context"; case T: return (c._context.displayName || "Context") + ".Consumer"; case F: var A = c.render; return c = c.displayName, c || (c = A.displayName || A.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c; case L: return A = c.displayName || null, A !== null ? A : t(c.type) || "Memo"; case B: A = c._payload, c = c._init; try { return t(c(A)); } catch { } } return null; } function e(c) { return "" + c; } function n(c) { try { e(c); var A = !1; } catch { A = !0; } if (A) { A = console; var P = A.error, M = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object"; return P.call( A, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", M ), e(c); } } function s(c) { if (c === v) return "<>"; if (typeof c == "object" && c !== null && c.$$typeof === B) return "<...>"; try { var A = t(c); return A ? "<" + A + ">" : "<...>"; } catch { return "<...>"; } } function i() { var c = W.A; return c === null ? null : c.getOwner(); } function a() { return Error("react-stack-top-frame"); } function r(c) { if (R.call(c, "key")) { var A = Object.getOwnPropertyDescriptor(c, "key").get; if (A && A.isReactWarning) return !1; } return c.key !== void 0; } function d(c, A) { function P() { q || (q = !0, console.error( "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", A )); } P.isReactWarning = !0, Object.defineProperty(c, "key", { get: P, configurable: !0 }); } function l() { var c = t(this.type); return ne[c] || (ne[c] = !0, console.error( "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release." )), c = this.props.ref, c !== void 0 ? c : null; } function u(c, A, P, M, x, D) { var C = P.ref; return c = { $$typeof: h, type: c, key: A, props: P, _owner: M }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(c, "ref", { enumerable: !1, get: l }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", { configurable: !1, enumerable: !1, writable: !0, value: 0 }), Object.defineProperty(c, "_debugInfo", { configurable: !1, enumerable: !1, writable: !0, value: null }), Object.defineProperty(c, "_debugStack", { configurable: !1, enumerable: !1, writable: !0, value: x }), Object.defineProperty(c, "_debugTask", { configurable: !1, enumerable: !1, writable: !0, value: D }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c; } function y(c, A, P, M, x, D) { var C = A.children; if (C !== void 0) if (M) if (z(C)) { for (M = 0; M < C.length; M++) f(C[M]); Object.freeze && Object.freeze(C); } else console.error( "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead." ); else f(C); if (R.call(A, "key")) { C = t(c); var H = Object.keys(A).filter(function(X) { return X !== "key"; }); M = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", oe[C + M] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error( `A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`, M, C, H, C ), oe[C + M] = !0); } if (C = null, P !== void 0 && (n(P), C = "" + P), r(A) && (n(A.key), C = "" + A.key), "key" in A) { P = {}; for (var J in A) J !== "key" && (P[J] = A[J]); } else P = A; return C && d( P, typeof c == "function" ? c.displayName || c.name || "Unknown" : c ), u( c, C, P, i(), x, D ); } function f(c) { k(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === B && (c._payload.status === "fulfilled" ? k(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1)); } function k(c) { return typeof c == "object" && c !== null && c.$$typeof === h; } var g = Dt, h = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), W = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, z = Array.isArray, I = console.createTask ? console.createTask : function() { return null; }; g = { react_stack_bottom_frame: function(c) { return c(); } }; var q, ne = {}, Y = g.react_stack_bottom_frame.bind( g, a )(), K = I(s(a)), oe = {}; we.Fragment = v, we.jsx = function(c, A, P) { var M = 1e4 > W.recentlyCreatedOwnerStacks++; return y( c, A, P, !1, M ? Error("react-stack-top-frame") : Y, M ? I(s(c)) : K ); }, we.jsxs = function(c, A, P) { var M = 1e4 > W.recentlyCreatedOwnerStacks++; return y( c, A, P, !0, M ? Error("react-stack-top-frame") : Y, M ? I(s(c)) : K ); }; })()), we; } var bt; function or() { return bt || (bt = 1, process.env.NODE_ENV === "production" ? Be.exports = nr() : Be.exports = rr()), Be.exports; } var o = or(); const sr = ue((t, e) => /* @__PURE__ */ o.jsx(Jt, { ref: e, ...t })); sr.displayName = "Alert"; const Ft = ue((t, e) => /* @__PURE__ */ o.jsx(Zt, { ref: e, ...t })); Ft.displayName = "Avatar"; const ar = ue((t, e) => /* @__PURE__ */ o.jsx(Qt, { ref: e, ...t })); ar.displayName = "Badge"; const ka = Xt, ba = en, va = tn, ya = nn, xa = rn, ye = Ke; ye.displayName = "Button"; const ir = on, Ta = sn; ir.displayName = "Card"; const lr = an, dr = It, Sa = ln; lr.displayName = "Checkbox"; dr.displayName = "Fieldset"; const wa = dn; function Ge(t) { return (e = {}) => { const n = e.width ? String(e.width) : t.defaultWidth; return t.formats[n] || t.formats[t.defaultWidth]; }; } function Ce(t) { return (e, n) => { const s = n != null && n.context ? String(n.context) : "standalone"; let i; if (s === "formatting" && t.formattingValues) { const r = t.defaultFormattingWidth || t.defaultWidth, d = n != null && n.width ? String(n.width) : r; i = t.formattingValues[d] || t.formattingValues[r]; } else { const r = t.defaultWidth, d = n != null && n.width ? String(n.width) : t.defaultWidth; i = t.values[d] || t.values[r]; } const a = t.argumentCallback ? t.argumentCallback(e) : e; return i[a]; }; } function je(t) { return (e, n = {}) => { const s = n.width, i = s && t.matchPatterns[s] || t.matchPatterns[t.defaultMatchWidth], a = e.match(i); if (!a) return null; const r = a[0], d = s && t.parsePatterns[s] || t.parsePatterns[t.defaultParseWidth], l = Array.isArray(d) ? ur(d, (f) => f.test(r)) : ( // [TODO] -- I challenge you to fix the type cr(d, (f) => f.test(r)) ); let u; u = t.valueCallback ? t.valueCallback(l) : l, u = n.valueCallback ? ( // [TODO] -- I challenge you to fix the type n.valueCallback(u) ) : u; const y = e.slice(r.length); return { value: u, rest: y }; }; } function cr(t, e) { for (const n in t) if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n])) return n; } function ur(t, e) { for (let n = 0; n < t.length; n++) if (e(t[n])) return n; } function mr(t) { return (e, n = {}) => { const s = e.match(t.matchPattern); if (!s) return null; const i = s[0], a = e.match(t.parsePattern); if (!a) return null; let r = t.valueCallback ? t.valueCallback(a[0]) : a[0]; r = n.valueCallback ? n.valueCallback(r) : r; const d = e.slice(i.length); return { value: r, rest: d }; }; } const gr = { lessThanXSeconds: { one: "mindre enn ett sekund", other: "mindre enn {{count}} sekunder" }, xSeconds: { one: "ett sekund", other: "{{count}} sekunder" }, halfAMinute: "et halvt minutt", lessThanXMinutes: { one: "mindre enn ett minutt", other: "mindre enn {{count}} minutter" }, xMinutes: { one: "ett minutt", other: "{{count}} minutter" }, aboutXHours: { one: "omtrent en time", other: "omtrent {{count}} timer" }, xHours: { one: "en time", other: "{{count}} timer" }, xDays: { one: "en dag", other: "{{count}} dager" }, aboutXWeeks: { one: "omtrent en uke", other: "omtrent {{count}} uker" }, xWeeks: { one: "en uke", other: "{{count}} uker" }, aboutXMonths: { one: "omtrent en måned", other: "omtrent {{count}} måneder" }, xMonths: { one: "en måned", other: "{{count}} måneder" }, aboutXYears: { one: "omtrent ett år", other: "omtrent {{count}} år" }, xYears: { one: "ett år", other: "{{count}} år" }, overXYears: { one: "over ett år", other: "over {{count}} år" }, almostXYears: { one: "nesten ett år", other: "nesten {{count}} år" } }, pr = (t, e, n) => { let s; const i = gr[t]; return typeof i == "string" ? s = i : e === 1 ? s = i.one : s = i.other.replace("{{count}}", String(e)), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "om " + s : s + " siden" : s; }, fr = { full: "EEEE d. MMMM y", long: "d. MMMM y", medium: "d. MMM y", short: "dd.MM.y" }, hr = { full: "'kl'. HH:mm:ss zzzz", long: "HH:mm:ss z", medium: "HH:mm:ss", short: "HH:mm" }, kr = { full: "{{date}} 'kl.' {{time}}", long: "{{date}} 'kl.' {{time}}", medium: "{{date}} {{time}}", short: "{{date}} {{time}}" }, br = { date: Ge({ formats: fr, defaultWidth: "full" }), time: Ge({ formats: hr, defaultWidth: "full" }), dateTime: Ge({ formats: kr, defaultWidth: "full" }) }, vr = { lastWeek: "'forrige' eeee 'kl.' p", yesterday: "'i går kl.' p", today: "'i dag kl.' p", tomorrow: "'i morgen kl.' p", nextWeek: "EEEE 'kl.' p", other: "P" }, yr = (t, e, n, s) => vr[t], xr = { narrow: ["f.Kr.", "e.Kr."], abbreviated: ["f.Kr.", "e.Kr."], wide: ["før Kristus", "etter Kristus"] }, Tr = { narrow: ["1", "2", "3", "4"], abbreviated: ["Q1", "Q2", "Q3", "Q4"], wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"] }, Sr = { narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"], abbreviated: [ "jan.", "feb.", "mars", "apr.", "mai", "juni", "juli", "aug.", "sep.", "okt.", "nov.", "des." ], wide: [ "januar", "februar", "mars", "april", "mai", "juni", "juli", "august", "september", "oktober", "november", "desember" ] }, wr = { narrow: ["S", "M", "T", "O", "T", "F", "L"], short: ["sø", "ma", "ti", "on", "to", "fr", "lø"], abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"], wide: [ "søndag", "mandag", "tirsdag", "onsdag", "torsdag", "fredag", "lørdag" ] }, Cr = { narrow: { am: "a", pm: "p", midnight: "midnatt", noon: "middag", morning: "på morg.", afternoon: "på etterm.", evening: "på kvelden", night: "på natten" }, abbreviated: { am: "a.m.", pm: "p.m.", midnight: "midnatt", noon: "middag", morning: "på morg.", afternoon: "på etterm.", evening: "på kvelden", night: "på natten" }, wide: { am: "a.m.", pm: "p.m.", midnight: "midnatt", noon: "middag", morning: "på morgenen", afternoon: "på ettermiddagen", evening: "på kvelden", night: "på natten" } }, jr = (t, e) => Number(t) + ".", Dr = { ordinalNumber: jr, era: Ce({ values: xr, defaultWidth: "wide" }), quarter: Ce({ values: Tr, defaultWidth: "wide", argumentCallback: (t) => t - 1 }), month: Ce({ values: Sr, defaultWidth: "wide" }), day: Ce({ values: wr, defaultWidth: "wide" }), dayPeriod: Ce({ values: Cr, defaultWidth: "wide" }) }, Ir = /^(\d+)\.?/i, Lr = /\d+/i, Ar = { narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i, abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i, wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i }, Fr = { any: [/^f/i, /^e/i] }, _r = { narrow: /^[1234]/i, abbreviated: /^q[1234]/i, wide: /^[1234](\.)? kvartal/i }, Er = { any: [/1/i, /2/i, /3/i, /4/i] }, Br = { narrow: /^[jfmasond]/i, abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i, wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i }, Nr = { narrow: [ /^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i ], any: [ /^ja/i, /^f/i, /^mar/i, /^ap/i, /^mai/i, /^jun/i, /^jul/i, /^aug/i, /^s/i, /^o/i, /^n/i, /^d/i ] }, Pr = { narrow: /^[smtofl]/i, short: /^(sø|ma|ti|on|to|fr|lø)/i, abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i, wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i }, Rr = { any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i] }, zr = { narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i, any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i }, Mr = { any: { am: /^a(\.?\s?m\.?)?$/i, pm: /^p(\.?\s?m\.?)?$/i, midnight: /^midn/i, noon: /^midd/i, morning: /morgen/i, afternoon: /ettermiddag/i, evening: /kveld/i, night: /natt/i } }, Or = { ordinalNumber: mr({ matchPattern: Ir, parsePattern: Lr, valueCallback: (t) => parseInt(t, 10) }), era: je({ matchPatterns: Ar, defaultMatchWidth: "wide", parsePatterns: Fr, defaultParseWidth: "any" }), quarter: je({ matchPatterns: _r, defaultMatchWidth: "wide", parsePatterns: Er, defaultParseWidth: "any", valueCallback: (t) => t + 1 }), month: je({ matchPatterns: Br, defaultMatchWidth: "wide", parsePatterns: Nr, defaultParseWidth: "any" }), day: je({ matchPatterns: Pr, defaultMatchWidth: "wide", parsePatterns: Rr, defaultParseWidth: "any" }), dayPeriod: je({ matchPatterns: zr, defaultMatchWidth: "any", parsePatterns: Mr, defaultParseWidth: "any" }) }, be = { code: "nb", formatDistance: pr, formatLong: br, formatRelative: yr, localize: Dr, match: Or, options: { weekStartsOn: 1, firstWeekContainsDate: 4 } }, _t = ({ title: t, ...e }) => /* @__PURE__ */ o.jsxs( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 28 28", fill: "none", "aria-hidden": t ? void 0 : !0, focusable: "false", ...e, children: [ t && /* @__PURE__ */ o.jsx("title", { children: t }), /* @__PURE__ */ o.jsx( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z", fill: "currentColor" } ) ] } ); _t.displayName = "ChevronLeftIcon"; const Et = ({ title: t, ...e }) => /* @__PURE__ */ o.jsxs( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 28 28", fill: "none", "aria-hidden": t ? void 0 : !0, focusable: "false", ...e, children: [ t && /* @__PURE__ */ o.jsx("title", { children: t }), /* @__PURE__ */ o.jsx( "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z", fill: "currentColor" } ) ] } ); Et.displayName = "ChevronRightIcon"; const $r = "_calendarContainer_10l5p_1", Hr = "_calendarHeader_10l5p_14", Wr = "_monthYear_10l5p_21", Vr = "_navigationButtons_10l5p_32", Gr = "_grid_10l5p_41", qr = "_dayNameCell_10l5p_48", Ur = "_dateCell_10l5p_65", Kr = "_dateNumberContainer_10l5p_90", Yr = "_otherMonth_10l5p_103", Jr = "_selectedDate_10l5p_129", se = { calendarContainer: $r, calendarHeader: Hr, monthYear: Wr, navigationButtons: Vr, grid: Gr, dayNameCell: qr, dateCell: Ur, dateNumberContainer: Kr, otherMonth: Yr, selectedDate: Jr }, Zr = (t) => { const e = ke(t), n = Lt(e, { locale: be }), s = At(n, 41); return Zn({ start: n, end: s }); }, vt = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Xr = ({ initialDate: t = /* @__PURE__ */ new Date(), selectedDate: e = null, // Prop for valgt dato onDateSelect: n, "data-color": s, // <-- Destrukturert "data-size": i // <-- Destrukturert }) => { const [a, r] = re( ke(e && Ve(e) ? e : t) ); te(() => { if (e && Ve(e)) { const m = ke(e); mt(m, a) || r(m); } }, [e]); const d = ve(() => ke(/* @__PURE__ */ new Date()), []), l = ve(() => !1, [a, d]), u = ve( () => Zr(a), [a] ), y = ve(() => { const m = Lt(/* @__PURE__ */ new Date(), { locale: be }); return Array.from({ length: 7 }).map((T, _) => { const F = Te(At(m, _), "EEEEEE", { locale: be }); return vt(F); }); }, []), f = ae(() => { l || r((m) => ke(Un(m, 1))); }, [l]), k = ae(() => { r((m) => ke(Kn(m, 1))); }, []), g = ae( (m) => { n && n(m); }, [n] ), h = ae( (m, T) => { (m.key === "Enter" || m.key === " ") && (m.preventDefault(), g(T)); }, [g] ), b = Te(a, "MMMM", { locale: be }), v = Te(a, "yyyy", { locale: be }), p = `${vt(b)} ${v}`; return /* @__PURE__ */ o.jsxs( "div", { className: se.calendarContainer, "data-color": s, "data-size": i, children: [ /* @__PURE__ */ o.jsxs("div", { className: se.calendarHeader, children: [ /* @__PURE__ */ o.jsx("span", { className: se.monthYear, children: p }), /* @__PURE__ */ o.jsxs("div", { className: se.navigationButtons, children: [ /* @__PURE__ */ o.jsx( Ke, { variant: "tertiary", icon: !0, onClick: f, "aria-label": "Forrige måned", disabled: l, children: /* @__PURE__ */ o.jsx(_t, {}) } ), /* @__PURE__ */ o.jsx( Ke, { variant: "tertiary", icon: !0, onClick: k, "aria-label": "Neste måned", children: /* @__PURE__ */ o.jsx(Et, {}) } ) ] }) ] }), /* @__PURE__ */ o.jsx("div", { className: se.grid, children: y.map((m) => /* @__PURE__ */ o.jsx("div", { className: se.dayNameCell, children: m }, m)) }), /* @__PURE__ */ o.jsx("div", { className: se.grid, children: u.map((m) => { const T = mt(m, a), _ = e && Ve(e) && Yn(m, e), F = Jn(m), E = [ se.dateCell, T ? "" : se.otherMonth, _ ? se.selectedDate : "", // Utheving basert på prop F && !_ ? se.todayDate : "" ].filter(Boolean).join(" "); return /* @__PURE__ */ o.jsx( "div", { className: E, onClick: () => g(m), onKeyDown: (j) => h(j, m), role: "button", tabIndex: 0, "aria-pressed": _ ?? !1, "aria-label": Te(m, "PPP", { locale: be }), children: /* @__PURE__ */ o.jsx("span", { className: se.dateNumberContainer, children: Te(m, "d") }) }, m.toISOString() ); }) }) ] } ); }; Xr.displayName = "DatePicker"; const Qr = "_fieldset_16fx7_2", eo = "_description_16fx7_14", to = "_error_16fx7_21", no = "_inputWrapper_16fx7_30", ro = "_inputWrapperError_16fx7_42", oo = "_suffixButton_16fx7_80", so = "_suffixButtonInteractive_16fx7_100", pe = { fieldset: Qr, description: eo, error: to, inputWrapper: no, inputWrapperError: ro, suffixButton: oo, suffixButtonInteractive: so }, yt = (t) => { const e = t.slice(0, 2), n = t.slice(2, 4), s = t.slice(4, 8); return t.length > 4 ? `${e}.${n}.${s}` : t.length > 2 ? `${e}.${n}` : t.length > 0 ? e : ""; }, xt = (t) => (t || "").replace(/\D/g, ""), Tt = (t) => { let e = t; if (e.length >= 2) { const n = parseInt(e.substring(0, 2), 10); !isNaN(n) && n > 31 && (e = "31" + e.substring(2)); } if (e.length >= 4) { const n = parseInt(e.substring(2, 4), 10); !isNaN(n) && n > 12 && (e = e.substring(0, 2) + "12" + e.substring(4)); } return e.slice(0, 8); }, ao = ue( (t, e) => { const { label: n, suffixIcon: s, onSuffixClick: i, className: a, // For ytre fieldset inputWrapperClassName: r, // For input wrapper div inputClassName: d, // For selve input-elementet value: l, defaultValue: u, onChange: y, readOnly: f, placeholder: k = "dd.mm.åååå", id: g, name: h, required: b, disabled: v, onClick: p, onFocus: m, // Send ekstern onFocus videre onBlur: T, // Send ekstern onBlur videre autoComplete: _ = "off", "aria-label": F, "aria-labelledby": E, description: j, error: L, // Bruk error-prop for styling "data-color": B, // <-- Destrukturering "data-size": $, // <-- Destrukturering ...N } = t, W = l !== void 0, R = Ue(null); Dt.useImperativeHandle( e, () => R.current ); const z = ae( (D) => { const C = xt(D), H = Tt(C); return yt(H); }, [] ), [I, q] = re( () => z(l ?? u) ); te(() => { if (W) { const D = z(l); D !== I && (q(D), R.current && R.current.value !== D && (R.current.value = D)); } }, [l, W, I, z]); const ne = ae( (D) => { const C = D.target, H = C.value, J = I, X = xt(H).slice(0, 8), V = Tt(X), w = yt(V); let O = 0; const G = V.length; G <= 2 ? O = G : G <= 4 ? O = G + 1 : O = G + 2, O = Math.min(O, w.length), requestAnimationFrame(() => { if (R.current && (q(w), R.current.value = w, R.current.setSelectionRange(O, O), (w !== J || W) && y)) { const Z = { ...D, target: { ...C, value: w } }; y(Z, w); } }); }, [I, W, y, z] ), Y = [pe.fieldset, a].filter(Boolean).join(" "), K = [ pe.inputWrapper, r, L ? pe.inputWrapperError : "" ].filter(Boolean).join(" "), oe = [ d ].filter(Boolean).join(" "), c = [ pe.suffixButton, i ? pe.suffixButtonInteractive : "" ].filter(Boolean).join(" "); !n && !F && !E && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet."); const A = n && typeof n == "string" ? E || `${g}-label` : void 0, P = j ? `${g}-desc` : void 0, M = L ? `${g}-err` : void 0, x = [P, M].filter(Boolean).join(" ") || void 0; return ( // --- Bruk data-color og data-size på den ytre wrapperen --- /* @__PURE__ */ o.jsxs( "div", { className: Y, "data-color": B, "data-size": $, children: [ n && typeof n == "string" ? /* @__PURE__ */ o.jsx("label", { id: A, htmlFor: g, children: n }) : n, j && /* @__PURE__ */ o.jsx("p", { id: P, className: pe.description, children: j }), /* @__PURE__ */ o.jsxs("div", { className: K, children: [ /* @__PURE__ */ o.jsx( "input", { ref: R, type: "text", inputMode: "numeric", pattern: "\\d{2}\\.\\d{2}\\.\\d{4}", maxLength: 10, value: I, readOnly: f, placeholder: k, id: g, name: h, required: b, disabled: v, onClick: p, onChange: ne, onFocus: m, onBlur: T, autoComplete: _, "aria-label": F, "aria-labelledby": A, "aria-describedby": x, "aria-invalid": !!L, className: oe, ...N } ), s && /* @__PURE__ */ o.jsx( "button", { type: "button", className: c, onClick: v ? void 0 : i, tabIndex: i && !v ? 0 : -1, "aria-hidden": !i, disabled: v, "aria-label": i ? "Åpne datovelger" : void 0, children: s } ) ] }), L && /* @__PURE__ */ o.jsx("p", { id: M, className: pe.error, role: "alert", children: L }) ] } ) ); } ); ao.displayName = "DateInput"; function io(t) { return Object.prototype.toString.call(t) === "[object Object]"; } function St(t) { return io(t) || Array.isArray(t); } function lo() { return !!(typeof window < "u" && window.document && window.document.createElement); } function Xe(t, e) { const n = Object.keys(t), s = Object.keys(e); if (n.length !== s.length) return !1; const i = JSON.stringify(Object.keys(t.breakpoints || {})), a = JSON.stringify(Object.keys(e.breakpoints || {})); return i !== a ? !1 : n.every((r) => { const d = t[r], l = e[r]; return typeof d == "function" ? `${d}` == `${l}` : !St(d) || !St(l) ? d === l : Xe(d, l); }); } function wt(t) { return t.concat().sort((e, n) => e.name > n.name ? 1 : -1).map((e) => e.options); } function co(t, e) { if (t.length !== e.length) return !1; const n = wt(t), s = wt(e); return n.every((i, a) => { const r = s[a]; return Xe(i, r); }); } function Qe(t) { return typeof t == "number"; } function Ye(t) { return typeof t == "string"; } function ze(t) { return typeof t == "boolean"; } function Ct(t) { return Object.prototype.toString.call(t) === "[object Object]"; } function U(t) { return Math.abs(t); } function et(t) { return Math.sign(t); } function Ie(t, e) { return U(t - e); } function uo(t, e) { if (t === 0 || e === 0 || U(t) <= U(e)) return 0; const n = Ie(U(t), U(e)); return U(n / t); } function mo(t) { return Math.round(t * 100) / 100; } function Le(t) { return Ae(t).map(Number); } function ie(t) { return t[_e(t)]; } function _e(t) { return Math.max(0, t.length - 1); } function tt(t, e) { return e === _e(t); } function jt(t, e = 0) { return Array.from(Array(t), (n, s) => e + s); } function Ae(t) { return Object.keys(t); } function Bt(t, e) { return [t, e].reduce((n, s) => (Ae(s).forEach((i) => { const a = n[i], r = s[i], d = Ct(a) && Ct(r); n[i] = d ? Bt(a, r) : r; }), n), {}); } function Je(t, e) { return typeof e.MouseEvent < "u" && t instanceof e.MouseEvent; } function go(t, e) { const n = { start: s, center: i, end: a }; function s() { return 0; } function i(l) { return a(l) / 2; } function a(l) { return e - l; } function r(l, u) { return Ye(t) ? n[t](l) : t(e, l, u); } return { measure: r }; } function Fe() { let t = []; function e(i, a, r, d = { passive: !0 }) { let l; if ("addEventListener" in i) i.addEventListener(a, r, d), l = () => i.removeEventListener(a, r, d); else { const u = i; u.addListener(r), l = () => u.removeListener(r); } return t.push(l), s; } function n() { t = t.filter((i) => i()); } const s = { add: e, clear: n }; return s; } function po(t, e, n, s) { const i = Fe(), a = 1e3 / 60; let r = null, d = 0, l = 0; function u() { i.add(t, "visibilitychange", () => { t.hidden && h(); }); } function y() { g(), i.clear(); } function f(v) { if (!l) return; r || (r = v, n(), n()); const p = v - r; for (r = v, d += p; d >= a; ) n(), d -= a; const m = d / a; s(m), l && (l = e.requestAnimationFrame(f)); } function k() { l || (l = e.requestAnimationFrame(f)); } function g() { e.cancelAnimationFrame(l), r = null, d = 0, l = 0; } function h() { r = null, d = 0; } return { init: u, destroy: y, start: k, stop: g, update: n, render: s }; } function fo(t, e) { const n = e === "rtl", s = t === "y", i = s ? "y" : "x", a = s ? "x" : "y", r = !s && n ? -1 : 1, d = y(), l = f(); function u(h) { const { height: b, width: v } = h; return s ? b : v; } function y() { return s ? "top" : n ? "right" : "left"; } function f() { return s ? "bottom" : n ? "left" : "right"; } function k(h) { return h * r; } return { scroll: i, cross: a, startEdge: d, endEdge: l, measureSize: u, direction: k }; } function fe(t = 0, e = 0) { const n = U(t - e); function s(u) { return u < t; } function i(u) { return u > e; } function a(u) { return s(u) || i(u); } function r(u) { return a(u) ? s(u) ? t : e : u; } function d(u) { return n ? u - n * Math.ceil((u - e) / n) : u; } return { length: n, max: e, min: t, constrain: r, reachedAny: a, reachedMax: i, reachedMin: s, removeOffset: d }; } function Nt(t, e, n) { const { constrain: s } = fe(0, t), i = t + 1; let a = r(e); function r(k) { return n ? U((i + k) % i) : s(k); } function d() { return a; } function l(k) { return a = r(k), f; } function u(k) { return y().set(d() + k); } function y() { return Nt(t, d(), n); } const f = { get: d, set: l, add: u, clone: y }; return f; } function ho(t, e, n, s, i, a, r, d, l, u, y, f, k, g, h, b, v, p, m) { const { cross: T, direction: _ } = t, F = ["INPUT", "SELECT", "TEXTAREA"], E = { passive: !1 }, j = Fe(), L = Fe(), B = fe(50, 225).constrain(g.measure(20)), $ = { mouse: 300, touch: 400 }, N = { mouse: 500, touch: 600 }, W = h ? 43 : 25; let R = !1, z = 0, I = 0, q = !1, ne = !1, Y = !1, K = !1; function oe(w) { if (!m) return; function O(Z) { (ze(m) || m(w, Z)) && D(Z); } const G = e; j.add(G, "dragstart", (Z) => Z.preventDefault(), E).add(G, "touchmove", () => { }, E).add(G, "touchend", () => { }).add(G, "touchstart", O).add(G, "mousedown", O).add(G, "touchcancel", H).add(G, "contextmenu", H).add(G, "click", J, !0); } function c() { j.clear(), L.clear(); } function A() { const w = K ? n : e; L.add(w, "touchmove", C, E).add(w, "touchend", H).add(w, "mousemove", C, E).add(w, "mouseup", H); } function P(w) { const O = w.nodeName || ""; return F.includes(O); } function M() { return (h ? N : $)[K ? "mouse" : "touch"]; } function x(w, O) { const G = f.add(et(w) * -1), Z = y.byDistance(w, !h).distance; return h || U(w) < B ? Z : v && O ? Z * 0.5 : y.byIndex(G.get(), 0).distance; } function D(w) { const O = Je(w, s); K = O, Y = h && O && !w.buttons && R, R = Ie(i.get(), r.get()) >= 2, !(O && w.button !== 0) && (P(w.target) || (q = !0, a.pointerDown(w), u.useFriction(0).useDuration(0), i.set(r), A(), z = a.readPoint(w), I = a.readPoint(w, T), k.emit("pointerDown"))); } function C(w) { if (!Je(w, s) && w.touches.length >= 2) return H(w); const G = a.readPoint(w), Z = a.readPoint(w, T), le = Ie(G, z), de = Ie(Z, I); if (!ne && !K && (!w.cancelable || (ne = le > de, !ne))) return H(w); const me = a.pointerMove(w); le > b && (Y = !0), u.useFriction(0.3).useDuration(0.75), d.start(), i.add(_(me)), w.preventDefault(); } function H(w) { const G = y.byDistance(0, !1).index !== f.get(), Z = a.pointerUp(w) * M(), le = x(_(Z), G), de = uo(Z, le), me = W - 10 * de, ce = p + de / 50; ne = !1, q = !1, L.clear(), u.useDuration(me).useFriction(ce), l.distance(le, !h), K = !1, k.emit("pointerUp"); } function J(w) { Y && (w.stopPropagation(), w.preventDefault(), Y = !1); } function X() { return q; } return { init: oe, destroy: c, pointerDown: X }; } function ko(t, e) { let s, i; function a(f) { return f.timeStamp; } function r(f, k) { const h = `client${(k || t.scroll) === "x" ? "X" : "Y"}`; return (Je(f, e) ? f : f.touches[0])[h]; } function d(f) { return s = f, i = f, r(f); } function l(f) { const k = r(f) - r(i), g = a(f) - a(s) > 170; return i = f, g && (s = f), k; } function u(f) { if (!s || !i) return 0; const k = r(i) - r(s), g = a(f) - a(s), h = a(f) - a(i) > 170, b = k / g; return g && !h && U(b) > 0.1 ? b : 0; } return { pointerDown: d, pointerMove: l, pointerUp: u, readPoint: r }; } function bo() { function t(n) { const { offsetTop: s, offsetLeft: i, offsetWidth: a, offsetHeight: r } = n; return { top: s, right: i + a, bottom: s + r, left: i, width: a, height: r }; } return { measure: t }; } function vo(t) { function e(s) { return t * (s / 100); } return { measure: e }; } function yo(t, e, n, s, i, a, r) { const d = [t].concat(s); let l, u, y = [], f = !1; function k(v) { return i.measureSize(r.measure(v)); } function g(v) { if (!a) return; u = k(t), y = s.map(k); function p(m) { for (const T of m) { if (f) return; const _ = T.target === t, F = s.indexOf(T.target), E = _ ? u : y[F], j = k(_ ? t : s[F]); if (U(j - E) >= 0.5) { v.reInit(), e.emit("resize"); break; } } } l = new ResizeObserver((m) => { (ze(a) || a(v, m)) && p(m); }), n.requestAnimationFrame(() => { d.forEach((m) => l.observe(m)); }); } function h() { f = !0, l && l.disconnect(); } return { init: g, destroy: h }; } function xo(t, e, n, s, i, a) { let r = 0, d = 0, l = i, u = a, y = t.get(), f = 0; function k() { const E = s.get() - t.get(), j = !l; let L = 0; return j ? (r = 0, n.set(s), t.set(s), L = E) : (n.set(t), r += E / l, r *= u, y += r, t.add(r), L = y - f), d = et(L), f = y, F; } function g() { const E = s.get() - e.get(); return U(E) < 1e-3; } function h() { return l; } function b() { return d; } function v() { return r; } function p() { return T(i); } function m() { return _(a); } function T(E) { return l = E, F; } function _(E) { return u = E, F; } const F = { direction: b, duration: h, velocity: v, seek: k, settled: g, useBaseFriction: m, useBaseDuration: p, useFriction: _, useDuration: T }; return F; } function To(t, e, n, s, i) { const a = i.measure(10), r = i.measure(50), d = fe(0.1, 0.99); let l = !1; function u() { return !(l || !t.reachedAny(n.get()) || !t.reachedAny(e.get())); } function y(g) { if (!u()) return; const h = t.reachedMin(e.get()) ? "min" : "max", b = U(t[h] - e.get()), v = n.get() - e.get(), p = d.constrain(b / r); n.subtract(v * p), !g && U(v) < a && (n.set(t.constrain(n.get())), s.useDuration(25).useBaseFriction()); } function f(g) { l = !g; } return { shouldConstrain: u, constrain: y, toggleActive: f }; } function So(t, e, n, s, i) { const a = fe(-e + t, 0), r = f(), d = y(), l = k(); function u(h, b) { return Ie(h, b) <= 1; } function y() { const h = r[0], b = ie(r), v = r.lastIndexOf(h), p = r.indexOf(b) + 1; return fe(v, p); } function f() { return n.map((h, b) => { const { min: v, max: p } = a, m = a.constrain(h), T = !b, _ = tt(n, b); return T ? p : _ || u(v, m) ? v : u(p, m) ? p : m; }).map((h) => parseFloat(h.toFixed(3))); } function k() { if (e <= t + i) return [a.max]; if (s === "keepSnaps") return r; const { min: h, max: b } = d; return r.slice(h, b); } return { snapsContained: l, scrollContainLimit: d }; } function wo(t, e, n) { const s = e[0], i = n ? s - t : ie(e); return { limit: fe(i, s) }; } function Co(t, e, n, s) { const a = e.min + 0.1, r = e.max + 0.1, { reachedMin: d, reachedMax: l } = fe(a, r); function u(k) { return k === 1 ? l(n.get()) : k === -1 ? d(n.get()) : !1; } function y(k) { if (!u(k)) return; const g = t * (k * -1); s.forEach((h) => h.add(g)); } return { loop: y }; } function jo(t) { const { max: e, length: n } = t; function s(a) { const r = a - e; return n ? r / -n : 0; } return { get: s }; } function Do(t, e, n, s, i) { const { startEdge: a, endEdge: r } = t, { groupSlides: d } = i, l = f().map(e.measure), u = k(), y = g(); function f() { return d(s).map((b) => ie(b)[r] - b[0][a]).map(U); } function k() { return s.map((b) => n[a] - b[a]).map((b) => -U(b)); } function g() { return d(u).map((b) => b[0]).map((b, v) => b + l[v]); } return { snaps: u, snapsAligned: y }; } function Io(t, e, n, s, i, a) { const { groupSlides: r } = i, { min: d, max: l } = s, u = y(); function y() { const k = r(a), g = !t || e === "keepSnaps"; return n.length === 1 ? [a] : g ? k : k.slice(d, l).map((h, b, v) => { const p = !b, m = tt(v, b); if (p) { const T = ie(v[0]) + 1; return jt(T); } if (m) { const T = _e(a) - ie(v)[0] + 1; return jt(T, ie(v)[0]); } return h; }); } return { slideRegistry: u }; } function Lo(t, e, n, s, i) { const { reachedAny: a, removeOffset: r, constrain: d } = s; function l(h) { return h.concat().sort((b, v) => U(b) - U(v))[0]; } function u(h) { const b = t ? r(h) : d(h), v = e.map((m, T) => ({ diff: y(m - b, 0), index: T })).sort((m, T) => U(m.diff) - U(T.diff)), { index: p } = v[0]; return { index: p, distance: b }; } function y(h, b) { const v = [h, h + n, h - n]; if (!t) return h; if (!b) return l(v); const p = v.filter((m) => et(m) === b); return p.length ? l(p) : ie(v) - n; } function f(h, b) { const v = e[h] - i.get(), p = y(v, b); return { index: h, distance: p }; } function k(h, b) { const v = i.get() + h, { index: p, distance: m } = u(v), T = !t && a(v); if (!b || T) return { index: p, distance: h }; const _ = e[p] - m, F = h + y(_, 0); return { index: p, distance: F }; } return { byDistance: k, byIndex: f, shortcut: y }; } function Ao(t, e, n, s, i, a, r) { function d(f) { const k = f.distance, g = f.index !== e.get(); a.add(k), k && (s.duration() ? t.start() : (t.update(), t.render(1), t.update())), g && (n.set(e.get()), e.set(f.index), r.emit("select")); } function l(f, k) { const g = i.byDistance(f, k); d(g); } function u(f, k) { const g = e.clone().set(f), h = i.byIndex(g.get(), k); d(h); } return { distance: l, index: u }; } function Fo(t, e, n, s, i, a, r, d) { const l = { passive: !0, capture: !0 }; let u = 0; function y(g) { if (!d) return; function h(b) { if ((/* @__PURE__ */ new Date()).getTime() - u > 10) return; r.emit("slideFocusStart"), t.scrollLeft = 0; const m = n.findIndex((T) => T.includes(b)); Qe(m) && (i.useDuration(0), s.index(m, 0), r.emit("slideFocus")); } a.add(document, "keydown", f, !1), e.forEach((b, v) => { a.add(b, "focus", (p) => { (ze(d) || d(g, p)) && h(v); }, l); }); } function f(g) { g.code === "Tab" && (u = (/* @__PURE__ */ new Date()).getTime()); } return { init: y }; } function De(t) { let e = t; function n() { return e; } function s(l) { e = r(l); } function i(l) { e += r(l); } function a(l) { e -= r(l); } function r(l) { return Qe(l) ? l : l.get(); } return { get: n, set: s, add: i, subtract: a }; } function Pt(t, e) { const n = t.scroll === "x" ? r : d, s = e.style; let i = null, a = !1; function r(k) { return `translate3d(${k}px,0px,0px)`; } function d(k) { return `translate3d(0px,${k}px,0px)`; } function l(k) { if (a) return; const g = mo(t.direction(k)); g !== i && (s.transform = n(g), i = g); } function u(k) { a = !k; } function y() { a || (s.transform = "", e.getAttribute("style") || e.removeAttribute("style")); } return { clear: y, to: l, toggleActive: u }; } function _o(t, e, n, s, i, a, r, d, l) { const y = Le(i), f = Le(i).reverse(), k = p().concat(m()); function g(j, L) { return j.reduce((B, $) => B - i[$], L); } function h(j, L) { return j.reduce((B, $) => g(B, L) > 0 ? B.concat([$]) : B, []); } function b(j) { return a.map((L, B) => ({ start: L - s[B] + 0.5 + j, end: L + e - 0.5 + j })); } function v(j, L, B) { const $ = b(L); return j.map((N) => { const W = B ? 0 : -n, R = B ? n : 0, z = B ? "end" : "start", I = $[N][z]; return { index: N, loopPoint: I, slideLocation: De(-1), translate: Pt(t, l[N]), target: () => d.get() > I ? W : R }; }); } function p() { const j = r[0], L = h(f, j); return v(L, n, !1); } function m() { const j = e - r[0] - 1, L = h(y, j); return v(L, -n, !0); } function T() { return k.every(({ index: j }) => { const L = y.filter((B) => B !== j); return g(L, e) <= 0.1; }); } function _() { k.forEach((j) => { const { target: L, translate: B, slideLocation: $ } = j, N = L(); N !== $.get() && (B.to(N), $.set(N)); }); } function F() { k.forEach((j) => j.translate.clear()); } return { canLoop: T, clear: F, loop: _, loopPoints: k }; } function Eo(t, e, n) { let s, i = !1; function a(l) { if (!n) return; function u(y) { for (const f of y) if (f.type === "childList") { l.reInit(), e.emit("slidesChanged"); break; } } s = new MutationObserver((y) => { i || (ze(n) || n(l, y)) && u(y); }), s.observe(t, { childList: !0 }); } function r() { s && s.disconnect(), i = !0; } return { init: a, destroy: r }; } function Bo(t, e, n, s) { const i = {}; let a = null, r = null, d, l = !1; function u() { d = new IntersectionObserver((h) => { l || (h.forEach((b) => { const v = e.indexOf(b.target); i[v] = b; }), a = null, r = null, n.emit("slidesInView")); }, { root: t.parentElement, threshold: s }), e.forEach((h) => d.observe(h)); } function y() { d && d.disconnect(), l = !0; } function f(h) { return Ae(i).reduce((b, v) => { const p = parseInt(v), { isIntersecting: m } = i[p]; return (h && m || !h && !m) && b.push(p), b; }, []); } function k(h = !0) { if (h && a) return a; if (!h && r) return r; const b = f(h); return h && (a = b), h || (r = b), b; } return { init: u, destroy: y, get: k }; } function No(t, e, n, s, i, a) { const { measureSize: r, startEdge: d, endEdge: l } = t, u = n[0] && i, y = h(), f = b(), k = n.map(r), g = v(); function h() { if (!u) return 0; const m = n[0]; return U(e[d] - m[d]); } function b() { if (!u) return 0; const m = a.getComputedStyle(ie(s)); return parseFloat(m.getPropertyValue(`margin-${l}`)); } function v() { retu