@altinn/altinn-components 0.56.28 → 0.56.30

package/dist/assets/AccountSelector.css

@@ -1 +1 @@
-._accountSelector_139de_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_139de_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_139de_17{width:100%;padding:0 var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}._searchField_139de_26{width:50%}._accountMenu_139de_30{height:fit-content;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_139de_30._virtualized_139de_38{overflow-y:hidden}._btnIcon_139de_43{font-size:1.5rem}._spinner_139de_47{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_139de_1{--horizontal-padding: .1rem}._searchField_139de_26{width:100%}._searchSection_139de_17{flex-direction:column;align-items:stretch;gap:.5rem}}
+._accountSelector_829wd_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_829wd_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_829wd_17{position:sticky;z-index:2;top:1rem;width:100%;padding:.5rem var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;background-color:#fff}._searchField_829wd_30{width:50%}._accountMenu_829wd_34{height:fit-content;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_829wd_34._virtualized_829wd_43{overflow-y:hidden}._btnIcon_829wd_48{font-size:1.5rem}._spinner_829wd_58{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_829wd_1{--horizontal-padding: .1rem}._searchField_829wd_30{width:100%}._searchSection_829wd_17{flex-direction:column;align-items:stretch;gap:.5rem}}

package/dist/assets/GlobalHeader.css

@@ -1 +1 @@
-._header_1urgv_1{z-index:1;background-color:#fff;width:100%}._container_1urgv_7{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_1urgv_19{display:none}._header_1urgv_1[data-current-id=menu],._header_1urgv_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_1urgv_1[data-current-id=menu] ._backdrop_1urgv_19,._header_1urgv_1[data-current-id=locale] ._backdrop_1urgv_19{display:block}}@media(max-width:1023px){._header_1urgv_1{gap:0}}._header_1urgv_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_1urgv_53{position:relative;display:flex;align-items:center;justify-content:end;column-gap:.5rem}._dropdown_1urgv_63 header{display:none}._dropdown_1urgv_63[data-variant=drawer],._dropdown_1urgv_63[data-variant=drawer-dropdown]{margin-top:4.5rem}@media(min-width:1024px){._dropdown_1urgv_63[data-variant=drawer-dropdown]{margin-top:.5rem}}
+._header_57464_1{z-index:1;background-color:#fff;width:100%}._container_57464_7{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_57464_19{display:none}._header_57464_1[data-current-id=menu],._header_57464_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_57464_1[data-current-id=menu] ._backdrop_57464_19,._header_57464_1[data-current-id=locale] ._backdrop_57464_19{display:block}}@media(max-width:1023px){._header_57464_1{gap:0}}._header_57464_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_57464_53{position:relative;display:flex;align-items:center;justify-content:end;column-gap:.5rem}

package/dist/assets/HeaderDrawer.css

@@ -0,0 +1 @@
+html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}._backdrop_1f6gf_11{display:block;z-index:1;background-color:#111d4640;position:fixed;top:4.5rem;right:0;bottom:0;left:0;width:100%;height:100%}._backdrop_1f6gf_11[aria-hidden=true]{display:none}._drawer_1f6gf_28{position:fixed;z-index:2;background-color:#fff;width:100%;max-width:100vw;height:auto;max-height:auto;box-sizing:border-box;padding:0;margin:0;border:0;top:4.5rem;bottom:0;display:flex;flex-direction:column;overflow-y:scroll}._drawer_1f6gf_28::backdrop{background-color:transparent}._drawer_1f6gf_28:not([data-open=true]){display:none}._footer_1f6gf_60{display:none}._body_1f6gf_64{padding:0 .5rem}@media(min-width:1024px){._body_1f6gf_64{padding:0 1rem}._drawer_1f6gf_28{top:4.5rem;bottom:4.5rem}._drawer_1f6gf_28[data-expanded=true]{bottom:0}._footer_1f6gf_60{position:sticky;z-index:2000;display:flex;bottom:0;left:0;right:0;justify-content:center;align-items:center;background-color:#fff}._toggleButton_1f6gf_94{margin:1rem 0}}

package/dist/assets/HeaderDropdown.css

@@ -0,0 +1 @@
+._dropdown_cdjbb_3[data-variant=drawer-dropdown] header{display:none}@media(max-width:1023px){._dropdown_cdjbb_3[data-variant=drawer-dropdown]{margin-top:4.5rem;box-shadow:none}}

package/dist/components/Dropdown/Dropdown.js

@@ -1,19 +1,19 @@
-import { jsxs as x, jsx as a, Fragment as W } from "react/jsx-runtime";
-import { c as M } from "../../index-p1eeF8LQ.js";
-import { useRef as R, useEffect as D, useState as O, useCallback as $, useLayoutEffect as G } from "react";
-import { createPortal as J } from "react-dom";
+import { jsxs as x, jsx as a, Fragment as M } from "react/jsx-runtime";
+import { c as O } from "../../index-p1eeF8LQ.js";
+import { useRef as R, useEffect as D, useState as $, useCallback as G, useLayoutEffect as J } from "react";
+import { createPortal as Q } from "react-dom";
 import { Button as H } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as Q } from "../../XMark-tKk6aExO.js";
-import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_1mtdm_17", P = "_backdrop_1mtdm_47", tt = "_header_1mtdm_76", et = "_footer_1mtdm_77", rt = "_title_1mtdm_148", m = {
-  dropdown: V,
-  content: Z,
-  backdrop: P,
-  header: tt,
-  footer: et,
-  title: rt
-}, nt = "data-focus-guard", z = (h) => {
+import { S as V } from "../../XMark-tKk6aExO.js";
+import '../../assets/Dropdown.css';const Z = "_dropdown_1mtdm_1", P = "_content_1mtdm_17", tt = "_backdrop_1mtdm_47", et = "_header_1mtdm_76", rt = "_footer_1mtdm_77", nt = "_title_1mtdm_148", m = {
+  dropdown: Z,
+  content: P,
+  backdrop: tt,
+  header: et,
+  footer: rt,
+  title: nt
+}, ot = "data-focus-guard", z = (h) => {
   const v = [
     "a[href]",
     "button:not([disabled])",
@@ -23,13 +23,13 @@ import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_
     '[tabindex]:not([tabindex="-1"])',
     '[contenteditable="true"]'
   ].join(",");
-  return Array.from(h.querySelectorAll(v)).filter((c) => !c.hasAttribute(nt)).filter((c) => !c.hasAttribute("disabled")).filter((c) => c.getAttribute("aria-hidden") !== "true").filter((c) => c.tabIndex !== -1).filter((c) => {
+  return Array.from(h.querySelectorAll(v)).filter((c) => !c.hasAttribute(ot)).filter((c) => !c.hasAttribute("disabled")).filter((c) => c.getAttribute("aria-hidden") !== "true").filter((c) => c.tabIndex !== -1).filter((c) => {
     const p = c.getClientRects();
     return p.length > 0 && p[0].width > 0 && p[0].height > 0;
   });
-}, ot = (h) => {
+}, it = (h) => {
   z(h)[0]?.focus({ preventScroll: !0 });
-}, ht = ({
+}, pt = ({
   id: h = "dropdown",
   size: v = "sm",
   className: c,
@@ -45,36 +45,37 @@ import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_
   onClose: g,
   onSubmit: I,
   activeDescendantId: T,
-  useFixedPosition: l = !1
+  useFixedPosition: l = !1,
+  expanded: X = !1
 }) => {
   const b = R(null), u = R(null), S = R(r);
   D(() => {
     S.current = r;
   }, [r]);
-  const [n, X] = O({
+  const [n, Y] = $({
     yDir: _.includes("top") ? "top" : "bottom",
     xDir: _.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), f = $(() => {
+  }), f = G(() => {
     if (r && b.current && u.current) {
-      const t = b.current.getBoundingClientRect(), s = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, d = o - t.bottom, w = t.top, y = e - t.right - s.width, A = d < 250 && w > d, j = A ? "top" : "bottom", q = (A ? w : d) - i, K = y < i ? "right" : "left";
-      X((U) => ({
-        ...U,
-        yDir: j,
-        maxHeight: q,
-        xDir: K,
+      const t = b.current.getBoundingClientRect(), d = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, s = o - t.bottom, w = t.top, y = e - t.right - d.width, A = s < 250 && w > s, q = A ? "top" : "bottom", K = (A ? w : s) - i, U = y < i ? "right" : "left";
+      Y((W) => ({
+        ...W,
+        yDir: q,
+        maxHeight: K,
+        xDir: U,
         triggerRect: l ? t : void 0
       }));
     }
   }, [r, l]);
-  G(() => (f(), window.addEventListener("resize", f), l && window.addEventListener("scroll", f, !0), () => {
+  J(() => (f(), window.addEventListener("resize", f), l && window.addEventListener("scroll", f, !0), () => {
     window.removeEventListener("resize", f), l && window.removeEventListener("scroll", f, !0);
   }), [f, l]), D(() => {
     if (!r) return;
     const t = requestAnimationFrame(() => {
-      const s = u.current;
-      if (!s) return;
-      const o = s.querySelector(
+      const d = u.current;
+      if (!d) return;
+      const o = d.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
       if (o) {
@@ -86,28 +87,28 @@ import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_
         }
         return;
       }
-      s.focus?.({ preventScroll: !0 });
+      d.focus?.({ preventScroll: !0 });
     });
     return () => cancelAnimationFrame(t);
   }, [r]), D(() => {
     const t = (o) => {
       o.key === "Escape" && g();
-    }, s = (o) => {
-      const e = o.target, i = b.current?.contains(e), d = u.current?.contains(e);
-      !i && !d && g();
+    }, d = (o) => {
+      const e = o.target, i = b.current?.contains(e), s = u.current?.contains(e);
+      !i && !s && g();
     };
-    return r && (document.addEventListener("mousedown", s), document.addEventListener("keydown", t)), () => {
-      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", t);
+    return r && (document.addEventListener("mousedown", d), document.addEventListener("keydown", t)), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", t);
     };
   }, [r, g]), D(() => {
     if (!r) return;
     const t = u.current;
     if (!t) return;
-    const s = (e) => {
+    const d = (e) => {
       if (!S.current)
         return;
       const i = e.target;
-      i && !t.contains(i) && ot(t);
+      i && !t.contains(i) && it(t);
     }, o = (e) => {
       if (e.key !== "Tab") return;
       const i = z(t);
@@ -115,14 +116,14 @@ import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_
         e.preventDefault(), t.focus?.({ preventScroll: !0 });
         return;
       }
-      const d = i[0], w = i[i.length - 1], y = document.activeElement;
-      e.shiftKey ? y === d && (e.preventDefault(), w.focus({ preventScroll: !0 })) : y === w && (e.preventDefault(), d.focus({ preventScroll: !0 }));
+      const s = i[0], w = i[i.length - 1], y = document.activeElement;
+      e.shiftKey ? y === s && (e.preventDefault(), w.focus({ preventScroll: !0 })) : y === w && (e.preventDefault(), s.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", s), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("focusin", s), document.removeEventListener("keydown", o);
+    return document.addEventListener("focusin", d), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("focusin", d), document.removeEventListener("keydown", o);
     };
   }, [r]);
-  const Y = l && n.triggerRect ? {
+  const j = l && n.triggerRect ? {
     position: "fixed",
     zIndex: 1e3,
     width: "max-content",
@@ -142,10 +143,11 @@ import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_
     "div",
     {
       ref: u,
-      className: M(m.dropdown, c),
-      style: Y,
+      className: O(m.dropdown, c),
+      style: j,
       "aria-hidden": !r,
       "data-variant": E,
+      "data-expanded": X,
       "data-size": v,
       tabIndex: -1,
       role: "menu",
@@ -154,21 +156,21 @@ import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_
       children: [
         /* @__PURE__ */ x("header", { className: m.header, children: [
           /* @__PURE__ */ a("h2", { className: m.title, children: C }),
-          /* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: g, "aria-label": F, children: /* @__PURE__ */ a(Q, {}) })
+          /* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: g, "aria-label": F, children: /* @__PURE__ */ a(V, {}) })
         ] }),
         /* @__PURE__ */ a("div", { className: m.content, children: B }),
         k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I || g, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: k }) }) })
       ]
     }
   );
-  return /* @__PURE__ */ x(W, { children: [
+  return /* @__PURE__ */ x(M, { children: [
     p && /* @__PURE__ */ a("div", { className: m.backdrop, "aria-hidden": !r }),
     /* @__PURE__ */ x("div", { id: h + "-root", ref: b, style: { position: "relative", display: "inline-block" }, children: [
       N,
-      l ? J(L, document.body) : L
+      l ? Q(L, document.body) : L
     ] })
   ] });
 };
 export {
-  ht as Dropdown
+  pt as Dropdown
 };

package/dist/components/DsComponents/index.js

@@ -1,20 +1,20 @@
 import { A as o } from "../../alert-BzifOfXl.js";
-import { B as e, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as g, S as d, f as S, g as l, T as P, u as b } from "../../textfield-CNXt-27J.js";
-import { B as c, S as B } from "../../button-BB5sYVKY.js";
-import { H as L, S as k } from "../../switch-Cemfhx0H.js";
-import { D as T } from "../../index-Q0EA2XB0.js";
+import { B as e, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as g, f as d, g as h, S as l, h as P, T as S, u as b } from "../../textfield-DP1SL4Wr.js";
+import { B, S as C } from "../../button-BB5sYVKY.js";
+import { D as k } from "../../index-Q0EA2XB0.js";
+import { H as T } from "../../heading-C_XYsUfi.js";
 import { P as H } from "../../paragraph-BRiIBpbY.js";
 import { V as v } from "../../index-z82sbSVU.js";
 export {
   o as DsAlert,
   e as DsBadge,
-  c as DsButton,
+  B as DsButton,
   r as DsCheckbox,
   t as DsChip,
   i as DsCombobox,
-  T as DsDetails,
+  k as DsDetails,
   n as DsDialog,
-  L as DsHeading,
+  T as DsHeading,
   p as DsLink,
   x as DsListItem,
   f as DsListUnordered,
@@ -22,11 +22,11 @@ export {
   H as DsParagraph,
   g as DsPopover,
   d as DsSearch,
-  S as DsSkeleton,
-  B as DsSpinner,
-  k as DsSwitch,
-  l as DsTabs,
-  P as DsTextfield,
+  h as DsSkeleton,
+  C as DsSpinner,
+  l as DsSwitch,
+  P as DsTabs,
+  S as DsTextfield,
   v as DsValidationMessage,
   b as useDsPagination
 };

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,112 +1,115 @@
-import { jsx as c, jsxs as S } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import { useState as _, useEffect as g } from "react";
-import { useLockBodyScroll as L } from "../../hooks/useLockBodyScroll.js";
-import { AccountMenu as A } from "../Account/AccountMenu.js";
+import { jsx as a, jsxs as S } from "react/jsx-runtime";
+import { c as f } from "../../index-p1eeF8LQ.js";
+import { useState as g, useEffect as z } from "react";
+import { AccountMenu as N } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as M } from "../RootProvider/RootProvider.js";
+import { useRootContext as k } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as F } from "../../SearchField-QTfebYdU.js";
-import { S as T } from "../../button-BB5sYVKY.js";
-import { H as j, S as y } from "../../switch-Cemfhx0H.js";
-import '../../assets/AccountSelector.css';const C = "_accountSelector_139de_1", H = "_heading_139de_11", V = "_searchSection_139de_17", I = "_searchField_139de_26", E = "_accountMenu_139de_30", R = "_virtualized_139de_38", $ = "_spinner_139de_47", n = {
-  accountSelector: C,
-  heading: H,
-  searchSection: V,
-  searchField: I,
-  accountMenu: E,
-  virtualized: R,
-  spinner: $
-}, ee = ({
+import { Switch as A } from "../Forms/Switch.js";
+import { S as L } from "../../SearchField-QTfebYdU.js";
+import { S as H } from "../../button-BB5sYVKY.js";
+import { H as T } from "../../heading-C_XYsUfi.js";
+import '../../assets/AccountSelector.css';const y = "_accountSelector_829wd_1", C = "_heading_829wd_11", F = "_searchSection_829wd_17", R = "_searchField_829wd_30", j = "_accountMenu_829wd_34", E = "_virtualized_829wd_43", M = "_spinner_829wd_58", t = {
+  accountSelector: y,
+  heading: C,
+  searchSection: F,
+  searchField: R,
+  accountMenu: j,
+  virtualized: E,
+  spinner: M
+}, D = ({
   accountMenu: e,
-  forceOpenFullScreen: t,
-  className: i,
-  loading: v,
+  forceOpenFullScreen: r,
+  className: n,
+  loading: p,
   showDeletedUnits: s,
-  onShowDeletedUnitsChange: k,
-  scrollLock: x
+  onShowDeletedUnitsChange: v,
+  isFullScreen: i
 }) => {
-  const { openId: o, closeAll: l, languageCode: d, currentId: z } = M();
-  L(x ? z === "account" : !1);
-  const [u, h] = _(""), [a, m] = _(t);
-  g(() => {
-    !t && a && l(), m(t);
-  }, [t]), g(() => {
-    a === !0 && o("account");
-  }, [a, o]);
-  const { searchText: f, heading: b, switchLabel: w } = B(d), N = (r) => {
-    e.onSelectAccount?.(r), l(), m(!1);
+  const { closeAll: o, languageCode: l } = k(), [d, h] = g(""), [_, u] = g(r);
+  z(() => {
+    !r && _ && o(), u(r);
+  }, [r]);
+  const { searchText: m, heading: w, switchLabel: x } = V(l), b = (c) => {
+    e.onSelectAccount?.(c), o(), u(!1);
   };
-  return v ? /* @__PURE__ */ c(T, { "aria-hidden": !0, "data-color": "neutral", className: n.spinner }) : /* @__PURE__ */ S("div", { className: p(i, n.accountSelector), children: [
-    /* @__PURE__ */ c(j, { "data-size": "sm", level: 2, className: n.heading, children: b }),
-    /* @__PURE__ */ S("div", { className: n.searchSection, children: [
-      /* @__PURE__ */ c(
-        F,
+  return p ? /* @__PURE__ */ a(H, { "aria-hidden": !0, "data-color": "neutral", className: t.spinner }) : /* @__PURE__ */ S("div", { className: f(n, t.accountSelector), children: [
+    /* @__PURE__ */ a(T, { "data-size": "sm", level: 2, className: t.heading, children: w }),
+    /* @__PURE__ */ S("div", { className: t.searchSection, children: [
+      /* @__PURE__ */ a(
+        L,
         {
-          name: f,
-          placeholder: f,
-          value: u,
-          onChange: (r) => h(r.target.value),
+          size: "sm",
+          name: m,
+          placeholder: m,
+          value: d,
+          onChange: (c) => h(c.target.value),
           onClear: () => h(""),
-          className: n.searchField
+          className: t.searchField
         }
       ),
-      s !== void 0 && /* @__PURE__ */ c(
-        y,
+      s !== void 0 && /* @__PURE__ */ a(
+        A,
         {
+          size: "sm",
           checked: s,
-          onChange: (r) => k?.(r.target.checked),
-          label: w
+          onChange: (c) => v?.(c.target.checked),
+          label: x
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: p(n.accountMenu, e.virtualized && n.virtualized), children: /* @__PURE__ */ c(
-      A,
+    /* @__PURE__ */ a(
+      "div",
       {
-        ...e,
-        onSelectAccount: N,
-        keyboardEvents: !1,
-        search: {
-          hidden: !0,
-          name: "",
-          value: u,
-          getResultsLabel: (r) => K(r, d)
-        }
+        className: f(
+          t.accountMenu,
+          i && t.fullScreen,
+          e.virtualized && t.virtualized
+        ),
+        children: /* @__PURE__ */ a(
+          N,
+          {
+            ...e,
+            onSelectAccount: b,
+            keyboardEvents: !1,
+            search: {
+              hidden: !0,
+              name: "",
+              value: d,
+              getResultsLabel: (c) => $(c, l)
+            },
+            scrollRefStyles: !i && e.virtualized ? { maxHeight: "calc(40vh)" } : void 0
+          }
+        )
       }
-    ) })
+    )
   ] });
-}, B = (e) => {
+}, V = (e) => {
   switch (e) {
     case "nn":
       return {
-        minimize: "Minimer",
-        fullscreen: "Vis i fullskjerm",
         searchText: "Søk i aktørar",
         heading: "Kven vil du representere?",
         switchLabel: "Vis slettede"
       };
     case "en":
       return {
-        minimize: "Minimize",
-        fullscreen: "Show in fullscreen",
         searchText: "Search in actors",
         heading: "Who do you want to represent?",
         switchLabel: "Show deleted"
       };
     default:
       return {
-        minimize: "Minimer",
-        fullscreen: "Vis i fullskjerm",
         searchText: "Søk i aktører",
         heading: "Hvem vil du representere?",
         switchLabel: "Vis slettede"
       };
   }
-}, K = (e, t) => {
-  const i = t === "nb" || t === "nn";
-  return e === 0 ? i ? "Ingen treff" : "No hits" : i ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
+}, $ = (e, r) => {
+  const n = r === "nb" || r === "nn";
+  return e === 0 ? n ? "Ingen treff" : "No hits" : n ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  ee as AccountSelector
+  D as AccountSelector
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,91 +1,89 @@
 "use client";
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { useIsDesktop as w } from "../../hooks/useIsDesktop.js";
+import { jsx as n, jsxs as a, Fragment as F } from "react/jsx-runtime";
+import { useState as A } from "react";
+import { useIsDesktop as v } from "../../hooks/useIsDesktop.js";
+import { GlobalMenu as C } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
-import "react";
 import "../Button/Button.js";
-import { useRootContext as A } from "../RootProvider/RootProvider.js";
-import { GlobalMenuButton as O } from "./GlobalMenuButton.js";
+import "react-dom";
+import { useRootContext as b } from "../RootProvider/RootProvider.js";
+import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as l } from "../Dropdown/Dropdown.js";
-import { GlobalMenu as x } from "../GlobalMenu/GlobalMenu.js";
-import { AccountSelector as C } from "./AccountSelector.js";
-import { AccountSelectorButton as N } from "./AccountSelectorButton.js";
-import { HeaderLogo as b } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const k = "_header_1urgv_1", F = "_container_1urgv_7", D = "_nav_1urgv_53", G = "_dropdown_1urgv_63", o = {
-  header: k,
-  container: F,
-  nav: D,
-  dropdown: G
-}, J = ({
-  globalMenu: t,
+import { AccountSelector as D } from "./AccountSelector.js";
+import { AccountSelectorButton as H } from "./AccountSelectorButton.js";
+import { HeaderDrawer as N } from "./HeaderDrawer.js";
+import { HeaderDropdown as w } from "./HeaderDropdown.js";
+import { HeaderLogo as y } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const B = "_header_57464_1", G = "_container_57464_7", I = "_nav_57464_53", t = {
+  header: B,
+  container: G,
+  nav: I
+}, W = ({
+  globalMenu: r,
   desktopMenu: m,
   mobileMenu: p,
   locale: u,
   accountSelector: e,
-  logo: g = {},
-  badge: f,
-  onLoginClick: h
+  logo: f = {},
+  badge: h,
+  onLoginClick: g
 }) => {
-  const { currentId: r, toggleId: a, closeAll: c } = A(), v = () => {
-    a("account");
-  }, _ = () => {
-    a("menu");
-  }, d = r === "account" || e?.forceOpenFullScreen || !1, i = w();
-  return /* @__PURE__ */ n("header", { className: o.header, "data-current-id": r, children: /* @__PURE__ */ s("div", { className: o.container, children: [
-    /* @__PURE__ */ n(b, { ...g, badge: f, className: o.logo }),
-    /* @__PURE__ */ s("nav", { className: o.nav, children: [
-      e && /* @__PURE__ */ n(
-        l,
-        {
-          className: o.dropdown,
-          backdrop: !1,
-          id: "header-account",
-          open: d,
-          variant: "drawer",
-          placement: "right",
-          onClose: c,
-          trigger: /* @__PURE__ */ n(
-            N,
-            {
-              currentAccount: e.accountMenu?.currentAccount,
-              minimized: !i,
-              onClick: e.accountMenu?.currentAccount ? v : h,
-              expanded: d,
-              loading: e.loading,
-              disabled: e.forceOpenFullScreen
-            }
-          ),
-          children: /* @__PURE__ */ n(C, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
-        }
-      ),
+  const { currentId: o, toggleId: i, closeAll: c } = b(), x = () => {
+    i("account");
+  }, O = () => {
+    i("menu");
+  }, l = o === "account" || e?.forceOpenFullScreen || !1, [d, _] = A(!1), s = v();
+  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ a("div", { className: t.container, children: [
+    /* @__PURE__ */ n(y, { ...f, badge: h, className: t.logo }),
+    /* @__PURE__ */ a("nav", { className: t.nav, children: [
+      e && /* @__PURE__ */ a(F, { children: [
+        /* @__PURE__ */ n(
+          H,
+          {
+            currentAccount: e.accountMenu?.currentAccount,
+            minimized: !s,
+            onClick: e.accountMenu?.currentAccount ? x : g,
+            expanded: l,
+            loading: e.loading,
+            disabled: e.forceOpenFullScreen
+          }
+        ),
+        /* @__PURE__ */ n(
+          N,
+          {
+            id: "header-account",
+            open: l,
+            onClose: c,
+            closedBy: e?.forceOpenFullScreen ? "none" : "any",
+            expanded: e?.forceOpenFullScreen || d,
+            onToggle: () => _(!d),
+            children: /* @__PURE__ */ n(D, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+          }
+        )
+      ] }),
       /* @__PURE__ */ n(
-        l,
+        w,
         {
-          className: o.dropdown,
           id: "header-menu",
-          open: r === "menu",
-          variant: "drawer-dropdown",
-          placement: "right",
-          size: "md",
+          open: o === "menu",
           onClose: c,
           trigger: /* @__PURE__ */ n(
-            O,
+            k,
             {
-              onClick: _,
-              expanded: r === "menu",
+              onClick: O,
+              expanded: o === "menu",
               disabled: e?.forceOpenFullScreen,
-              label: t?.menuLabel
+              label: r?.menuLabel
             }
           ),
           children: /* @__PURE__ */ n(
-            x,
+            C,
             {
-              ...t,
-              menu: i ? m || t?.menu : p || t?.menu,
+              ...r,
+              menu: s ? m || r?.menu : p || r?.menu,
               onClose: c,
               localeSwitcher: u,
-              isOpen: r === "menu"
+              isOpen: o === "menu"
             }
           )
         }
@@ -94,5 +92,5 @@ import '../../assets/GlobalHeader.css';const k = "_header_1urgv_1", F = "_contai
   ] }) });
 };
 export {
-  J as GlobalHeader
+  W as GlobalHeader
 };