@oslokommune/punkt-react 13.12.0 → 13.13.1

package/dist/punkt-react.es.js

@@ -35,9 +35,9 @@
               }
               import { jsx as h, jsxs as x, Fragment as Gt } from "react/jsx-runtime";
 import * as dn from "react";
-import lt, { createContext as Na, forwardRef as K, useContext as Aa, useState as oi, useEffect as as, useCallback as Ea, Fragment as cn, createRef as pn, createElement as un, Children as Es, isValidElement as mn, cloneElement as fn, useRef as gn } from "react";
+import ct, { createContext as Na, forwardRef as G, useContext as Aa, useState as oi, useEffect as as, useCallback as Ea, Fragment as cn, createRef as pn, createElement as un, Children as Es, isValidElement as mn, cloneElement as fn, useRef as gn } from "react";
 import { Link as zs } from "react-router-dom";
-const Oa = Na({}), vn = () => Aa(Oa), bn = K(
+const Oa = Na({}), vn = () => Aa(Oa), bn = G(
   ({ compact: i = !1, skin: t = "borderless", ariaLabelledBy: e, children: s, name: a, className: n }, r) => {
     const l = [
       "pkt-accordion",
@@ -68,24 +68,24 @@ const yn = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   n === void 0 ? (i[t] = e, e == null && t in HTMLElement.prototype && i.removeAttribute(t)) : e !== s && ((r, l, d) => {
     let p = Ws.get(r);
     p === void 0 && Ws.set(r, p = /* @__PURE__ */ new Map());
-    let g = p.get(l);
-    d !== void 0 ? g === void 0 ? (p.set(l, g = { handleEvent: d }), r.addEventListener(l, g)) : g.handleEvent = d : g !== void 0 && (p.delete(l), r.removeEventListener(l, g));
+    let f = p.get(l);
+    d !== void 0 ? f === void 0 ? (p.set(l, f = { handleEvent: d }), r.addEventListener(l, f)) : f.handleEvent = d : f !== void 0 && (p.delete(l), r.removeEventListener(l, f));
   })(i, n, e);
-}, Tt = ({ react: i, tagName: t, elementClass: e, events: s, displayName: a }) => {
+}, Lt = ({ react: i, tagName: t, elementClass: e, events: s, displayName: a }) => {
   const n = new Set(Object.keys(s ?? {})), r = i.forwardRef(((l, d) => {
-    const p = i.useRef(/* @__PURE__ */ new Map()), g = i.useRef(null), f = {}, k = {};
-    for (const [b, y] of Object.entries(l)) yn.has(b) ? f[b === "className" ? "class" : b] = y : n.has(b) || b in e.prototype ? k[b] = y : f[b] = y;
+    const p = i.useRef(/* @__PURE__ */ new Map()), f = i.useRef(null), g = {}, k = {};
+    for (const [b, y] of Object.entries(l)) yn.has(b) ? g[b === "className" ? "class" : b] = y : n.has(b) || b in e.prototype ? k[b] = y : g[b] = y;
     return i.useLayoutEffect((() => {
-      if (g.current === null) return;
+      if (f.current === null) return;
       const b = /* @__PURE__ */ new Map();
-      for (const y in k) Ks(g.current, y, l[y], p.current.get(y), s), p.current.delete(y), b.set(y, l[y]);
-      for (const [y, w] of p.current) Ks(g.current, y, void 0, w, s);
+      for (const y in k) Ks(f.current, y, l[y], p.current.get(y), s), p.current.delete(y), b.set(y, l[y]);
+      for (const [y, w] of p.current) Ks(f.current, y, void 0, w, s);
       p.current = b;
     })), i.useLayoutEffect((() => {
       var b;
-      (b = g.current) == null || b.removeAttribute("defer-hydration");
-    }), []), f.suppressHydrationWarning = !0, i.createElement(t, { ...f, ref: i.useCallback(((b) => {
-      g.current = b, typeof d == "function" ? d(b) : d !== null && (d.current = b);
+      (b = f.current) == null || b.removeAttribute("defer-hydration");
+    }), []), g.suppressHydrationWarning = !0, i.createElement(t, { ...g, ref: i.useCallback(((b) => {
+      f.current = b, typeof d == "function" ? d(b) : d !== null && (d.current = b);
     }), [d]) });
   }));
   return r.displayName = a ?? e.name, r;
@@ -95,9 +95,9 @@ const yn = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Xi = globalThis, Ji = Xi.trustedTypes, Gs = Ji ? Ji.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Pa = "$lit$", ye = `lit$${Math.random().toFixed(9).slice(2)}$`, Ma = "?" + ye, kn = `<${Ma}>`, De = document, Ni = () => De.createComment(""), Ai = (i) => i === null || typeof i != "object" && typeof i != "function", Rs = Array.isArray, $n = (i) => Rs(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", vs = `[ 	
+const Xi = globalThis, Ji = Xi.trustedTypes, Gs = Ji ? Ji.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Pa = "$lit$", be = `lit$${Math.random().toFixed(9).slice(2)}$`, Ma = "?" + be, kn = `<${Ma}>`, De = document, Ni = () => De.createComment(""), Ai = (i) => i === null || typeof i != "object" && typeof i != "function", Rs = Array.isArray, $n = (i) => Rs(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", vs = `[ 	
 \f\r]`, fi = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ys = /-->/g, Zs = />/g, Ne = RegExp(`>|${vs}(?:([^\\s"'>=/]+)(${vs}*=${vs}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Xs = /'/g, Js = /"/g, Ia = /^(?:script|style|textarea|title)$/i, _n = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = _n(1), $t = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), Qs = /* @__PURE__ */ new WeakMap(), Pe = De.createTreeWalker(De, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Xs = /'/g, Js = /"/g, Ia = /^(?:script|style|textarea|title)$/i, _n = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = _n(1), _t = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), Qs = /* @__PURE__ */ new WeakMap(), Pe = De.createTreeWalker(De, 129);
 function Da(i, t) {
   if (!Rs(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Gs !== void 0 ? Gs.createHTML(t) : t;
@@ -107,10 +107,10 @@ const wn = (i, t) => {
   let a, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = fi;
   for (let l = 0; l < e; l++) {
     const d = i[l];
-    let p, g, f = -1, k = 0;
-    for (; k < d.length && (r.lastIndex = k, g = r.exec(d), g !== null); ) k = r.lastIndex, r === fi ? g[1] === "!--" ? r = Ys : g[1] !== void 0 ? r = Zs : g[2] !== void 0 ? (Ia.test(g[2]) && (a = RegExp("</" + g[2], "g")), r = Ne) : g[3] !== void 0 && (r = Ne) : r === Ne ? g[0] === ">" ? (r = a ?? fi, f = -1) : g[1] === void 0 ? f = -2 : (f = r.lastIndex - g[2].length, p = g[1], r = g[3] === void 0 ? Ne : g[3] === '"' ? Js : Xs) : r === Js || r === Xs ? r = Ne : r === Ys || r === Zs ? r = fi : (r = Ne, a = void 0);
+    let p, f, g = -1, k = 0;
+    for (; k < d.length && (r.lastIndex = k, f = r.exec(d), f !== null); ) k = r.lastIndex, r === fi ? f[1] === "!--" ? r = Ys : f[1] !== void 0 ? r = Zs : f[2] !== void 0 ? (Ia.test(f[2]) && (a = RegExp("</" + f[2], "g")), r = Ne) : f[3] !== void 0 && (r = Ne) : r === Ne ? f[0] === ">" ? (r = a ?? fi, g = -1) : f[1] === void 0 ? g = -2 : (g = r.lastIndex - f[2].length, p = f[1], r = f[3] === void 0 ? Ne : f[3] === '"' ? Js : Xs) : r === Js || r === Xs ? r = Ne : r === Ys || r === Zs ? r = fi : (r = Ne, a = void 0);
     const b = r === Ne && i[l + 1].startsWith("/>") ? " " : "";
-    n += r === fi ? d + kn : f >= 0 ? (s.push(p), d.slice(0, f) + Pa + d.slice(f) + ye + b) : d + ye + (f === -2 ? l : b);
+    n += r === fi ? d + kn : g >= 0 ? (s.push(p), d.slice(0, g) + Pa + d.slice(g) + be + b) : d + be + (g === -2 ? l : b);
   }
   return [Da(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -119,29 +119,29 @@ let Os = class Ra {
     let a;
     this.parts = [];
     let n = 0, r = 0;
-    const l = t.length - 1, d = this.parts, [p, g] = wn(t, e);
+    const l = t.length - 1, d = this.parts, [p, f] = wn(t, e);
     if (this.el = Ra.createElement(p, s), Pe.currentNode = this.el.content, e === 2 || e === 3) {
-      const f = this.el.content.firstChild;
-      f.replaceWith(...f.childNodes);
+      const g = this.el.content.firstChild;
+      g.replaceWith(...g.childNodes);
     }
     for (; (a = Pe.nextNode()) !== null && d.length < l; ) {
       if (a.nodeType === 1) {
-        if (a.hasAttributes()) for (const f of a.getAttributeNames()) if (f.endsWith(Pa)) {
-          const k = g[r++], b = a.getAttribute(f).split(ye), y = /([.?@])?(.*)/.exec(k);
-          d.push({ type: 1, index: n, name: y[2], strings: b, ctor: y[1] === "." ? Sn : y[1] === "?" ? Cn : y[1] === "@" ? Tn : rs }), a.removeAttribute(f);
-        } else f.startsWith(ye) && (d.push({ type: 6, index: n }), a.removeAttribute(f));
+        if (a.hasAttributes()) for (const g of a.getAttributeNames()) if (g.endsWith(Pa)) {
+          const k = f[r++], b = a.getAttribute(g).split(be), y = /([.?@])?(.*)/.exec(k);
+          d.push({ type: 1, index: n, name: y[2], strings: b, ctor: y[1] === "." ? Sn : y[1] === "?" ? Cn : y[1] === "@" ? Tn : rs }), a.removeAttribute(g);
+        } else g.startsWith(be) && (d.push({ type: 6, index: n }), a.removeAttribute(g));
         if (Ia.test(a.tagName)) {
-          const f = a.textContent.split(ye), k = f.length - 1;
+          const g = a.textContent.split(be), k = g.length - 1;
           if (k > 0) {
             a.textContent = Ji ? Ji.emptyScript : "";
-            for (let b = 0; b < k; b++) a.append(f[b], Ni()), Pe.nextNode(), d.push({ type: 2, index: ++n });
-            a.append(f[k], Ni());
+            for (let b = 0; b < k; b++) a.append(g[b], Ni()), Pe.nextNode(), d.push({ type: 2, index: ++n });
+            a.append(g[k], Ni());
           }
         }
       } else if (a.nodeType === 8) if (a.data === Ma) d.push({ type: 2, index: n });
       else {
-        let f = -1;
-        for (; (f = a.data.indexOf(ye, f + 1)) !== -1; ) d.push({ type: 7, index: n }), f += ye.length - 1;
+        let g = -1;
+        for (; (g = a.data.indexOf(be, g + 1)) !== -1; ) d.push({ type: 7, index: n }), g += be.length - 1;
       }
       n++;
     }
@@ -153,7 +153,7 @@ let Os = class Ra {
 };
 function Qe(i, t, e = i, s) {
   var a, n;
-  if (t === $t) return t;
+  if (t === _t) return t;
   let r = s !== void 0 ? (a = e._$Co) == null ? void 0 : a[s] : e._$Cl;
   const l = Ai(t) ? void 0 : t._$litDirective$;
   return (r == null ? void 0 : r.constructor) !== l && ((n = r == null ? void 0 : r._$AO) == null || n.call(r, !1), l === void 0 ? r = void 0 : (r = new l(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = Qe(i, r._$AS(i, t.values), r, s)), t;
@@ -205,7 +205,7 @@ let xn = class {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = Qe(this, t, e), Ai(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== $t && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : $n(t) ? this.k(t) : this._(t);
+    t = Qe(this, t, e), Ai(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== _t && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : $n(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -260,11 +260,11 @@ let xn = class {
   _$AI(t, e = this, s, a) {
     const n = this.strings;
     let r = !1;
-    if (n === void 0) t = Qe(this, t, e, 0), r = !Ai(t) || t !== this._$AH && t !== $t, r && (this._$AH = t);
+    if (n === void 0) t = Qe(this, t, e, 0), r = !Ai(t) || t !== this._$AH && t !== _t, r && (this._$AH = t);
     else {
       const l = t;
       let d, p;
-      for (t = n[0], d = 0; d < n.length - 1; d++) p = Qe(this, l[s + d], e, d), p === $t && (p = this._$AH[d]), r || (r = !Ai(p) || p !== this._$AH[d]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + n[d + 1]), this._$AH[d] = p;
+      for (t = n[0], d = 0; d < n.length - 1; d++) p = Qe(this, l[s + d], e, d), p === _t && (p = this._$AH[d]), r || (r = !Ai(p) || p !== this._$AH[d]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + n[d + 1]), this._$AH[d] = p;
     }
     r && !a && this.j(t);
   }
@@ -290,7 +290,7 @@ let xn = class {
     super(t, e, s, a, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = Qe(this, t, e, 0) ?? $) === $t) return;
+    if ((t = Qe(this, t, e, 0) ?? $) === _t) return;
     const s = this._$AH, a = t === $ && s !== $ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== $ && (s === $ || a);
     a && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -325,7 +325,7 @@ const En = (i, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = (i) => (t, e) => {
+const V = (i) => (t, e) => {
   e !== void 0 ? e.addInitializer((() => {
     customElements.define(i, t);
   })) : customElements.define(i, t);
@@ -664,7 +664,7 @@ let Ze = class extends Ye {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return $t;
+    return _t;
   }
 };
 var ra;
@@ -672,7 +672,7 @@ Ze._$litElement$ = !0, Ze.finalized = !0, (ra = Ei.litElementHydrateSupport) ==
 const oa = Ei.litElementPolyfillSupport;
 oa == null || oa({ LitElement: Ze });
 (Ei.litElementVersions ?? (Ei.litElementVersions = [])).push("4.2.1");
-const Hn = { hi: "Hei!" }, qn = { from: "Fra", to: "Til" }, zn = { buttonAltText: "Åpne kalender", deleteDate: "Fjern dato" }, Wn = { month: "Måned", year: "År", days: ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"], daysShort: ["Man", "Tir", "Ons", "Tor", "Fre", "Lør", "Søn"], months: ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], monthsShort: ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], week: "Uke", prevMonth: "Forrige måned", nextMonth: "Neste måned" }, Kn = { search: { placeholder: "Søk…" }, labels: { optional: "Valgfritt", required: "Må fylles ut" }, messages: { required: "Dette feltet er påkrevd", invalid: "Ugyldig verdi", invalidPattern: "Ugyldig format", tooShort: "For kort", tooLong: "For lang", rangeUnderflow: "For lav verdi", rangeOverflow: "For høy verdi", rangeUnderflowMin: "Verdien må være større enn eller lik {min}.", rangeOverflowMax: "Verdien må være mindre enn eller lik {max}.", dateUnderflow: "For tidlig dato", dateOverflow: "For sen dato" }, helptext: { helptextDropdownButton: "Les mer" }, date: { multiple: "Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato." } }, vt = {
+const Hn = { hi: "Hei!" }, qn = { from: "Fra", to: "Til" }, zn = { buttonAltText: "Åpne kalender", deleteDate: "Fjern dato" }, Wn = { month: "Måned", year: "År", days: ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"], daysShort: ["Man", "Tir", "Ons", "Tor", "Fre", "Lør", "Søn"], months: ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], monthsShort: ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], week: "Uke", prevMonth: "Forrige måned", nextMonth: "Neste måned" }, Kn = { search: { placeholder: "Søk…" }, labels: { optional: "Valgfritt", required: "Må fylles ut" }, messages: { required: "Dette feltet er påkrevd", invalid: "Ugyldig verdi", invalidPattern: "Ugyldig format", tooShort: "For kort", tooLong: "For lang", rangeUnderflow: "For lav verdi", rangeOverflow: "For høy verdi", rangeUnderflowMin: "Verdien må være større enn eller lik {min}.", rangeOverflowMax: "Verdien må være mindre enn eller lik {max}.", dateUnderflow: "For tidlig dato", dateOverflow: "For sen dato" }, helptext: { helptextDropdownButton: "Les mer" }, date: { multiple: "Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato." } }, bt = {
   example: Hn,
   generic: qn,
   calendar: zn,
@@ -686,7 +686,7 @@ var Gn = Object.defineProperty, Va = (i, t, e, s) => {
 };
 let os = class extends Ze {
   constructor() {
-    super(...arguments), this.strings = vt, this.role = null;
+    super(...arguments), this.strings = bt, this.role = null;
   }
   /**
    * Add support for Hot Module Reloading in dev mode
@@ -701,7 +701,7 @@ Va([
 Va([
   o({ type: String })
 ], os.prototype, "role");
-let G = class extends os {
+let K = class extends os {
   /**
    * Make sure the component renders in light DOM instead of shadow DOM
    */
@@ -757,7 +757,7 @@ const O = Fe(class extends li {
       const r = !!t[n];
       r === this.st.has(n) || (s = this.nt) != null && s.has(n) || (r ? (a.add(n), this.st.add(n)) : (a.remove(n), this.st.delete(n)));
     }
-    return $t;
+    return _t;
   }
 });
 /**
@@ -877,8 +877,8 @@ const { I: Zn } = An, Fa = (i) => i.strings === void 0, la = () => document.crea
     if (r !== n || d) {
       let p = e._$AA;
       for (; p !== r; ) {
-        const g = p.nextSibling;
-        a.insertBefore(p, n), p = g;
+        const f = p.nextSibling;
+        a.insertBefore(p, n), p = f;
       }
     }
   }
@@ -996,7 +996,7 @@ let es = class extends li {
   }
   render(t) {
     if (t === $ || t == null) return this._t = void 0, this.it = t;
-    if (t === $t) return t;
+    if (t === _t) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -1020,7 +1020,7 @@ var ar = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, Di = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ar(t, e, a), a;
 };
-const Ms = "https://punkt-cdn.oslo.kommune.no/13.12/icons/";
+const Ms = "https://punkt-cdn.oslo.kommune.no/13.13/icons/";
 typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || Ms);
 const rr = (i) => new Promise((t) => setTimeout(t, i)), Zi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', $s = {}, or = async (i, t) => {
   let e = 0;
@@ -1031,7 +1031,7 @@ const rr = (i) => new Promise((t) => setTimeout(t, i)), Zi = '<svg xmlns="http:/
     window.pktFetch(t + i + ".svg").then((a) => a.ok ? a.text() : (console.error("Missing icon: " + t + i + ".svg"), Zi)).then((a) => (a !== Zi && s && localStorage.setItem(t + i + ".svg", a), $s[t + i + ".svg"] = "fetched", a))
   )) : Promise.resolve(Zi);
 };
-let Re = class extends G {
+let Re = class extends K {
   constructor() {
     super(...arguments), this.path = typeof window < "u" ? window.pktIconPath : Ms, this.name = "", this.icon = ha(Zi), this._updatedProps = [];
   }
@@ -1066,7 +1066,7 @@ Di([
   o({ type: Array, noAccessor: !0 })
 ], Re.prototype, "_updatedProps", 2);
 Re = Di([
-  B("pkt-icon")
+  V("pkt-icon")
 ], Re);
 /**
  * @license
@@ -1074,13 +1074,13 @@ Re = Di([
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const S = (i) => i ?? $;
-var lr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Nt = (i, t, e, s) => {
+var lr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Tt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? hr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && lr(t, e, a), a;
 };
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.12/animations/";
-let bt = class extends G {
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.13/animations/";
+let yt = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new rt(this, this.defaultSlot);
   }
@@ -1139,48 +1139,48 @@ let bt = class extends G {
     `;
   }
 };
-Nt([
+Tt([
   o({ type: String })
-], bt.prototype, "iconName", 2);
-Nt([
+], yt.prototype, "iconName", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "secondIconName", 2);
-Nt([
+], yt.prototype, "secondIconName", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "mode", 2);
-Nt([
+], yt.prototype, "mode", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "size", 2);
-Nt([
+], yt.prototype, "size", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "color", 2);
-Nt([
+], yt.prototype, "color", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "skin", 2);
-Nt([
+], yt.prototype, "skin", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "variant", 2);
-Nt([
+], yt.prototype, "variant", 2);
+Tt([
   o({ type: String, reflect: !0 })
-], bt.prototype, "state", 2);
-Nt([
+], yt.prototype, "state", 2);
+Tt([
   o({ type: String, reflect: !0 })
-], bt.prototype, "type", 2);
-Nt([
+], yt.prototype, "type", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "form", 2);
-Nt([
+], yt.prototype, "form", 2);
+Tt([
   o({ type: Boolean, reflect: !0 })
-], bt.prototype, "isLoading", 2);
-Nt([
+], yt.prototype, "isLoading", 2);
+Tt([
   o({ type: Boolean, reflect: !0 })
-], bt.prototype, "disabled", 2);
-Nt([
+], yt.prototype, "disabled", 2);
+Tt([
   o({ type: String })
-], bt.prototype, "loadingAnimationPath", 2);
-bt = Nt([
-  B("pkt-button")
-], bt);
+], yt.prototype, "loadingAnimationPath", 2);
+yt = Tt([
+  V("pkt-button")
+], yt);
 const dr = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, Wi = {
   props: dr
 };
@@ -1189,7 +1189,7 @@ var cr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, ae = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && cr(t, e, a), a;
 };
-let Yt = class extends G {
+let Yt = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.compact = Wi.props.compact.default, this.title = "", this.skin = Wi.props.skin.default, this.ariaLive = Wi.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = Wi.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (t) => {
       this._isClosed = !0, this.dispatchEvent(
@@ -1284,7 +1284,7 @@ ae([
   R()
 ], Yt.prototype, "_isClosed", 2);
 Yt = ae([
-  B("pkt-alert")
+  V("pkt-alert")
 ], Yt);
 var ur = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Ri = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? mr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
@@ -1345,14 +1345,14 @@ Ri([
   o({ type: String, reflect: !0, attribute: "name" })
 ], ei.prototype, "name", 2);
 ei = Ri([
-  B("pkt-accordion")
+  V("pkt-accordion")
 ], ei);
 var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Ue = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? gr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && fr(t, e, a), a;
 };
-let $e = class extends G {
+let ke = class extends K {
   constructor() {
     super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = N(), this.defaultSlot = N(), this.slotController = new rt(this, this.defaultSlot);
   }
@@ -1394,31 +1394,31 @@ let $e = class extends G {
 };
 Ue([
   o({ type: Boolean })
-], $e.prototype, "defaultOpen", 2);
+], ke.prototype, "defaultOpen", 2);
 Ue([
   o({ type: String })
-], $e.prototype, "title", 2);
+], ke.prototype, "title", 2);
 Ue([
   o({ type: String, reflect: !0 })
-], $e.prototype, "skin", 2);
+], ke.prototype, "skin", 2);
 Ue([
   o({ type: Boolean, reflect: !0 })
-], $e.prototype, "compact", 2);
+], ke.prototype, "compact", 2);
 Ue([
   o({ type: Boolean, reflect: !0 })
-], $e.prototype, "isOpen", 2);
+], ke.prototype, "isOpen", 2);
 Ue([
   o({ type: String, reflect: !0 })
-], $e.prototype, "name", 2);
-$e = Ue([
-  B("pkt-accordion-item")
-], $e);
+], ke.prototype, "name", 2);
+ke = Ue([
+  V("pkt-accordion-item")
+], ke);
 var vr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, ls = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? br(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && vr(t, e, a), a;
 };
-let ii = class extends G {
+let ii = class extends K {
   constructor() {
     super(...arguments), this.href = "", this.text = "Forsiden", this.ariaLabel = "";
   }
@@ -1452,7 +1452,7 @@ ls([
   o({ type: String })
 ], ii.prototype, "ariaLabel", 2);
 ii = ls([
-  B("pkt-backlink")
+  V("pkt-backlink")
 ], ii);
 const za = 6048e5, yr = 864e5, da = Symbol.for("constructDateFrom");
 function ie(i, t) {
@@ -1471,8 +1471,8 @@ function hs() {
 }
 function Oi(i, t) {
   var e, s, a, n;
-  const r = hs(), l = (t == null ? void 0 : t.weekStartsOn) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.weekStartsOn) ?? r.weekStartsOn ?? ((n = (a = r.locale) == null ? void 0 : a.options) == null ? void 0 : n.weekStartsOn) ?? 0, d = Bt(i, t == null ? void 0 : t.in), p = d.getDay(), g = (p < l ? 7 : 0) + p - l;
-  return d.setDate(d.getDate() - g), d.setHours(0, 0, 0, 0), d;
+  const r = hs(), l = (t == null ? void 0 : t.weekStartsOn) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.weekStartsOn) ?? r.weekStartsOn ?? ((n = (a = r.locale) == null ? void 0 : a.options) == null ? void 0 : n.weekStartsOn) ?? 0, d = Bt(i, t == null ? void 0 : t.in), p = d.getDay(), f = (p < l ? 7 : 0) + p - l;
+  return d.setDate(d.getDate() - f), d.setHours(0, 0, 0, 0), d;
 }
 function is(i, t) {
   return Oi(i, { ...t, weekStartsOn: 1 });
@@ -1827,17 +1827,17 @@ function yi(i) {
     const s = e.width, a = s && i.matchPatterns[s] || i.matchPatterns[i.defaultMatchWidth], n = t.match(a);
     if (!n)
       return null;
-    const r = n[0], l = s && i.parsePatterns[s] || i.parsePatterns[i.defaultParseWidth], d = Array.isArray(l) ? qr(l, (f) => f.test(r)) : (
+    const r = n[0], l = s && i.parsePatterns[s] || i.parsePatterns[i.defaultParseWidth], d = Array.isArray(l) ? qr(l, (g) => g.test(r)) : (
       // [TODO] -- I challenge you to fix the type
-      Hr(l, (f) => f.test(r))
+      Hr(l, (g) => g.test(r))
     );
     let p;
     p = i.valueCallback ? i.valueCallback(d) : d, p = e.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       e.valueCallback(p)
     ) : p;
-    const g = t.slice(r.length);
-    return { value: p, rest: g };
+    const f = t.slice(r.length);
+    return { value: p, rest: f };
   };
 }
 function Hr(i, t) {
@@ -1988,12 +1988,12 @@ function oo(i, t) {
 }
 function Ga(i, t) {
   var e, s, a, n;
-  const r = Bt(i, t == null ? void 0 : t.in), l = r.getFullYear(), d = hs(), p = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.firstWeekContainsDate) ?? d.firstWeekContainsDate ?? ((n = (a = d.locale) == null ? void 0 : a.options) == null ? void 0 : n.firstWeekContainsDate) ?? 1, g = ie((t == null ? void 0 : t.in) || i, 0);
-  g.setFullYear(l + 1, 0, p), g.setHours(0, 0, 0, 0);
-  const f = Oi(g, t), k = ie((t == null ? void 0 : t.in) || i, 0);
+  const r = Bt(i, t == null ? void 0 : t.in), l = r.getFullYear(), d = hs(), p = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.firstWeekContainsDate) ?? d.firstWeekContainsDate ?? ((n = (a = d.locale) == null ? void 0 : a.options) == null ? void 0 : n.firstWeekContainsDate) ?? 1, f = ie((t == null ? void 0 : t.in) || i, 0);
+  f.setFullYear(l + 1, 0, p), f.setHours(0, 0, 0, 0);
+  const g = Oi(f, t), k = ie((t == null ? void 0 : t.in) || i, 0);
   k.setFullYear(l, 0, p), k.setHours(0, 0, 0, 0);
   const b = Oi(k, t);
-  return +r >= +f ? l + 1 : +r >= +b ? l : l - 1;
+  return +r >= +g ? l + 1 : +r >= +b ? l : l - 1;
 }
 function lo(i, t) {
   var e, s, a, n;
@@ -2008,7 +2008,7 @@ function H(i, t) {
   const e = i < 0 ? "-" : "", s = Math.abs(i).toString().padStart(t, "0");
   return e + s;
 }
-const ve = {
+const ge = {
   // Year
   y(i, t) {
     const e = i.getFullYear(), s = e > 0 ? e : 1 - e;
@@ -2094,7 +2094,7 @@ const ve = {
       const s = i.getFullYear(), a = s > 0 ? s : 1 - s;
       return e.ordinalNumber(a, { unit: "year" });
     }
-    return ve.y(i, t);
+    return ge.y(i, t);
   },
   // Local week-numbering year
   Y: function(i, t, e, s) {
@@ -2197,7 +2197,7 @@ const ve = {
     switch (t) {
       case "M":
       case "MM":
-        return ve.M(i, t);
+        return ge.M(i, t);
       // 1st, 2nd, ..., 12th
       case "Mo":
         return e.ordinalNumber(s + 1, { unit: "month" });
@@ -2262,7 +2262,7 @@ const ve = {
   },
   // Day of the month
   d: function(i, t, e) {
-    return t === "do" ? e.ordinalNumber(i.getDate(), { unit: "date" }) : ve.d(i, t);
+    return t === "do" ? e.ordinalNumber(i.getDate(), { unit: "date" }) : ge.d(i, t);
   },
   // Day of year
   D: function(i, t, e) {
@@ -2508,11 +2508,11 @@ const ve = {
       let s = i.getHours() % 12;
       return s === 0 && (s = 12), e.ordinalNumber(s, { unit: "hour" });
     }
-    return ve.h(i, t);
+    return ge.h(i, t);
   },
   // Hour [0-23]
   H: function(i, t, e) {
-    return t === "Ho" ? e.ordinalNumber(i.getHours(), { unit: "hour" }) : ve.H(i, t);
+    return t === "Ho" ? e.ordinalNumber(i.getHours(), { unit: "hour" }) : ge.H(i, t);
   },
   // Hour [0-11]
   K: function(i, t, e) {
@@ -2526,15 +2526,15 @@ const ve = {
   },
   // Minute
   m: function(i, t, e) {
-    return t === "mo" ? e.ordinalNumber(i.getMinutes(), { unit: "minute" }) : ve.m(i, t);
+    return t === "mo" ? e.ordinalNumber(i.getMinutes(), { unit: "minute" }) : ge.m(i, t);
   },
   // Second
   s: function(i, t, e) {
-    return t === "so" ? e.ordinalNumber(i.getSeconds(), { unit: "second" }) : ve.s(i, t);
+    return t === "so" ? e.ordinalNumber(i.getSeconds(), { unit: "second" }) : ge.s(i, t);
   },
   // Fraction of second
   S: function(i, t) {
-    return ve.S(i, t);
+    return ge.S(i, t);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(i, t, e) {
@@ -2701,8 +2701,8 @@ function bo(i, t, e) {
 const yo = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ko = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, $o = /^'([^]*?)'?$/, _o = /''/g, wo = /[a-zA-Z]/;
 function xo(i, t, e) {
   var s, a, n, r;
-  const l = hs(), d = l.locale ?? no, p = l.firstWeekContainsDate ?? ((a = (s = l.locale) == null ? void 0 : s.options) == null ? void 0 : a.firstWeekContainsDate) ?? 1, g = l.weekStartsOn ?? ((r = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : r.weekStartsOn) ?? 0, f = Bt(i, void 0);
-  if (!xr(f))
+  const l = hs(), d = l.locale ?? no, p = l.firstWeekContainsDate ?? ((a = (s = l.locale) == null ? void 0 : s.options) == null ? void 0 : a.firstWeekContainsDate) ?? 1, f = l.weekStartsOn ?? ((r = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : r.weekStartsOn) ?? 0, g = Bt(i, void 0);
+  if (!xr(g))
     throw new RangeError("Invalid time value");
   let k = t.match(ko).map((y) => {
     const w = y[0];
@@ -2725,10 +2725,10 @@ function xo(i, t, e) {
       );
     return { isToken: !1, value: y };
   });
-  d.localize.preprocessor && (k = d.localize.preprocessor(f, k));
+  d.localize.preprocessor && (k = d.localize.preprocessor(g, k));
   const b = {
     firstWeekContainsDate: p,
-    weekStartsOn: g,
+    weekStartsOn: f,
     locale: d
   };
   return k.map((y) => {
@@ -2736,7 +2736,7 @@ function xo(i, t, e) {
     const w = y.value;
     (go(w) || fo(w)) && vo(w, t, String(i));
     const C = ua[w[0]];
-    return C(f, w, d.localize, b);
+    return C(g, w, d.localize, b);
   }).join("");
 }
 function So(i) {
@@ -2830,13 +2830,13 @@ function Xa(i) {
   d && Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + d);
   const p = /* @__PURE__ */ new Date(+i);
   p.setUTCSeconds(0);
-  const g = a > 0 ? p.getSeconds() : (p.getSeconds() - 60) % 60, f = Math.round(-(Me(i.timeZone, i) * 60)) % 60;
-  (f || g) && (i.internal.setUTCSeconds(i.internal.getUTCSeconds() + f), Date.prototype.setUTCSeconds.call(i, Date.prototype.getUTCSeconds.call(i) + f + g));
+  const f = a > 0 ? p.getSeconds() : (p.getSeconds() - 60) % 60, g = Math.round(-(Me(i.timeZone, i) * 60)) % 60;
+  (g || f) && (i.internal.setUTCSeconds(i.internal.getUTCSeconds() + g), Date.prototype.setUTCSeconds.call(i, Date.prototype.getUTCSeconds.call(i) + g + f));
   const k = Me(i.timeZone, i), b = k > 0 ? Math.floor(k) : Math.ceil(k), y = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset() - b, w = b !== e, C = y - d;
   if (w && C) {
     Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + C);
-    const P = Me(i.timeZone, i), T = P > 0 ? Math.floor(P) : Math.ceil(P), j = b - T;
-    j && (i.internal.setUTCMinutes(i.internal.getUTCMinutes() + j), Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + j));
+    const P = Me(i.timeZone, i), T = P > 0 ? Math.floor(P) : Math.ceil(P), F = b - T;
+    F && (i.internal.setUTCMinutes(i.internal.getUTCMinutes() + F), Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + F));
   }
 }
 let Ds = class Si extends wi {
@@ -2900,7 +2900,7 @@ const Eo = (i = window.pktTz) => {
   const t = new Ds((/* @__PURE__ */ new Date()).toISOString(), i);
   return t.setHours(0, 0, 0, 0), isNaN(t.getTime()) ? /* @__PURE__ */ new Date() : new Date(t.getFullYear(), t.getMonth(), t.getDate());
 };
-function _e(i) {
+function $e(i) {
   if (!i || i === "") return /* @__PURE__ */ new Date();
   if (/^\d{4}-\d{2}-\d{2}$/.test(i)) {
     const [t, e, s] = i.split("-").map(Number);
@@ -2916,18 +2916,18 @@ const nt = (i) => {
   if (!i || isNaN(i.getTime())) return "";
   const t = i.getFullYear(), e = String(i.getMonth() + 1).padStart(2, "0"), s = String(i.getDate()).padStart(2, "0");
   return `${t}-${e}-${s}`;
-}, we = (i) => {
+}, _e = (i) => {
   if (!i)
     return null;
-  const t = _e(i);
+  const t = $e(i);
   return isNaN(t.getTime()) ? null : t;
 }, ka = (i, t) => {
   const e = ce(i);
   return isNaN(e.getTime()) ? "" : xo(e, t);
 }, ce = (i = "", t) => {
-  const e = typeof i == "string" ? _e(i) : i;
+  const e = typeof i == "string" ? $e(i) : i;
   return !e || isNaN(e.getTime()) ? /* @__PURE__ */ new Date() : e;
-}, be = (i, t, e = 1) => {
+}, ve = (i, t, e = 1) => {
   if (typeof i != "number" || typeof t != "number" || typeof e != "number" || isNaN(i) || isNaN(t) || isNaN(e))
     return /* @__PURE__ */ new Date();
   const s = new Date(i, t, e);
@@ -2948,22 +2948,22 @@ const nt = (i) => {
   const e = i.getDay().toString();
   return t.includes(e);
 }, Ja = (i, t, e, s, a) => !(!i || isNaN(i.getTime()) || !Po(i, t, e) || s && Mo(i, s) || a && Io(i, a)), Do = (i, t, e, s, a) => i.filter((n) => {
-  const r = we(n);
+  const r = _e(n);
   return r && Ja(r, t, e, s, a);
 }), Ro = (i) => i.slice().sort((t, e) => {
-  const s = we(t), a = we(e);
+  const s = _e(t), a = _e(e);
   return !s || !a ? 0 : s.getTime() - a.getTime();
 }), Lo = (i, t) => {
-  const e = we(i), s = we(t);
+  const e = _e(i), s = _e(t);
   return !e || !s ? !1 : e <= s;
 }, Qa = (i) => {
   if (Array.isArray(i)) return i;
   if (typeof i == "string") return i.split(",");
-}, Bo = (i) => i ? _e(i) : null, Vo = (i) => {
+}, Bo = (i) => i ? $e(i) : null, Vo = (i) => {
   if (typeof i == "string")
-    return i.split(",").map((t) => _e(t));
+    return i.split(",").map((t) => $e(t));
   if (Array.isArray(i))
-    return i.map((t) => _e(t));
+    return i.map((t) => $e(t));
 }, hi = {
   csvToArray: Qa,
   stringToDate: Bo,
@@ -2976,7 +2976,7 @@ var Fo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, W = (i, t,
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Fo(t, e, a), a;
 };
-let q = class extends G {
+let q = class extends K {
   constructor() {
     super(...arguments), this.multiple = Ee.props.multiple.default, this.maxMultiple = Ee.props.maxMultiple.default, this.range = Ee.props.range.default, this.weeknumbers = Ee.props.weeknumbers.default, this.withcontrols = Ee.props.withcontrols.default, this.selected = [], this.earliest = Ee.props.earliest.default, this.latest = Ee.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.dayStrings = this.strings.dates.daysShort, this.dayStringsLong = this.strings.dates.days, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [], this.currentmonthtouched = !1, this.tabIndexSet = 0;
   }
@@ -2999,7 +2999,7 @@ let q = class extends G {
     this.addEventListener("keydown", this.handleKeydown);
   }
   convertSelected() {
-    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((t) => _e(t)), this.range && this.selected.length === 2) {
+    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((t) => $e(t)), this.range && this.selected.length === 2) {
       const t = ws({
         start: this._selected[0],
         end: this._selected[1]
@@ -3017,7 +3017,7 @@ let q = class extends G {
   }
   setCurrentMonth() {
     if (this.currentmonth === null && !this.currentmonthtouched && (this.currentmonthtouched = !0), this.selected.length && this.selected[0] !== "") {
-      const t = _e(this.selected[this.selected.length - 1]);
+      const t = $e(this.selected[this.selected.length - 1]);
       this.currentmonth = isNaN(t.getTime()) ? ki(/* @__PURE__ */ new Date()) : t;
     } else this.currentmonth === null && (this.currentmonth = ki(/* @__PURE__ */ new Date()));
     (!this.currentmonth || isNaN(this.currentmonth.getTime())) && (this.currentmonth = ki(/* @__PURE__ */ new Date())), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
@@ -3043,19 +3043,19 @@ let q = class extends G {
     if (((s = t.target) == null ? void 0 : s.nodeName) === "INPUT" || ((a = t.target) == null ? void 0 : a.nodeName) === "SELECT" || ((n = t.target) == null ? void 0 : n.nodeName) === "BUTTON" && !((l = (r = t.target) == null ? void 0 : r.dataset) != null && l.date))
       return;
     t.preventDefault(), this.focusedDate || this.focusOnCurrentDate();
-    const d = this.focusedDate ? ce(this.focusedDate) : be(this.year, this.month, 1);
+    const d = this.focusedDate ? ce(this.focusedDate) : ve(this.year, this.month, 1);
     let p = _s(d, e);
     if (p) {
-      let g = this.querySelector(`button[data-date="${nt(p)}"]`);
-      if (g instanceof HTMLButtonElement) {
-        if (g.dataset.disabled) {
+      let f = this.querySelector(`button[data-date="${nt(p)}"]`);
+      if (f instanceof HTMLButtonElement) {
+        if (f.dataset.disabled) {
           p = _s(p, e);
-          let f = this.querySelector(`button[data-date="${nt(p)}"]`);
-          for (; f && f instanceof HTMLButtonElement && f.dataset.disabled; )
-            p = _s(p, e), f = this.querySelector(`button[data-date="${nt(p)}"]`);
-          g = f;
+          let g = this.querySelector(`button[data-date="${nt(p)}"]`);
+          for (; g && g instanceof HTMLButtonElement && g.dataset.disabled; )
+            p = _s(p, e), g = this.querySelector(`button[data-date="${nt(p)}"]`);
+          f = g;
         }
-        g instanceof HTMLButtonElement && !g.dataset.disabled && (this.focusedDate = nt(p), g.focus());
+        f instanceof HTMLButtonElement && !f.dataset.disabled && (this.focusedDate = nt(p), f.focus());
       }
     }
   }
@@ -3177,9 +3177,9 @@ let q = class extends G {
   }
   renderDayView(t, e) {
     var s;
-    const a = be(this.year, this.month, t), n = nt(a), r = n === nt(e), l = this.selected.includes(n), d = Oo(a), p = this.isExcluded(a) || !l && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, g = this.focusedDate ? this.focusedDate === n && !p ? "0" : "-1" : !p && this.tabIndexSet === 0 || this.tabIndexSet === t ? "0" : "-1";
-    g === "0" && (this.tabIndexSet = t), this.selectableDates.push({ currentDateISO: n, isDisabled: p, tabindex: g });
-    const f = {
+    const a = ve(this.year, this.month, t), n = nt(a), r = n === nt(e), l = this.selected.includes(n), d = Oo(a), p = this.isExcluded(a) || !l && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, f = this.focusedDate ? this.focusedDate === n && !p ? "0" : "-1" : !p && this.tabIndexSet === 0 || this.tabIndexSet === t ? "0" : "-1";
+    f === "0" && (this.tabIndexSet = t), this.selectableDates.push({ currentDateISO: n, isDisabled: p, tabindex: f });
+    const g = {
       "pkt-cal-today": r,
       "pkt-cal-selected": l,
       "pkt-cal-in-range": this.inRange[n],
@@ -3197,7 +3197,7 @@ let q = class extends G {
       "pkt-calendar__date--range-start": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && n === this.selected[0],
       "pkt-calendar__date--range-end": this.range && this.selected.length === 2 && n === this.selected[1]
     };
-    return u`<td class=${O(f)}>
+    return u`<td class=${O(g)}>
       <button
         type="button"
         aria-pressed=${l ? "true" : "false"}
@@ -3225,17 +3225,17 @@ let q = class extends G {
     </td>`;
   }
   renderCalendarBody() {
-    const t = Eo(), e = be(this.year, this.month, 1), s = be(this.year, this.month + 1, 0), a = (e.getDay() + 6) % 7, n = s.getDate(), r = Math.ceil((n + a) / 7), l = be(this.year, this.month, 0).getDate();
+    const t = Eo(), e = ve(this.year, this.month, 1), s = ve(this.year, this.month + 1, 0), a = (e.getDay() + 6) % 7, n = s.getDate(), r = Math.ceil((n + a) / 7), l = ve(this.year, this.month, 0).getDate();
     let d = 1;
-    this.week = Ya(be(this.year, this.month, 1));
+    this.week = Ya(ve(this.year, this.month, 1));
     const p = [];
-    for (let g = 0; g < r; g++) {
-      const f = [];
-      this.weeknumbers && f.push(u`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
+    for (let f = 0; f < r; f++) {
+      const g = [];
+      this.weeknumbers && g.push(u`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
       for (let k = 1; k < 8; k++)
-        if (g === 0 && k < a + 1) {
+        if (f === 0 && k < a + 1) {
           const b = l - (a - k);
-          f.push(
+          g.push(
             u`<td class="pkt-cal-other">
               <div
                 class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
@@ -3245,7 +3245,7 @@ let q = class extends G {
               </div>
             </td>`
           );
-        } else d > n ? (f.push(
+        } else d > n ? (g.push(
           u`<td class="pkt-cal-other">
               <div
                 class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
@@ -3254,10 +3254,10 @@ let q = class extends G {
                 <span class="pkt-btn__text pkt-txt-14-light">${d - n}</span>
               </div>
             </td>`
-        ), d++) : (f.push(this.renderDayView(d, t)), d++);
+        ), d++) : (g.push(this.renderDayView(d, t)), d++);
       p.push(
         u`<tr class="pkt-cal-week-row" role="row">
-          ${f}
+          ${g}
         </tr>`
       );
     }
@@ -3276,7 +3276,7 @@ let q = class extends G {
     );
   }
   isPrevMonthAllowed() {
-    const t = be(this.year, this.month, 0);
+    const t = ve(this.year, this.month, 0);
     return !(this.earliest && ce(this.earliest) > t);
   }
   prevMonth() {
@@ -3284,7 +3284,7 @@ let q = class extends G {
     this.changeMonth(e, t);
   }
   isNextMonthAllowed() {
-    const t = be(
+    const t = ve(
       this.month === 11 ? this.year + 1 : this.year,
       this.month === 11 ? 0 : this.month + 1,
       1
@@ -3469,7 +3469,7 @@ W([
   R()
 ], q.prototype, "tabIndexSet", 2);
 q = W([
-  B("pkt-calendar")
+  V("pkt-calendar")
 ], q);
 const Ho = { size: { default: "medium" }, skin: { default: "blue" }, closeTag: { default: !1 }, type: { default: "button" } }, Ki = {
   props: Ho
@@ -3479,7 +3479,7 @@ var qo = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, ne = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && qo(t, e, a), a;
 };
-let qt = class extends G {
+let qt = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.closeTag = Ki.props.closeTag.default, this.size = Ki.props.size.default, this.skin = Ki.props.skin.default, this.textStyle = null, this.iconName = void 0, this.type = Ki.props.type.default, this.ariaLabel = null, this._isClosed = !1, this._ariaDescription = null, this.close = (t) => {
       this._isClosed = !0, this.dispatchEvent(
@@ -3563,7 +3563,7 @@ ne([
   R()
 ], qt.prototype, "_ariaDescription", 2);
 qt = ne([
-  B("pkt-tag")
+  V("pkt-tag")
 ], qt);
 var Wo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Li = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Ko(t, e) : t, n = i.length - 1, r; n >= 0; n--)
@@ -3635,7 +3635,7 @@ Li([
   o({ type: String, reflect: !0 })
 ], Le.prototype, "align", 2);
 Le = Li([
-  B("pkt-heading")
+  V("pkt-heading")
 ], Le);
 const Go = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, Je = {
   props: Go
@@ -3645,7 +3645,7 @@ var Yo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, mt = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Yo(t, e, a), a;
 };
-let ht = class extends G {
+let lt = class extends K {
   //Constructor
   constructor() {
     super(), this.defaultSlot = N(), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.clickCardLink = null, this.metaTrail = null, this.layout = Je.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
@@ -3799,40 +3799,40 @@ let ht = class extends G {
 };
 mt([
   o({ type: String })
-], ht.prototype, "ariaLabel", 2);
+], lt.prototype, "ariaLabel", 2);
 mt([
   o({ type: String })
-], ht.prototype, "metaLead", 2);
+], lt.prototype, "metaLead", 2);
 mt([
   o({ type: Boolean })
-], ht.prototype, "borderOnHover", 2);
+], lt.prototype, "borderOnHover", 2);
 mt([
   o({ type: String, reflect: !0 })
-], ht.prototype, "clickCardLink", 2);
+], lt.prototype, "clickCardLink", 2);
 mt([
   o({ type: String })
-], ht.prototype, "metaTrail", 2);
+], lt.prototype, "metaTrail", 2);
 mt([
   o({ type: String })
-], ht.prototype, "layout", 2);
+], lt.prototype, "layout", 2);
 mt([
   o({ type: String })
-], ht.prototype, "heading", 2);
+], lt.prototype, "heading", 2);
 mt([
   o({ type: Number })
-], ht.prototype, "headinglevel", 2);
+], lt.prototype, "headinglevel", 2);
 mt([
   o({ type: Object })
-], ht.prototype, "image", 2);
+], lt.prototype, "image", 2);
 mt([
   o({ type: String })
-], ht.prototype, "imageShape", 2);
+], lt.prototype, "imageShape", 2);
 mt([
   o({ type: Boolean })
-], ht.prototype, "openLinkInNewTab", 2);
+], lt.prototype, "openLinkInNewTab", 2);
 mt([
   o({ type: String })
-], ht.prototype, "padding", 2);
+], lt.prototype, "padding", 2);
 mt([
   o({
     type: String,
@@ -3846,19 +3846,19 @@ mt([
       toAttribute: (i) => i
     }
   })
-], ht.prototype, "skin", 2);
+], lt.prototype, "skin", 2);
 mt([
   o({ type: String })
-], ht.prototype, "subheading", 2);
+], lt.prototype, "subheading", 2);
 mt([
   o({ type: String })
-], ht.prototype, "tagPosition", 2);
+], lt.prototype, "tagPosition", 2);
 mt([
   o({ type: Array })
-], ht.prototype, "tags", 2);
-ht = mt([
-  B("pkt-card")
-], ht);
+], lt.prototype, "tags", 2);
+lt = mt([
+  V("pkt-card")
+], lt);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -3887,43 +3887,43 @@ const $a = (i, t, e) => {
     const a = Jn(i), { values: n, keys: r } = this.dt(t, e, s);
     if (!Array.isArray(a)) return this.ut = r, n;
     const l = this.ut ?? (this.ut = []), d = [];
-    let p, g, f = 0, k = a.length - 1, b = 0, y = n.length - 1;
-    for (; f <= k && b <= y; ) if (a[f] === null) f++;
+    let p, f, g = 0, k = a.length - 1, b = 0, y = n.length - 1;
+    for (; g <= k && b <= y; ) if (a[g] === null) g++;
     else if (a[k] === null) k--;
-    else if (l[f] === r[b]) d[b] = Ae(a[f], n[b]), f++, b++;
+    else if (l[g] === r[b]) d[b] = Ae(a[g], n[b]), g++, b++;
     else if (l[k] === r[y]) d[y] = Ae(a[k], n[y]), k--, y--;
-    else if (l[f] === r[y]) d[y] = Ae(a[f], n[y]), vi(i, d[y + 1], a[f]), f++, y--;
-    else if (l[k] === r[b]) d[b] = Ae(a[k], n[b]), vi(i, a[f], a[k]), k--, b++;
-    else if (p === void 0 && (p = $a(r, b, y), g = $a(l, f, k)), p.has(l[f])) if (p.has(l[k])) {
-      const w = g.get(r[b]), C = w !== void 0 ? a[w] : null;
+    else if (l[g] === r[y]) d[y] = Ae(a[g], n[y]), vi(i, d[y + 1], a[g]), g++, y--;
+    else if (l[k] === r[b]) d[b] = Ae(a[k], n[b]), vi(i, a[g], a[k]), k--, b++;
+    else if (p === void 0 && (p = $a(r, b, y), f = $a(l, g, k)), p.has(l[g])) if (p.has(l[k])) {
+      const w = f.get(r[b]), C = w !== void 0 ? a[w] : null;
       if (C === null) {
-        const P = vi(i, a[f]);
+        const P = vi(i, a[g]);
         Ae(P, n[b]), d[b] = P;
-      } else d[b] = Ae(C, n[b]), vi(i, a[f], C), a[w] = null;
+      } else d[b] = Ae(C, n[b]), vi(i, a[g], C), a[w] = null;
       b++;
     } else ys(a[k]), k--;
-    else ys(a[f]), f++;
+    else ys(a[g]), g++;
     for (; b <= y; ) {
       const w = vi(i, d[y + 1]);
       Ae(w, n[b]), d[b++] = w;
     }
-    for (; f <= k; ) {
-      const w = a[f++];
+    for (; g <= k; ) {
+      const w = a[g++];
       w !== null && ys(w);
     }
-    return this.ut = r, Ua(i, d), $t;
+    return this.ut = r, Ua(i, d), _t;
   }
-}), _a = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).toString(16)).slice(-16), ke = () => {
+}), _a = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).toString(16)).slice(-16), ye = () => {
   const i = _a(), t = _a();
   return i.slice(0, 8) + "-" + i.slice(8, 12) + "-4" + i.slice(13) + "-a" + t.slice(1, 4) + "-" + t.slice(4);
-}, Xo = { helptextDropdownButton: { default: "Les mer <span class='pkt-sr-only'>om feltet</span>" }, counter: { default: !1 }, optionalTag: { default: !1 }, optionalText: { default: "Valgfritt" }, requiredTag: { default: !1 }, requiredText: { default: "Må fylles ut" }, hasError: { default: !1 }, disabled: { default: !1 }, inline: { default: !1 }, hasFieldset: { default: !1 }, useWrapper: { default: !0 } }, Dt = {
+}, Xo = { helptextDropdownButton: { default: "Les mer <span class='pkt-sr-only'>om feltet</span>" }, counter: { default: !1 }, optionalTag: { default: !1 }, optionalText: { default: "Valgfritt" }, requiredTag: { default: !1 }, requiredText: { default: "Må fylles ut" }, hasError: { default: !1 }, disabled: { default: !1 }, inline: { default: !1 }, hasFieldset: { default: !1 }, useWrapper: { default: !0 } }, It = {
   props: Xo
 };
 var Jo = {}, wa;
 function Qo() {
   return wa || (wa = 1, (function() {
     (function(i) {
-      const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), C = {
+      const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), C = {
         ariaAtomic: "aria-atomic",
         ariaAutoComplete: "aria-autocomplete",
         ariaBusy: "aria-busy",
@@ -3976,16 +3976,16 @@ function Qo() {
               return _;
             },
             set(L) {
-              _ = L, m.isConnected ? st(m, I, L) : g.set(m, c);
+              _ = L, m.isConnected ? st(m, I, L) : f.set(m, c);
             }
           });
         }
       };
       function T(m) {
         const c = a.get(m), { form: v } = c;
-        he(m, v, c), kt(m, c.labels);
+        he(m, v, c), $t(m, c.labels);
       }
-      const j = (m, c = !1) => {
+      const F = (m, c = !1) => {
         const v = document.createTreeWalker(m, NodeFilter.SHOW_ELEMENT, {
           acceptNode(L) {
             return a.has(L) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -3994,11 +3994,11 @@ function Qo() {
         let _ = v.nextNode();
         const I = !c || m.disabled;
         for (; _; )
-          _.formDisabledCallback && I && Ot(_, m.disabled), _ = v.nextNode();
+          _.formDisabledCallback && I && Et(_, m.disabled), _ = v.nextNode();
       }, A = { attributes: !0, attributeFilter: ["disabled", "name"] }, z = de() ? new MutationObserver((m) => {
         for (const c of m) {
           const v = c.target;
-          if (c.attributeName === "disabled" && (v.constructor.formAssociated ? Ot(v, v.hasAttribute("disabled")) : v.localName === "fieldset" && j(v)), c.attributeName === "name" && v.constructor.formAssociated) {
+          if (c.attributeName === "disabled" && (v.constructor.formAssociated ? Et(v, v.hasAttribute("disabled")) : v.localName === "fieldset" && F(v)), c.attributeName === "name" && v.constructor.formAssociated) {
             const _ = a.get(v), I = p.get(v);
             _.setFormValue(I);
           }
@@ -4007,36 +4007,36 @@ function Qo() {
       function Z(m) {
         m.forEach((c) => {
           const { addedNodes: v, removedNodes: _ } = c, I = Array.from(v), L = Array.from(_);
-          I.forEach((F) => {
-            var Mt;
-            if (a.has(F) && F.constructor.formAssociated && T(F), g.has(F)) {
-              const pt = g.get(F);
-              Object.keys(C).filter((It) => pt[It] !== null).forEach((It) => {
-                st(F, C[It], pt[It]);
-              }), g.delete(F);
+          I.forEach((U) => {
+            var Pt;
+            if (a.has(U) && U.constructor.formAssociated && T(U), f.has(U)) {
+              const pt = f.get(U);
+              Object.keys(C).filter((Mt) => pt[Mt] !== null).forEach((Mt) => {
+                st(U, C[Mt], pt[Mt]);
+              }), f.delete(U);
             }
-            if (w.has(F)) {
-              const pt = w.get(F);
-              st(F, "internals-valid", pt.validity.valid.toString()), st(F, "internals-invalid", (!pt.validity.valid).toString()), st(F, "aria-invalid", (!pt.validity.valid).toString()), w.delete(F);
+            if (w.has(U)) {
+              const pt = w.get(U);
+              st(U, "internals-valid", pt.validity.valid.toString()), st(U, "internals-invalid", (!pt.validity.valid).toString()), st(U, "aria-invalid", (!pt.validity.valid).toString()), w.delete(U);
             }
-            if (F.localName === "form") {
-              const pt = d.get(F), It = document.createTreeWalker(F, NodeFilter.SHOW_ELEMENT, {
+            if (U.localName === "form") {
+              const pt = d.get(U), Mt = document.createTreeWalker(U, NodeFilter.SHOW_ELEMENT, {
                 acceptNode(gs) {
                   return a.has(gs) && gs.constructor.formAssociated && !(pt && pt.has(gs)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
                 }
               });
-              let mi = It.nextNode();
+              let mi = Mt.nextNode();
               for (; mi; )
-                T(mi), mi = It.nextNode();
+                T(mi), mi = Mt.nextNode();
             }
-            F.localName === "fieldset" && ((Mt = z.observe) === null || Mt === void 0 || Mt.call(z, F, A), j(F, !0));
-          }), L.forEach((F) => {
-            const Mt = a.get(F);
-            Mt && s.get(Mt) && Pt(Mt), l.has(F) && l.get(F).disconnect();
+            U.localName === "fieldset" && ((Pt = z.observe) === null || Pt === void 0 || Pt.call(z, U, A), F(U, !0));
+          }), L.forEach((U) => {
+            const Pt = a.get(U);
+            Pt && s.get(Pt) && Ot(Pt), l.has(U) && l.get(U).disconnect();
           });
         });
       }
-      function At(m) {
+      function Nt(m) {
         m.forEach((c) => {
           const { removedNodes: v } = c;
           v.forEach((_) => {
@@ -4045,9 +4045,9 @@ function Qo() {
           });
         });
       }
-      const Et = (m) => {
+      const At = (m) => {
         var c, v;
-        const _ = new MutationObserver(At);
+        const _ = new MutationObserver(Nt);
         !((c = window == null ? void 0 : window.ShadyDOM) === null || c === void 0) && c.inUse && m.mode && m.host && (m = m.host), (v = _.observe) === null || v === void 0 || v.call(_, m, { childList: !0 }), b.set(m, _);
       };
       de() && new MutationObserver(Z);
@@ -4056,9 +4056,9 @@ function Qo() {
         subtree: !0
       }, st = (m, c, v) => {
         m.getAttribute(c) !== v && m.setAttribute(c, v);
-      }, Ot = (m, c) => {
+      }, Et = (m, c) => {
         m.toggleAttribute("internals-disabled", c), c ? st(m, "aria-disabled", "true") : m.removeAttribute("aria-disabled"), m.formDisabledCallback && m.formDisabledCallback.apply(m, [c]);
-      }, Pt = (m) => {
+      }, Ot = (m) => {
         s.get(m).forEach((c) => {
           c.remove();
         }), s.set(m, []);
@@ -4068,7 +4068,7 @@ function Qo() {
       }, D = (m, c) => {
         var v;
         s.set(c, []), (v = z.observe) === null || v === void 0 || v.call(z, m, A);
-      }, kt = (m, c) => {
+      }, $t = (m, c) => {
         if (c.length) {
           Array.from(c).forEach((_) => _.addEventListener("click", m.click.bind(m)));
           let v = c[0].id;
@@ -4123,7 +4123,7 @@ function Qo() {
       }, Te = (m) => {
         if (m.constructor.formAssociated) {
           const c = a.get(m), { labels: v, form: _ } = c;
-          kt(m, v), he(m, _, c);
+          $t(m, v), he(m, _, c);
         }
       };
       function de() {
@@ -4180,10 +4180,10 @@ function Qo() {
         if (typeof c == "function" ? m !== c || !0 : !c.has(m)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return c.set(m, v), v;
       }
-      var ge;
+      var fe;
       class qi {
         constructor(c) {
-          ge.set(this, void 0), ms(this, ge, c);
+          fe.set(this, void 0), ms(this, fe, c);
           for (let v = 0; v < c.length; v++) {
             let _ = c[v];
             this[v] = _, _.hasAttribute("name") && (this[_.getAttribute("name")] = _);
@@ -4191,10 +4191,10 @@ function Qo() {
           Object.freeze(this);
         }
         get length() {
-          return Hi(this, ge, "f").length;
+          return Hi(this, fe, "f").length;
         }
-        [(ge = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
-          return Hi(this, ge, "f")[Symbol.iterator]();
+        [(fe = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
+          return Hi(this, fe, "f")[Symbol.iterator]();
         }
         item(c) {
           return this[c] == null ? null : this[c];
@@ -4209,20 +4209,20 @@ function Qo() {
         const c = HTMLFormElement.prototype.reportValidity;
         HTMLFormElement.prototype.reportValidity = _;
         function v(...L) {
-          let F = m.apply(this, L);
-          return Ce(this, F, "checkValidity");
+          let U = m.apply(this, L);
+          return Ce(this, U, "checkValidity");
         }
         function _(...L) {
-          let F = c.apply(this, L);
-          return Ce(this, F, "reportValidity");
+          let U = c.apply(this, L);
+          return Ce(this, U, "reportValidity");
         }
         const { get: I } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
         Object.defineProperty(HTMLFormElement.prototype, "elements", {
           get(...L) {
-            const F = I.call(this, ...L), Mt = Array.from(d.get(this) || []);
-            if (Mt.length === 0)
-              return F;
-            const pt = Array.from(F).concat(Mt).sort((It, mi) => It.compareDocumentPosition ? It.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
+            const U = I.call(this, ...L), Pt = Array.from(d.get(this) || []);
+            if (Pt.length === 0)
+              return U;
+            const pt = Array.from(U).concat(Pt).sort((Mt, mi) => Mt.compareDocumentPosition ? Mt.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
             return new qi(pt);
           }
         });
@@ -4235,7 +4235,7 @@ function Qo() {
           if (!c || !c.tagName || c.tagName.indexOf("-") === -1)
             throw new TypeError("Illegal constructor");
           const v = c.getRootNode(), _ = new ps();
-          this.states = new ui(c), t.set(this, c), e.set(this, _), a.set(c, this), P(c, this), D(c, this), Object.seal(this), v instanceof DocumentFragment && Et(v);
+          this.states = new ui(c), t.set(this, c), e.set(this, _), a.set(c, this), P(c, this), D(c, this), Object.seal(this), v instanceof DocumentFragment && At(v);
         }
         checkValidity() {
           const c = t.get(this);
@@ -4275,7 +4275,7 @@ function Qo() {
         }
         setFormValue(c) {
           const v = t.get(this);
-          if (ot(v, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Pt(this), c != null && !(c instanceof FormData)) {
+          if (ot(v, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Ot(this), c != null && !(c instanceof FormData)) {
             if (v.getAttribute("name")) {
               const _ = at(v, this);
               _.value = c;
@@ -4293,20 +4293,20 @@ function Qo() {
           if (ot(I, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !c)
             throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
           k.set(this, _);
-          const L = e.get(this), F = {};
-          for (const It in c)
-            F[It] = c[It];
-          Object.keys(F).length === 0 && Fi(L);
-          const Mt = Object.assign(Object.assign({}, L), F);
-          delete Mt.valid;
-          const { valid: pt } = us(L, Mt, this.form);
+          const L = e.get(this), U = {};
+          for (const Mt in c)
+            U[Mt] = c[Mt];
+          Object.keys(U).length === 0 && Fi(L);
+          const Pt = Object.assign(Object.assign({}, L), U);
+          delete Pt.valid;
+          const { valid: pt } = us(L, Pt, this.form);
           if (!pt && !v)
             throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
           n.set(this, pt ? "" : v), I.isConnected ? (I.toggleAttribute("internals-invalid", !pt), I.toggleAttribute("internals-valid", pt), st(I, "aria-invalid", `${!pt}`)) : w.set(I, this);
         }
         get shadowRoot() {
           const c = t.get(this);
-          return f.get(c) || null;
+          return g.get(c) || null;
         }
         get validationMessage() {
           const c = t.get(this);
@@ -4360,7 +4360,7 @@ function Qo() {
               if (_.formAssociated) {
                 const L = _.prototype.connectedCallback;
                 _.prototype.connectedCallback = function() {
-                  y.has(this) || (y.set(this, !0), this.hasAttribute("disabled") && Ot(this, !0)), L != null && L.apply(this), Te(this);
+                  y.has(this) || (y.set(this, !0), this.hasAttribute("disabled") && Et(this, !0)), L != null && L.apply(this), Te(this);
                 };
               }
               c.call(this, v, _, I);
@@ -4377,7 +4377,7 @@ function Qo() {
           }), typeof Element < "u") {
             let c = function(..._) {
               const I = v.apply(this, _);
-              if (f.set(this, I), de()) {
+              if (g.set(this, I), de()) {
                 const L = new MutationObserver(Z);
                 window.ShadyDOM ? L.observe(this, Q) : L.observe(I, Q), l.set(this, L);
               }
@@ -4394,31 +4394,31 @@ function Qo() {
   })()), Jo;
 }
 Qo();
-var tl = Object.defineProperty, V = (i, t, e, s) => {
+var tl = Object.defineProperty, j = (i, t, e, s) => {
   for (var a = void 0, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = r(t, e, a) || a);
   return a && tl(t, e, a), a;
 };
-let M = class extends G {
+let M = class extends K {
   constructor() {
-    super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = ke(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = Dt.props.helptextDropdownButton.default, this.label = null, this.optionalText = vt.forms.labels.optional, this.requiredText = vt.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
+    super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = ye(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = It.props.helptextDropdownButton.default, this.label = null, this.optionalText = bt.forms.labels.optional, this.requiredText = bt.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
   static get formAssociated() {
     return !0;
   }
   manageValidity(t) {
-    var e, s, a, n, r, l, d, p, g, f, k;
-    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, vt.forms.messages.required, t) : (e = t.validity) != null && e.typeMismatch || (s = t.validity) != null && s.badInput ? this.internals.setValidity({ typeMismatch: !0 }, vt.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
+    var e, s, a, n, r, l, d, p, f, g, k;
+    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, bt.forms.messages.required, t) : (e = t.validity) != null && e.typeMismatch || (s = t.validity) != null && s.badInput ? this.internals.setValidity({ typeMismatch: !0 }, bt.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
       { patternMismatch: !0 },
-      vt.forms.messages.invalidPattern,
+      bt.forms.messages.invalidPattern,
       t
-    ) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, vt.forms.messages.tooShort, t) : (r = t.validity) != null && r.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, vt.forms.messages.tooLong, t) : (l = t.validity) != null && l.rangeUnderflow ? this.internals.setValidity(
+    ) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, bt.forms.messages.tooShort, t) : (r = t.validity) != null && r.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, bt.forms.messages.tooLong, t) : (l = t.validity) != null && l.rangeUnderflow ? this.internals.setValidity(
       { rangeUnderflow: !0 },
-      this.min ? vt.forms.messages.rangeUnderflowMin.replace("{min}", (d = this.min) == null ? void 0 : d.toString()) : vt.forms.messages.rangeUnderflow,
+      this.min ? bt.forms.messages.rangeUnderflowMin.replace("{min}", (d = this.min) == null ? void 0 : d.toString()) : bt.forms.messages.rangeUnderflow,
       t
-    ) : (p = t.validity) != null && p.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, vt.forms.messages.invalid, t) : (g = t.validity) != null && g.rangeOverflow ? this.internals.setValidity(
+    ) : (p = t.validity) != null && p.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, bt.forms.messages.invalid, t) : (f = t.validity) != null && f.rangeOverflow ? this.internals.setValidity(
       { rangeOverflow: !0 },
-      this.max ? vt.forms.messages.rangeOverflowMax.replace("{max}", (f = this.max) == null ? void 0 : f.toString()) : vt.forms.messages.rangeOverflow,
+      this.max ? bt.forms.messages.rangeOverflowMax.replace("{max}", (g = this.max) == null ? void 0 : g.toString()) : bt.forms.messages.rangeOverflow,
       t
     ) : (k = t.validity) != null && k.customError ? this.internals.setValidity({ customError: !0 }, t.validationMessage, t) : this.internals.setValidity({}));
   }
@@ -4514,109 +4514,109 @@ let M = class extends G {
     this.inputRef && this.inputRef.value && (this.inputRef.value.setAttribute("form", ""), this.manageValidity(this.inputRef.value)), this.inputRefTo && this.inputRefTo.value && (this.inputRefTo.value.setAttribute("form", ""), this.manageValidity(this.inputRefTo.value));
   }
 };
-V([
+j([
   o()
 ], M.prototype, "defaultValue");
-V([
+j([
   o({ type: Boolean, reflect: !0 })
 ], M.prototype, "disabled");
-V([
+j([
   o({ type: Boolean, reflect: !0 })
 ], M.prototype, "readonly");
-V([
+j([
   o({ type: Boolean, reflect: !0 })
 ], M.prototype, "required");
-V([
+j([
   o({ type: Number, reflect: !0 })
 ], M.prototype, "max");
-V([
+j([
   o({ type: Number, reflect: !0 })
 ], M.prototype, "maxlength");
-V([
+j([
   o({ type: Number, reflect: !0 })
 ], M.prototype, "min");
-V([
+j([
   o({ type: Number, reflect: !0 })
 ], M.prototype, "minlength");
-V([
+j([
   o({ type: Number, reflect: !0 })
 ], M.prototype, "step");
-V([
+j([
   o({ type: String })
 ], M.prototype, "ariaDescribedBy");
-V([
+j([
   o({ type: String })
 ], M.prototype, "ariaLabelledby");
-V([
+j([
   o({ type: String, reflect: !0 })
 ], M.prototype, "name");
-V([
+j([
   o({ type: String, reflect: !0 })
 ], M.prototype, "pattern");
-V([
+j([
   o({ type: String, reflect: !0 })
 ], M.prototype, "placeholder");
-V([
+j([
   o({ type: String, reflect: !0 })
 ], M.prototype, "id");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "counter");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "hasError");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "inline");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "hasFieldset");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "optionalTag");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "requiredTag");
-V([
+j([
   o({ type: Boolean })
 ], M.prototype, "skipForwardTestid");
-V([
+j([
   o({ type: Boolean, reflect: !1 })
 ], M.prototype, "useWrapper");
-V([
+j([
   o({ type: Boolean, reflect: !0 })
 ], M.prototype, "fullwidth");
-V([
+j([
   o({ type: Number })
 ], M.prototype, "counterMaxLength");
-V([
+j([
   o({ type: String })
 ], M.prototype, "errorMessage");
-V([
+j([
   o({ type: String })
 ], M.prototype, "helptext");
-V([
+j([
   o({ type: String })
 ], M.prototype, "helptextDropdown");
-V([
+j([
   o({ type: String, reflect: !1 })
 ], M.prototype, "helptextDropdownButton");
-V([
+j([
   o({ type: String })
 ], M.prototype, "label");
-V([
+j([
   o({ type: String, reflect: !1 })
 ], M.prototype, "optionalText");
-V([
+j([
   o({ type: String, reflect: !1 })
 ], M.prototype, "requiredText");
-V([
+j([
   o({ type: String, reflect: !1 })
 ], M.prototype, "tagText");
-V([
+j([
   o({ type: String, attribute: "data-testid" })
 ], M.prototype, "dataTestid");
-V([
+j([
   R()
 ], M.prototype, "touched");
 let tn = class {
@@ -4659,9 +4659,9 @@ var el = Object.defineProperty, il = Object.getOwnPropertyDescriptor, He = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && el(t, e, a), a;
 };
-let pe = class extends G {
+let pe = class extends K {
   constructor() {
-    super(), this.defaultSlot = N(), this.forId = ke(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = Dt.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new rt(this, this.defaultSlot);
+    super(), this.defaultSlot = N(), this.forId = ye(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = It.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new rt(this, this.defaultSlot);
   }
   updateSlots(t) {
     this.filledSlots = new Set(t);
@@ -4728,7 +4728,7 @@ He([
   R()
 ], pe.prototype, "filledSlots", 2);
 pe = He([
-  B("pkt-helptext")
+  V("pkt-helptext")
 ], pe);
 var sl = Object.defineProperty, al = Object.getOwnPropertyDescriptor, X = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? al(t, e) : t, n = i.length - 1, r; n >= 0; n--)
@@ -4743,9 +4743,9 @@ const nl = {
     return i ? "true" : "false";
   }
 };
-let Y = class extends G {
+let Y = class extends K {
   constructor() {
-    super(), this.defaultSlot = N(), this.helptextSlot = N(), this.forId = ke(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = Dt.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = Dt.props.optionalTag.default, this.optionalText = Dt.props.optionalText.default, this.requiredTag = Dt.props.requiredTag.default, this.requiredText = Dt.props.requiredText.default, this.tagText = null, this.hasError = Dt.props.hasError.default, this.errorMessage = "", this.disabled = Dt.props.disabled.default, this.inline = Dt.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = Dt.props.hasFieldset.default, this.role = "group", this.useWrapper = Dt.props.useWrapper.default, this.slotController = new rt(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = N(), this.helptextSlot = N(), this.forId = ye(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = It.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = It.props.optionalTag.default, this.optionalText = It.props.optionalText.default, this.requiredTag = It.props.requiredTag.default, this.requiredText = It.props.requiredText.default, this.tagText = null, this.hasError = It.props.hasError.default, this.errorMessage = "", this.disabled = It.props.disabled.default, this.inline = It.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = It.props.hasFieldset.default, this.role = "group", this.useWrapper = It.props.useWrapper.default, this.slotController = new rt(this, this.defaultSlot, this.helptextSlot);
   }
   updated(t) {
     super.updated(t);
@@ -4786,9 +4786,9 @@ let Y = class extends G {
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton || Dt.props.helptextDropdownButton.default}
-          @toggleHelpText=${(f) => {
-      this.toggleDropdown(f);
+          .helptextDropdownButton=${this.helptextDropdownButton || It.props.helptextDropdownButton.default}
+          @toggleHelpText=${(g) => {
+      this.toggleDropdown(g);
     }}
           ${E(this.helptextSlot)}
           name="helptext"
@@ -4811,10 +4811,10 @@ let Y = class extends G {
         <div class="pkt-contents" ${E(this.defaultSlot)}></div>
         ${this.counterPosition === "bottom" ? l() : $} 
         ${d()}
-      `, g = () => this.hasFieldset ? u`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${s}">
+      `, f = () => this.hasFieldset ? u`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${s}">
             ${p()}
           </fieldset>` : u`<div class="pkt-inputwrapper__fieldset">${p()}</div>`;
-    return u`<div class=${O(t)}>${g()}</div> `;
+    return u`<div class=${O(t)}>${f()}</div> `;
   }
   toggleDropdown(t) {
     this.dispatchEvent(
@@ -4904,16 +4904,16 @@ X([
   o({ type: Boolean, reflect: !0, converter: nl })
 ], Y.prototype, "useWrapper", 2);
 Y = X([
-  B("pkt-input-wrapper")
+  V("pkt-input-wrapper")
 ], Y);
-var rl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, gt = (i, t, e, s) => {
+var rl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, vt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? ol(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && rl(t, e, a), a;
 };
-let ut = class extends G {
+let ut = class extends K {
   constructor() {
-    super(...arguments), this.id = ke(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this._filteredOptions = [];
+    super(...arguments), this.id = ye(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this._filteredOptions = [];
   }
   // Lifecycle methods
   connectedCallback() {
@@ -5045,7 +5045,7 @@ let ut = class extends G {
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder || vt.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder || bt.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -5209,53 +5209,53 @@ let ut = class extends G {
     ) : [];
   }
 };
-gt([
+vt([
   o({ type: String })
 ], ut.prototype, "id", 2);
-gt([
+vt([
   o({ type: String })
 ], ut.prototype, "label", 2);
-gt([
+vt([
   o({ type: Array })
 ], ut.prototype, "options", 2);
-gt([
+vt([
   o({ type: Boolean, reflect: !0 })
 ], ut.prototype, "isOpen", 2);
-gt([
+vt([
   o({ type: Boolean })
 ], ut.prototype, "disabled", 2);
-gt([
+vt([
   o({ type: Boolean })
 ], ut.prototype, "includeSearch", 2);
-gt([
+vt([
   o({ type: Boolean })
 ], ut.prototype, "isMultiSelect", 2);
-gt([
+vt([
   o({ type: Boolean })
 ], ut.prototype, "allowUserInput", 2);
-gt([
+vt([
   o({ type: Boolean })
 ], ut.prototype, "maxIsReached", 2);
-gt([
+vt([
   o({ type: String })
 ], ut.prototype, "customUserInput", 2);
-gt([
+vt([
   o({ type: String })
 ], ut.prototype, "searchPlaceholder", 2);
-gt([
+vt([
   o({ type: String })
 ], ut.prototype, "searchValue", 2);
-gt([
+vt([
   o({ type: Number })
 ], ut.prototype, "maxLength", 2);
-gt([
+vt([
   o({ type: String })
 ], ut.prototype, "userMessage", 2);
-gt([
+vt([
   R()
 ], ut.prototype, "_filteredOptions", 2);
-ut = gt([
-  B("pkt-listbox")
+ut = vt([
+  V("pkt-listbox")
 ], ut);
 const ll = { displayValueAs: { default: "label" } }, hl = {
   props: ll
@@ -5636,12 +5636,12 @@ let J = class extends M {
     var e, s;
     if (this.disabled) return;
     this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const a = ((e = this.findValueInOptions(t)) == null ? void 0 : e.value) || null, n = this._value.includes(t || a || ""), r = !!a, l = ((s = this._options.find((C) => C.value === t)) == null ? void 0 : s.disabled) || !1, d = !(t != null && t.trim()), p = !this.multiple, g = this.multiple, f = this.isMaxItemsReached();
+    const a = ((e = this.findValueInOptions(t)) == null ? void 0 : e.value) || null, n = this._value.includes(t || a || ""), r = !!a, l = ((s = this._options.find((C) => C.value === t)) == null ? void 0 : s.disabled) || !1, d = !(t != null && t.trim()), p = !this.multiple, f = this.multiple, g = this.isMaxItemsReached();
     let k = !1, b = !0, y = "", w = "";
-    l || (!r && this.allowUserInput && !d ? (this.addNewUserValue(t), y = "Ny verdi lagt til", k = !g) : !r && !this.allowUserInput ? (p && this._value[0] && this.removeValue(this._value[0]), b = !1, k = !0, y = "Ingen treff i søket") : n ? (this.removeValue(a), k = !0) : d && p ? (this.removeAllSelected(), k = !0) : p ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(a), k = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : g && !f ? (this.setSelected(a), k = !0) : g && f ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, w = t) : (p && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, k = !0, w = t), this._isOptionsOpen = k, k || window.setTimeout(() => {
+    l || (!r && this.allowUserInput && !d ? (this.addNewUserValue(t), y = "Ny verdi lagt til", k = !f) : !r && !this.allowUserInput ? (p && this._value[0] && this.removeValue(this._value[0]), b = !1, k = !0, y = "Ingen treff i søket") : n ? (this.removeValue(a), k = !0) : d && p ? (this.removeAllSelected(), k = !0) : p ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(a), k = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : f && !g ? (this.setSelected(a), k = !0) : f && g ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, w = t) : (p && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, k = !0, w = t), this._isOptionsOpen = k, k || window.setTimeout(() => {
       var C;
       (C = this.focusRef.value) == null || C.focus();
-    }, 0), this._userInfoMessage = y, this._search = w || "", this.resetComboboxInput(b), g && this.isMaxItemsReached());
+    }, 0), this._userInfoMessage = y, this._search = w || "", this.resetComboboxInput(b), f && this.isMaxItemsReached());
   }
   setSelected(t) {
     if (!this._value.includes(t)) {
@@ -5769,7 +5769,7 @@ it([
   R()
 ], J.prototype, "_editingSingleValue", 2);
 J = it([
-  B("pkt-combobox")
+  V("pkt-combobox")
 ], J);
 const pl = {
   i18n: {
@@ -5842,7 +5842,7 @@ function fl() {
     s.href = "https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css", s.type = "text/css", s.rel = "stylesheet", s.id = "oslo-consent-styles", document.head.appendChild(s);
   }), Ss);
 }
-let zt = class extends G {
+let zt = class extends K {
   constructor() {
     super(), this.devMode = !1, this.hotjarId = null, this.googleAnalyticsId = null, this.cookieDomain = null, this.cookieSecure = null, this.cookieExpiryDays = null, this.triggerType = "button", this.triggerText = null, this.i18nLanguage = "nb";
   }
@@ -5936,9 +5936,9 @@ re([
   o({ type: String })
 ], zt.prototype, "i18nLanguage", 2);
 zt = re([
-  B("pkt-consent")
+  V("pkt-consent")
 ], zt);
-var gl = Object.defineProperty, vl = Object.getOwnPropertyDescriptor, yt = (i, t, e, s) => {
+var gl = Object.defineProperty, vl = Object.getOwnPropertyDescriptor, kt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? vl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && gl(t, e, a), a;
@@ -6028,50 +6028,50 @@ let ft = class extends M {
     t.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
   }
 };
-yt([
+kt([
   o({ type: String, reflect: !0 })
 ], ft.prototype, "value", 2);
-yt([
+kt([
   o({ type: String })
 ], ft.prototype, "checkHelptext", 2);
-yt([
+kt([
   o({ type: Boolean })
 ], ft.prototype, "defaultChecked", 2);
-yt([
+kt([
   o({ type: Boolean })
 ], ft.prototype, "hasTile", 2);
-yt([
+kt([
   o({ type: Boolean })
 ], ft.prototype, "isSwitch", 2);
-yt([
+kt([
   o({ type: String })
 ], ft.prototype, "labelPosition", 2);
-yt([
+kt([
   o({ type: Boolean })
 ], ft.prototype, "hideLabel", 2);
-yt([
+kt([
   o({ type: Boolean, reflect: !0 })
 ], ft.prototype, "checked", 2);
-yt([
+kt([
   o({ type: String, reflect: !0 })
 ], ft.prototype, "type", 2);
-yt([
+kt([
   o({ type: String })
 ], ft.prototype, "tagText", 2);
-yt([
+kt([
   o({ type: Boolean })
 ], ft.prototype, "optionalTag", 2);
-yt([
+kt([
   o({ type: String })
 ], ft.prototype, "optionalText", 2);
-yt([
+kt([
   o({ type: Boolean })
 ], ft.prototype, "requiredTag", 2);
-yt([
+kt([
   o({ type: String })
 ], ft.prototype, "requiredText", 2);
-ft = yt([
-  B("pkt-checkbox")
+ft = kt([
+  V("pkt-checkbox")
 ], ft);
 const bl = (i) => new Promise((t) => setTimeout(t, i)), Be = {
   /**
@@ -6242,7 +6242,7 @@ const bl = (i) => new Promise((t) => setTimeout(t, i)), Be = {
     const r = i.target;
     if (r.value) {
       a(r);
-      const l = we(r.value);
+      const l = _e(r.value);
       l && t[0] !== r.value && t[1] && (s(), (n = e == null ? void 0 : e.value) == null || n.handleDateSelect(l));
     } else t[0] && s();
   }
@@ -6267,9 +6267,9 @@ var kl = Object.defineProperty, $l = Object.getOwnPropertyDescriptor, Bi = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && kl(t, e, a), a;
 };
-let si = class extends G {
+let si = class extends K {
   constructor() {
-    super(...arguments), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = ke();
+    super(...arguments), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = ye();
   }
   render() {
     return this.classes = {
@@ -6311,7 +6311,7 @@ Bi([
   o({ type: String, attribute: "id-base" })
 ], si.prototype, "idBase", 2);
 si = Bi([
-  B("pkt-date-tags")
+  V("pkt-date-tags")
 ], si);
 const _l = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, $i = {
   props: _l
@@ -6321,7 +6321,7 @@ var wl = Object.defineProperty, xl = Object.getOwnPropertyDescriptor, Vt = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && wl(t, e, a), a;
 };
-let _t = class extends G {
+let wt = class extends K {
   constructor() {
     super(...arguments), this.open = !1, this.multiple = !1, this.range = !1, this.weeknumbers = !1, this.withcontrols = !1, this.maxMultiple = null, this.selected = [], this.earliest = null, this.latest = null, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.popupRef = N(), this.calendarRef = N(), this.handleDocumentClick = (t) => {
       if (!this.open) return;
@@ -6401,49 +6401,49 @@ let _t = class extends G {
 };
 Vt([
   o({ type: Boolean, reflect: !0 })
-], _t.prototype, "open", 2);
+], wt.prototype, "open", 2);
 Vt([
   o({ type: Boolean })
-], _t.prototype, "multiple", 2);
+], wt.prototype, "multiple", 2);
 Vt([
   o({ type: Boolean })
-], _t.prototype, "range", 2);
+], wt.prototype, "range", 2);
 Vt([
   o({ type: Boolean })
-], _t.prototype, "weeknumbers", 2);
+], wt.prototype, "weeknumbers", 2);
 Vt([
   o({ type: Boolean })
-], _t.prototype, "withcontrols", 2);
+], wt.prototype, "withcontrols", 2);
 Vt([
   o({ type: Number })
-], _t.prototype, "maxMultiple", 2);
+], wt.prototype, "maxMultiple", 2);
 Vt([
   o({ type: Array })
-], _t.prototype, "selected", 2);
+], wt.prototype, "selected", 2);
 Vt([
   o({ type: String })
-], _t.prototype, "earliest", 2);
+], wt.prototype, "earliest", 2);
 Vt([
   o({ type: String })
-], _t.prototype, "latest", 2);
+], wt.prototype, "latest", 2);
 Vt([
   o({ type: Array })
-], _t.prototype, "excludedates", 2);
+], wt.prototype, "excludedates", 2);
 Vt([
   o({ type: Array })
-], _t.prototype, "excludeweekdays", 2);
+], wt.prototype, "excludeweekdays", 2);
 Vt([
   o({ type: String })
-], _t.prototype, "currentmonth", 2);
-_t = Vt([
-  B("pkt-datepicker-popup")
-], _t);
+], wt.prototype, "currentmonth", 2);
+wt = Vt([
+  V("pkt-datepicker-popup")
+], wt);
 var Sl = Object.defineProperty, Cl = Object.getOwnPropertyDescriptor, Wt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Cl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Sl(t, e, a), a;
 };
-let Rt = class extends G {
+let Dt = class extends K {
   constructor() {
     super(...arguments), this.value = "", this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = N(), this.btnRef = N();
   }
@@ -6582,46 +6582,46 @@ let Rt = class extends G {
 };
 Wt([
   o({ type: String })
-], Rt.prototype, "value", 2);
+], Dt.prototype, "value", 2);
 Wt([
   o({ type: String })
-], Rt.prototype, "inputType", 2);
+], Dt.prototype, "inputType", 2);
 Wt([
   o({ type: String })
-], Rt.prototype, "id", 2);
+], Dt.prototype, "id", 2);
 Wt([
   o({ type: String })
-], Rt.prototype, "min", 2);
+], Dt.prototype, "min", 2);
 Wt([
   o({ type: String })
-], Rt.prototype, "max", 2);
+], Dt.prototype, "max", 2);
 Wt([
   o({ type: String })
-], Rt.prototype, "placeholder", 2);
+], Dt.prototype, "placeholder", 2);
 Wt([
   o({ type: Boolean })
-], Rt.prototype, "readonly", 2);
+], Dt.prototype, "readonly", 2);
 Wt([
   o({ type: Boolean })
-], Rt.prototype, "disabled", 2);
+], Dt.prototype, "disabled", 2);
 Wt([
   o({ type: Object })
-], Rt.prototype, "inputClasses", 2);
+], Dt.prototype, "inputClasses", 2);
 Wt([
   o({ type: Object })
-], Rt.prototype, "internals", 2);
+], Dt.prototype, "internals", 2);
 Wt([
   o({ type: Object })
-], Rt.prototype, "strings", 2);
-Rt = Wt([
-  B("pkt-datepicker-single")
-], Rt);
+], Dt.prototype, "strings", 2);
+Dt = Wt([
+  V("pkt-datepicker-single")
+], Dt);
 var Tl = Object.defineProperty, Nl = Object.getOwnPropertyDescriptor, jt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Nl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Tl(t, e, a), a;
 };
-let wt = class extends G {
+let xt = class extends K {
   constructor() {
     super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.showRangeLabels = !1, this.inputClasses = {}, this.strings = { generic: { from: "Fra", to: "Til" } }, this.inputRef = N(), this.inputRefTo = N(), this.btnRef = N();
   }
@@ -6834,49 +6834,49 @@ let wt = class extends G {
 };
 jt([
   o({ type: Array })
-], wt.prototype, "value", 2);
+], xt.prototype, "value", 2);
 jt([
   o({ type: String })
-], wt.prototype, "inputType", 2);
+], xt.prototype, "inputType", 2);
 jt([
   o({ type: String })
-], wt.prototype, "id", 2);
+], xt.prototype, "id", 2);
 jt([
   o({ type: String })
-], wt.prototype, "min", 2);
+], xt.prototype, "min", 2);
 jt([
   o({ type: String })
-], wt.prototype, "max", 2);
+], xt.prototype, "max", 2);
 jt([
   o({ type: String })
-], wt.prototype, "placeholder", 2);
+], xt.prototype, "placeholder", 2);
 jt([
   o({ type: Boolean })
-], wt.prototype, "readonly", 2);
+], xt.prototype, "readonly", 2);
 jt([
   o({ type: Boolean })
-], wt.prototype, "disabled", 2);
+], xt.prototype, "disabled", 2);
 jt([
   o({ type: Boolean })
-], wt.prototype, "showRangeLabels", 2);
+], xt.prototype, "showRangeLabels", 2);
 jt([
   o({ type: Object })
-], wt.prototype, "inputClasses", 2);
+], xt.prototype, "inputClasses", 2);
 jt([
   o({ type: Object })
-], wt.prototype, "internals", 2);
+], xt.prototype, "internals", 2);
 jt([
   o({ type: Object })
-], wt.prototype, "strings", 2);
-wt = jt([
-  B("pkt-datepicker-range")
-], wt);
+], xt.prototype, "strings", 2);
+xt = jt([
+  V("pkt-datepicker-range")
+], xt);
 var Al = Object.defineProperty, El = Object.getOwnPropertyDescriptor, Ft = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? El(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Al(t, e, a), a;
 };
-let xt = class extends G {
+let St = class extends K {
   constructor() {
     super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = N(), this.btnRef = N();
   }
@@ -7008,44 +7008,44 @@ let xt = class extends G {
 };
 Ft([
   o({ type: Array })
-], xt.prototype, "value", 2);
+], St.prototype, "value", 2);
 Ft([
   o({ type: String })
-], xt.prototype, "inputType", 2);
+], St.prototype, "inputType", 2);
 Ft([
   o({ type: String })
-], xt.prototype, "id", 2);
+], St.prototype, "id", 2);
 Ft([
   o({ type: String })
-], xt.prototype, "min", 2);
+], St.prototype, "min", 2);
 Ft([
   o({ type: String })
-], xt.prototype, "max", 2);
+], St.prototype, "max", 2);
 Ft([
   o({ type: String })
-], xt.prototype, "placeholder", 2);
+], St.prototype, "placeholder", 2);
 Ft([
   o({ type: Boolean })
-], xt.prototype, "readonly", 2);
+], St.prototype, "readonly", 2);
 Ft([
   o({ type: Boolean })
-], xt.prototype, "disabled", 2);
+], St.prototype, "disabled", 2);
 Ft([
   o({ type: Number })
-], xt.prototype, "maxlength", 2);
+], St.prototype, "maxlength", 2);
 Ft([
   o({ type: Object })
-], xt.prototype, "inputClasses", 2);
+], St.prototype, "inputClasses", 2);
 Ft([
   o({ type: Object })
-], xt.prototype, "internals", 2);
+], St.prototype, "internals", 2);
 Ft([
   o({ type: Object })
-], xt.prototype, "strings", 2);
-xt = Ft([
-  B("pkt-datepicker-multiple")
-], xt);
-var Ol = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, dt = (i, t, e, s) => {
+], St.prototype, "strings", 2);
+St = Ft([
+  V("pkt-datepicker-multiple")
+], St);
+var Ol = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, ht = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Pl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Ol(t, e, a), a;
@@ -7209,7 +7209,7 @@ let tt = class extends M {
     }}
         @handle-date-select=${(i) => {
       var t, e;
-      const s = we(i.detail);
+      const s = _e(i.detail);
       s && this._value[1] !== nt(s) && ((e = (t = this.calRef) == null ? void 0 : t.value) == null || e.handleDateSelect(s));
     }}
         @input-changed=${() => {
@@ -7264,7 +7264,7 @@ let tt = class extends M {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? _e(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? $e(this.currentmonth) : null}
         @date-selected=${(i) => {
       this.value = Cs.processDateSelection(i.detail, this.multiple, this.range), this._value = i.detail, Cs.updateInputValues(
         this.inputRef,
@@ -7323,7 +7323,7 @@ let tt = class extends M {
               id-base=${this.id}
               @date-tag-removed=${(i) => {
       var t;
-      const e = this.datepickerPopupRef.value, s = we(i.detail);
+      const e = this.datepickerPopupRef.value, s = _e(i.detail);
       e && s && typeof e.handleDateSelect == "function" ? e.handleDateSelect(s) : (t = this.calRef.value) == null || t.handleDateSelect(s);
     }}
             ></pkt-date-tags>` : $}
@@ -7370,62 +7370,62 @@ let tt = class extends M {
     this._value = [], this.value = "";
   }
 };
-dt([
+ht([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "value", 1);
-dt([
+ht([
   o({ type: Array })
 ], tt.prototype, "_value", 2);
-dt([
+ht([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "label", 2);
-dt([
+ht([
   o({ type: String })
 ], tt.prototype, "dateformat", 2);
-dt([
+ht([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "multiple", 2);
-dt([
+ht([
   o({ type: Number, reflect: !0 })
 ], tt.prototype, "maxlength", 2);
-dt([
+ht([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "range", 2);
-dt([
+ht([
   o({ type: Boolean })
 ], tt.prototype, "showRangeLabels", 2);
-dt([
+ht([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "min", 2);
-dt([
+ht([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "max", 2);
-dt([
+ht([
   o({ type: Boolean })
 ], tt.prototype, "weeknumbers", 2);
-dt([
+ht([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "withcontrols", 2);
-dt([
+ht([
   o({ converter: hi.csvToArray })
 ], tt.prototype, "excludedates", 2);
-dt([
+ht([
   o({ converter: hi.csvToArray })
 ], tt.prototype, "excludeweekdays", 2);
-dt([
+ht([
   o({ type: String })
 ], tt.prototype, "currentmonth", 2);
-dt([
+ht([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "calendarOpen", 2);
-dt([
+ht([
   o({ type: String })
 ], tt.prototype, "timezone", 2);
-dt([
+ht([
   R()
 ], tt.prototype, "inputClasses", 2);
-tt = dt([
-  B("pkt-datepicker")
+tt = ht([
+  V("pkt-datepicker")
 ], tt);
 const Ml = { href: { default: "#" }, target: { default: "_self" } }, xa = {
   props: Ml
@@ -7435,7 +7435,7 @@ var Il = Object.defineProperty, Dl = Object.getOwnPropertyDescriptor, di = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Il(t, e, a), a;
 };
-let xe = class extends G {
+let we = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.href = xa.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = !1, this.target = xa.props.target.default, this.slotController = new rt(this, this.defaultSlot);
   }
@@ -7457,28 +7457,28 @@ let xe = class extends G {
 };
 di([
   o({ type: String, reflect: !0 })
-], xe.prototype, "href", 2);
+], we.prototype, "href", 2);
 di([
   o({ type: String, reflect: !0 })
-], xe.prototype, "iconName", 2);
+], we.prototype, "iconName", 2);
 di([
   o({ type: String, reflect: !0 })
-], xe.prototype, "iconPosition", 2);
+], we.prototype, "iconPosition", 2);
 di([
   o({ type: Boolean, reflect: !0 })
-], xe.prototype, "external", 2);
+], we.prototype, "external", 2);
 di([
   o({ type: String, reflect: !0 })
-], xe.prototype, "target", 2);
-xe = di([
-  B("pkt-link")
-], xe);
+], we.prototype, "target", 2);
+we = di([
+  V("pkt-link")
+], we);
 var Rl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, qe = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Ll(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Rl(t, e, a), a;
 };
-let ue = class extends G {
+let xe = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new rt(this, this.defaultSlot);
   }
@@ -7501,32 +7501,32 @@ let ue = class extends G {
 };
 qe([
   o({ type: String, reflect: !0 })
-], ue.prototype, "title", 2);
+], xe.prototype, "title", 2);
 qe([
   o({ type: String, reflect: !0 })
-], ue.prototype, "href", 2);
+], xe.prototype, "href", 2);
 qe([
   o({ type: String, reflect: !0 })
-], ue.prototype, "iconName", 2);
+], xe.prototype, "iconName", 2);
 qe([
   o({ type: Boolean, reflect: !0 })
-], ue.prototype, "external", 2);
+], xe.prototype, "external", 2);
 qe([
   o({ type: Boolean, reflect: !0 })
-], ue.prototype, "openInNewTab", 2);
+], xe.prototype, "openInNewTab", 2);
 qe([
   o({ type: String, reflect: !0 })
-], ue.prototype, "skin", 2);
-ue = qe([
-  B("pkt-linkcard")
-], ue);
-var Bl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, me = (i, t, e, s) => {
+], xe.prototype, "skin", 2);
+xe = qe([
+  V("pkt-linkcard")
+], xe);
+var Bl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, ue = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Vl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Bl(t, e, a), a;
 };
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.12/animations/";
-let Zt = class extends G {
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.13/animations/";
+let Zt = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.delay = 0, this.inline = !1, this.isLoading = !0, this.message = null, this.size = "medium", this.variant = "shapes", this.loadingAnimationPath = window.pktAnimationPath, this._shouldDisplayLoader = !1, this.slotController = new rt(this, this.defaultSlot);
   }
@@ -7578,32 +7578,32 @@ let Zt = class extends G {
     }, this.delay));
   }
 };
-me([
+ue([
   o({ type: Number })
 ], Zt.prototype, "delay", 2);
-me([
+ue([
   o({ type: Boolean })
 ], Zt.prototype, "inline", 2);
-me([
+ue([
   o({ type: Boolean })
 ], Zt.prototype, "isLoading", 2);
-me([
+ue([
   o({ type: String })
 ], Zt.prototype, "message", 2);
-me([
+ue([
   o({ type: String })
 ], Zt.prototype, "size", 2);
-me([
+ue([
   o({ type: String })
 ], Zt.prototype, "variant", 2);
-me([
+ue([
   o({ type: String })
 ], Zt.prototype, "loadingAnimationPath", 2);
-me([
+ue([
   R()
 ], Zt.prototype, "_shouldDisplayLoader", 2);
-Zt = me([
-  B("pkt-loader")
+Zt = ue([
+  V("pkt-loader")
 ], Zt);
 const jl = { skin: { default: "beige" }, compact: { default: !1 }, closable: { default: !1 } }, Ts = {
   props: jl
@@ -7613,7 +7613,7 @@ var Fl = Object.defineProperty, Ul = Object.getOwnPropertyDescriptor, ci = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Fl(t, e, a), a;
 };
-let Ve = class extends G {
+let Ve = class extends K {
   constructor() {
     super(), this.defaultSlot = N(), this.closable = Ts.props.closable.default, this.compact = Ts.props.compact.default, this.title = "", this.skin = Ts.props.skin.default, this._isClosed = !1, this.close = (i) => {
       this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: i }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: i }, bubbles: !0 }));
@@ -7663,7 +7663,7 @@ ci([
   R()
 ], Ve.prototype, "_isClosed", 2);
 Ve = ci([
-  B("pkt-messagebox")
+  V("pkt-messagebox")
 ], Ve);
 const Hl = { hideCloseButton: { default: !1 }, closeOnBackdropClick: { default: !1 }, size: { default: "medium" } }, Ns = {
   props: Hl
@@ -7673,7 +7673,7 @@ var ql = Object.defineProperty, zl = Object.getOwnPropertyDescriptor, Jt = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ql(t, e, a), a;
 };
-let Lt = class extends G {
+let Rt = class extends K {
   constructor() {
     super(), this.headingText = "", this.removePadding = !1, this.hideCloseButton = Ns.props.hideCloseButton.default, this.closeOnBackdropClick = Ns.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = Ns.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.defaultSlot = N(), this.dialogRef = N(), this._isOpen = !1, this.close = (t, e = !1) => {
       var s;
@@ -7779,37 +7779,37 @@ let Lt = class extends G {
 };
 Jt([
   o({ type: String })
-], Lt.prototype, "headingText", 2);
+], Rt.prototype, "headingText", 2);
 Jt([
   o({ type: Boolean })
-], Lt.prototype, "removePadding", 2);
+], Rt.prototype, "removePadding", 2);
 Jt([
   o({ type: Boolean })
-], Lt.prototype, "hideCloseButton", 2);
+], Rt.prototype, "hideCloseButton", 2);
 Jt([
   o({ type: Boolean })
-], Lt.prototype, "closeOnBackdropClick", 2);
+], Rt.prototype, "closeOnBackdropClick", 2);
 Jt([
   o({ type: String })
-], Lt.prototype, "closeButtonSkin", 2);
+], Rt.prototype, "closeButtonSkin", 2);
 Jt([
   o({ type: String })
-], Lt.prototype, "size", 2);
+], Rt.prototype, "size", 2);
 Jt([
   o({ type: String })
-], Lt.prototype, "variant", 2);
+], Rt.prototype, "variant", 2);
 Jt([
   o({ type: String })
-], Lt.prototype, "drawerPosition", 2);
+], Rt.prototype, "drawerPosition", 2);
 Jt([
   o({ type: Boolean })
-], Lt.prototype, "transparentBackdrop", 2);
+], Rt.prototype, "transparentBackdrop", 2);
 Jt([
   R()
-], Lt.prototype, "_isOpen", 2);
-Lt = Jt([
-  B("pkt-modal")
-], Lt);
+], Rt.prototype, "_isOpen", 2);
+Rt = Jt([
+  V("pkt-modal")
+], Rt);
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -7838,23 +7838,23 @@ const en = "important", Wl = " !" + en, Kl = Fe(class extends li {
         s.includes("-") || n ? e.setProperty(s, n ? a.slice(0, -11) : a, n ? en : "") : e[s] = a;
       }
     }
-    return $t;
+    return _t;
   }
 });
-var Gl = Object.defineProperty, Yl = Object.getOwnPropertyDescriptor, ct = (i, t, e, s) => {
+var Gl = Object.defineProperty, Yl = Object.getOwnPropertyDescriptor, dt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Yl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Gl(t, e, a), a;
 };
-let et = class extends G {
+let et = class extends K {
   constructor() {
-    super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = ke(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = N(), this.progressBarRef = N();
+    super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = ye(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = N(), this.progressBarRef = N();
   }
   firstUpdated(i) {
     super.firstUpdated(i), this.setComputedValues(), this.syncAttributes();
   }
   updated(i) {
-    super.updated(i), i.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), i.has("id") && this.id && (this.progressBarId = this.id), (i.has("statusType") || i.has("id") || i.has("ariaLabelledby")) && (this.progressbarId = this.id || ke(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (i.has("ariaValueText") || i.has("valueCurrent") || i.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
+    super.updated(i), i.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), i.has("id") && this.id && (this.progressBarId = this.id), (i.has("statusType") || i.has("id") || i.has("ariaLabelledby")) && (this.progressbarId = this.id || ye(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (i.has("ariaValueText") || i.has("valueCurrent") || i.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
   }
   render() {
     const i = this.statusType !== "none", t = this.valueMax - this.valueMin, e = this.valueCurrent / t * 100, s = this.statusType === "fraction" ? Math.round(e) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), a = `${this.valueCurrent} av ${t}`, n = O({
@@ -7894,7 +7894,7 @@ let et = class extends G {
   }
   // methods
   setComputedValues() {
-    this.progressbarId = this.id || ke(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`, this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || "";
+    this.progressbarId = this.id || ye(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`, this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || "";
   }
   syncAttributes() {
     this._handleAttribute("aria-live", this.ariaLive), this._handleAttribute("aria-valuenow", this.valueCurrent), this._handleAttribute("aria-valuemin", this.valueMin), this._handleAttribute("aria-valuemax", this.valueMax), this._handleAttribute("aria-valuetext", this.computedAriaValueText), this._handleAttribute("aria-label", this.ariaLabel), this._handleAttribute("role", this.role), this._handleAttribute("aria-atomic", "true"), this._handleAttribute("id", this.progressbarId), this.ariaLabel || this._handleAttribute("aria-labelledby", this.computedAriaLabelledby);
@@ -7903,69 +7903,69 @@ let et = class extends G {
     t == null || t === "" ? this.removeAttribute(i) : this.setAttribute(i, String(t));
   }
 };
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "ariaLabel", 2);
-ct([
+dt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "ariaLabelledby", 2);
-ct([
+dt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "ariaValueText", 2);
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "ariaLive", 2);
-ct([
+dt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "id", 2);
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "role", 2);
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "skin", 2);
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "statusPlacement", 2);
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "statusType", 2);
-ct([
+dt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "title", 2);
-ct([
+dt([
   o({ type: String })
 ], et.prototype, "titlePosition", 2);
-ct([
+dt([
   o({ type: Number, reflect: !0 })
 ], et.prototype, "valueCurrent", 2);
-ct([
+dt([
   o({ type: Number })
 ], et.prototype, "valueMax", 2);
-ct([
+dt([
   o({ type: Number })
 ], et.prototype, "valueMin", 2);
-ct([
+dt([
   R()
 ], et.prototype, "labelWidth", 2);
-ct([
+dt([
   R()
 ], et.prototype, "progressbarId", 2);
-ct([
+dt([
   R()
 ], et.prototype, "computedAriaLabelledby", 2);
-ct([
+dt([
   R()
 ], et.prototype, "computedAriaValueText", 2);
-et = ct([
-  B("pkt-progressbar")
+et = dt([
+  V("pkt-progressbar")
 ], et);
 var Zl = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, Ut = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Xl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Zl(t, e, a), a;
 };
-let St = class extends M {
+let Ct = class extends M {
   constructor() {
     super(...arguments), this.inputRef = N(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
   }
@@ -8026,43 +8026,43 @@ let St = class extends M {
 };
 Ut([
   o({ type: String, reflect: !0 })
-], St.prototype, "value", 2);
+], Ct.prototype, "value", 2);
 Ut([
   o({ type: String })
-], St.prototype, "checkHelptext", 2);
+], Ct.prototype, "checkHelptext", 2);
 Ut([
   o({ type: Boolean })
-], St.prototype, "defaultChecked", 2);
+], Ct.prototype, "defaultChecked", 2);
 Ut([
   o({ type: Boolean })
-], St.prototype, "hasTile", 2);
+], Ct.prototype, "hasTile", 2);
 Ut([
   o({ type: Boolean, reflect: !0 })
-], St.prototype, "checked", 2);
+], Ct.prototype, "checked", 2);
 Ut([
   o({ type: String, reflect: !0 })
-], St.prototype, "type", 2);
+], Ct.prototype, "type", 2);
 Ut([
   o({ type: String })
-], St.prototype, "tagText", 2);
+], Ct.prototype, "tagText", 2);
 Ut([
   o({ type: Boolean })
-], St.prototype, "optionalTag", 2);
+], Ct.prototype, "optionalTag", 2);
 Ut([
   o({ type: String })
-], St.prototype, "optionalText", 2);
+], Ct.prototype, "optionalText", 2);
 Ut([
   o({ type: Boolean })
-], St.prototype, "requiredTag", 2);
+], Ct.prototype, "requiredTag", 2);
 Ut([
   o({ type: String })
-], St.prototype, "requiredText", 2);
+], Ct.prototype, "requiredText", 2);
 Ut([
   R()
-], St.prototype, "_checked", 2);
-St = Ut([
-  B("pkt-radiobutton")
-], St);
+], Ct.prototype, "_checked", 2);
+Ct = Ut([
+  V("pkt-radiobutton")
+], Ct);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -8228,7 +8228,7 @@ var ih = Object.defineProperty, sh = Object.getOwnPropertyDescriptor, pi = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ih(t, e, a), a;
 };
-let je = class extends G {
+let je = class extends K {
   constructor() {
     super(), this.arrowNav = !0, this.disableArrowNav = !1, this.tabRefs = [], this.tabCount = 0, this.defaultSlot = N(), this.context = {
       useArrowNav: this.useArrowNav,
@@ -8295,14 +8295,14 @@ pi([
   R()
 ], je.prototype, "context", 2);
 je = pi([
-  B("pkt-tabs")
+  V("pkt-tabs")
 ], je);
-var ah = Object.defineProperty, nh = Object.getOwnPropertyDescriptor, fe = (i, t, e, s) => {
+var ah = Object.defineProperty, nh = Object.getOwnPropertyDescriptor, me = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? nh(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ah(t, e, a), a;
 };
-let se = class extends G {
+let se = class extends K {
   constructor() {
     super(), this.active = !1, this.href = "", this.icon = "", this.controls = "", this.tag = "", this.tagSkin = "blue", this.index = 0, this.elementRef = N(), this.defaultSlot = N(), this.slotController = new rt(this, this.defaultSlot);
   }
@@ -8355,33 +8355,33 @@ let se = class extends G {
     `;
   }
 };
-fe([
+me([
   o({ type: Boolean, reflect: !0 })
 ], se.prototype, "active", 2);
-fe([
+me([
   o({ type: String, reflect: !0 })
 ], se.prototype, "href", 2);
-fe([
+me([
   o({ type: String, reflect: !0 })
 ], se.prototype, "icon", 2);
-fe([
+me([
   o({ type: String, reflect: !0 })
 ], se.prototype, "controls", 2);
-fe([
+me([
   o({ type: String, reflect: !0 })
 ], se.prototype, "tag", 2);
-fe([
+me([
   o({ type: String, reflect: !0, attribute: "tag-skin" })
 ], se.prototype, "tagSkin", 2);
-fe([
+me([
   o({ type: Number, reflect: !0 })
 ], se.prototype, "index", 2);
-fe([
+me([
   eh({ context: an, subscribe: !0 }),
   o({ attribute: !1 })
 ], se.prototype, "context", 2);
-se = fe([
-  B("pkt-tab-item")
+se = me([
+  V("pkt-tab-item")
 ], se);
 /**
  * @license
@@ -8397,13 +8397,13 @@ const rh = Fe(class extends li {
     return i;
   }
   update(i, [t]) {
-    if (t === $t || t === $) return t;
+    if (t === _t || t === $) return t;
     const e = i.element, s = i.name;
     if (i.type === Kt.PROPERTY) {
-      if (t === e[s]) return $t;
+      if (t === e[s]) return _t;
     } else if (i.type === Kt.BOOLEAN_ATTRIBUTE) {
-      if (!!t === e.hasAttribute(s)) return $t;
-    } else if (i.type === Kt.ATTRIBUTE && e.getAttribute(s) === t + "") return $t;
+      if (!!t === e.hasAttribute(s)) return _t;
+    } else if (i.type === Kt.ATTRIBUTE && e.getAttribute(s) === t + "") return _t;
     return Ua(i), t;
   }
 });
@@ -8498,7 +8498,7 @@ Vi([
   R()
 ], ai.prototype, "counterCurrent", 2);
 ai = Vi([
-  B("pkt-textarea")
+  V("pkt-textarea")
 ], ai);
 var hh = Object.defineProperty, dh = Object.getOwnPropertyDescriptor, oe = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? dh(t, e) : t, n = i.length - 1, r; n >= 0; n--)
@@ -8636,7 +8636,7 @@ oe([
   R()
 ], Xt.prototype, "counterCurrent", 2);
 Xt = oe([
-  B("pkt-textinput")
+  V("pkt-textinput")
 ], Xt);
 var ch = Object.defineProperty, ph = Object.getOwnPropertyDescriptor, ds = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? ph(t, e) : t, n = i.length - 1, r; n >= 0; n--)
@@ -8798,14 +8798,14 @@ ds([
   R()
 ], Ii.prototype, "_options", 2);
 Ii = ds([
-  B("pkt-select")
+  V("pkt-select")
 ], Ii);
 var uh = Object.defineProperty, mh = Object.getOwnPropertyDescriptor, ji = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? mh(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && uh(t, e, a), a;
 };
-let ni = class extends G {
+let ni = class extends K {
   constructor() {
     super(), this.string = "", this.strings = [], this.darkmode = !1, this._list = [], this.defaultSlot = N(), this.namedSlot = N(), this.slotController = new rt(this, this.defaultSlot, this.namedSlot);
   }
@@ -8847,7 +8847,7 @@ let ni = class extends G {
 
         <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
         <button type="button" @click=${() => this.handleGreeting()}>
-          Si ${vt.example.hi}
+          Si ${bt.example.hi}
         </button>
       </div>
     `;
@@ -8889,15 +8889,15 @@ ji([
   o({ type: Array })
 ], ni.prototype, "_list", 2);
 ni = ji([
-  B("pkt-component")
+  V("pkt-component")
 ], ni);
-const U = Tt({
+const B = Lt({
   tagName: "pkt-icon",
   elementClass: Re,
-  react: lt,
+  react: ct,
   displayName: "PktIcon",
   events: {}
-}), fh = K(
+}), fh = G(
   ({
     defaultOpen: i = !1,
     id: t,
@@ -8909,20 +8909,20 @@ const U = Tt({
     name: l,
     className: d,
     onClick: p,
-    onToggle: g
-  }, f) => {
+    onToggle: f
+  }, g) => {
     const [k, b] = oi(i), { name: y } = vn(), w = l || y, C = n !== void 0 ? n : k;
     as(() => {
       n === void 0 && b(i);
     }, [i, n]);
     const P = (A) => {
       const Z = A.currentTarget.open;
-      n === void 0 && b(Z), g == null || g(A);
+      n === void 0 && b(Z), f == null || f(A);
     }, T = (A) => {
       setTimeout(() => {
         p == null || p(A);
       }, 0);
-    }, j = [
+    }, F = [
       "pkt-accordion-item",
       a && "pkt-accordion-item--compact",
       s && `pkt-accordion-item--${s}`,
@@ -8931,8 +8931,8 @@ const U = Tt({
     return /* @__PURE__ */ x(
       "details",
       {
-        ref: f,
-        className: j,
+        ref: g,
+        className: F,
         id: t,
         open: C,
         onClick: T,
@@ -8941,7 +8941,7 @@ const U = Tt({
         children: [
           /* @__PURE__ */ x("summary", { className: "pkt-accordion-item__title", id: `pkt-accordion-item-summary-${t}`, children: [
             e,
-            /* @__PURE__ */ h(U, { name: "chevron-thin-down", className: "pkt-accordion-item__icon", "aria-hidden": "true" })
+            /* @__PURE__ */ h(B, { name: "chevron-thin-down", className: "pkt-accordion-item__icon", "aria-hidden": "true" })
           ] }),
           /* @__PURE__ */ h("div", { className: "pkt-accordion-item__content", id: `pkt-accordion-item__content-${t}`, role: "region", children: /* @__PURE__ */ h("div", { className: "pkt-accordion-item__content-inner", children: r }) })
         ]
@@ -8993,7 +8993,7 @@ function vh() {
   })(As)), As.exports;
 }
 var bh = vh();
-const Ct = /* @__PURE__ */ gh(bh), nn = ({
+const gt = /* @__PURE__ */ gh(bh), nn = ({
   children: i,
   closeAlert: t,
   compact: e,
@@ -9005,21 +9005,21 @@ const Ct = /* @__PURE__ */ gh(bh), nn = ({
   skin: d = "info",
   ...p
 }) => {
-  const [g, f] = oi(!1), k = {
+  const [f, g] = oi(!1), k = {
     "pkt-alert": !0,
     "pkt-alert--compact": e,
     [`pkt-alert--${d}`]: d,
-    "pkt-hide": g
+    "pkt-hide": f
   }, b = {
     "pkt-alert__grid": !0,
     "pkt-alert__noTitle": !s,
     "pkt-alert__noDate": !a
   }, y = Ea(() => {
-    f(!0), p.onClose && p.onClose(new CustomEvent("close", { detail: { origin: event }, bubbles: !0, composed: !0 }));
-  }, [p.onClose, f]);
-  return /* @__PURE__ */ h("div", { ...p, "aria-live": n || r, role: l, className: Ct(k), children: /* @__PURE__ */ x("div", { className: Ct(b), children: [
+    g(!0), p.onClose && p.onClose(new CustomEvent("close", { detail: { origin: event }, bubbles: !0, composed: !0 }));
+  }, [p.onClose, g]);
+  return /* @__PURE__ */ h("div", { ...p, "aria-live": n || r, role: l, className: gt(k), children: /* @__PURE__ */ x("div", { className: gt(b), children: [
     /* @__PURE__ */ h(
-      U,
+      B,
       {
         className: "pkt-alert__icon",
         "aria-hidden": "true",
@@ -9049,14 +9049,14 @@ const Ct = /* @__PURE__ */ gh(bh), nn = ({
   ] }) });
 };
 nn.displayName = "PktAlert";
-const yh = Tt({
+const yh = Lt({
   tagName: "pkt-backlink",
   elementClass: ii,
-  react: lt,
+  react: ct,
   displayName: "PktBackLink"
 });
 yh.displayName = "PktBackLink";
-const Kd = K(
+const Wd = G(
   ({ breadcrumbs: i, navigationType: t, className: e, ...s }, a) => {
     const n = i, r = n[n.length - 2], l = [e, "pkt-breadcrumbs"].filter(Boolean).join(" ");
     return /* @__PURE__ */ x("nav", { ref: a, "aria-label": "brødsmulemeny", className: l, children: [
@@ -9067,7 +9067,7 @@ const Kd = K(
           className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
           ...s,
           children: [
-            /* @__PURE__ */ h(U, { className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon", name: "chevron-thin-right" }),
+            /* @__PURE__ */ h(B, { className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon", name: "chevron-thin-right" }),
             /* @__PURE__ */ h("span", { className: "pkt-breadcrumbs__text", children: d.text })
           ]
         }
@@ -9078,23 +9078,23 @@ const Kd = K(
           className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
           ...s,
           children: [
-            /* @__PURE__ */ h(U, { className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon", name: "chevron-thin-right" }),
+            /* @__PURE__ */ h(B, { className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon", name: "chevron-thin-right" }),
             /* @__PURE__ */ h("span", { className: "pkt-breadcrumbs__text", children: d.text })
           ]
         }
       ) }, `breadcrumb-${p}`)) }),
       t === "router" ? /* @__PURE__ */ x(zs, { to: r.href, className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile", ...s, children: [
-        /* @__PURE__ */ h(U, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left" }),
+        /* @__PURE__ */ h(B, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left" }),
         /* @__PURE__ */ h("span", { className: "pkt-breadcrumbs__text", children: r.text })
       ] }) : /* @__PURE__ */ x("a", { href: r.href, className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile", ...s, children: [
-        /* @__PURE__ */ h(U, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left" }),
+        /* @__PURE__ */ h(B, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left" }),
         /* @__PURE__ */ h("span", { className: "pkt-breadcrumbs__text", children: r.text })
       ] })
     ] });
   }
 );
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.12/animations/";
-const ri = K(
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.13/animations/";
+const ri = G(
   ({
     children: i,
     className: t,
@@ -9106,8 +9106,8 @@ const ri = K(
     variant: l = "label-only",
     state: d,
     color: p,
-    isLoading: g = void 0,
-    disabled: f = void 0,
+    isLoading: f = void 0,
+    disabled: g = void 0,
     loadingAnimationPath: k = window.pktAnimationPath,
     ...b
   }, y) => {
@@ -9119,40 +9119,40 @@ const ri = K(
       l && `pkt-btn--${l}`,
       p && `pkt-btn--${p}`,
       d && `pkt-btn--${d}`,
-      g && "pkt-btn--isLoading"
+      f && "pkt-btn--isLoading"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ x(
       "button",
       {
         ...b,
-        "aria-busy": g || void 0,
-        "aria-disabled": f || void 0,
-        disabled: f,
+        "aria-busy": f || void 0,
+        "aria-disabled": g || void 0,
+        disabled: g,
         className: w,
         type: r,
         ref: y,
         children: [
-          g && /* @__PURE__ */ h(U, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: k }),
-          l !== "label-only" && /* @__PURE__ */ h(U, { className: "pkt-btn__icon", name: e }),
+          f && /* @__PURE__ */ h(B, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: k }),
+          l !== "label-only" && /* @__PURE__ */ h(B, { className: "pkt-btn__icon", name: e }),
           /* @__PURE__ */ h("span", { className: "pkt-btn__text", children: i }),
-          l === "icons-right-and-left" && /* @__PURE__ */ h(U, { className: "pkt-btn__icon", name: s })
+          l === "icons-right-and-left" && /* @__PURE__ */ h(B, { className: "pkt-btn__icon", name: s })
         ]
       }
     );
   }
 );
 ri.displayName = "PktButton";
-const kh = Tt({
+const kh = Lt({
   tagName: "pkt-card",
-  elementClass: ht,
-  react: lt,
+  elementClass: lt,
+  react: ct,
   displayName: "PktCard",
   events: {}
-}), $h = K(
+}), $h = G(
   ({ children: i, ...t }, e) => /* @__PURE__ */ h(kh, { ...t, ref: e, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
 );
 $h.displayName = "PktCard";
-const _h = K(
+const _h = G(
   ({
     id: i,
     hasTile: t = !1,
@@ -9164,8 +9164,8 @@ const _h = K(
     isSwitch: l = !1,
     hideLabel: d = !1,
     labelPosition: p = "right",
-    defaultChecked: g,
-    checked: f,
+    defaultChecked: f,
+    checked: g,
     optionalTag: k,
     optionalText: b = "Valgfritt",
     requiredTag: y,
@@ -9173,7 +9173,7 @@ const _h = K(
     tagText: C,
     ...P
   }, T) => {
-    const j = [r, "pkt-input-check"].filter(Boolean).join(" "), A = [
+    const F = [r, "pkt-input-check"].filter(Boolean).join(" "), A = [
       "pkt-input-check__input-label",
       e ? "pkt-input-check__input-label--disabled" : "",
       `pkt-input-check__input-label--${p}`,
@@ -9182,16 +9182,16 @@ const _h = K(
       "pkt-input-check__input",
       t ? "pkt-input-check__input--tile" : "",
       e && t ? "pkt-input-check__input--tile-disabled" : ""
-    ].filter(Boolean).join(" "), Z = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), At = () => /* @__PURE__ */ x(Gt, { children: [
+    ].filter(Boolean).join(" "), Z = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), Nt = () => /* @__PURE__ */ x(Gt, { children: [
       C && /* @__PURE__ */ h("span", { className: Z + " pkt-tag--gray", children: C }),
       k && /* @__PURE__ */ h("span", { className: Z + " pkt-tag--blue-light", children: b }),
       y && /* @__PURE__ */ h("span", { className: Z + " pkt-tag--beige", children: w })
     ] });
-    return /* @__PURE__ */ h("div", { className: j, children: /* @__PURE__ */ x("div", { className: z, children: [
+    return /* @__PURE__ */ h("div", { className: F, children: /* @__PURE__ */ x("div", { className: z, children: [
       p === "left" && /* @__PURE__ */ x("label", { className: A, htmlFor: i, children: [
         s,
         " ",
-        At(),
+        Nt(),
         a && /* @__PURE__ */ h("div", { className: "pkt-input-check__input-helptext", children: a })
       ] }),
       /* @__PURE__ */ h(
@@ -9203,24 +9203,24 @@ const _h = K(
           type: "checkbox",
           id: i,
           disabled: e,
-          ...f !== void 0 ? { checked: f } : { defaultChecked: g },
+          ...g !== void 0 ? { checked: g } : { defaultChecked: f },
           ...P
         }
       ),
       p === "right" && /* @__PURE__ */ x("label", { className: A, htmlFor: i, children: [
         s,
         " ",
-        At(),
+        Nt(),
         a && /* @__PURE__ */ h("div", { className: "pkt-input-check__input-helptext", children: a })
       ] })
     ] }) });
   }
 );
 _h.displayName = "PktCheckbox";
-const wh = Tt({
+const wh = Lt({
   tagName: "pkt-combobox",
   elementClass: J,
-  react: lt,
+  react: ct,
   displayName: "PktCombobox",
   events: {
     onClick: "click",
@@ -9231,25 +9231,25 @@ const wh = Tt({
     onValueChange: "value-change",
     onToggleHelpText: "toggleHelpText"
   }
-}), xh = K(({ children: i, helptext: t, ...e }, s) => /* @__PURE__ */ x(wh, { ...e, ref: s, children: [
+}), xh = G(({ children: i, helptext: t, ...e }, s) => /* @__PURE__ */ x(wh, { ...e, ref: s, children: [
   t && /* @__PURE__ */ h("div", { slot: "helptext", className: "pkt-contents", children: t }),
   i
 ] }));
 xh.displayName = "PktCombobox";
-const js = Tt({
+const js = Lt({
   tagName: "pkt-consent",
   elementClass: zt,
-  react: lt,
+  react: ct,
   displayName: "PktConsent",
   events: {
     onToggleConsent: "toggle-consent"
   }
 });
 js.displayName = "PktConsent";
-const Sh = Tt({
+const Sh = Lt({
   tagName: "pkt-datepicker",
   elementClass: tt,
-  react: lt,
+  react: ct,
   displayName: "PktDatepicker",
   events: {
     onChange: "change",
@@ -9258,11 +9258,11 @@ const Sh = Tt({
     onValueChange: "value-change",
     onToggleHelpText: "toggleHelpText"
   }
-}), Ch = K(
+}), Ch = G(
   ({ helptext: i, ...t }, e) => /* @__PURE__ */ h(Sh, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", slot: "helptext", children: i }) })
 );
 Ch.displayName = "PktDatepicker";
-const Gd = ({
+const Kd = ({
   columnOne: i,
   columnTwo: t,
   socialLinks: e,
@@ -9273,8 +9273,8 @@ const Gd = ({
   includeConsent: l = !1,
   hotjarId: d = null,
   googleAnalyticsId: p = null,
-  devMode: g = !1,
-  cookieDomain: f = null,
+  devMode: f = !1,
+  cookieDomain: g = null,
   cookieSecure: k = null,
   cookieExpiryDays: b = null,
   onToggleConsent: y = (w) => {
@@ -9289,7 +9289,7 @@ const Gd = ({
         /* @__PURE__ */ h("h2", { className: "pkt-footer__title", children: i.title }),
         /* @__PURE__ */ x("ul", { className: "pkt-footer__list", children: [
           i.text && /* @__PURE__ */ h("li", { className: "pkt-footer__text", children: i.text }),
-          (C = i.links) == null ? void 0 : C.map((T, j) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
+          (C = i.links) == null ? void 0 : C.map((T, F) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
             "a",
             {
               className: `pkt-footer__link ${T.external ? "pkt-link--external" : ""}`,
@@ -9297,18 +9297,18 @@ const Gd = ({
               target: T.openInNewTab || a ? "_blank" : "_self",
               rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ h(U, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ h(B, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 T.text
               ]
             }
-          ) }, `links-${j}`))
+          ) }, `links-${F}`))
         ] })
       ] }),
       /* @__PURE__ */ x("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ h("h2", { className: "pkt-footer__title", children: t.title }),
         /* @__PURE__ */ x("ul", { className: "pkt-footer__list", children: [
           t.text && /* @__PURE__ */ h("li", { className: "pkt-footer__text", children: t.text }),
-          (P = t.links) == null ? void 0 : P.map((T, j) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
+          (P = t.links) == null ? void 0 : P.map((T, F) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
             "a",
             {
               className: `pkt-footer__link ${T.external ? "pkt-link--external" : ""}`,
@@ -9316,11 +9316,11 @@ const Gd = ({
               target: T.openInNewTab || a ? "_blank" : "_self",
               rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ h(U, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ h(B, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 T.text
               ]
             }
-          ) }, `links-${j}`))
+          ) }, `links-${F}`))
         ] })
       ] }),
       /* @__PURE__ */ x("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
@@ -9334,7 +9334,7 @@ const Gd = ({
               target: a ? "_blank" : "_self",
               rel: a ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ h(U, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ h(B, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 "Personvern og informasjonskapsler"
               ]
             }
@@ -9347,7 +9347,7 @@ const Gd = ({
               target: a ? "_blank" : "_self",
               rel: a ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ h(U, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ h(B, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 "Tilgjengelighet"
               ]
             }
@@ -9358,8 +9358,8 @@ const Gd = ({
               triggerType: "footerlink",
               hotjarId: d,
               googleAnalyticsId: p,
-              devMode: g,
-              cookieDomain: f,
+              devMode: f,
+              cookieDomain: g,
               cookieSecure: k,
               cookieExpiryDays: b,
               onToggleConsent: y
@@ -9369,7 +9369,7 @@ const Gd = ({
       ] })
     ] }),
     e && /* @__PURE__ */ x("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ h("div", { className: "pkt-footer__social-languages", children: e.filter((T) => T.language).map((T, j) => /* @__PURE__ */ h("div", { className: "pkt-footer__social-language", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ h("div", { className: "pkt-footer__social-languages", children: e.filter((T) => T.language).map((T, F) => /* @__PURE__ */ h("div", { className: "pkt-footer__social-language", children: /* @__PURE__ */ h(
         "a",
         {
           href: T.href,
@@ -9378,8 +9378,8 @@ const Gd = ({
           rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
           children: T.language
         }
-      ) }, `sociallinks-language-${j}`)) }),
-      /* @__PURE__ */ h("div", { className: "pkt-footer__social-icons", children: e.filter((T) => T.iconName).map((T, j) => /* @__PURE__ */ h(cn, { children: /* @__PURE__ */ h(
+      ) }, `sociallinks-language-${F}`)) }),
+      /* @__PURE__ */ h("div", { className: "pkt-footer__social-icons", children: e.filter((T) => T.iconName).map((T, F) => /* @__PURE__ */ h(cn, { children: /* @__PURE__ */ h(
         "a",
         {
           href: T.href,
@@ -9387,12 +9387,12 @@ const Gd = ({
           className: "pkt-footer__social-icon-link",
           target: T.openInNewTab || a ? "_blank" : "_self",
           rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
-          children: /* @__PURE__ */ h(U, { className: "pkt-footer__social-icon", name: T.iconName })
+          children: /* @__PURE__ */ h(B, { className: "pkt-footer__social-icon", name: T.iconName })
         }
-      ) }, `sociallinks-${j}`)) })
+      ) }, `sociallinks-${F}`)) })
     ] })
   ] }) });
-}, Yd = ({
+}, Gd = ({
   links: i = [],
   openLinksInNewTab: t = !1,
   personvernOgInfoLink: e = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
@@ -9403,8 +9403,8 @@ const Gd = ({
   devMode: l = !1,
   cookieDomain: d = null,
   cookieSecure: p = null,
-  cookieExpiryDays: g = null,
-  onToggleConsent: f = (b) => {
+  cookieExpiryDays: f = null,
+  onToggleConsent: g = (b) => {
     console.log(b.detail);
   },
   className: k
@@ -9419,7 +9419,7 @@ const Gd = ({
         target: y.openInNewTab || t ? "_blank" : "_self",
         rel: y.openInNewTab || t ? "noopener noreferrer" : void 0,
         children: [
-          /* @__PURE__ */ h(U, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+          /* @__PURE__ */ h(B, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
           y.text
         ]
       }
@@ -9432,7 +9432,7 @@ const Gd = ({
         target: t ? "_blank" : "_self",
         rel: t ? "noopener noreferrer" : void 0,
         children: [
-          /* @__PURE__ */ h(U, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+          /* @__PURE__ */ h(B, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
           "Personvern og informasjonskapsler"
         ]
       }
@@ -9445,7 +9445,7 @@ const Gd = ({
         target: t ? "_blank" : "_self",
         rel: t ? "noopener noreferrer" : void 0,
         children: [
-          /* @__PURE__ */ h(U, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+          /* @__PURE__ */ h(B, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
           "Tilgjengelighet"
         ]
       }
@@ -9459,12 +9459,12 @@ const Gd = ({
         devMode: l,
         cookieDomain: d,
         cookieSecure: p,
-        cookieExpiryDays: g,
-        onToggleConsent: f
+        cookieExpiryDays: f,
+        onToggleConsent: g
       }
     ) })
   ] }) }) });
-}, Zd = K(
+}, Yd = G(
   ({
     className: i,
     logoLink: t = "https://www.oslo.kommune.no/",
@@ -9476,8 +9476,8 @@ const Gd = ({
     representing: l,
     userOptions: d,
     userMenuFooter: p,
-    canChangeRepresentation: g = !0,
-    showMenuButton: f = !1,
+    canChangeRepresentation: f = !0,
+    showMenuButton: g = !1,
     showLogOutButton: k = !1,
     openMenu: b,
     logOut: y,
@@ -9485,24 +9485,24 @@ const Gd = ({
     children: C,
     ...P
   }, T) => {
-    const j = lt.useMemo(() => typeof (n == null ? void 0 : n.lastLoggedIn) == "string" ? n.lastLoggedIn : n != null && n.lastLoggedIn ? new Date(n.lastLoggedIn).toLocaleString("nb-NO", {
+    const F = ct.useMemo(() => typeof (n == null ? void 0 : n.lastLoggedIn) == "string" ? n.lastLoggedIn : n != null && n.lastLoggedIn ? new Date(n.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [n]), [A, z] = lt.useState(!1), [Z, At] = lt.useState(0), [Et, Q] = lt.useState(!1), st = lt.useRef(null);
-    lt.useEffect(() => (document && (document.addEventListener("mouseup", Pt), window.addEventListener("scroll", at)), () => {
-      document && (document.removeEventListener("mouseup", Pt), window.removeEventListener("scroll", at));
+    }) : "", [n]), [A, z] = ct.useState(!1), [Z, Nt] = ct.useState(0), [At, Q] = ct.useState(!1), st = ct.useRef(null);
+    ct.useEffect(() => (document && (document.addEventListener("mouseup", Ot), window.addEventListener("scroll", at)), () => {
+      document && (document.removeEventListener("mouseup", Ot), window.removeEventListener("scroll", at));
     }));
-    const Ot = () => {
-      Q(!Et);
-    }, Pt = (D) => {
+    const Et = () => {
+      Q(!At);
+    }, Ot = (D) => {
       st.current && !st.current.contains(D.target) && Q(!1);
     }, at = () => {
       if (a) {
         const D = window.pageYOffset || document.documentElement.scrollTop;
         if (D < 0 || Math.abs(D - Z) < 60)
           return;
-        z(D > Z), At(D);
+        z(D > Z), Nt(D);
       }
     };
     return /* @__PURE__ */ x(
@@ -9512,7 +9512,7 @@ const Gd = ({
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: Ct(i, "pkt-header", {
+        className: gt(i, "pkt-header", {
           "pkt-header--fixed": s,
           "pkt-header--scroll-to-hide": a,
           "pkt-header--hidden": A
@@ -9521,12 +9521,12 @@ const Gd = ({
         children: [
           /* @__PURE__ */ x("div", { className: "pkt-header__logo", children: [
             typeof t == "string" ? /* @__PURE__ */ h("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: t, children: /* @__PURE__ */ h(
-              U,
+              B,
               {
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
                 "aria-hidden": "true",
-                path: "https://punkt-cdn.oslo.kommune.no/13.12/logos/"
+                path: "https://punkt-cdn.oslo.kommune.no/13.13/logos/"
               }
             ) }) : /* @__PURE__ */ h(
               "button",
@@ -9535,12 +9535,12 @@ const Gd = ({
                 className: "pkt-link-button pkt-link pkt-header__logo-link",
                 onClick: t,
                 children: /* @__PURE__ */ h(
-                  U,
+                  B,
                   {
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
                     "aria-hidden": "true",
-                    path: "https://punkt-cdn.oslo.kommune.no/13.12/logos/"
+                    path: "https://punkt-cdn.oslo.kommune.no/13.13/logos/"
                   }
                 )
               }
@@ -9548,7 +9548,7 @@ const Gd = ({
             /* @__PURE__ */ h("span", { className: "pkt-header__logo-service", translate: "no", children: e })
           ] }),
           /* @__PURE__ */ h("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ x("ul", { className: "pkt-header__actions-row", children: [
-            f && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
+            g && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
               ri,
               {
                 className: "pkt-header__menu-btn",
@@ -9563,7 +9563,7 @@ const Gd = ({
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${Et && !A ? "pkt-header--open-dropdown" : ""}`,
+                className: `pkt-header--has-dropdown ${At && !A ? "pkt-header--open-dropdown" : ""}`,
                 ref: st,
                 children: [
                   /* @__PURE__ */ x(
@@ -9573,14 +9573,14 @@ const Gd = ({
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": Et,
-                      onClick: Ot,
+                      "aria-expanded": At,
+                      onClick: Et,
                       children: [
-                        /* @__PURE__ */ h(U, { name: "user", className: "pkt-btn__icon" }),
+                        /* @__PURE__ */ h(B, { name: "user", className: "pkt-btn__icon" }),
                         /* @__PURE__ */ h("span", { className: "pkt-header__user-fullname", translate: "no", children: (l == null ? void 0 : l.name) || (n == null ? void 0 : n.name) }),
                         /* @__PURE__ */ h("span", { className: "pkt-header__user-shortname", translate: "no", children: (l == null ? void 0 : l.shortname) || (n == null ? void 0 : n.shortname) }),
-                        /* @__PURE__ */ h(U, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
-                        /* @__PURE__ */ h(U, { name: "chevron-thin-up", className: "pkt-btn--open" })
+                        /* @__PURE__ */ h(B, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
+                        /* @__PURE__ */ h(B, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
                     }
                   ),
@@ -9590,17 +9590,17 @@ const Gd = ({
                       /* @__PURE__ */ h("div", { className: "pkt-user-menu__name", translate: "no", children: n.name }),
                       n.lastLoggedIn && /* @__PURE__ */ x("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ h("time", { children: j })
+                        /* @__PURE__ */ h("time", { children: F })
                       ] })
                     ] }),
-                    r && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: r.map((D, kt) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ x("a", { href: D.target, className: "pkt-link", children: [
-                      D.iconName && /* @__PURE__ */ h(U, { name: D.iconName, className: "pkt-link__icon" }),
+                    r && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: r.map((D, $t) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ x("a", { href: D.target, className: "pkt-link", children: [
+                      D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
                       D.title
                     ] }) : /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: [
-                      D.iconName && /* @__PURE__ */ h(U, { name: D.iconName, className: "pkt-link__icon" }),
+                      D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
                       D.title
-                    ] }) }, `userMenu-${kt}`)) }) }),
-                    (l || g) && /* @__PURE__ */ x("li", { children: [
+                    ] }) }, `userMenu-${$t}`)) }) }),
+                    (l || f) && /* @__PURE__ */ x("li", { children: [
                       l && /* @__PURE__ */ x(Gt, { children: [
                         /* @__PURE__ */ h("div", { className: "pkt-user-menu__label", children: "Representerer" }),
                         /* @__PURE__ */ h("div", { className: "pkt-user-menu__name", translate: "no", children: l.name }),
@@ -9609,25 +9609,25 @@ const Gd = ({
                           l.orgNumber
                         ] })
                       ] }),
-                      /* @__PURE__ */ h("ul", { className: "pkt-list mt-size-16", children: g && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: w, children: [
-                        /* @__PURE__ */ h(U, { name: "cogwheel", className: "pkt-link__icon" }),
+                      /* @__PURE__ */ h("ul", { className: "pkt-list mt-size-16", children: f && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: w, children: [
+                        /* @__PURE__ */ h(B, { name: "cogwheel", className: "pkt-link__icon" }),
                         "Endre organisasjon"
                       ] }) }) })
                     ] }),
                     /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: (d || !k) && /* @__PURE__ */ x(Gt, { children: [
-                      d == null ? void 0 : d.map((D, kt) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ x("a", { href: D.target, className: "pkt-link", children: [
-                        D.iconName && /* @__PURE__ */ h(U, { name: D.iconName, className: "pkt-link__icon" }),
+                      d == null ? void 0 : d.map((D, $t) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ x("a", { href: D.target, className: "pkt-link", children: [
+                        D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
                         D.title
                       ] }) : /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: [
-                        D.iconName && /* @__PURE__ */ h(U, { name: D.iconName, className: "pkt-link__icon" }),
+                        D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
                         D.title
-                      ] }) }, `userOptions-${kt}`)),
+                      ] }) }, `userOptions-${$t}`)),
                       !k && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: y, children: [
-                        /* @__PURE__ */ h(U, { name: "exit", className: "pkt-link__icon" }),
+                        /* @__PURE__ */ h(B, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    p && /* @__PURE__ */ h("li", { className: "footer", children: /* @__PURE__ */ h("ul", { className: "pkt-list-horizontal bordered", children: p.map((D, kt) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ h("a", { href: D.target, className: "pkt-link", children: D.title }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: D.title }) }, `userMenuFooter-${kt}`)) }) })
+                    p && /* @__PURE__ */ h("li", { className: "footer", children: /* @__PURE__ */ h("ul", { className: "pkt-list-horizontal bordered", children: p.map((D, $t) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ h("a", { href: D.target, className: "pkt-link", children: D.title }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: D.title }) }, `userMenuFooter-${$t}`)) }) })
                   ] })
                 ]
               }
@@ -9650,26 +9650,26 @@ const Gd = ({
       }
     );
   }
-), Th = Tt({
+), Th = Lt({
   tagName: "pkt-heading",
   elementClass: Le,
-  react: lt,
+  react: ct,
   displayName: "PktHeading"
-}), Nh = K(({ children: i, ...t }, e) => /* @__PURE__ */ h(Th, { "data-testid": "pkt-heading", ...t, ref: e, children: i }));
+}), Nh = G(({ children: i, ...t }, e) => /* @__PURE__ */ h(Th, { "data-testid": "pkt-heading", ...t, ref: e, children: i }));
 Nh.displayName = "PktHeading";
-const Ah = Tt({
+const Ah = Lt({
   tagName: "pkt-helptext",
   elementClass: pe,
-  react: lt,
+  react: ct,
   displayName: "PktHelptext",
   events: {
     onToggleHelpText: "toggleHelpText"
   }
-}), Eh = K(
+}), Eh = G(
   ({ children: i, ...t }, e) => /* @__PURE__ */ h(Ah, { ...t, ref: e, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
 );
 Eh.displayName = "PktHelptext";
-const Oh = K(
+const Oh = G(
   ({ label: i, id: t, children: e, ...s }, a) => /* @__PURE__ */ x("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ h("label", { htmlFor: t, className: "pkt-form-label", children: i }),
     /* @__PURE__ */ h("input", { className: "pkt-form-input", id: t, ...s, ref: a }),
@@ -9677,7 +9677,7 @@ const Oh = K(
   ] })
 );
 Oh.displayName = "PktInput";
-const cs = K(
+const cs = G(
   ({
     forId: i,
     label: t,
@@ -9689,8 +9689,8 @@ const cs = K(
     counterMaxLength: l,
     optionalTag: d = !1,
     optionalText: p = "Valgfritt",
-    requiredTag: g = !1,
-    requiredText: f = "Må fylles ut",
+    requiredTag: f = !1,
+    requiredText: g = "Må fylles ut",
     tagText: k = null,
     hasError: b = !1,
     errorMessage: y,
@@ -9698,32 +9698,32 @@ const cs = K(
     inline: C = !1,
     ariaDescribedby: P,
     useWrapper: T = !0,
-    children: j,
+    children: F,
     className: A = "",
     hasFieldset: z = !1,
     role: Z = "group",
-    counterPosition: At = "bottom"
-  }, Et) => {
-    const [Q, st] = oi(!1), Ot = P || (e ? `${i}-helptext` : void 0), Pt = !!n, at = Pt && At === "top", D = Pt && At === "bottom", kt = () => st((ot) => !ot), Qt = [
+    counterPosition: Nt = "bottom"
+  }, At) => {
+    const [Q, st] = oi(!1), Et = P || (e ? `${i}-helptext` : void 0), Ot = !!n, at = Ot && Nt === "top", D = Ot && Nt === "bottom", $t = () => st((ot) => !ot), Qt = [
       "pkt-inputwrapper",
       A,
       b ? "pkt-inputwrapper--error" : "",
       w ? "pkt-inputwrapper--disabled" : "",
       C ? "pkt-inputwrapper--inline" : ""
-    ].filter(Boolean).join(" "), le = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), te = () => Pt ? /* @__PURE__ */ x("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": "true", children: [
+    ].filter(Boolean).join(" "), le = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), te = () => Ot ? /* @__PURE__ */ x("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": "true", children: [
       r,
       l ? `/${l}` : ""
     ] }) : null, Se = () => /* @__PURE__ */ x(Gt, { children: [
       k && /* @__PURE__ */ h("span", { className: le + " pkt-tag--gray", children: k }),
       d && /* @__PURE__ */ h("span", { className: le + " pkt-tag--blue-light", children: p }),
-      g && /* @__PURE__ */ h("span", { className: le + " pkt-tag--beige", children: f })
+      f && /* @__PURE__ */ h("span", { className: le + " pkt-tag--beige", children: g })
     ] }), ze = () => {
       const ot = /* @__PURE__ */ x(Gt, { children: [
         t,
         " ",
         Se()
       ] });
-      return T ? z ? /* @__PURE__ */ h("legend", { className: "pkt-inputwrapper__legend", id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { className: "pkt-inputwrapper__label", htmlFor: i, "aria-describedby": Ot, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": Ot, id: `${i}-label`, children: t });
+      return T ? z ? /* @__PURE__ */ h("legend", { className: "pkt-inputwrapper__legend", id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { className: "pkt-inputwrapper__label", htmlFor: i, "aria-describedby": Et, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": Et, id: `${i}-label`, children: t });
     }, he = () => !e && !s ? null : /* @__PURE__ */ x(Gt, { children: [
       e && T && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__helptext", id: `${i}-helptext`, children: e }),
       s && /* @__PURE__ */ x("div", { className: "pkt-inputwrapper__helptext-expandable", children: [
@@ -9735,7 +9735,7 @@ const cs = K(
             variant: "icon-right",
             iconName: Q ? "chevron-thin-up" : "chevron-thin-down",
             className: "pkt-link pkt-link--icon-right",
-            onClick: kt,
+            onClick: $t,
             children: /* @__PURE__ */ h(
               "span",
               {
@@ -9758,44 +9758,63 @@ const cs = K(
       ze(),
       he(),
       at && /* @__PURE__ */ h(te, {}),
-      j,
+      F,
       D && /* @__PURE__ */ h(te, {}),
       b && y && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__alert-wrapper", children: /* @__PURE__ */ h(nn, { skin: "error", "aria-live": "assertive", role: "alert", id: `${i}-error`, compact: !0, children: y }) })
     ] });
-    return /* @__PURE__ */ h("div", { className: Qt, ref: Et, role: Z, children: z ? /* @__PURE__ */ h("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": Ot, children: Ht }) : /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__fieldset", children: Ht }) });
+    return /* @__PURE__ */ h("div", { className: Qt, ref: At, role: Z, children: z ? /* @__PURE__ */ h("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": Et, children: Ht }) : /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__fieldset", children: Ht }) });
   }
 );
 cs.displayName = "PktInputWrapper";
-const Ph = Tt({
+const Ph = Lt({
   tagName: "pkt-link",
-  elementClass: xe,
-  react: lt,
+  elementClass: we,
+  react: ct,
   displayName: "PktLink"
-}), Mh = K(
+}), Mh = G(
   ({ children: i, ...t }, e) => /* @__PURE__ */ h(Ph, { ...t, ref: e, children: /* @__PURE__ */ h("span", { className: "pkt-contents", children: i }) })
 );
 Mh.displayName = "PktLink";
-const Ih = Tt({
-  tagName: "pkt-linkcard",
-  elementClass: ue,
-  react: lt,
-  displayName: "PktLinkCard",
-  events: {}
-}), Dh = K(
-  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Ih, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
-);
-Dh.displayName = "PktLinkCard";
-const Rh = Tt({
+const Ih = ({
+  children: i,
+  skin: t,
+  title: e,
+  href: s,
+  iconName: a,
+  openInNewTab: n,
+  external: r,
+  className: l,
+  ...d
+}) => {
+  const p = ["pkt-linkcard", t && `pkt-linkcard--${t}`].filter(Boolean).join(" "), f = ["pkt-linkcard__title", r && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ x(
+    "a",
+    {
+      ...d,
+      href: s,
+      className: gt(p, l),
+      target: n ? "_blank" : "_self",
+      rel: n ? "noopener noreferrer" : void 0,
+      children: [
+        a && /* @__PURE__ */ h(B, { className: "pkt-link__icon", name: a }),
+        e && /* @__PURE__ */ h("div", { className: gt(f), children: e }),
+        /* @__PURE__ */ h("div", { className: "pkt-linkcard__text", children: i })
+      ]
+    }
+  );
+};
+Ih.displayName = "PktLinkCard";
+const Dh = Lt({
   tagName: "pkt-loader",
   elementClass: Zt,
-  react: lt,
+  react: ct,
   displayName: "PktLoader",
   events: {}
-}), Lh = K(
-  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Rh, { ...t, ref: e, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
+}), Rh = G(
+  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Dh, { ...t, ref: e, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
 );
-Lh.displayName = "PktLoader";
-const Bh = ({
+Rh.displayName = "PktLoader";
+const Lh = ({
   children: i,
   className: t,
   skin: e,
@@ -9805,51 +9824,51 @@ const Bh = ({
   onClose: r,
   ...l
 }) => {
-  const [d, p] = oi(!1), g = {
+  const [d, p] = oi(!1), f = {
     "pkt-messagebox": !0,
     "pkt-messagebox--compact": a,
     [`pkt-messagebox--${e}`]: e,
     "pkt-messagebox--closable": n,
     "pkt-hide": d
-  }, f = pn(), k = Ea(() => {
+  }, g = pn(), k = Ea(() => {
     p(!0), r && r();
   }, [p, r]);
-  return /* @__PURE__ */ x("div", { ...l, className: Ct(g, t), ref: f, children: [
+  return /* @__PURE__ */ x("div", { ...l, className: gt(f, t), ref: g, children: [
     n && /* @__PURE__ */ h("div", { className: '"pkt-messagebox__close"', children: /* @__PURE__ */ h(
       "button",
       {
         onClick: k,
         className: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",
         "aria-label": "Lukk",
-        children: /* @__PURE__ */ h(U, { name: "close", className: "pkt-link__icon" })
+        children: /* @__PURE__ */ h(B, { name: "close", className: "pkt-link__icon" })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "pkt-messagebox__title", children: s }),
     /* @__PURE__ */ h("div", { className: "pkt-messagebox__text", children: i })
   ] });
 };
-Bh.displayName = "PktMessagebox";
-const Vh = Tt({
+Lh.displayName = "PktMessagebox";
+const Bh = Lt({
   tagName: "pkt-modal",
-  elementClass: Lt,
-  react: lt,
+  elementClass: Rt,
+  react: ct,
   displayName: "PktModal",
   events: {}
-}), jh = K(
-  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Vh, { ...t, ref: e, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
+}), Vh = G(
+  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Bh, { ...t, ref: e, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
 );
-jh.displayName = "PktModal";
-const Fh = Tt({
+Vh.displayName = "PktModal";
+const jh = Lt({
   tagName: "pkt-progressbar",
   elementClass: et,
-  react: lt,
+  react: ct,
   displayName: "PktProgressbar",
   events: {}
-}), Uh = K(
-  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Fh, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
+}), Fh = G(
+  ({ children: i, ...t }, e) => /* @__PURE__ */ h(jh, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
 );
-Uh.displayName = "PktProgressbar";
-const Hh = K(
+Fh.displayName = "PktProgressbar";
+const Uh = G(
   ({
     id: i,
     name: t,
@@ -9861,8 +9880,8 @@ const Hh = K(
     hasError: l = !1,
     defaultChecked: d,
     checked: p,
-    optionalTag: g,
-    optionalText: f,
+    optionalTag: f,
+    optionalText: g,
     requiredTag: k,
     requiredText: b,
     tagText: y,
@@ -9872,12 +9891,12 @@ const Hh = K(
       "pkt-input-check__input",
       a ? "pkt-input-check__input--tile" : "",
       n && a ? "pkt-input-check__input--tile-disabled" : ""
-    ].filter(Boolean).join(" "), j = [
+    ].filter(Boolean).join(" "), F = [
       "pkt-input-check__input-checkbox",
       l ? "pkt-input-check__input-checkbox--error" : ""
     ].filter(Boolean).join(" "), A = ["pkt-input-check__input-label", n ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), z = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), Z = () => /* @__PURE__ */ x(Gt, { children: [
       y && /* @__PURE__ */ h("span", { className: z + " pkt-tag--gray", children: y }),
-      g && /* @__PURE__ */ h("span", { className: z + " pkt-tag--blue-light", children: f }),
+      f && /* @__PURE__ */ h("span", { className: z + " pkt-tag--blue-light", children: g }),
       k && /* @__PURE__ */ h("span", { className: z + " pkt-tag--beige", children: b })
     ] });
     return /* @__PURE__ */ h("div", { className: P, children: /* @__PURE__ */ x("div", { className: T, children: [
@@ -9889,7 +9908,7 @@ const Hh = K(
           type: "radio",
           name: t,
           disabled: n,
-          className: j,
+          className: F,
           ...p !== void 0 ? { checked: p } : { defaultChecked: d },
           ...w
         }
@@ -9903,8 +9922,8 @@ const Hh = K(
     ] }) });
   }
 );
-Hh.displayName = "PktRadioButton";
-const Xd = K(
+Uh.displayName = "PktRadioButton";
+const Zd = G(
   ({
     appearance: i = "local",
     disabled: t = !1,
@@ -9916,8 +9935,8 @@ const Xd = K(
     suggestions: l,
     value: d = "",
     action: p,
-    method: g,
-    onChange: f,
+    method: f,
+    onChange: g,
     onSearch: k,
     onSuggestionClick: b,
     ...y
@@ -9927,8 +9946,8 @@ const Xd = K(
     }, P = (A) => {
       d = A.target.value;
     }, T = `pkt-searchinput pkt-searchinput--${i} ${e ? "pkt-searchinput--fullwidth" : ""}`;
-    let j;
-    return p ? j = (A) => /* @__PURE__ */ h("form", { role: "search", className: T, action: p, method: g, children: A }) : j = (A) => /* @__PURE__ */ h("div", { role: "search", className: T, children: A }), j(
+    let F;
+    return p ? F = (A) => /* @__PURE__ */ h("form", { role: "search", className: T, action: p, method: f, children: A }) : F = (A) => /* @__PURE__ */ h("div", { role: "search", className: T, children: A }), F(
       /* @__PURE__ */ x(Gt, { children: [
         a && /* @__PURE__ */ h("label", { htmlFor: a ? s : void 0, className: a ? "pkt-inputwrapper__label" : "", children: a }),
         /* @__PURE__ */ x("div", { className: i === "local" ? "pkt-input__container" : "pkt-searchinput__field", children: [
@@ -9946,7 +9965,7 @@ const Xd = K(
               "aria-autocomplete": "list",
               ref: w,
               "aria-controls": `${s}-suggestions`,
-              onChange: f || P,
+              onChange: g || P,
               onKeyUp: k && ((A) => {
                 A.key === "Enter" && (A.preventDefault(), k(d));
               }),
@@ -9987,7 +10006,7 @@ const Xd = K(
       ] })
     );
   }
-), Jd = K(
+), Xd = G(
   ({
     ariaDescribedby: i,
     ariaLabelledby: t,
@@ -9999,8 +10018,8 @@ const Xd = K(
     helptext: l,
     helptextDropdown: d,
     helptextDropdownButton: p,
-    id: g,
-    inline: f = !1,
+    id: f,
+    inline: g = !1,
     fullwidth: k = !1,
     label: b,
     name: y,
@@ -10008,7 +10027,7 @@ const Xd = K(
     optionalText: C,
     requiredTag: P = !1,
     requiredText: T,
-    tagText: j,
+    tagText: F,
     ...A
   }, z) => {
     const Z = [s, "pkt-select"].join(" ");
@@ -10016,7 +10035,7 @@ const Xd = K(
       cs,
       {
         className: Z,
-        forId: `${g}-input`,
+        forId: `${f}-input`,
         label: b,
         helptext: l,
         helptextDropdown: d,
@@ -10025,11 +10044,11 @@ const Xd = K(
         optionalText: C,
         requiredTag: P,
         requiredText: T,
-        tagText: j,
+        tagText: F,
         hasError: r,
         errorMessage: n,
         disabled: a,
-        inline: f,
+        inline: g,
         ariaDescribedby: i,
         children: /* @__PURE__ */ h(
           "select",
@@ -10037,11 +10056,11 @@ const Xd = K(
             ref: z,
             className: `pkt-input ${k ? "pkt-input--fullwidth" : ""}`,
             "aria-invalid": r,
-            "aria-errormessage": `${g}-error`,
+            "aria-errormessage": `${f}-error`,
             "aria-labelledby": t || void 0,
             disabled: a,
-            id: `${g}-input`,
-            name: y || g,
+            id: `${f}-input`,
+            name: y || f,
             ...A,
             children: e
           }
@@ -10049,22 +10068,22 @@ const Xd = K(
       }
     );
   }
-), qh = /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: /* @__PURE__ */ h("circle", { cx: "12", cy: "12", r: "7", style: { fill: "var(--pkt-color-grays-grey-200, #CCC)" } }) }), zh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
+), Hh = /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: /* @__PURE__ */ h("circle", { cx: "12", cy: "12", r: "7", style: { fill: "var(--pkt-color-grays-grey-200, #CCC)" } }) }), qh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
   /* @__PURE__ */ h("circle", { opacity: ".15", cx: "12", cy: "12", r: "12", fill: "#2A2859" }),
   /* @__PURE__ */ h("circle", { cx: "12", cy: "12", r: "6", fill: "#2A2859" })
-] }), Wh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
+] }), zh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
   /* @__PURE__ */ h("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
   /* @__PURE__ */ h("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
-] }), Qd = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: Ct("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
+] }), Jd = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: gt("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
-  /* @__PURE__ */ h("span", { className: Ct("pkt-step__indicator"), children: e === "current" ? zh : e === "completed" ? Wh : qh }),
+  /* @__PURE__ */ h("span", { className: gt("pkt-step__indicator"), children: e === "current" ? qh : e === "completed" ? zh : Hh }),
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--3", "aria-hidden": !0 }),
   /* @__PURE__ */ x("div", { className: "pkt-step__wrapper", children: [
     /* @__PURE__ */ h("div", { className: "pkt-step__title", children: s }),
     /* @__PURE__ */ h("div", { className: "pkt-step__content", children: i })
   ] })
-] }), tc = K(
+] }), Qd = G(
   ({
     activeStep: i,
     className: t,
@@ -10074,19 +10093,19 @@ const Xd = K(
     orientation: n = "vertical",
     ...r
   }, l) => {
-    const d = Ct(
+    const d = gt(
       t,
       "pkt-stepper",
       n === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
-    ), p = Es.map(e, (g, f) => mn(g) ? fn(g, {
-      className: Ct(g.props.className, {
-        "pkt-step--hideStep": s && f !== i,
-        "pkt-step--hideContent": a && f !== i
+    ), p = Es.map(e, (f, g) => mn(f) ? fn(f, {
+      className: gt(f.props.className, {
+        "pkt-step--hideStep": s && g !== i,
+        "pkt-step--hideContent": a && g !== i
       })
-    }) : g);
+    }) : f);
     return /* @__PURE__ */ h("ol", { "data-testid": "pkt-stepper", className: d, ref: l, ...r, children: p });
   }
-), ec = ({
+), tc = ({
   className: i,
   compact: t = !1,
   skin: e = "basic",
@@ -10097,7 +10116,7 @@ const Xd = K(
   "table",
   {
     "data-testid": "pkt-table",
-    className: Ct(i, "pkt-table", {
+    className: gt(i, "pkt-table", {
       "pkt-table--responsive": s,
       "pkt-table--compact": t,
       "pkt-table--basic": e === "basic",
@@ -10107,17 +10126,17 @@ const Xd = K(
     ...n,
     children: a
   }
-), ic = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: Ct(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), sc = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
+), ec = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: gt(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), ic = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
   "td",
   {
-    className: Ct(t, "pkt-table__data-cell", {}),
+    className: gt(t, "pkt-table__data-cell", {}),
     "data-label": e,
     role: "cell",
     "data-testid": "pkt-table__data-cell",
     ...s,
     children: i
   }
-), ac = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: Ct(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), nc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: Ct(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), rc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: Ct(i, "pkt-table__row", {}), role: "row", ...e, children: t }), Kh = Tt({
+), sc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: gt(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), ac = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: gt(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), nc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: gt(i, "pkt-table__row", {}), role: "row", ...e, children: t }), Wh = Lt({
   tagName: "pkt-tag",
   elementClass: qt,
   react: dn,
@@ -10125,26 +10144,26 @@ const Xd = K(
   events: {
     onClose: "close"
   }
-}), rn = K(
-  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Kh, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
+}), rn = G(
+  ({ children: i, ...t }, e) => /* @__PURE__ */ h(Wh, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", children: i }) })
 );
 rn.displayName = "PktTag";
-const on = K(
+const on = G(
   ({ children: i, active: t, href: e, onClick: s, icon: a, controls: n, tag: r, tagSkin: l, index: d = 0 }, p) => {
-    const { arrowNav: g, registerTabRef: f, handleKeyPress: k, selectTab: b } = Gh(), w = {
-      "aria-selected": g ? !!t : void 0,
+    const { arrowNav: f, registerTabRef: g, handleKeyPress: k, selectTab: b } = Kh(), w = {
+      "aria-selected": f ? !!t : void 0,
       "aria-controls": n,
-      role: g ? "tab" : void 0,
+      role: f ? "tab" : void 0,
       onKeyUp: (P) => k(d, P),
       onClick: (P) => {
         b(d), s == null || s(P);
       },
-      tabIndex: t || !g ? void 0 : -1,
+      tabIndex: t || !f ? void 0 : -1,
       ref: (P) => {
-        f(d, P), typeof p == "function" ? p(P) : p && (p.current = P);
+        g(d, P), typeof p == "function" ? p(P) : p && (p.current = P);
       }
     }, C = /* @__PURE__ */ x(Gt, { children: [
-      a && /* @__PURE__ */ h(U, { name: a, className: "pkt-icon--small" }),
+      a && /* @__PURE__ */ h(B, { name: a, className: "pkt-icon--small" }),
       i,
       r && /* @__PURE__ */ h(rn, { skin: l, size: "small", children: r })
     ] });
@@ -10152,23 +10171,23 @@ const on = K(
   }
 );
 on.displayName = "PktTabItem";
-const ln = Na(null), Gh = () => {
+const ln = Na(null), Kh = () => {
   const i = Aa(ln);
   if (!i)
     throw new Error("TabItem must be used within a Tabs component");
   return i;
-}, oc = K(
+}, rc = G(
   ({ arrowNav: i = !0, disableArrowNav: t = !1, tabs: e, onTabSelected: s, children: a }, n) => {
     const r = gn([]), l = i && !t, p = a && Es.count(a) > 0 ? Es.count(a) : (e == null ? void 0 : e.length) || 0;
     as(() => {
       r.current = r.current.slice(0, p);
     }, [p]);
-    const g = (y) => {
+    const f = (y) => {
       const w = e == null ? void 0 : e[y];
       w != null && w.action && w.action(y), s && s(y);
-    }, f = (y, w) => {
+    }, g = (y, w) => {
       var C, P;
-      l && (w.code === "ArrowLeft" && y !== 0 && ((C = r.current[y - 1]) == null || C.focus()), w.code === "ArrowRight" && y < p - 1 && ((P = r.current[y + 1]) == null || P.focus()), (w.code === "ArrowDown" || w.code === "Space") && g(y));
+      l && (w.code === "ArrowLeft" && y !== 0 && ((C = r.current[y - 1]) == null || C.focus()), w.code === "ArrowRight" && y < p - 1 && ((P = r.current[y + 1]) == null || P.focus()), (w.code === "ArrowDown" || w.code === "Space") && f(y));
     }, k = (y, w) => {
       r.current[y] = w;
     }, b = e == null ? void 0 : e.map((y, w) => {
@@ -10178,7 +10197,7 @@ const ln = Na(null), Gh = () => {
         {
           active: y.active,
           href: y.href,
-          onClick: () => g(w),
+          onClick: () => f(w),
           icon: y.icon,
           controls: y.controls,
           tag: (C = y.tag) == null ? void 0 : C.text,
@@ -10189,9 +10208,9 @@ const ln = Na(null), Gh = () => {
         w
       );
     });
-    return /* @__PURE__ */ h(ln.Provider, { value: { arrowNav: l, registerTabRef: k, handleKeyPress: f, selectTab: g }, children: /* @__PURE__ */ h("div", { className: "pkt-tabs", ref: n, children: /* @__PURE__ */ h("div", { className: "pkt-tabs__list", role: l ? "tablist" : "navigation", children: a || b }) }) });
+    return /* @__PURE__ */ h(ln.Provider, { value: { arrowNav: l, registerTabRef: k, handleKeyPress: g, selectTab: f }, children: /* @__PURE__ */ h("div", { className: "pkt-tabs", ref: n, children: /* @__PURE__ */ h("div", { className: "pkt-tabs__list", role: l ? "tablist" : "navigation", children: a || b }) }) });
   }
-), lc = K(
+), oc = G(
   ({
     id: i,
     ariaDescribedby: t,
@@ -10203,8 +10222,8 @@ const ln = Na(null), Gh = () => {
     errorMessage: l,
     hasError: d,
     helptext: p,
-    helptextDropdown: g,
-    helptextDropdownButton: f,
+    helptextDropdown: f,
+    helptextDropdownButton: g,
     inline: k,
     fullwidth: b = !1,
     label: y,
@@ -10212,24 +10231,24 @@ const ln = Na(null), Gh = () => {
     optionalTag: C = !1,
     optionalText: P,
     requiredTag: T = !1,
-    requiredText: j,
+    requiredText: F,
     tagText: A = null,
     placeholder: z,
     rows: Z,
-    useWrapper: At = !0,
-    onChange: Et,
+    useWrapper: Nt = !0,
+    onChange: At,
     value: Q,
     autoComplete: st = "off",
-    minLength: Ot,
-    maxLength: Pt,
+    minLength: Et,
+    maxLength: Ot,
     readOnly: at = !1,
     skipForwardTestid: D = !1,
-    ...kt
+    ...$t
   }, Qt) => {
     const le = [n, "pkt-textinput", "pkt-textarea"].join(" "), te = `${i}-input`, Se = `${te}-label`, ze = e || Se, [he, Ht] = oi(0), ot = (Ce) => {
       var Te, de;
-      if (s && Ht(((de = (Te = Ce.currentTarget) == null ? void 0 : Te.value) == null ? void 0 : de.length) || 0), Et)
-        return Et(Ce);
+      if (s && Ht(((de = (Te = Ce.currentTarget) == null ? void 0 : Te.value) == null ? void 0 : de.length) || 0), At)
+        return At(Ce);
     };
     return as(() => {
       Q !== void 0 && Ht((Q == null ? void 0 : Q.length) || 0);
@@ -10243,16 +10262,16 @@ const ln = Na(null), Gh = () => {
         forId: te,
         hasError: d,
         helptext: p,
-        helptextDropdown: g,
-        helptextDropdownButton: f,
+        helptextDropdown: f,
+        helptextDropdownButton: g,
         inline: k,
         label: y,
         optionalTag: C,
         optionalText: P,
         requiredTag: T,
-        requiredText: j,
+        requiredText: F,
         tagText: A,
-        useWrapper: At,
+        useWrapper: Nt,
         counter: s,
         counterCurrent: he,
         counterMaxLength: a,
@@ -10269,19 +10288,19 @@ const ln = Na(null), Gh = () => {
             "aria-labelledby": ze,
             "aria-invalid": d,
             "aria-errormessage": `${i}-error`,
-            ...kt,
+            ...$t,
             onChange: ot,
             value: Q,
             autoComplete: st,
-            minLength: Ot,
-            maxLength: Pt,
+            minLength: Et,
+            maxLength: Ot,
             "data-skip-forward-testid": D ? "true" : void 0
           }
         )
       }
     );
   }
-), hc = K(
+), lc = G(
   ({
     id: i,
     ariaDescribedby: t,
@@ -10293,8 +10312,8 @@ const ln = Na(null), Gh = () => {
     disabled: l = !1,
     errorMessage: d,
     hasError: p = !1,
-    helptext: g,
-    helptextDropdown: f,
+    helptext: f,
+    helptextDropdown: g,
     helptextDropdownButton: k,
     iconNameRight: b,
     inline: y = !1,
@@ -10302,19 +10321,19 @@ const ln = Na(null), Gh = () => {
     label: C,
     name: P,
     optionalTag: T = !1,
-    optionalText: j,
+    optionalText: F,
     requiredTag: A = !1,
     requiredText: z,
     tagText: Z = null,
-    placeholder: At,
-    prefix: Et,
+    placeholder: Nt,
+    prefix: At,
     suffix: Q,
     type: st = "text",
-    useWrapper: Ot = !0,
-    omitSearchIcon: Pt = !1,
+    useWrapper: Et = !0,
+    omitSearchIcon: Ot = !1,
     value: at,
     minLength: D,
-    maxLength: kt,
+    maxLength: $t,
     min: Qt,
     max: le,
     step: te,
@@ -10326,9 +10345,9 @@ const ln = Na(null), Gh = () => {
     skipForwardTestid: Ce = !1,
     ...Te
   }, de) => {
-    const ps = [r, "pkt-textinput"].join(" "), Fi = st === "search" && !b && !Pt, us = st === "date" && at ? at.slice(0, 10) : at, [Ui, We] = oi((at == null ? void 0 : at.length) || 0), Ke = `${i}`, ui = `${Ke}-label`, Hi = e || ui, ms = (ge) => {
+    const ps = [r, "pkt-textinput"].join(" "), Fi = st === "search" && !b && !Ot, us = st === "date" && at ? at.slice(0, 10) : at, [Ui, We] = oi((at == null ? void 0 : at.length) || 0), Ke = `${i}`, ui = `${Ke}-label`, Hi = e || ui, ms = (fe) => {
       var qi, zi;
-      a && We(((zi = (qi = ge.currentTarget) == null ? void 0 : qi.value) == null ? void 0 : zi.length) || 0), ot && ot(ge);
+      a && We(((zi = (qi = fe.currentTarget) == null ? void 0 : qi.value) == null ? void 0 : zi.length) || 0), ot && ot(fe);
     };
     return as(() => {
       at !== void 0 && We((at == null ? void 0 : at.length) || 0);
@@ -10341,17 +10360,17 @@ const ln = Na(null), Gh = () => {
         errorMessage: d,
         forId: Ke,
         hasError: p,
-        helptext: g,
-        helptextDropdown: f,
+        helptext: f,
+        helptextDropdown: g,
         helptextDropdownButton: k,
         inline: y,
         label: C,
         optionalTag: T,
-        optionalText: j,
+        optionalText: F,
         requiredTag: A,
         requiredText: z,
         tagText: Z,
-        useWrapper: Ot,
+        useWrapper: Et,
         counter: a,
         counterCurrent: Ui,
         counterMaxLength: n,
@@ -10362,7 +10381,7 @@ const ln = Na(null), Gh = () => {
             "data-testid": Ht,
             "data-skip-forward-testid": Ce ? "true" : void 0,
             children: [
-              Et && /* @__PURE__ */ h("div", { className: "pkt-input-prefix", children: Et }),
+              At && /* @__PURE__ */ h("div", { className: "pkt-input-prefix", children: At }),
               /* @__PURE__ */ h(
                 "input",
                 {
@@ -10373,7 +10392,7 @@ const ln = Na(null), Gh = () => {
                   name: `${P || i}`,
                   value: us,
                   id: Ke,
-                  placeholder: At,
+                  placeholder: Nt,
                   autoComplete: s,
                   disabled: l,
                   "aria-invalid": p,
@@ -10384,18 +10403,18 @@ const ln = Na(null), Gh = () => {
                   onChange: ms,
                   step: te,
                   minLength: D,
-                  maxLength: kt,
+                  maxLength: $t,
                   size: Se,
                   required: he
                 }
               ),
               Q && /* @__PURE__ */ x("p", { className: "pkt-input-suffix", children: [
                 Q,
-                b && /* @__PURE__ */ h(U, { className: "pkt-input-suffix-icon", name: b }),
-                Fi && /* @__PURE__ */ h(U, { className: "pkt-input-suffix-icon", name: "magnifying-glass-big" })
+                b && /* @__PURE__ */ h(B, { className: "pkt-input-suffix-icon", name: b }),
+                Fi && /* @__PURE__ */ h(B, { className: "pkt-input-suffix-icon", name: "magnifying-glass-big" })
               ] }),
-              !Q && b && /* @__PURE__ */ h(U, { className: "pkt-input-icon", name: b }),
-              !Q && Fi && /* @__PURE__ */ h(U, { className: "pkt-input-icon", name: "magnifying-glass-big" })
+              !Q && b && /* @__PURE__ */ h(B, { className: "pkt-input-icon", name: b }),
+              !Q && Fi && /* @__PURE__ */ h(B, { className: "pkt-input-icon", name: "magnifying-glass-big" })
             ]
           }
         )
@@ -10408,41 +10427,41 @@ export {
   fh as PktAccordionItem,
   nn as PktAlert,
   yh as PktBackLink,
-  Kd as PktBreadcrumbs,
+  Wd as PktBreadcrumbs,
   ri as PktButton,
   $h as PktCard,
   _h as PktCheckbox,
   xh as PktCombobox,
   js as PktConsent,
   Ch as PktDatepicker,
-  Gd as PktFooter,
-  Yd as PktFooterSimple,
-  Zd as PktHeader,
+  Kd as PktFooter,
+  Gd as PktFooterSimple,
+  Yd as PktHeader,
   Nh as PktHeading,
   Eh as PktHelptext,
-  U as PktIcon,
+  B as PktIcon,
   Oh as PktInput,
   cs as PktInputWrapper,
   Mh as PktLink,
-  Dh as PktLinkCard,
-  Lh as PktLoader,
-  Bh as PktMessagebox,
-  jh as PktModal,
-  Uh as PktProgressbar,
-  Hh as PktRadioButton,
-  Xd as PktSearchInput,
-  Jd as PktSelect,
-  Qd as PktStep,
-  tc as PktStepper,
+  Ih as PktLinkCard,
+  Rh as PktLoader,
+  Lh as PktMessagebox,
+  Vh as PktModal,
+  Fh as PktProgressbar,
+  Uh as PktRadioButton,
+  Zd as PktSearchInput,
+  Xd as PktSelect,
+  Jd as PktStep,
+  Qd as PktStepper,
   on as PktTabItem,
-  ec as PktTable,
-  ic as PktTableBody,
-  sc as PktTableDataCell,
-  ac as PktTableHeader,
-  nc as PktTableHeaderCell,
-  rc as PktTableRow,
-  oc as PktTabs,
+  tc as PktTable,
+  ec as PktTableBody,
+  ic as PktTableDataCell,
+  sc as PktTableHeader,
+  ac as PktTableHeaderCell,
+  nc as PktTableRow,
+  rc as PktTabs,
   rn as PktTag,
-  lc as PktTextarea,
-  hc as PktTextinput
+  oc as PktTextarea,
+  lc as PktTextinput
 };