@oslokommune/punkt-react 12.39.4 → 12.39.5

package/dist/punkt-react.es.js

@@ -130,7 +130,7 @@ function QO() {
       // with.
       W.$$typeof === ke || W.getModuleId !== void 0));
     }
-    function Ve(W, Ae, Xe) {
+    function qe(W, Ae, Xe) {
       var ut = W.displayName;
       if (ut)
         return ut;
@@ -170,7 +170,7 @@ function QO() {
             var Xe = W;
             return Ge(Xe._context) + ".Provider";
           case C:
-            return Ve(W, W.render, "ForwardRef");
+            return qe(W, W.render, "ForwardRef");
           case N:
             var ut = W.displayName || null;
             return ut !== null ? ut : tt(W.type) || "Memo";
@@ -724,7 +724,7 @@ const XO = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
  */
 const uw = globalThis, cw = uw.trustedTypes, lE = cw ? cw.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, tA = "$lit$", gf = `lit$${Math.random().toFixed(9).slice(2)}$`, nA = "?" + gf, JO = `<${nA}>`, nh = document, gy = () => nh.createComment(""), vy = (n) => n === null || typeof n != "object" && typeof n != "function", IS = Array.isArray, ZO = (n) => IS(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", BD = `[ 	
 \f\r]`, Kv = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, uE = /-->/g, cE = />/g, Hp = RegExp(`>|${BD}(?:([^\\s"'>=/]+)(${BD}*=${BD}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), dE = /'/g, fE = /"/g, rA = /^(?:script|style|textarea|title)$/i, eL = (n) => (r, ...i) => ({ _$litType$: n, strings: r, values: i }), be = eL(1), qo = Symbol.for("lit-noChange"), qe = Symbol.for("lit-nothing"), pE = /* @__PURE__ */ new WeakMap(), Jp = nh.createTreeWalker(nh, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), dE = /'/g, fE = /"/g, rA = /^(?:script|style|textarea|title)$/i, eL = (n) => (r, ...i) => ({ _$litType$: n, strings: r, values: i }), be = eL(1), qo = Symbol.for("lit-noChange"), Ve = Symbol.for("lit-nothing"), pE = /* @__PURE__ */ new WeakMap(), Jp = nh.createTreeWalker(nh, 129);
 function aA(n, r) {
   if (!IS(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return lE !== void 0 ? lE.createHTML(r) : r;
@@ -819,7 +819,7 @@ class ng {
     return ((r = this._$AM) == null ? void 0 : r._$AU) ?? this._$Cv;
   }
   constructor(r, i, l, d) {
-    this.type = 2, this._$AH = qe, this._$AN = void 0, this._$AA = r, this._$AB = i, this._$AM = l, this.options = d, this._$Cv = (d == null ? void 0 : d.isConnected) ?? !0;
+    this.type = 2, this._$AH = Ve, this._$AN = void 0, this._$AA = r, this._$AB = i, this._$AM = l, this.options = d, this._$Cv = (d == null ? void 0 : d.isConnected) ?? !0;
   }
   get parentNode() {
     let r = this._$AA.parentNode;
@@ -833,7 +833,7 @@ class ng {
     return this._$AB;
   }
   _$AI(r, i = this) {
-    r = Gm(this, r, i), vy(r) ? r === qe || r == null || r === "" ? (this._$AH !== qe && this._$AR(), this._$AH = qe) : r !== this._$AH && r !== qo && this._(r) : r._$litType$ !== void 0 ? this.$(r) : r.nodeType !== void 0 ? this.T(r) : ZO(r) ? this.k(r) : this._(r);
+    r = Gm(this, r, i), vy(r) ? r === Ve || r == null || r === "" ? (this._$AH !== Ve && this._$AR(), this._$AH = Ve) : r !== this._$AH && r !== qo && this._(r) : r._$litType$ !== void 0 ? this.$(r) : r.nodeType !== void 0 ? this.T(r) : ZO(r) ? this.k(r) : this._(r);
   }
   O(r) {
     return this._$AA.parentNode.insertBefore(r, this._$AB);
@@ -842,7 +842,7 @@ class ng {
     this._$AH !== r && (this._$AR(), this._$AH = this.O(r));
   }
   _(r) {
-    this._$AH !== qe && vy(this._$AH) ? this._$AA.nextSibling.data = r : this.T(nh.createTextNode(r)), this._$AH = r;
+    this._$AH !== Ve && vy(this._$AH) ? this._$AA.nextSibling.data = r : this.T(nh.createTextNode(r)), this._$AH = r;
   }
   $(r) {
     var i;
@@ -884,7 +884,7 @@ class Sw {
     return this._$AM._$AU;
   }
   constructor(r, i, l, d, h) {
-    this.type = 1, this._$AH = qe, this._$AN = void 0, this.element = r, this.name = i, this._$AM = d, this.options = h, l.length > 2 || l[0] !== "" || l[1] !== "" ? (this._$AH = Array(l.length - 1).fill(new String()), this.strings = l) : this._$AH = qe;
+    this.type = 1, this._$AH = Ve, this._$AN = void 0, this.element = r, this.name = i, this._$AM = d, this.options = h, l.length > 2 || l[0] !== "" || l[1] !== "" ? (this._$AH = Array(l.length - 1).fill(new String()), this.strings = l) : this._$AH = Ve;
   }
   _$AI(r, i = this, l, d) {
     const h = this.strings;
@@ -893,12 +893,12 @@ class Sw {
     else {
       const D = r;
       let C, T;
-      for (r = h[0], C = 0; C < h.length - 1; C++) T = Gm(this, D[l + C], i, C), T === qo && (T = this._$AH[C]), m || (m = !vy(T) || T !== this._$AH[C]), T === qe ? r = qe : r !== qe && (r += (T ?? "") + h[C + 1]), this._$AH[C] = T;
+      for (r = h[0], C = 0; C < h.length - 1; C++) T = Gm(this, D[l + C], i, C), T === qo && (T = this._$AH[C]), m || (m = !vy(T) || T !== this._$AH[C]), T === Ve ? r = Ve : r !== Ve && (r += (T ?? "") + h[C + 1]), this._$AH[C] = T;
     }
     m && !d && this.j(r);
   }
   j(r) {
-    r === qe ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, r ?? "");
+    r === Ve ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, r ?? "");
   }
 }
 class rL extends Sw {
@@ -906,7 +906,7 @@ class rL extends Sw {
     super(...arguments), this.type = 3;
   }
   j(r) {
-    this.element[this.name] = r === qe ? void 0 : r;
+    this.element[this.name] = r === Ve ? void 0 : r;
   }
 }
 class aL extends Sw {
@@ -914,7 +914,7 @@ class aL extends Sw {
     super(...arguments), this.type = 4;
   }
   j(r) {
-    this.element.toggleAttribute(this.name, !!r && r !== qe);
+    this.element.toggleAttribute(this.name, !!r && r !== Ve);
   }
 }
 class iL extends Sw {
@@ -922,8 +922,8 @@ class iL extends Sw {
     super(r, i, l, d, h), this.type = 5;
   }
   _$AI(r, i = this) {
-    if ((r = Gm(this, r, i, 0) ?? qe) === qo) return;
-    const l = this._$AH, d = r === qe && l !== qe || r.capture !== l.capture || r.once !== l.once || r.passive !== l.passive, h = r !== qe && (l === qe || d);
+    if ((r = Gm(this, r, i, 0) ?? Ve) === qo) return;
+    const l = this._$AH, d = r === Ve && l !== Ve || r.capture !== l.capture || r.once !== l.once || r.passive !== l.passive, h = r !== Ve && (l === Ve || d);
     d && this.element.removeEventListener(this.name, this, l), h && this.element.addEventListener(this.name, this, r), this._$AH = r;
   }
   handleEvent(r) {
@@ -1363,7 +1363,7 @@ function wL() {
   function Ye(Q) {
     return typeof Q == "object" && Q !== null && Q.$$typeof === n;
   }
-  function Ve(Q) {
+  function qe(Q) {
     var he = { "=": "=0", ":": "=2" };
     return "$" + Q.replace(/[=:]/g, function(it) {
       return he[it];
@@ -1371,7 +1371,7 @@ function wL() {
   }
   var Ge = /\/+/g;
   function tt(Q, he) {
-    return typeof Q == "object" && Q !== null && Q.key != null ? Ve("" + Q.key) : he.toString(36);
+    return typeof Q == "object" && Q !== null && Q.key != null ? qe("" + Q.key) : he.toString(36);
   }
   function Ue(Q, he, it, nt, wt) {
     var pt = typeof Q;
@@ -1562,7 +1562,7 @@ function DL() {
         var V = ce.getCurrentStack;
         return V && (F += V() || ""), F;
       };
-      var Ye = !1, Ve = !1, Ge = !1, tt = !1, Ue = !1, ct = {
+      var Ye = !1, qe = !1, Ge = !1, tt = !1, Ue = !1, ct = {
         ReactCurrentDispatcher: G,
         ReactCurrentBatchConfig: re,
         ReactCurrentOwner: ae
@@ -2189,7 +2189,7 @@ Your code should look like:
       var W;
       W = Symbol.for("react.module.reference");
       function Ae(F) {
-        return !!(typeof F == "string" || typeof F == "function" || F === h || F === D || Ue || F === m || F === N || F === R || tt || F === K || Ye || Ve || Ge || typeof F == "object" && F !== null && (F.$$typeof === I || F.$$typeof === B || F.$$typeof === C || F.$$typeof === T || F.$$typeof === $ || // This needs to include all possible module reference object
+        return !!(typeof F == "string" || typeof F == "function" || F === h || F === D || Ue || F === m || F === N || F === R || tt || F === K || Ye || qe || Ge || typeof F == "object" && F !== null && (F.$$typeof === I || F.$$typeof === B || F.$$typeof === C || F.$$typeof === T || F.$$typeof === $ || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -2857,7 +2857,7 @@ function SL() {
       I = !1, K && (K = !1, Ce(Te), Te = -1), B = !0;
       var xe = R;
       try {
-        for (G(Re), N = i(C); N !== null && (!(N.expirationTime > Re) || fe && !Ve()); ) {
+        for (G(Re), N = i(C); N !== null && (!(N.expirationTime > Re) || fe && !qe()); ) {
           var Q = N.callback;
           if (typeof Q == "function") {
             N.callback = null, R = N.priorityLevel;
@@ -2877,7 +2877,7 @@ function SL() {
       }
     }
     var ae = !1, ce = null, Te = -1, ke = 5, Ye = -1;
-    function Ve() {
+    function qe() {
       return !(n.unstable_now() - Ye < ke);
     }
     function Ge() {
@@ -2978,7 +2978,7 @@ function SL() {
           he = 5e3;
       }
       return he = xe + he, fe = { id: $++, callback: Re, priorityLevel: fe, startTime: xe, expirationTime: he, sortIndex: -1 }, xe > Q ? (fe.sortIndex = xe, r(T, fe), i(C) === null && fe === i(T) && (K ? (Ce(Te), Te = -1) : K = !0, Oe(re, xe - Q))) : (fe.sortIndex = he, r(C, fe), I || B || (I = !0, Be(q))), fe;
-    }, n.unstable_shouldYield = Ve, n.unstable_wrapCallback = function(fe) {
+    }, n.unstable_shouldYield = qe, n.unstable_wrapCallback = function(fe) {
       var Re = R;
       return function() {
         var xe = R;
@@ -3057,7 +3057,7 @@ function CL() {
           return Y.now() - Ce;
         };
       }
-      var J = 1073741823, G = -1, re = 250, q = 5e3, ae = 1e4, ce = J, Te = [], ke = [], Ye = 1, Ve = null, Ge = N, tt = !1, Ue = !1, ct = !1, Be = typeof setTimeout == "function" ? setTimeout : null, Oe = typeof clearTimeout == "function" ? clearTimeout : null, fe = typeof setImmediate < "u" ? setImmediate : null;
+      var J = 1073741823, G = -1, re = 250, q = 5e3, ae = 1e4, ce = J, Te = [], ke = [], Ye = 1, qe = null, Ge = N, tt = !1, Ue = !1, ct = !1, Be = typeof setTimeout == "function" ? setTimeout : null, Oe = typeof clearTimeout == "function" ? clearTimeout : null, fe = typeof setImmediate < "u" ? setImmediate : null;
       typeof navigator < "u" && navigator.scheduling !== void 0 && navigator.scheduling.isInputPending !== void 0 && navigator.scheduling.isInputPending.bind(navigator.scheduling);
       function Re(_e) {
         for (var Ne = d(ke); Ne !== null; ) {
@@ -3086,22 +3086,22 @@ function CL() {
           var xt;
           if (!r) return he(_e, Ne);
         } finally {
-          Ve = null, Ge = We, tt = !1;
+          qe = null, Ge = We, tt = !1;
         }
       }
       function he(_e, Ne) {
         var We = Ne;
-        for (Re(We), Ve = d(Te); Ve !== null && !(Ve.expirationTime > We && (!_e || gr())); ) {
-          var xt = Ve.callback;
+        for (Re(We), qe = d(Te); qe !== null && !(qe.expirationTime > We && (!_e || gr())); ) {
+          var xt = qe.callback;
           if (typeof xt == "function") {
-            Ve.callback = null, Ge = Ve.priorityLevel;
-            var jt = Ve.expirationTime <= We, kn = xt(jt);
-            We = n.unstable_now(), typeof kn == "function" ? Ve.callback = kn : Ve === d(Te) && h(Te), Re(We);
+            qe.callback = null, Ge = qe.priorityLevel;
+            var jt = qe.expirationTime <= We, kn = xt(jt);
+            We = n.unstable_now(), typeof kn == "function" ? qe.callback = kn : qe === d(Te) && h(Te), Re(We);
           } else
             h(Te);
-          Ve = d(Te);
+          qe = d(Te);
         }
-        if (Ve !== null)
+        if (qe !== null)
           return !0;
         var Sn = d(ke);
         return Sn !== null && de(xe, Sn.startTime - We), !1;
@@ -3372,7 +3372,7 @@ function xL() {
     var b = Y.hasOwnProperty(o) ? Y[o] : null;
     (b !== null ? b.type !== 0 : v || !(2 < o.length) || o[0] !== "o" && o[0] !== "O" || o[1] !== "n" && o[1] !== "N") && (I(o, c, b, v) && (c = null), v || b === null ? R(o) && (c === null ? a.removeAttribute(o) : a.setAttribute(o, "" + c)) : b.mustUseProperty ? a[b.propertyName] = c === null ? b.type === 3 ? !1 : "" : c : (o = b.attributeName, v = b.attributeNamespace, c === null ? a.removeAttribute(o) : (b = b.type, c = b === 3 || b === 4 && c === !0 ? "" : "" + c, v ? a.setAttributeNS(v, o, c) : a.setAttribute(o, c))));
   }
-  var re = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, q = Symbol.for("react.element"), ae = Symbol.for("react.portal"), ce = Symbol.for("react.fragment"), Te = Symbol.for("react.strict_mode"), ke = Symbol.for("react.profiler"), Ye = Symbol.for("react.provider"), Ve = Symbol.for("react.context"), Ge = Symbol.for("react.forward_ref"), tt = Symbol.for("react.suspense"), Ue = Symbol.for("react.suspense_list"), ct = Symbol.for("react.memo"), Be = Symbol.for("react.lazy"), Oe = Symbol.for("react.offscreen"), fe = Symbol.iterator;
+  var re = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, q = Symbol.for("react.element"), ae = Symbol.for("react.portal"), ce = Symbol.for("react.fragment"), Te = Symbol.for("react.strict_mode"), ke = Symbol.for("react.profiler"), Ye = Symbol.for("react.provider"), qe = Symbol.for("react.context"), Ge = Symbol.for("react.forward_ref"), tt = Symbol.for("react.suspense"), Ue = Symbol.for("react.suspense_list"), ct = Symbol.for("react.memo"), Be = Symbol.for("react.lazy"), Oe = Symbol.for("react.offscreen"), fe = Symbol.iterator;
   function Re(a) {
     return a === null || typeof a != "object" ? null : (a = fe && a[fe] || a["@@iterator"], typeof a == "function" ? a : null);
   }
@@ -3484,7 +3484,7 @@ function xL() {
         return "SuspenseList";
     }
     if (typeof a == "object") switch (a.$$typeof) {
-      case Ve:
+      case qe:
         return (a.displayName || "Context") + ".Consumer";
       case Ye:
         return (a._context.displayName || "Context") + ".Provider";
@@ -8141,7 +8141,7 @@ Error generating stack: ` + S.message + `
           case Ye:
             P = 10;
             break e;
-          case Ve:
+          case qe:
             P = 9;
             break e;
           case Ge:
@@ -8477,7 +8477,7 @@ function _L() {
         y.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var C = 0, T = 1, $ = 2, N = 3, R = 4, B = 5, I = 6, K = 7, Y = 8, Ce = 9, J = 10, G = 11, re = 12, q = 13, ae = 14, ce = 15, Te = 16, ke = 17, Ye = 18, Ve = 19, Ge = 21, tt = 22, Ue = 23, ct = 24, Be = 25, Oe = !0, fe = !1, Re = !1, xe = !1, Q = !1, he = !0, it = !0, nt = !0, wt = !0, pt = /* @__PURE__ */ new Set(), yt = {}, gt = {};
+    var C = 0, T = 1, $ = 2, N = 3, R = 4, B = 5, I = 6, K = 7, Y = 8, Ce = 9, J = 10, G = 11, re = 12, q = 13, ae = 14, ce = 15, Te = 16, ke = 17, Ye = 18, qe = 19, Ge = 21, tt = 22, Ue = 23, ct = 24, Be = 25, Oe = !0, fe = !1, Re = !1, xe = !1, Q = !1, he = !0, it = !0, nt = !0, wt = !0, pt = /* @__PURE__ */ new Set(), yt = {}, gt = {};
     function Nt(e, t) {
       un(e, t), un(e + "Capture", t);
     }
@@ -9222,7 +9222,7 @@ function _L() {
           return qa("Lazy");
         case q:
           return qa("Suspense");
-        case Ve:
+        case qe:
           return qa("SuspenseList");
         case C:
         case $:
@@ -9348,7 +9348,7 @@ Error generating stack: ` + u.message + `
           return "Scope";
         case q:
           return "Suspense";
-        case Ve:
+        case qe:
           return "SuspenseList";
         case Be:
           return "TracingMarker";
@@ -15766,7 +15766,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
             if (u === null || KC(u) || d0(u))
               return t;
           }
-        } else if (t.tag === Ve && // revealOrder undefined can't be trusted because it don't
+        } else if (t.tag === qe && // revealOrder undefined can't be trusted because it don't
         // keep track of whether it suspended or not.
         t.memoizedProps.revealOrder !== void 0) {
           var p = (t.flags & vt) !== St;
@@ -18138,7 +18138,7 @@ Check the render method of \`` + u + "`.");
         if (u.tag === q) {
           var p = u.memoizedState;
           p !== null && E1(u, s, e);
-        } else if (u.tag === Ve)
+        } else if (u.tag === qe)
           E1(u, s, e);
         else if (u.child !== null) {
           u.child.return = u, u = u.child;
@@ -18407,7 +18407,7 @@ Check the render method of \`` + u + "`.");
             rf(t, km(Gl.current));
           break;
         }
-        case Ve: {
+        case qe: {
           var ee = (e.flags & vt) !== St, ue = Oi(s, t.childLanes);
           if (ee) {
             if (ue)
@@ -18504,7 +18504,7 @@ Check the render method of \`` + u + "`.");
           var De = t.type, le = t.pendingProps, Ie = t.elementType === De ? le : Ql(De, le);
           return o3(e, t, De, Ie, s);
         }
-        case Ve:
+        case qe:
           return A1(e, t, s);
         case Ge:
           break;
@@ -18717,7 +18717,7 @@ Check the render method of \`` + u + "`.");
           var Lt = t.type;
           return Wu(Lt) && Rb(t), fi(t), null;
         }
-        case Ve: {
+        case qe: {
           wm(t);
           var Gt = t.memoizedState;
           if (Gt === null)
@@ -18811,7 +18811,7 @@ Check the render method of \`` + u + "`.");
           var _ = t.flags;
           return _ & Wa ? (t.flags = _ & -65537 | vt, (t.mode & xn) !== Ct && k2(t), t) : null;
         }
-        case Ve:
+        case qe:
           return wm(t), null;
         case R:
           return bm(t), null;
@@ -18848,7 +18848,7 @@ Check the render method of \`` + u + "`.");
         case q:
           wm(t);
           break;
-        case Ve:
+        case qe:
           wm(t);
           break;
         case J:
@@ -19178,7 +19178,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
             W3(e, s);
             break;
           }
-          case Ve:
+          case qe:
           case ke:
           case Ge:
           case tt:
@@ -19653,7 +19653,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
           }
           return;
         }
-        case Ve: {
+        case qe: {
           eu(t, e), Ju(e), p & pn && G1(e);
           return;
         }
@@ -20680,7 +20680,7 @@ Error message:
           var p = e.memoizedState;
           p !== null && (s = p.retryLane);
           break;
-        case Ve:
+        case qe:
           u = e.stateNode;
           break;
         default:
@@ -21179,7 +21179,7 @@ Check the render method of \`` + O + "`.");
       return p.elementType = Xe, p.lanes = s, p;
     }
     function uO(e, t, s, u) {
-      var p = gs(Ve, e, u, t);
+      var p = gs(qe, e, u, t);
       return p.elementType = ut, p.lanes = s, p;
     }
     function x_(e, t, s, u) {
@@ -22002,11 +22002,11 @@ const EL = (n) => {
       let Fe = ye.nextNode();
       const _e = !Z || de.disabled;
       for (; Fe; )
-        Fe.formDisabledCallback && _e && Ve(Fe, de.disabled), Fe = ye.nextNode();
+        Fe.formDisabledCallback && _e && qe(Fe, de.disabled), Fe = ye.nextNode();
     }, re = { attributes: !0, attributeFilter: ["disabled", "name"] }, q = pt() ? new MutationObserver((de) => {
       for (const Z of de) {
         const ye = Z.target;
-        if (Z.attributeName === "disabled" && (ye.constructor.formAssociated ? Ve(ye, ye.hasAttribute("disabled")) : ye.localName === "fieldset" && G(ye)), Z.attributeName === "name" && ye.constructor.formAssociated) {
+        if (Z.attributeName === "disabled" && (ye.constructor.formAssociated ? qe(ye, ye.hasAttribute("disabled")) : ye.localName === "fieldset" && G(ye)), Z.attributeName === "name" && ye.constructor.formAssociated) {
           const Fe = d.get(ye), _e = T.get(ye);
           Fe.setFormValue(_e);
         }
@@ -22064,7 +22064,7 @@ const EL = (n) => {
       subtree: !0
     }, Ye = (de, Z, ye) => {
       de.getAttribute(Z) !== ye && de.setAttribute(Z, ye);
-    }, Ve = (de, Z) => {
+    }, qe = (de, Z) => {
       de.toggleAttribute("internals-disabled", Z), Z ? Ye(de, "aria-disabled", "true") : de.removeAttribute("aria-disabled"), de.formDisabledCallback && de.formDisabledCallback.apply(de, [Z]);
     }, Ge = (de) => {
       l.get(de).forEach((Z) => {
@@ -22368,7 +22368,7 @@ const EL = (n) => {
             if (Fe.formAssociated) {
               const Ne = Fe.prototype.connectedCallback;
               Fe.prototype.connectedCallback = function() {
-                I.has(this) || (I.set(this, !0), this.hasAttribute("disabled") && Ve(this, !0)), Ne != null && Ne.apply(this), wt(this);
+                I.has(this) || (I.set(this, !0), this.hasAttribute("disabled") && qe(this, !0)), Ne != null && Ne.apply(this), wt(this);
               };
             }
             Z.call(this, ye, Fe, _e);
@@ -22688,12 +22688,12 @@ let UL = class {
 };
 const UD = /* @__PURE__ */ new WeakMap(), Kt = lh(class extends zL {
   render(n) {
-    return qe;
+    return Ve;
   }
   update(n, [r]) {
     var i;
     const l = r !== this.G;
-    return l && this.G !== void 0 && this.rt(void 0), (l || this.lt !== this.ct) && (this.G = r, this.ht = (i = n.options) == null ? void 0 : i.host, this.rt(this.ct = n.element)), qe;
+    return l && this.G !== void 0 && this.rt(void 0), (l || this.lt !== this.ct) && (this.G = r, this.ht = (i = n.options) == null ? void 0 : i.host, this.rt(this.ct = n.element)), Ve;
   }
   rt(n) {
     if (this.isConnected || (n = void 0), typeof this.G == "function") {
@@ -22724,10 +22724,10 @@ function mA(n, r, i) {
  */
 let pw = class extends rg {
   constructor(r) {
-    if (super(r), this.it = qe, r.type !== nu.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(r), this.it = Ve, r.type !== nu.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(r) {
-    if (r === qe || r == null) return this._t = void 0, this.it = r;
+    if (r === Ve || r == null) return this._t = void 0, this.it = r;
     if (r === qo) return r;
     if (typeof r != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (r === this.it) return this._t;
@@ -22875,12 +22875,12 @@ let ru = class extends Gr {
                   >
                   </pkt-button>
                 </div>
-              ` : qe}
-          ${this.title ? be`<div class="pkt-alert__title">${this.title}</div>` : qe}
+              ` : Ve}
+          ${this.title ? be`<div class="pkt-alert__title">${this.title}</div>` : Ve}
 
           <div class="pkt-alert__text" ${Kt(this.defaultSlot)}></div>
 
-          ${this.date ? be`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : qe}
+          ${this.date ? be`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : Ve}
         </div>
       </div>
     `;
@@ -23021,7 +23021,7 @@ const tB = kf;
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Tn = (n) => n ?? qe;
+const Tn = (n) => n ?? Ve;
 var nB = Object.defineProperty, rB = Object.getOwnPropertyDescriptor, xw = (n, r, i, l) => {
   for (var d = l > 1 ? void 0 : l ? rB(r, i) : r, h = n.length - 1, m; h >= 0; h--)
     (m = n[h]) && (d = (l ? m(r, i, d) : m(d)) || d);
@@ -23094,10 +23094,10 @@ let qi = class extends Gr {
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
               path=${this.loadingAnimationPath}
-            ></pkt-icon>` : qe}
-        ${this.variant !== "label-only" ? be`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>` : qe}
+            ></pkt-icon>` : Ve}
+        ${this.variant !== "label-only" ? be`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>` : Ve}
         <span class="pkt-btn__text" ${Kt(this.defaultSlot)}></span>
-        ${this.variant === "icons-right-and-left" ? be`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>` : qe}
+        ${this.variant === "icons-right-and-left" ? be`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>` : Ve}
       </div>
     `;
   }
@@ -24699,7 +24699,7 @@ let lr = class extends Gr {
   render() {
     return be`
       <div
-        class="pkt-calendar ${this.weeknumbers ? "pkt-cal-weeknumbers" : qe}"
+        class="pkt-calendar ${this.weeknumbers ? "pkt-cal-weeknumbers" : Ve}"
         @focusout=${this.closeEvent}
         @keydown=${(n) => {
       n.key === "Escape" && (n.preventDefault(), this.close());
@@ -24714,7 +24714,7 @@ let lr = class extends Gr {
       (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.isNextMonthAllowed() && this.prevMonth());
     }}
               class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${this.isPrevMonthAllowed() ? "" : "pkt-hide"}"
-              .data-disabled=${this.isPrevMonthAllowed() ? qe : "disabled"}
+              .data-disabled=${this.isPrevMonthAllowed() ? Ve : "disabled"}
               ?aria-disabled=${!this.isPrevMonthAllowed()}
               tabindex=${this.isPrevMonthAllowed() ? "0" : "-1"}
             >
@@ -24731,7 +24731,7 @@ let lr = class extends Gr {
       (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.isNextMonthAllowed() && this.nextMonth());
     }}
               class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${this.isNextMonthAllowed() ? "" : "pkt-hide"}"
-              .data-disabled=${this.isNextMonthAllowed() ? qe : "disabled"}
+              .data-disabled=${this.isNextMonthAllowed() ? Ve : "disabled"}
               ?aria-disabled=${!this.isNextMonthAllowed()}
               tabindex=${this.isNextMonthAllowed() ? "0" : "-1"}
             >
@@ -24827,7 +24827,7 @@ let lr = class extends Gr {
     }}
         aria-label="${C}"
         tabindex=${(l = this.selectableDates.find((R) => R.currentDateISO === h)) == null ? void 0 : l.tabindex}
-        data-disabled=${T ? "disabled" : qe}
+        data-disabled=${T ? "disabled" : Ve}
         data-date=${h}
         @keydown=${(R) => {
       (R.key === "Enter" || R.key === " ") && (R.preventDefault(), this.handleDateSelect(d));
@@ -25238,10 +25238,10 @@ let ja = class extends Gr {
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
-          ${this.tagPosition === "top" ? this.renderTags() : qe} 
+          ${this.tagPosition === "top" ? this.renderTags() : Ve} 
           ${this.renderHeader()}
           ${this.renderSlot()} 
-          ${this.tagPosition === "bottom" ? this.renderTags() : qe}
+          ${this.tagPosition === "bottom" ? this.renderTags() : Ve}
           ${this.renderCreditline()}
         </div>
       </article>
@@ -25274,7 +25274,7 @@ let ja = class extends Gr {
             >
               ${this.heading}
             </pkt-heading>
-          ` : qe}
+          ` : Ve}
     `;
   }
   renderLinkHeading() {
@@ -25293,12 +25293,12 @@ let ja = class extends Gr {
                 >${this.heading}</a
               >
             </pkt-heading>
-          ` : qe}
+          ` : Ve}
     `;
   }
   renderSubheading() {
     return be`
-      ${this.subheading ? be` <p class="pkt-card__subheading ">${this.subheading}</p> ` : qe}
+      ${this.subheading ? be` <p class="pkt-card__subheading ">${this.subheading}</p> ` : Ve}
     `;
   }
   // Render header
@@ -25312,7 +25312,7 @@ let ja = class extends Gr {
               ${this.renderLinkHeading()} 
               ${this.renderSubheading()}
             </header>
-          ` : qe}
+          ` : Ve}
     `;
   }
   renderTags() {
@@ -25341,7 +25341,7 @@ let ja = class extends Gr {
                 `
     )}
             </div>
-          ` : qe}
+          ` : Ve}
     `;
   }
   renderSlot() {
@@ -25353,10 +25353,10 @@ let ja = class extends Gr {
     return be`
       ${this.author || this.date ? be`
             <footer class="pkt-card__creditline">
-              ${this.author ? be`<span class="pkt-card__creditline-author">${this.author}</span>` : qe}
-              ${this.date ? be`<span class="pkt-card__creditline-date">${this.date}</span>` : qe}
+              ${this.author ? be`<span class="pkt-card__creditline-author">${this.author}</span>` : Ve}
+              ${this.date ? be`<span class="pkt-card__creditline-date">${this.date}</span>` : Ve}
             </footer>
-          ` : qe}
+          ` : Ve}
     `;
   }
 };
@@ -25797,7 +25797,7 @@ let wf = class extends Gr {
           >
             ${nw(this.helptextDropdown)}
           </div>
-        </div>` : qe;
+        </div>` : Ve;
     return be`${be`<div class="pkt-inputwrapper__helptext-container">
         <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
           <div class="pkt-contents" ${Kt(this.defaultSlot)} name="helptext"></div>
@@ -25852,9 +25852,9 @@ let Sr = class extends Gr {
       "pkt-tag--thin-text": !0,
       "pkt-tag--blue-light": this.optionalTag,
       "pkt-tag--beige": !this.optionalTag && this.requiredTag
-    }, l = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : qe, d = () => this.optionalTag || this.requiredTag ? be`<span class=${Mt(i)}
-          >${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : qe}</span
-        >` : qe, h = () => this.useWrapper ? this.hasFieldset ? be`<legend
+    }, l = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : Ve, d = () => this.optionalTag || this.requiredTag ? be`<span class=${Mt(i)}
+          >${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : Ve}</span
+        >` : Ve, h = () => this.useWrapper ? this.hasFieldset ? be`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
@@ -25874,7 +25874,7 @@ let Sr = class extends Gr {
           id="${this.forId}-label"
         >
           ${this.label}
-        </label>`, m = () => !this.helptext && !this.hasHelptextSlot && !this.helptextDropdown ? qe : be`
+        </label>`, m = () => !this.helptext && !this.hasHelptextSlot && !this.helptextDropdown ? Ve : be`
         <pkt-helptext
           .forId=${this.forId}
           .helptext=${this.helptext}
@@ -25887,9 +25887,9 @@ let Sr = class extends Gr {
           name="helptext"
         ></pkt-helptext>
       `, D = () => this.counter ? be`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
-          ${this.counterError ? this.counterError : qe} ${this.counterCurrent || 0}
-          ${this.counterMaxLength ? `/${this.counterMaxLength}` : qe}
-        </div>` : qe, C = () => this.hasError && this.errorMessage ? be`<div
+          ${this.counterError ? this.counterError : Ve} ${this.counterCurrent || 0}
+          ${this.counterMaxLength ? `/${this.counterMaxLength}` : Ve}
+        </div>` : Ve, C = () => this.hasError && this.errorMessage ? be`<div
           role="alert"
           class="pkt-alert pkt-alert--error pkt-alert--compact"
           aria-live="assertive"
@@ -25898,11 +25898,11 @@ let Sr = class extends Gr {
         >
           <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
           <div class="pkt-alert__text">${nw(this.errorMessage)}</div>
-        </div>` : qe, T = () => be`
+        </div>` : Ve, T = () => be`
         ${h()} ${m()}
-        ${this.counterPosition === "top" ? D() : qe}
+        ${this.counterPosition === "top" ? D() : Ve}
         <div class="pkt-contents" ${Kt(this.defaultSlot)}></div>
-        ${this.counterPosition === "bottom" ? D() : qe} ${C()}
+        ${this.counterPosition === "bottom" ? D() : Ve} ${C()}
       `, $ = () => this.hasFieldset ? be`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${l}">
             ${T()}
           </fieldset>` : be`<div class="pkt-inputwrapper__fieldset">${T()}</div>`;
@@ -26051,7 +26051,7 @@ let yi = class extends Gr {
             aria-labelledby=${this.id + "-option-label-" + i}
             ?disabled=${this.disabled || r.disabled || this.maxIsReached && !r.selected}
           />
-        ` : r.selected ? be`<pkt-icon name="check-big"></pkt-icon>` : qe;
+        ` : r.selected ? be`<pkt-icon name="check-big"></pkt-icon>` : Ve;
   }
   renderList() {
     return be`
@@ -26080,12 +26080,12 @@ let yi = class extends Gr {
           >
             ${this.renderCheckboxOrCheckIcon(r, i)}
             <span class="pkt-listbox__option-label" id=${this.id + "-option-label-" + i}>
-              ${r.prefix ? be`<span class="pkt-listbox__option-prefix">${r.prefix}</span>` : qe}
+              ${r.prefix ? be`<span class="pkt-listbox__option-prefix">${r.prefix}</span>` : Ve}
               ${r.label || r.value}
             </span>
             ${r.description ? be`<span class="pkt-listbox__option-description pkt-txt-14-light"
                   >${r.description}</span
-                >` : qe}
+                >` : Ve}
           </li>
         `
     )}
@@ -26107,14 +26107,14 @@ let yi = class extends Gr {
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
             Legg til “${this.customUserInput}”
           </div>
-        ` : qe;
+        ` : Ve;
   }
   renderMaximumReachedBanner() {
     return this._selectedOptions = this.options.filter((r) => r.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? be`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
             ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
           </div>
-        ` : qe;
+        ` : Ve;
   }
   renderUserMessage() {
     return this.userMessage ? be`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
@@ -26124,7 +26124,7 @@ let yi = class extends Gr {
             size="large"
           ></pkt-icon>
           ${this.userMessage}
-        </div>` : qe;
+        </div>` : Ve;
   }
   renderSearch() {
     return this.includeSearch ? be`
@@ -26147,7 +26147,7 @@ let yi = class extends Gr {
               role="searchbox"
             />
           </div>
-        ` : qe;
+        ` : Ve;
   }
   // Event handlers
   handleSearchInput(r) {
@@ -26435,7 +26435,7 @@ let na = class extends fn {
             tabindex="-1"
             @click=${this.handleInputClick}
           >
-            ${this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? be`<span class="pkt-combobox__placeholder">${this.placeholder}</span>` : this.tagPlacement !== "outside" ? this.renderSingleOrMultipleValues() : qe}
+            ${this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? be`<span class="pkt-combobox__placeholder">${this.placeholder}</span>` : this.tagPlacement !== "outside" ? this.renderSingleOrMultipleValues() : Ve}
             ${this.renderInputField()}
             <div
               class="pkt-btn pkt-btn--tertiary pkt-combobox__arrow"
@@ -26487,7 +26487,7 @@ let na = class extends fn {
 
         ${this.tagPlacement === "outside" && this.multiple ? be`<div class="pkt-combobox__tags-outside">
               ${this.renderSingleOrMultipleValues()}
-            </div>` : qe}
+            </div>` : Ve}
       </pkt-input-wrapper>
     `;
   }
@@ -27026,13 +27026,13 @@ let il = class extends fn {
     }), d = () => be`
         <label class=${l} for=${this.id + "-internal"}>
           ${this.label}
-          ${this.checkHelptext ? be`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : qe}
+          ${this.checkHelptext ? be`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : Ve}
         </label>
       `;
     return be`
       <div class="pkt-input-check">
         <div class=${r}>
-          ${this.labelPosition === "left" ? d() : qe}
+          ${this.labelPosition === "left" ? d() : Ve}
           <input
             id=${this.id + "-internal"}
             class=${i}
@@ -27046,7 +27046,7 @@ let il = class extends fn {
             ?checked=${this.checked}
             role=${this.isSwitch ? "switch" : "checkbox"}
           />
-          ${this.labelPosition === "right" ? d() : qe}
+          ${this.labelPosition === "right" ? d() : Ve}
         </div>
       </div>
     `;
@@ -27202,7 +27202,7 @@ let ra = class extends fn {
       "pkt-hide": !this.showRangeLabels
     };
     return be`
-      ${this.showRangeLabels ? be` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : qe}
+      ${this.showRangeLabels ? be` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : Ve}
       <input
         class=${Mt(this.inputClasses)}
         .type=${this.inputType}
@@ -27243,7 +27243,7 @@ let ra = class extends fn {
       <div class="${Mt(r)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
       </div>
-      ${this.showRangeLabels ? qe : be` <div class="pkt-input-separator">–</div> `}
+      ${this.showRangeLabels ? Ve : be` <div class="pkt-input-separator">–</div> `}
       <input
         class=${Mt(this.inputClasses)}
         .type=${this.inputType}
@@ -27351,7 +27351,7 @@ let ra = class extends fn {
                   ><time datetime="${r}">${qE(r, this.dateformat)}</time></pkt-tag
                 >
               `
-    ) : qe}
+    ) : Ve}
       </div>
     `;
   }
@@ -27425,7 +27425,7 @@ let ra = class extends fn {
         class="pkt-datepicker"
       >
         <div class="pkt-contents" ${Kt(this.helptextSlot)} name="helptext" slot="helptext"></div>
-        ${this.multiple ? this.renderTags() : qe}
+        ${this.multiple ? this.renderTags() : Ve}
         <div
           class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
         >
@@ -27617,7 +27617,7 @@ let Sf = class extends Gr {
       class=${Mt(r)}
       href=${this.href}
       .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : qe}
+      .rel=${this.external ? "noopener noreferrer" : Ve}
       >${this.iconName ? be`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${Kt(this.defaultSlot)}>Link</span></a
     >`;
   }
@@ -27720,7 +27720,7 @@ let iu = class extends Gr {
               class="pkt-loader__svg pkt-loader__${this.variant}"
             ></pkt-icon>
             ${this.message && be`<p>${this.message}</p>`}
-          </div>` : qe}
+          </div>` : Ve}
       <div class=${r} ${Kt(this.defaultSlot)}></div>
     </div>`;
   }
@@ -27812,8 +27812,8 @@ let Cf = class extends Gr {
             >
               <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
             </button>
-          </div>` : qe}
-      ${this.title ? be`<div class="pkt-messagebox__title">${this.title}</div>` : qe}
+          </div>` : Ve}
+      ${this.title ? be`<div class="pkt-messagebox__title">${this.title}</div>` : Ve}
       <div class="pkt-messagebox__text" ${Kt(this.defaultSlot)}></div>
     </div>`;
   }
@@ -27938,7 +27938,7 @@ let ws = class extends Gr {
                 ${this.headingText ? be`<h1 id="pkt-modal__headingText" class=${Mt(i)}>
                       ${this.headingText}
                     </h1>` : be`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? qe : be`<div class="${Mt(h)}">
+                ${this.hideCloseButton ? be`<div class="pkt-modal__noCloseButton"></div>` : be`<div class="${Mt(h)}">
                       <pkt-button
                         @click=${(D) => this.close(D)}
                         class=${Mt(m)}
@@ -27949,7 +27949,7 @@ let ws = class extends Gr {
                         Lukk
                       </pkt-button>
                     </div>`}
-              </div>` : qe}
+              </div>` : Ve}
           <div class="pkt-modal__container">
             <div
               id="pkt-modal__content"
@@ -28064,7 +28064,7 @@ let da = class extends Gr {
       "--pkt-progress-width": `${l}%`
     })}
     >
-      ${this.title ? be`<p id=${`${this.progressBarId}-title`} class=${m}>${this.title}</p>` : qe}
+      ${this.title ? be`<p id=${`${this.progressBarId}-title`} class=${m}>${this.title}</p>` : Ve}
 
       <div class="pkt-progressbar__bar-wrapper">
         <div class=${h}></div>
@@ -28074,7 +28074,7 @@ let da = class extends Gr {
             <span class=${C} ${Kt(this.labelRef)}>
               ${this.statusType === "percentage" ? `${l}%` : d}
             </span>
-          </div>` : qe}
+          </div>` : Ve}
     </div>`;
   }
   // methods
@@ -28192,7 +28192,7 @@ let ac = class extends fn {
           />
           <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
             ${this.label}
-            ${this.checkHelptext ? be`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : qe}
+            ${this.checkHelptext ? be`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : Ve}
           </label>
         </div>
       </div>
@@ -28240,7 +28240,7 @@ const kI = lh(class extends rg {
     return n;
   }
   update(n, [r]) {
-    if (r === qo || r === qe) return r;
+    if (r === qo || r === Ve) return r;
     const i = n.element, l = n.name;
     if (n.type === nu.PROPERTY) {
       if (r === i[l]) return qo;
@@ -28390,7 +28390,7 @@ let ol = class extends fn {
       >
         <div class="pkt-contents" ${Kt(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-input__container">
-          ${this.prefix ? be`<div class="pkt-input-prefix">${this.prefix}</div>` : qe}
+          ${this.prefix ? be`<div class="pkt-input-prefix">${this.prefix}</div>` : Ve}
           <input
             ${Kt(this.inputRef)}
             class=${i}
@@ -28403,7 +28403,7 @@ let ol = class extends fn {
             minlength=${Tn(this.minlength)}
             maxlength=${Tn(this.maxlength)}
             ?readonly=${this.readonly}
-            size=${this.size || qe}
+            size=${this.size || Ve}
             .value=${this.value}
             ?disabled=${this.disabled}
             aria-invalid=${this.hasError}
@@ -28433,14 +28433,14 @@ let ol = class extends fn {
                 ${this.iconNameRight ? be`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name=${this.iconNameRight}
-                    ></pkt-icon>` : qe}
+                    ></pkt-icon>` : Ve}
                 ${r ? be`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name="magnifying-glass-big"
-                    ></pkt-icon>` : qe}
-              </div>` : qe}
-          ${!this.suffix && this.iconNameRight ? be`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : qe}
-          ${!this.suffix && r ? be`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : qe}
+                    ></pkt-icon>` : Ve}
+              </div>` : Ve}
+          ${!this.suffix && this.iconNameRight ? be`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : Ve}
+          ${!this.suffix && r ? be`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : Ve}
         </div>
       </pkt-input-wrapper>
     `;
@@ -29072,7 +29072,7 @@ const ou = /* @__PURE__ */ Dw(UI), JH = Ir(
     Ht.useEffect(() => (document && (document.addEventListener("mouseup", Ge), window.addEventListener("scroll", tt)), () => {
       document && (document.removeEventListener("mouseup", Ge), window.removeEventListener("scroll", tt));
     }));
-    const Ve = () => {
+    const qe = () => {
       ke(!Te);
     }, Ge = (Ue) => {
       Ye.current && !Ye.current.contains(Ue.target) && ke(!1);
@@ -29153,7 +29153,7 @@ const ou = /* @__PURE__ */ Dw(UI), JH = Ir(
                       role: "button",
                       "aria-controls": "pktUserDropdown",
                       "aria-expanded": Te,
-                      onClick: Ve,
+                      onClick: qe,
                       children: [
                         /* @__PURE__ */ L.jsx($r, { name: "user", className: "pkt-btn__icon" }),
                         /* @__PURE__ */ L.jsx("span", { className: "pkt-header__user-fullname", translate: "no", children: (D == null ? void 0 : D.name) || (h == null ? void 0 : h.name) }),
@@ -29547,7 +29547,7 @@ function d4() {
         }
       }
     }
-    var ae = N, ce = $, Te = h, ke = B, Ye = D, Ve = Ce, Ge = Y, tt = m, Ue = T, ct = C, Be = I, Oe = K, fe = !1, Re = !1;
+    var ae = N, ce = $, Te = h, ke = B, Ye = D, qe = Ce, Ge = Y, tt = m, Ue = T, ct = C, Be = I, Oe = K, fe = !1, Re = !1;
     function xe(rt) {
       return fe || (fe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -29590,7 +29590,7 @@ function d4() {
     function Rt(rt) {
       return q(rt) === K;
     }
-    tr.ContextConsumer = ae, tr.ContextProvider = ce, tr.Element = Te, tr.ForwardRef = ke, tr.Fragment = Ye, tr.Lazy = Ve, tr.Memo = Ge, tr.Portal = tt, tr.Profiler = Ue, tr.StrictMode = ct, tr.Suspense = Be, tr.SuspenseList = Oe, tr.isAsyncMode = xe, tr.isConcurrentMode = Q, tr.isContextConsumer = he, tr.isContextProvider = it, tr.isElement = nt, tr.isForwardRef = wt, tr.isFragment = pt, tr.isLazy = yt, tr.isMemo = gt, tr.isPortal = Nt, tr.isProfiler = un, tr.isStrictMode = Zt, tr.isSuspense = Wn, tr.isSuspenseList = Rt, tr.isValidElementType = re, tr.typeOf = q;
+    tr.ContextConsumer = ae, tr.ContextProvider = ce, tr.Element = Te, tr.ForwardRef = ke, tr.Fragment = Ye, tr.Lazy = qe, tr.Memo = Ge, tr.Portal = tt, tr.Profiler = Ue, tr.StrictMode = ct, tr.Suspense = Be, tr.SuspenseList = Oe, tr.isAsyncMode = xe, tr.isConcurrentMode = Q, tr.isContextConsumer = he, tr.isContextProvider = it, tr.isElement = nt, tr.isForwardRef = wt, tr.isFragment = pt, tr.isLazy = yt, tr.isMemo = gt, tr.isPortal = Nt, tr.isProfiler = un, tr.isStrictMode = Zt, tr.isSuspense = Wn, tr.isSuspenseList = Rt, tr.isValidElementType = re, tr.typeOf = q;
   }()), tr;
 }
 process.env.NODE_ENV === "production" ? hS.exports = c4() : hS.exports = d4();
@@ -29828,8 +29828,8 @@ var R4 = function(r, i, l, d, h) {
   });
   var ce = P4(K)(q);
   if (ce.forEach(function(ke) {
-    var Ye = A4(ke, Object.keys(T).includes(ke), T[ke], Object.keys(N).includes(ke), N[ke], r, i, l), Ve = Ye.attributeFormattedInline, Ge = Ye.attributeFormattedMultiline, tt = Ye.isMultilineAttribute;
-    tt && (re = !0), J += Ve, G += Ge;
+    var Ye = A4(ke, Object.keys(T).includes(ke), T[ke], Object.keys(N).includes(ke), N[ke], r, i, l), qe = Ye.attributeFormattedInline, Ge = Ye.attributeFormattedMultiline, tt = Ye.isMultilineAttribute;
+    tt && (re = !0), J += qe, G += Ge;
   }), G += `
 `.concat(ld(i, Y)), B4(ce, J, re, r, i, Y, B) ? Ce = G : Ce = J, D && D.length > 0) {
     var Te = i + 1;
@@ -30841,8 +30841,8 @@ function Rw(n, r) {
           ce ? m.push(Te, q) : m.push(ke, ae);
           break;
         }
-        let Ye = Ce[Y + 2], Ve = { ind: R, mode: B, doc: { ...I, [DS]: Y + 2 } };
-        Qk({ ind: R, mode: nc, doc: [G, re, Ye] }, [], K, T.length > 0, i, !0) ? m.push(Ve, Te, q) : ce ? m.push(Ve, ke, q) : m.push(Ve, ke, ae);
+        let Ye = Ce[Y + 2], qe = { ind: R, mode: B, doc: { ...I, [DS]: Y + 2 } };
+        Qk({ ind: R, mode: nc, doc: [G, re, Ye] }, [], K, T.length > 0, i, !0) ? m.push(qe, Te, q) : ce ? m.push(qe, ke, q) : m.push(qe, ke, ae);
         break;
       }
       case ks:
@@ -32248,7 +32248,7 @@ var c5 = Xp(aF, 0), d5 = { parse: Xp(A6), formatAST: Xp(F6), formatDoc: Xp($6),
     C(Y, { languages: () => kc, options: () => kg, parsers: () => Yf, printers: () => Lr });
     var Ce = (f, g, k, x) => {
       if (!(f && g == null)) return g.replaceAll ? g.replaceAll(k, x) : k.global ? g.replace(k, x) : g.split(k).join(x);
-    }, J = Ce, G = "string", re = "array", q = "cursor", ae = "indent", ce = "align", Te = "trim", ke = "group", Ye = "fill", Ve = "if-break", Ge = "indent-if-break", tt = "line-suffix", Ue = "line-suffix-boundary", ct = "line", Be = "label", Oe = "break-parent", fe = /* @__PURE__ */ new Set([q, ae, ce, Te, ke, Ye, Ve, Ge, tt, Ue, ct, Be, Oe]), Re = (f, g, k) => {
+    }, J = Ce, G = "string", re = "array", q = "cursor", ae = "indent", ce = "align", Te = "trim", ke = "group", Ye = "fill", qe = "if-break", Ge = "indent-if-break", tt = "line-suffix", Ue = "line-suffix-boundary", ct = "line", Be = "label", Oe = "break-parent", fe = /* @__PURE__ */ new Set([q, ae, ce, Te, ke, Ye, qe, Ge, tt, Ue, ct, Be, Oe]), Re = (f, g, k) => {
       if (!(f && g == null)) return Array.isArray(g) || typeof g == "string" ? g[k < 0 ? g.length + k : k] : g.at(k);
     }, xe = Re;
     function Q(f) {
@@ -32292,7 +32292,7 @@ Expected it to be ${x}.`;
             return g(M.map(x));
           case Ye:
             return g({ ...M, parts: M.parts.map(x) });
-          case Ve:
+          case qe:
             return g({ ...M, breakContents: x(M.breakContents), flatContents: x(M.flatContents) });
           case ke: {
             let { expandedStates: U, contents: ve } = M;
@@ -32341,7 +32341,7 @@ Expected it to be ${x}.`;
       return { type: Ye, parts: f };
     }
     function gr(f, g = "", k = {}) {
-      return { type: Ve, breakContents: f, flatContents: g, groupId: k.groupId };
+      return { type: qe, breakContents: f, flatContents: g, groupId: k.groupId };
     }
     function Yi(f, g) {
       return { type: Ge, contents: f, groupId: g.groupId, negate: g.negate };
@@ -35167,19 +35167,19 @@ function P5(n, r, i, l, d, h, m, D, C) {
     if (Te) {
       var ke = ce.split(`
 `);
-      ke.forEach(function(Ye, Ve) {
+      ke.forEach(function(Ye, qe) {
         var Ge = l && N.length + h, tt = {
           type: "text",
           value: "".concat(Ye, `
 `)
         };
-        if (Ve === 0) {
+        if (qe === 0) {
           var Ue = $.slice(R + 1, B).concat(lw({
             children: [tt],
             className: ae.properties.className
           })), ct = Y(Ue, Ge);
           N.push(ct);
-        } else if (Ve === ke.length - 1) {
+        } else if (qe === ke.length - 1) {
           var Be = $[B + 1] && $[B + 1].children && $[B + 1].children[0], Oe = {
             type: "text",
             value: "".concat(Ye)
@@ -35252,7 +35252,7 @@ function O5(n, r) {
     var d = l.language, h = l.children, m = l.style, D = m === void 0 ? r : m, C = l.customStyle, T = C === void 0 ? {} : C, $ = l.codeTagProps, N = $ === void 0 ? {
       className: d ? "language-".concat(d) : void 0,
       style: vf(vf({}, D['code[class*="language-"]']), D['code[class*="language-'.concat(d, '"]')])
-    } : $, R = l.useInlineStyles, B = R === void 0 ? !0 : R, I = l.showLineNumbers, K = I === void 0 ? !1 : I, Y = l.showInlineLineNumbers, Ce = Y === void 0 ? !0 : Y, J = l.startingLineNumber, G = J === void 0 ? 1 : J, re = l.lineNumberContainerStyle, q = l.lineNumberStyle, ae = q === void 0 ? {} : q, ce = l.wrapLines, Te = l.wrapLongLines, ke = Te === void 0 ? !1 : Te, Ye = l.lineProps, Ve = Ye === void 0 ? {} : Ye, Ge = l.renderer, tt = l.PreTag, Ue = tt === void 0 ? "pre" : tt, ct = l.CodeTag, Be = ct === void 0 ? "code" : ct, Oe = l.code, fe = Oe === void 0 ? (Array.isArray(h) ? h[0] : h) || "" : Oe, Re = l.astGenerator, xe = h5(l, _5);
+    } : $, R = l.useInlineStyles, B = R === void 0 ? !0 : R, I = l.showLineNumbers, K = I === void 0 ? !1 : I, Y = l.showInlineLineNumbers, Ce = Y === void 0 ? !0 : Y, J = l.startingLineNumber, G = J === void 0 ? 1 : J, re = l.lineNumberContainerStyle, q = l.lineNumberStyle, ae = q === void 0 ? {} : q, ce = l.wrapLines, Te = l.wrapLongLines, ke = Te === void 0 ? !1 : Te, Ye = l.lineProps, qe = Ye === void 0 ? {} : Ye, Ge = l.renderer, tt = l.PreTag, Ue = tt === void 0 ? "pre" : tt, ct = l.CodeTag, Be = ct === void 0 ? "code" : ct, Oe = l.code, fe = Oe === void 0 ? (Array.isArray(h) ? h[0] : h) || "" : Oe, Re = l.astGenerator, xe = h5(l, _5);
     Re = Re || n;
     var Q = K ? /* @__PURE__ */ Ht.createElement(F5, {
       containerStyle: re,
@@ -35288,7 +35288,7 @@ function O5(n, r) {
     var yt = pt.value.length;
     yt === 1 && pt.value[0].type === "text" && (yt = pt.value[0].value.split(`
 `).length);
-    var gt = yt + G, Nt = P5(pt, ce, Ve, K, Ce, G, gt, ae, ke);
+    var gt = yt + G, Nt = P5(pt, ce, qe, K, Ce, G, gt, ae, ke);
     return /* @__PURE__ */ Ht.createElement(Ue, nt, /* @__PURE__ */ Ht.createElement(Be, N, !Ce && Q, Ge({
       rows: Nt,
       stylesheet: D,
@@ -36142,7 +36142,7 @@ function TU(n, r) {
   return (i.position.indent || i.position.start) && (i.indent = i.position.indent || [], i.position = i.position.start), AU(n, i);
 }
 function AU(n, r) {
-  var i = r.additional, l = r.nonTerminated, d = r.text, h = r.reference, m = r.warning, D = r.textContext, C = r.referenceContext, T = r.warningContext, $ = r.position, N = r.indent || [], R = n.length, B = 0, I = -1, K = $.column || 1, Y = $.line || 1, Ce = "", J = [], G, re, q, ae, ce, Te, ke, Ye, Ve, Ge, tt, Ue, ct, Be, Oe, fe, Re, xe, Q;
+  var i = r.additional, l = r.nonTerminated, d = r.text, h = r.reference, m = r.warning, D = r.textContext, C = r.referenceContext, T = r.warningContext, $ = r.position, N = r.indent || [], R = n.length, B = 0, I = -1, K = $.column || 1, Y = $.line || 1, Ce = "", J = [], G, re, q, ae, ce, Te, ke, Ye, qe, Ge, tt, Ue, ct, Be, Oe, fe, Re, xe, Q;
   for (typeof i == "string" && (i = i.charCodeAt(0)), fe = he(), Ye = m ? it : vU, B--, R++; ++B < R; )
     if (ce === XT && (K = N[I] || 1), ce = n.charCodeAt(B), ce === JT) {
       if (ke = n.charCodeAt(B + 1), ke === yU || ke === XT || ke === bU || ke === kU || ke === JT || ke === DU || ke !== ke || i && ke === i) {
@@ -36151,7 +36151,7 @@ function AU(n, r) {
       }
       for (ct = B + 1, Ue = ct, Q = ct, ke === CU ? (Q = ++Ue, ke = n.charCodeAt(Q), ke === xU || ke === _U ? (Be = mC, Q = ++Ue) : Be = gC) : Be = jm, G = "", tt = "", ae = "", Oe = Mw[Be], Q--; ++Q < R && (ke = n.charCodeAt(Q), !!Oe(ke)); )
         ae += Bm(ke), Be === jm && gU.call(GT, ae) && (G = ae, tt = GT[ae]);
-      q = n.charCodeAt(Q) === wU, q && (Q++, re = Be === jm ? hU(ae) : !1, re && (G = ae, tt = re)), xe = 1 + Q - ct, !q && !l || (ae ? Be === jm ? (q && !tt ? Ye(JF, 1) : (G !== ae && (Q = Ue + G.length, xe = 1 + Q - Ue, q = !1), q || (Ve = G ? GF : QF, r.attribute ? (ke = n.charCodeAt(Q), ke === SU ? (Ye(Ve, xe), tt = null) : YF(ke) ? tt = null : Ye(Ve, xe)) : Ye(Ve, xe))), Te = tt) : (q || Ye(KF, xe), Te = parseInt(ae, vC[Be]), FU(Te) ? (Ye(ZF, xe), Te = Bm(EU)) : Te in KT ? (Ye(OS, xe), Te = KT[Te]) : (Ge = "", $U(Te) && Ye(OS, xe), Te > 65535 && (Te -= 65536, Ge += Bm(Te >>> 10 | 55296), Te = 56320 | Te & 1023), Te = Ge + Bm(Te))) : Be !== jm && Ye(XF, xe)), Te ? (nt(), fe = he(), B = Q - 1, K += Q - ct + 1, J.push(Te), Re = he(), Re.offset++, h && h.call(
+      q = n.charCodeAt(Q) === wU, q && (Q++, re = Be === jm ? hU(ae) : !1, re && (G = ae, tt = re)), xe = 1 + Q - ct, !q && !l || (ae ? Be === jm ? (q && !tt ? Ye(JF, 1) : (G !== ae && (Q = Ue + G.length, xe = 1 + Q - Ue, q = !1), q || (qe = G ? GF : QF, r.attribute ? (ke = n.charCodeAt(Q), ke === SU ? (Ye(qe, xe), tt = null) : YF(ke) ? tt = null : Ye(qe, xe)) : Ye(qe, xe))), Te = tt) : (q || Ye(KF, xe), Te = parseInt(ae, vC[Be]), FU(Te) ? (Ye(ZF, xe), Te = Bm(EU)) : Te in KT ? (Ye(OS, xe), Te = KT[Te]) : (Ge = "", $U(Te) && Ye(OS, xe), Te > 65535 && (Te -= 65536, Ge += Bm(Te >>> 10 | 55296), Te = 56320 | Te & 1023), Te = Ge + Bm(Te))) : Be !== jm && Ye(XF, xe)), Te ? (nt(), fe = he(), B = Q - 1, K += Q - ct + 1, J.push(Te), Re = he(), Re.offset++, h && h.call(
         C,
         Te,
         { start: fe, end: Re },
@@ -36537,8 +36537,8 @@ var e$ = { exports: {} };
               re.hasOwnProperty(Te) || (ce[Te] = ae[Te]);
             }
           var Ye = q[J];
-          return q[J] = ce, D.languages.DFS(D.languages, function(Ve, Ge) {
-            Ge === Ye && Ve != J && (this[Ve] = ce);
+          return q[J] = ce, D.languages.DFS(D.languages, function(qe, Ge) {
+            Ge === Ye && qe != J && (this[qe] = ce);
           }), ce;
         },
         // Traverse a language definition with Depth First Search
@@ -36645,10 +36645,10 @@ var e$ = { exports: {} };
           return;
         }
         if (G && l.Worker) {
-          var Ve = new Worker(D.filename);
-          Ve.onmessage = function(Ge) {
+          var qe = new Worker(D.filename);
+          qe.onmessage = function(Ge) {
             Ye(Ge.data);
-          }, Ve.postMessage(JSON.stringify({
+          }, qe.postMessage(JSON.stringify({
             language: ke.language,
             code: ke.code,
             immediateClose: !0
@@ -36805,12 +36805,12 @@ var e$ = { exports: {} };
           for (var Ye = 0; Ye < ke.length; ++Ye) {
             if (ce && ce.cause == Te + "," + Ye)
               return;
-            var Ve = ke[Ye], Ge = Ve.inside, tt = !!Ve.lookbehind, Ue = !!Ve.greedy, ct = Ve.alias;
-            if (Ue && !Ve.pattern.global) {
-              var Be = Ve.pattern.toString().match(/[imsuy]*$/)[0];
-              Ve.pattern = RegExp(Ve.pattern.source, Be + "g");
+            var qe = ke[Ye], Ge = qe.inside, tt = !!qe.lookbehind, Ue = !!qe.greedy, ct = qe.alias;
+            if (Ue && !qe.pattern.global) {
+              var Be = qe.pattern.toString().match(/[imsuy]*$/)[0];
+              qe.pattern = RegExp(qe.pattern.source, Be + "g");
             }
-            for (var Oe = Ve.pattern || Ve, fe = q.next, Re = ae; fe !== G.tail && !(ce && Re >= ce.reach); Re += fe.value.length, fe = fe.next) {
+            for (var Oe = qe.pattern || qe, fe = q.next, Re = ae; fe !== G.tail && !(ce && Re >= ce.reach); Re += fe.value.length, fe = fe.next) {
               var xe = fe.value;
               if (G.length > J.length)
                 return;
@@ -39038,7 +39038,7 @@ const lH = ({ specs: n, children: r, fullWidth: i }) => {
     navigator.clipboard.writeText(Oe).then(() => {
       K(Be), console.log("Copied to clipboard", Be);
     });
-  }, ke = (Be) => Array.isArray(Be) && Be.length === 0, Ye = (Be) => Be && typeof Be == "object" && !Object.keys(Be).length, Ve = (Be, Oe) => /* @__PURE__ */ L.jsxs("div", { className: "pkt-preview__copy", children: [
+  }, ke = (Be) => Array.isArray(Be) && Be.length === 0, Ye = (Be) => Be && typeof Be == "object" && !Object.keys(Be).length, qe = (Be, Oe) => /* @__PURE__ */ L.jsxs("div", { className: "pkt-preview__copy", children: [
     I === Be && /* @__PURE__ */ L.jsx("span", { className: "pkt-preview__copied", children: "Kode kopiert til utklippstavle" }),
     /* @__PURE__ */ L.jsx(
       oh,
@@ -39120,11 +39120,11 @@ const lH = ({ specs: n, children: r, fullWidth: i }) => {
     ] }),
     /* @__PURE__ */ L.jsxs("div", { className: `pkt-preview__code ${J[1].active ? "" : "pkt-hide"}`, children: [
       /* @__PURE__ */ L.jsx(Cy, { language: "jsx", style: ZT, children: R }),
-      Ve("jsx", R)
+      qe("jsx", R)
     ] }),
     /* @__PURE__ */ L.jsxs("div", { className: `pkt-preview__code ${J[2].active ? "" : "pkt-hide"}`, children: [
       /* @__PURE__ */ L.jsx(Cy, { language: "html", style: ZT, children: $ }),
-      Ve("html", $)
+      qe("html", $)
     ] }),
     /* @__PURE__ */ L.jsx("div", { className: `pkt-preview__specs ${J[3].active ? "" : "pkt-hide"}`, children: /* @__PURE__ */ L.jsx(iH, { specs: n }) })
   ] });

package/dist/punkt-react.umd.js

@@ -1161,7 +1161,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
                 ${this.headingText?be`<h1 id="pkt-modal__headingText" class=${It(i)}>
                       ${this.headingText}
                     </h1>`:be`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton?qe:be`<div class="${It(h)}">
+                ${this.hideCloseButton?be`<div class="pkt-modal__noCloseButton"></div>`:be`<div class="${It(h)}">
                       <pkt-button
                         @click=${D=>this.close(D)}
                         class=${It(m)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "12.39.4",
+  "version": "12.39.5",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.7",
-    "@oslokommune/punkt-elements": "^12.39.3",
+    "@oslokommune/punkt-elements": "^12.39.5",
     "angular-html-parser": "^6.0.2",
     "html-format": "^1.1.7",
     "prettier": "^3.3.3",
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
     "@oslokommune/punkt-assets": "^12.39.2",
-    "@oslokommune/punkt-css": "^12.39.2",
+    "@oslokommune/punkt-css": "^12.39.5",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -112,5 +112,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "3e0844eb879d0a16e69ef985950fcbfdf6c5935f"
+  "gitHead": "1c97e7a7a152408f9574d3e95d5a4497a04317f6"
 }