@altinn/altinn-components 0.54.3 → 0.55.0

package/dist/{index-De5bF0Gf.js → useMenuVirtualization-DpvWCsyD.js}

@@ -1,92 +1,94 @@
-import * as x from "react";
-import { flushSync as C } from "react-dom";
-function p(r, l, e) {
+"use client";
+import * as E from "react";
+import { useState as C, useLayoutEffect as T, useMemo as _ } from "react";
+import { flushSync as R } from "react-dom";
+function v(r, l, e) {
   let s = e.initialDeps ?? [], t;
-  function n() {
-    var i, o, a, c;
-    let h;
-    e.key && ((i = e.debug) != null && i.call(e)) && (h = Date.now());
+  function i() {
+    var n, o, h, c;
+    let a;
+    e.key && ((n = e.debug) != null && n.call(e)) && (a = Date.now());
     const u = r();
-    if (!(u.length !== s.length || u.some((m, f) => s[f] !== m)))
+    if (!(u.length !== s.length || u.some((g, m) => s[m] !== g)))
       return t;
     s = u;
-    let v;
-    if (e.key && ((o = e.debug) != null && o.call(e)) && (v = Date.now()), t = l(...u), e.key && ((a = e.debug) != null && a.call(e))) {
-      const m = Math.round((Date.now() - h) * 100) / 100, f = Math.round((Date.now() - v) * 100) / 100, E = f / 16, b = (g, z) => {
-        for (g = String(g); g.length < z; )
-          g = " " + g;
-        return g;
+    let d;
+    if (e.key && ((o = e.debug) != null && o.call(e)) && (d = Date.now()), t = l(...u), e.key && ((h = e.debug) != null && h.call(e))) {
+      const g = Math.round((Date.now() - a) * 100) / 100, m = Math.round((Date.now() - d) * 100) / 100, x = m / 16, b = (p, I) => {
+        for (p = String(p); p.length < I; )
+          p = " " + p;
+        return p;
       };
       console.info(
-        `%c⏱ ${b(f, 5)} /${b(m, 5)} ms`,
+        `%c⏱ ${b(m, 5)} /${b(g, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * E, 120)
+          Math.min(120 - 120 * x, 120)
         )}deg 100% 31%);`,
         e?.key
       );
     }
     return (c = e?.onChange) == null || c.call(e, t), t;
   }
-  return n.updateDeps = (i) => {
-    s = i;
-  }, n;
+  return i.updateDeps = (n) => {
+    s = n;
+  }, i;
 }
-function S(r, l) {
+function y(r, l) {
   if (r === void 0)
     throw new Error("Unexpected undefined");
   return r;
 }
-const T = (r, l) => Math.abs(r - l) <= 1, _ = (r, l, e) => {
+const D = (r, l) => Math.abs(r - l) <= 1, A = (r, l, e) => {
   let s;
   return function(...t) {
     r.clearTimeout(s), s = r.setTimeout(() => l.apply(this, t), e);
   };
-}, y = (r) => {
+}, M = (r) => {
   const { offsetWidth: l, offsetHeight: e } = r;
   return { width: l, height: e };
-}, R = (r) => r, D = (r) => {
+}, F = (r) => r, k = (r) => {
   const l = Math.max(r.startIndex - r.overscan, 0), e = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
   for (let t = l; t <= e; t++)
     s.push(t);
   return s;
-}, A = (r, l) => {
+}, N = (r, l) => {
   const e = r.scrollElement;
   if (!e)
     return;
   const s = r.targetWindow;
   if (!s)
     return;
-  const t = (i) => {
-    const { width: o, height: a } = i;
-    l({ width: Math.round(o), height: Math.round(a) });
+  const t = (n) => {
+    const { width: o, height: h } = n;
+    l({ width: Math.round(o), height: Math.round(h) });
   };
-  if (t(y(e)), !s.ResizeObserver)
+  if (t(M(e)), !s.ResizeObserver)
     return () => {
     };
-  const n = new s.ResizeObserver((i) => {
+  const i = new s.ResizeObserver((n) => {
     const o = () => {
-      const a = i[0];
-      if (a?.borderBoxSize) {
-        const c = a.borderBoxSize[0];
+      const h = n[0];
+      if (h?.borderBoxSize) {
+        const c = h.borderBoxSize[0];
         if (c) {
           t({ width: c.inlineSize, height: c.blockSize });
           return;
         }
       }
-      t(y(e));
+      t(M(e));
     };
     r.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
   });
-  return n.observe(e, { box: "border-box" }), () => {
-    n.unobserve(e);
+  return i.observe(e, { box: "border-box" }), () => {
+    i.unobserve(e);
   };
-}, M = {
+}, S = {
   passive: !0
-}, O = typeof window > "u" ? !0 : "onscrollend" in window, k = (r, l) => {
+}, w = typeof window > "u" ? !0 : "onscrollend" in window, W = (r, l) => {
   const e = r.scrollElement;
   if (!e)
     return;
@@ -94,23 +96,23 @@ const T = (r, l) => Math.abs(r - l) <= 1, _ = (r, l, e) => {
   if (!s)
     return;
   let t = 0;
-  const n = r.options.useScrollendEvent && O ? () => {
-  } : _(
+  const i = r.options.useScrollendEvent && w ? () => {
+  } : A(
     s,
     () => {
       l(t, !1);
     },
     r.options.isScrollingResetDelay
-  ), i = (h) => () => {
-    const { horizontal: u, isRtl: d } = r.options;
-    t = u ? e.scrollLeft * (d && -1 || 1) : e.scrollTop, n(), l(t, h);
-  }, o = i(!0), a = i(!1);
-  a(), e.addEventListener("scroll", o, M);
-  const c = r.options.useScrollendEvent && O;
-  return c && e.addEventListener("scrollend", a, M), () => {
-    e.removeEventListener("scroll", o), c && e.removeEventListener("scrollend", a);
+  ), n = (a) => () => {
+    const { horizontal: u, isRtl: f } = r.options;
+    t = u ? e.scrollLeft * (f && -1 || 1) : e.scrollTop, i(), l(t, a);
+  }, o = n(!0), h = n(!1);
+  h(), e.addEventListener("scroll", o, S);
+  const c = r.options.useScrollendEvent && w;
+  return c && e.addEventListener("scrollend", h, S), () => {
+    e.removeEventListener("scroll", o), c && e.removeEventListener("scrollend", h);
   };
-}, F = (r, l, e) => {
+}, V = (r, l, e) => {
   if (l?.borderBoxSize) {
     const s = l.borderBoxSize[0];
     if (s)
@@ -119,27 +121,27 @@ const T = (r, l) => Math.abs(r - l) <= 1, _ = (r, l, e) => {
       );
   }
   return r[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, N = (r, {
+}, L = (r, {
   adjustments: l = 0,
   behavior: e
 }, s) => {
-  var t, n;
-  const i = r + l;
-  (n = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || n.call(t, {
-    [s.options.horizontal ? "left" : "top"]: i,
+  var t, i;
+  const n = r + l;
+  (i = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || i.call(t, {
+    [s.options.horizontal ? "left" : "top"]: n,
     behavior: e
   });
 };
-class W {
+class P {
   constructor(l) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let e = null;
       const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
-        t.forEach((n) => {
-          const i = () => {
-            this._measureElement(n.target, n);
+        t.forEach((i) => {
+          const n = () => {
+            this._measureElement(i.target, i);
           };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
         });
       }));
       return {
@@ -148,12 +150,12 @@ class W {
           (t = s()) == null || t.disconnect(), e = null;
         },
         observe: (t) => {
-          var n;
-          return (n = s()) == null ? void 0 : n.observe(t, { box: "border-box" });
+          var i;
+          return (i = s()) == null ? void 0 : i.observe(t, { box: "border-box" });
         },
         unobserve: (t) => {
-          var n;
-          return (n = s()) == null ? void 0 : n.unobserve(t);
+          var i;
+          return (i = s()) == null ? void 0 : i.unobserve(t);
         }
       };
     })(), this.range = null, this.setOptions = (e) => {
@@ -168,11 +170,11 @@ class W {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: R,
-        rangeExtractor: D,
+        getItemKey: F,
+        rangeExtractor: k,
         onChange: () => {
         },
-        measureElement: F,
+        measureElement: V,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -189,7 +191,7 @@ class W {
     }, this.notify = (e) => {
       var s, t;
       (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = p(
+    }, this.maybeNotify = v(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -229,25 +231,25 @@ class W {
             this.scrollRect = t, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (t, n) => {
-            this.scrollAdjustments = 0, this.scrollDirection = n ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = n, this.maybeNotify();
+          this.options.observeElementOffset(this, (t, i) => {
+            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = i, this.maybeNotify();
           })
         );
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
-      const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (let i = s - 1; i >= 0; i--) {
-        const o = e[i];
+      const t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+      for (let n = s - 1; n >= 0; n--) {
+        const o = e[n];
         if (t.has(o.lane))
           continue;
-        const a = n.get(
+        const h = i.get(
           o.lane
         );
-        if (a == null || o.end > a.end ? n.set(o.lane, o) : o.end < a.end && t.set(o.lane, !0), t.size === this.options.lanes)
+        if (h == null || o.end > h.end ? i.set(o.lane, o) : o.end < h.end && t.set(o.lane, !0), t.size === this.options.lanes)
           break;
       }
-      return n.size === this.options.lanes ? Array.from(n.values()).sort((i, o) => i.end === o.end ? i.index - o.index : i.end - o.end)[0] : void 0;
-    }, this.getMeasurementOptions = p(
+      return i.size === this.options.lanes ? Array.from(i.values()).sort((n, o) => n.end === o.end ? n.index - o.index : n.end - o.end)[0] : void 0;
+    }, this.getMeasurementOptions = v(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -255,34 +257,34 @@ class W {
         this.options.getItemKey,
         this.options.enabled
       ],
-      (e, s, t, n, i) => (this.pendingMeasuredCacheIndexes = [], {
+      (e, s, t, i, n) => (this.pendingMeasuredCacheIndexes = [], {
         count: e,
         paddingStart: s,
         scrollMargin: t,
-        getItemKey: n,
-        enabled: i
+        getItemKey: i,
+        enabled: n
       }),
       {
         key: !1
       }
-    ), this.getMeasurements = p(
+    ), this.getMeasurements = v(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: n, enabled: i }, o) => {
-        if (!i)
+      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: i, enabled: n }, o) => {
+        if (!n)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
-          this.itemSizeCache.set(h.key, h.size);
+        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((a) => {
+          this.itemSizeCache.set(a.key, a.size);
         }));
-        const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const h = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const c = this.measurementsCache.slice(0, a);
-        for (let h = a; h < e; h++) {
-          const u = n(h), d = this.options.lanes === 1 ? c[h - 1] : this.getFurthestMeasurement(c, h), v = d ? d.end + this.options.gap : s + t, m = o.get(u), f = typeof m == "number" ? m : this.options.estimateSize(h), E = v + f, b = d ? d.lane : h % this.options.lanes;
-          c[h] = {
-            index: h,
-            start: v,
-            size: f,
-            end: E,
+        const c = this.measurementsCache.slice(0, h);
+        for (let a = h; a < e; a++) {
+          const u = i(a), f = this.options.lanes === 1 ? c[a - 1] : this.getFurthestMeasurement(c, a), d = f ? f.end + this.options.gap : s + t, g = o.get(u), m = typeof g == "number" ? g : this.options.estimateSize(a), x = d + m, b = f ? f.lane : a % this.options.lanes;
+          c[a] = {
+            index: a,
+            start: d,
+            size: m,
+            end: x,
             key: u,
             lane: b
           };
@@ -293,24 +295,24 @@ class W {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = p(
+    ), this.calculateRange = v(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? V({
+      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? j({
         measurements: e,
         outerSize: s,
         scrollOffset: t,
-        lanes: n
+        lanes: i
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = p(
+    ), this.getVirtualIndexes = v(
       () => {
         let e = null, s = null;
         const t = this.calculateRange();
@@ -322,9 +324,9 @@ class W {
           s
         ];
       },
-      (e, s, t, n, i) => n === null || i === null ? [] : e({
-        startIndex: n,
-        endIndex: i,
+      (e, s, t, i, n) => i === null || n === null ? [] : e({
+        startIndex: i,
+        endIndex: n,
         overscan: s,
         count: t
       }),
@@ -338,18 +340,18 @@ class W {
         `Missing attribute name '${s}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (e, s) => {
-      const t = this.indexFromElement(e), n = this.measurementsCache[t];
-      if (!n)
+      const t = this.indexFromElement(e), i = this.measurementsCache[t];
+      if (!i)
         return;
-      const i = n.key, o = this.elementsCache.get(i);
-      o !== e && (o && this.observer.unobserve(o), this.observer.observe(e), this.elementsCache.set(i, e)), e.isConnected && this.resizeItem(t, this.options.measureElement(e, s, this));
+      const n = i.key, o = this.elementsCache.get(n);
+      o !== e && (o && this.observer.unobserve(o), this.observer.observe(e), this.elementsCache.set(n, e)), e.isConnected && this.resizeItem(t, this.options.measureElement(e, s, this));
     }, this.resizeItem = (e, s) => {
       const t = this.measurementsCache[e];
       if (!t)
         return;
-      const n = this.itemSizeCache.get(t.key) ?? t.size, i = s - n;
-      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, i, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += i,
+      const i = this.itemSizeCache.get(t.key) ?? t.size, n = s - i;
+      n !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, n, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", n), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += n,
         behavior: void 0
       })), this.pendingMeasuredCacheIndexes.push(t.index), this.itemSizeCache = new Map(this.itemSizeCache.set(t.key, s)), this.notify(!1));
     }, this.measureElement = (e) => {
@@ -360,13 +362,13 @@ class W {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = p(
+    }, this.getVirtualItems = v(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, s) => {
         const t = [];
-        for (let n = 0, i = e.length; n < i; n++) {
-          const o = e[n], a = s[o];
-          t.push(a);
+        for (let i = 0, n = e.length; i < n; i++) {
+          const o = e[i], h = s[o];
+          t.push(h);
         }
         return t;
       },
@@ -377,32 +379,32 @@ class W {
     ), this.getVirtualItemForOffset = (e) => {
       const s = this.getMeasurements();
       if (s.length !== 0)
-        return S(
-          s[w(
+        return y(
+          s[O(
             0,
             s.length - 1,
-            (t) => S(s[t]).start,
+            (t) => y(s[t]).start,
             e
           )]
         );
     }, this.getOffsetForAlignment = (e, s, t = 0) => {
-      const n = this.getSize(), i = this.getScrollOffset();
-      s === "auto" && (s = e >= i + n ? "end" : "start"), s === "center" ? e += (t - n) / 2 : s === "end" && (e -= n);
-      const o = this.getTotalSize() - n;
+      const i = this.getSize(), n = this.getScrollOffset();
+      s === "auto" && (s = e >= n + i ? "end" : "start"), s === "center" ? e += (t - i) / 2 : s === "end" && (e -= i);
+      const o = this.getTotalSize() - i;
       return Math.max(Math.min(o, e), 0);
     }, this.getOffsetForIndex = (e, s = "auto") => {
       e = Math.max(0, Math.min(e, this.options.count - 1));
       const t = this.measurementsCache[e];
       if (!t)
         return;
-      const n = this.getSize(), i = this.getScrollOffset();
+      const i = this.getSize(), n = this.getScrollOffset();
       if (s === "auto")
-        if (t.end >= i + n - this.options.scrollPaddingEnd)
+        if (t.end >= n + i - this.options.scrollPaddingEnd)
           s = "end";
-        else if (t.start <= i + this.options.scrollPaddingStart)
+        else if (t.start <= n + this.options.scrollPaddingStart)
           s = "start";
         else
-          return [i, s];
+          return [n, s];
       const o = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
       return [
         this.getOffsetForAlignment(o, s, t.size),
@@ -421,17 +423,17 @@ class W {
       e = Math.max(0, Math.min(e, this.options.count - 1)), this.cancelScrollToIndex(), t === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       );
-      const n = this.getOffsetForIndex(e, s);
-      if (!n) return;
-      const [i, o] = n;
-      this._scrollToOffset(i, { adjustments: void 0, behavior: t }), t !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
+      const i = this.getOffsetForIndex(e, s);
+      if (!i) return;
+      const [n, o] = i;
+      this._scrollToOffset(n, { adjustments: void 0, behavior: t }), t !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(e)
         )) {
           const c = this.getOffsetForIndex(e, o);
           if (!c) return;
-          const [h] = c, u = this.getScrollOffset();
-          T(h, u) || this.scrollToIndex(e, { align: o, behavior: t });
+          const [a] = c, u = this.getScrollOffset();
+          D(a, u) || this.scrollToIndex(e, { align: o, behavior: t });
         } else
           this.scrollToIndex(e, { align: o, behavior: t });
       }));
@@ -451,13 +453,13 @@ class W {
       else if (this.options.lanes === 1)
         t = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
       else {
-        const n = Array(this.options.lanes).fill(null);
-        let i = s.length - 1;
-        for (; i >= 0 && n.some((o) => o === null); ) {
-          const o = s[i];
-          n[o.lane] === null && (n[o.lane] = o.end), i--;
+        const i = Array(this.options.lanes).fill(null);
+        let n = s.length - 1;
+        for (; n >= 0 && i.some((o) => o === null); ) {
+          const o = s[n];
+          i[o.lane] === null && (i[o.lane] = o.end), n--;
         }
-        t = Math.max(...n.filter((o) => o !== null));
+        t = Math.max(...i.filter((o) => o !== null));
       }
       return Math.max(
         t - this.options.scrollMargin + this.options.paddingEnd,
@@ -473,75 +475,124 @@ class W {
     }, this.setOptions(l);
   }
 }
-const w = (r, l, e, s) => {
+const O = (r, l, e, s) => {
   for (; r <= l; ) {
-    const t = (r + l) / 2 | 0, n = e(t);
-    if (n < s)
+    const t = (r + l) / 2 | 0, i = e(t);
+    if (i < s)
       r = t + 1;
-    else if (n > s)
+    else if (i > s)
       l = t - 1;
     else
       return t;
   }
   return r > 0 ? r - 1 : 0;
 };
-function V({
+function j({
   measurements: r,
   outerSize: l,
   scrollOffset: e,
   lanes: s
 }) {
-  const t = r.length - 1, n = (a) => r[a].start;
+  const t = r.length - 1, i = (h) => r[h].start;
   if (r.length <= s)
     return {
       startIndex: 0,
       endIndex: t
     };
-  let i = w(
+  let n = O(
     0,
     t,
-    n,
+    i,
     e
-  ), o = i;
+  ), o = n;
   if (s === 1)
     for (; o < t && r[o].end < e + l; )
       o++;
   else if (s > 1) {
-    const a = Array(s).fill(0);
-    for (; o < t && a.some((h) => h < e + l); ) {
-      const h = r[o];
-      a[h.lane] = h.end, o++;
+    const h = Array(s).fill(0);
+    for (; o < t && h.some((a) => a < e + l); ) {
+      const a = r[o];
+      h[a.lane] = a.end, o++;
     }
     const c = Array(s).fill(e + l);
-    for (; i >= 0 && c.some((h) => h >= e); ) {
-      const h = r[i];
-      c[h.lane] = h.start, i--;
+    for (; n >= 0 && c.some((a) => a >= e); ) {
+      const a = r[n];
+      c[a.lane] = a.start, n--;
     }
-    i = Math.max(0, i - i % s), o = Math.min(t, o + (s - 1 - o % s));
+    n = Math.max(0, n - n % s), o = Math.min(t, o + (s - 1 - o % s));
   }
-  return { startIndex: i, endIndex: o };
+  return { startIndex: n, endIndex: o };
 }
-const I = typeof document < "u" ? x.useLayoutEffect : x.useEffect;
-function j(r) {
-  const l = x.useReducer(() => ({}), {})[1], e = {
+const z = typeof document < "u" ? E.useLayoutEffect : E.useEffect;
+function B(r) {
+  const l = E.useReducer(() => ({}), {})[1], e = {
     ...r,
-    onChange: (t, n) => {
-      var i;
-      n ? C(l) : l(), (i = r.onChange) == null || i.call(r, t, n);
+    onChange: (t, i) => {
+      var n;
+      i ? R(l) : l(), (n = r.onChange) == null || n.call(r, t, i);
     }
-  }, [s] = x.useState(
-    () => new W(e)
+  }, [s] = E.useState(
+    () => new P(e)
   );
-  return s.setOptions(e), I(() => s._didMount(), []), I(() => s._willUpdate()), s;
+  return s.setOptions(e), z(() => s._didMount(), []), z(() => s._willUpdate()), s;
 }
-function P(r) {
-  return j({
-    observeElementRect: A,
-    observeElementOffset: k,
-    scrollToFn: N,
+function H(r) {
+  return B({
+    observeElementRect: N,
+    observeElementOffset: W,
+    scrollToFn: L,
     ...r
   });
 }
+const U = ({
+  menu: r,
+  scrollRef: l
+}) => {
+  const [e, s] = C(400);
+  T(() => {
+    const n = l.current;
+    if (!n) return;
+    const o = () => {
+      const c = n.getBoundingClientRect().top || 0, a = Math.max(300, window.innerHeight - c - 8);
+      s((u) => u === a ? u : a);
+    };
+    o(), window.addEventListener("resize", o);
+    const h = new ResizeObserver(() => o());
+    return h.observe(document.body), () => {
+      window.removeEventListener("resize", o), h.disconnect();
+    };
+  }, [l]);
+  const t = _(() => r.flatMap((n, o) => {
+    const h = n?.items?.filter((d) => !d.props?.hidden) || [], c = n?.props || {}, { title: a, hidden: u = !1, divider: f = !0 } = c;
+    return u ? [] : h.length === 0 && !a ? [] : [
+      ...o > 0 && f ? [{ type: "divider" }] : [],
+      ...a ? [{ type: "header", title: a }] : [],
+      ...h.map((d) => ({
+        type: "item",
+        itemProps: d.props || {},
+        active: d.active
+      }))
+    ];
+  }), [r]), i = H({
+    count: t.length,
+    getScrollElement: () => l.current,
+    useAnimationFrameWithResizeObserver: !0,
+    estimateSize: (n) => {
+      switch (t[n]?.type) {
+        case "divider":
+          return 9;
+        case "header":
+          return 36;
+        default:
+          return 44;
+      }
+    },
+    gap: 0,
+    paddingEnd: -8
+  });
+  return { flatMenu: t, virtualizer: i, scrollMaxHeight: e };
+};
 export {
-  P as u
+  H as a,
+  U as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.54.3",
+  "version": "0.55.0",
   "main": "dist/index.js",
   "files": [
     "dist/",