@oslokommune/punkt-vue 12.31.2 → 12.32.7

package/CHANGELOG.md

@@ -5,6 +5,41 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.32.4](https://github.com/oslokommune/punkt/compare/12.32.3...12.32.4) (2025-04-11)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Oppdaterer Vite. Kanskje det fikser byggeproblemer? (#2405). 
+
+
+### Chores
+Ingen
+
+---
+
+
+## [12.32.2](https://github.com/oslokommune/punkt/compare/12.32.1...12.32.2) (2025-04-11)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.25.0](https://github.com/oslokommune/punkt/compare/12.24.4...12.25.0) (2025-03-07)
 
 ### ⚠ BREAKING CHANGES

package/dist/{Alert-R-eAFCdz.js → Alert-DHRKJRVL.js}

@@ -1,5 +1,5 @@
 import "@oslokommune/punkt-elements/dist/pkt-alert";
-import { openBlock as a, createElementBlock as r, renderSlot as i } from "vue";
+import { createElementBlock as a, openBlock as r, renderSlot as i } from "vue";
 import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const o = {
   name: "PktAlert",
@@ -37,7 +37,7 @@ const o = {
   }
 }, n = ["skin", "closeAlert", "title", "date", "ariaLive", "compact"];
 function c(t, s, e, d, f, u) {
-  return a(), r("pkt-alert", {
+  return r(), a("pkt-alert", {
     skin: e.skin,
     closeAlert: e.closeAlert,
     title: e.title,

package/dist/{Button-BlX9N6dr.js → Button-Bm6X0lD8.js}

@@ -1,5 +1,5 @@
-import { P as d } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as u, openBlock as s, createElementBlock as c, mergeProps as m, withKeys as k, createBlock as a, createCommentVNode as l, createElementVNode as p, renderSlot as y, createTextVNode as b, toDisplayString as f } from "vue";
+import { P as d } from "./Icon-Z84h32lN.js";
+import { resolveComponent as u, createElementBlock as c, openBlock as s, mergeProps as m, withKeys as k, createBlock as a, createCommentVNode as l, createElementVNode as p, renderSlot as y, createTextVNode as b, toDisplayString as f } from "vue";
 import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const h = {
   name: "PktButton",
@@ -120,7 +120,7 @@ function _(t, n, e, S, P, r) {
       key: 0,
       class: "pkt-btn__icon pkt-btn__spinner",
       name: "spinner-blue",
-      path: "https://punkt-cdn.oslo.kommune.no/12.31/animations/"
+      path: "https://punkt-cdn.oslo.kommune.no/12.32/animations/"
     })) : l("", !0),
     e.variant !== "label-only" ? (s(), a(i, {
       key: 1,

package/dist/Button-D2xQdpZo.cjs

@@ -1 +1 @@
-"use strict";const o=require("./Icon-BLNK24NN.cjs"),e=require("vue"),r=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u={name:"PktButton",components:{PktIcon:o.PktIcon},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:"user"},secondIconName:{type:String,required:!1,default:"user"},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},skin:{type:String,default:"primary",validator:t=>["primary","secondary","tertiary"].includes(t)},color:{type:String,validator:t=>["blue","blue-outline","green","green-outline","green-dark","green-dark-outline","beige-light","beige-dark-outline","yellow","yellow-outline","red","red-outline"].includes(t)},text:{type:String,required:!1,default:"Trykk her"},variant:{type:String,default:"label-only",validator:t=>["label-only","icon-left","icon-right","icon-only","icons-right-and-left"].includes(t)},state:{type:String,required:!1,validator:t=>["normal","focus","hover","active"].includes(t)},type:{type:String,default:"button",validator:t=>["button","submit","reset"].includes(t)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return["pkt-btn",this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size!=="medium"?`pkt-btn--${this.size}`:""},skinClass(){return this.skin!=="primary"?`pkt-btn--${this.skin}`:""},colorClass(){return this.color?`pkt-btn--${this.color}`:""},stateClass(){return this.state?`pkt-btn--${this.state}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""},isLoadingClass(){return this.isLoading===!0?"pkt-btn--active":""}}},c=["type","disabled"],d={class:"pkt-btn__text"};function k(t,s,n,p,y,a){const i=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:a.classes,onClick:s[0]||(s[0]=l=>t.$emit("onClick")),onKeyup:s[1]||(s[1]=e.withKeys(l=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(i,{key:0,class:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.31/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(i,{key:1,class:"pkt-btn__icon",name:n.iconName},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.variant==="icons-right-and-left"?(e.openBlock(),e.createBlock(i,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,c)}const m=r._export_sfc(u,[["render",k]]);exports.PktButton=m;
+"use strict";const o=require("./Icon-BLNK24NN.cjs"),e=require("vue"),r=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u={name:"PktButton",components:{PktIcon:o.PktIcon},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:"user"},secondIconName:{type:String,required:!1,default:"user"},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},skin:{type:String,default:"primary",validator:t=>["primary","secondary","tertiary"].includes(t)},color:{type:String,validator:t=>["blue","blue-outline","green","green-outline","green-dark","green-dark-outline","beige-light","beige-dark-outline","yellow","yellow-outline","red","red-outline"].includes(t)},text:{type:String,required:!1,default:"Trykk her"},variant:{type:String,default:"label-only",validator:t=>["label-only","icon-left","icon-right","icon-only","icons-right-and-left"].includes(t)},state:{type:String,required:!1,validator:t=>["normal","focus","hover","active"].includes(t)},type:{type:String,default:"button",validator:t=>["button","submit","reset"].includes(t)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return["pkt-btn",this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size!=="medium"?`pkt-btn--${this.size}`:""},skinClass(){return this.skin!=="primary"?`pkt-btn--${this.skin}`:""},colorClass(){return this.color?`pkt-btn--${this.color}`:""},stateClass(){return this.state?`pkt-btn--${this.state}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""},isLoadingClass(){return this.isLoading===!0?"pkt-btn--active":""}}},c=["type","disabled"],d={class:"pkt-btn__text"};function k(t,s,n,p,y,a){const i=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:a.classes,onClick:s[0]||(s[0]=l=>t.$emit("onClick")),onKeyup:s[1]||(s[1]=e.withKeys(l=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(i,{key:0,class:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.32/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(i,{key:1,class:"pkt-btn__icon",name:n.iconName},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.variant==="icons-right-and-left"?(e.openBlock(),e.createBlock(i,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,c)}const m=r._export_sfc(u,[["render",k]]);exports.PktButton=m;

package/dist/{Helptext-x_AJJvxR.js → Helptext-BoMRhm0N.js}

@@ -1,5 +1,5 @@
 import "@oslokommune/punkt-elements/dist/pkt-helptext";
-import { openBlock as l, createElementBlock as n, createElementVNode as d, createCommentVNode as x } from "vue";
+import { createElementBlock as l, createCommentVNode as n, openBlock as d, createElementVNode as x } from "vue";
 import { _ as s } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const i = {
   name: "pktHelptext",
@@ -39,15 +39,15 @@ const i = {
   }
 }, h = { key: 0 }, u = ["forId", "helptext", "helptextDropdown", "helptextDropdownButton"];
 function a(o, p, e, m, g, t) {
-  return e.helptext || e.helptextDropdown ? (l(), n("div", h, [
-    d("pkt-helptext", {
+  return e.helptext || e.helptextDropdown ? (d(), l("div", h, [
+    x("pkt-helptext", {
       forId: e.forId,
       helptext: e.helptext,
       helptextDropdown: e.helptextDropdown,
       helptextDropdownButton: t.dropdownButton,
       "on:toggleHelpText": p[0] || (p[0] = (...r) => t.toggleHelpText && t.toggleHelpText(...r))
     }, null, 40, u)
-  ])) : x("", !0);
+  ])) : n("", !0);
 }
 const H = /* @__PURE__ */ s(i, [["render", a]]);
 export {

package/dist/{Icon-DdXdUxP2.js → Icon-Z84h32lN.js}

@@ -1,5 +1,5 @@
 import "@oslokommune/punkt-elements/dist/pkt-icon";
-import { openBlock as t, createElementBlock as n, mergeProps as o } from "vue";
+import { createElementBlock as t, openBlock as n, mergeProps as o } from "vue";
 import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const a = {
   name: "PktIcon",
@@ -16,7 +16,7 @@ const a = {
   }
 }, c = ["name"];
 function p(i, m, e, d, s, _) {
-  return t(), n("pkt-icon", o({ name: e.name }, e.path && { path: e.path }), null, 16, c);
+  return n(), t("pkt-icon", o({ name: e.name }, e.path && { path: e.path }), null, 16, c);
 }
 const h = /* @__PURE__ */ r(a, [["render", p]]);
 export {

package/dist/{InputWrapper-CXY8O_cJ.js → InputWrapper-D2jCo3f8.js}

@@ -1,6 +1,6 @@
-import { P as b } from "./Alert-R-eAFCdz.js";
-import { P as k } from "./Helptext-x_AJJvxR.js";
-import { resolveComponent as u, openBlock as r, createElementBlock as a, normalizeClass as s, createBlock as p, resolveDynamicComponent as f, withCtx as n, createTextVNode as d, toDisplayString as l, createCommentVNode as i, createVNode as h, renderSlot as c, Fragment as g, createElementVNode as _ } from "vue";
+import { P as b } from "./Alert-DHRKJRVL.js";
+import { P as k } from "./Helptext-BoMRhm0N.js";
+import { resolveComponent as u, createElementBlock as a, openBlock as r, normalizeClass as s, createBlock as p, createCommentVNode as l, resolveDynamicComponent as f, withCtx as n, createVNode as h, renderSlot as c, createTextVNode as d, toDisplayString as i, Fragment as g, createElementVNode as _ } from "vue";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const T = {
   name: "pktInputwrapper",
@@ -150,11 +150,11 @@ function H(o, I, e, S, v, t) {
           id: `${e.forId}-label`
         }, {
           default: n(() => [
-            d(l(e.label), 1),
+            d(i(e.label), 1),
             t.tagText !== "" ? (r(), a("span", {
               key: 0,
               class: s(t.tagClass)
-            }, l(t.tagText), 3)) : i("", !0)
+            }, i(t.tagText), 3)) : l("", !0)
           ]),
           _: 1
         }, 8, ["class", "id"])),
@@ -165,31 +165,31 @@ function H(o, I, e, S, v, t) {
           helptextDropdownButton: e.helptextDropdownButton,
           helptextDropdown: e.helptextDropdown
         }, null, 8, ["forId", "onToggleHelpText", "helptext", "helptextDropdownButton", "helptextDropdown"]),
-        e.hasFieldset ? i("", !0) : (r(), a("label", {
+        e.hasFieldset ? l("", !0) : (r(), a("label", {
           key: 0,
           for: e.forId,
           class: "pkt-sr-only",
           "aria-describedby": t.describedBy
-        }, l(e.label), 9, w)),
+        }, i(e.label), 9, w)),
         c(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["for", "class", "aria-describedby"])) : (r(), a(g, { key: 1 }, [
-      e.hasFieldset ? i("", !0) : (r(), a("label", {
+      e.hasFieldset ? l("", !0) : (r(), a("label", {
         key: 0,
         for: e.forId,
         class: "pkt-sr-only",
         "aria-describedby": t.describedBy,
         id: `${e.forId}-label`
-      }, l(e.label), 9, D)),
+      }, i(e.label), 9, D)),
       c(o.$slots, "default")
     ], 64)),
     e.counter ? (r(), a("div", q, [
-      d(l(e.counterCurrent || 0), 1),
+      d(i(e.counterCurrent || 0), 1),
       e.counterMaxLength ? (r(), a(g, { key: 0 }, [
-        d("/" + l(e.counterMaxLength), 1)
-      ], 64)) : i("", !0)
-    ])) : i("", !0),
+        d("/" + i(e.counterMaxLength), 1)
+      ], 64)) : l("", !0)
+    ])) : l("", !0),
     e.hasError && e.errorMessage ? (r(), a("div", B, [
       h(x, {
         skin: "error",
@@ -205,7 +205,7 @@ function H(o, I, e, S, v, t) {
         ]),
         _: 1
       }, 8, ["id"])
-    ])) : i("", !0)
+    ])) : l("", !0)
   ], 2);
 }
 const E = /* @__PURE__ */ m(T, [["render", H]]);

package/dist/{Tag-BpTGJPw9.js → Tag-CK-y1m3h.js}

@@ -1,5 +1,5 @@
 import "@oslokommune/punkt-elements/dist/pkt-tag";
-import { openBlock as a, createElementBlock as l, renderSlot as i } from "vue";
+import { createElementBlock as a, openBlock as l, renderSlot as i } from "vue";
 import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const r = {
   name: "PktTag",
@@ -45,7 +45,7 @@ const r = {
   }
 }, o = ["skin", "textStyle", "size", "closeTag", "iconName", "type", "ariaLabel"];
 function s(e, u, t, c, d, m) {
-  return a(), l("pkt-tag", {
+  return l(), a("pkt-tag", {
     skin: t.skin,
     textStyle: t.textStyle,
     size: t.size,

package/dist/punkt-vue-accordion.js

@@ -1,6 +1,6 @@
 import { u as b, a as c } from "./plugins-DQVoaMd9.js";
-import { defineComponent as p, watchEffect as v, ref as m, computed as r, openBlock as u, createElementBlock as f, normalizeClass as k, renderSlot as g, unref as l, createElementVNode as d, createTextVNode as h, toDisplayString as P, createVNode as $ } from "vue";
-import { P as y } from "./Icon-DdXdUxP2.js";
+import { defineComponent as p, watchEffect as v, ref as m, computed as r, createElementBlock as u, openBlock as f, normalizeClass as k, renderSlot as g, unref as l, createElementVNode as d, createTextVNode as h, createVNode as P, toDisplayString as $ } from "vue";
+import { P as y } from "./Icon-Z84h32lN.js";
 const C = /* @__PURE__ */ p({
   __name: "Accordion",
   props: {
@@ -21,7 +21,7 @@ const C = /* @__PURE__ */ p({
       o.compact && "pkt-accordion--compact",
       o.skin && `pkt-accordion--${o.skin}`
     ].filter(Boolean).join(" "));
-    return (i, s) => (u(), f("div", {
+    return (i, s) => (f(), u("div", {
       class: k(a.value),
       ref_key: "accordionRef",
       ref: n
@@ -53,7 +53,7 @@ const C = /* @__PURE__ */ p({
         "pkt-accordion-item--open": a.value
       }
     ]);
-    return (e, A) => (u(), f("details", {
+    return (e, A) => (f(), u("details", {
       "aria-controls": `pkt-accordion-item-content-${e.id}`,
       "aria-expanded": l(a),
       class: k(_.value),
@@ -66,8 +66,8 @@ const C = /* @__PURE__ */ p({
         id: `pkt-accordion-item-summary-${e.id}`,
         onClick: s
       }, [
-        h(P(e.title) + " ", 1),
-        $(y, {
+        h($(e.title) + " ", 1),
+        P(y, {
           name: "chevron-thin-down",
           class: "pkt-accordion-item__icon",
           "aria-hidden": "true"

package/dist/punkt-vue-alert.js

@@ -1,4 +1,4 @@
-import { P as o } from "./Alert-R-eAFCdz.js";
+import { P as o } from "./Alert-DHRKJRVL.js";
 import { u as r, a as s } from "./plugins-DQVoaMd9.js";
 const a = {
   install(t) {

package/dist/punkt-vue-backlink.js

@@ -1,5 +1,5 @@
-import { P as f } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as s, openBlock as n, createElementBlock as a, createVNode as c, createElementVNode as i, renderSlot as l, createTextVNode as k, toDisplayString as r, createBlock as p, withCtx as m } from "vue";
+import { P as f } from "./Icon-Z84h32lN.js";
+import { resolveComponent as s, createElementBlock as a, openBlock as n, createBlock as p, createVNode as c, createElementVNode as i, renderSlot as l, createTextVNode as k, toDisplayString as r, withCtx as m } from "vue";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as d, a as u } from "./plugins-DQVoaMd9.js";
 const x = {

package/dist/punkt-vue-breadcrumbs.js

@@ -1,5 +1,5 @@
-import { P as _ } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as b, openBlock as t, createElementBlock as c, createElementVNode as r, Fragment as p, renderList as h, toDisplayString as l, createBlock as u, resolveDynamicComponent as d, withCtx as k, createVNode as m } from "vue";
+import { P as _ } from "./Icon-Z84h32lN.js";
+import { resolveComponent as b, createElementBlock as c, openBlock as t, createElementVNode as r, Fragment as p, renderList as h, createBlock as u, toDisplayString as l, resolveDynamicComponent as d, withCtx as k, createVNode as m } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as y, a as g } from "./plugins-DQVoaMd9.js";
 const v = {

package/dist/punkt-vue-button.js

@@ -1,4 +1,4 @@
-import { P as o } from "./Button-BlX9N6dr.js";
+import { P as o } from "./Button-Bm6X0lD8.js";
 import { u as s, a } from "./plugins-DQVoaMd9.js";
 const r = {
   install(t) {

package/dist/punkt-vue-checkbox.js

@@ -1,4 +1,4 @@
-import { openBlock as l, createElementBlock as i, createElementVNode as s, normalizeClass as d, createTextVNode as u, toDisplayString as a, createCommentVNode as c, withDirectives as k, mergeProps as r, vModelCheckbox as _ } from "vue";
+import { createElementBlock as l, openBlock as i, createElementVNode as s, normalizeClass as d, createCommentVNode as a, withDirectives as k, createTextVNode as u, toDisplayString as c, mergeProps as r, vModelCheckbox as _ } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as b, a as p } from "./plugins-DQVoaMd9.js";
 const m = {
@@ -69,7 +69,7 @@ const m = {
   class: "pkt-input-check__input-helptext"
 };
 function S(t, n, e, H, E, o) {
-  return l(), i("div", y, [
+  return i(), l("div", y, [
     s("div", {
       class: d([
         "pkt-input-check__input",
@@ -77,14 +77,14 @@ function S(t, n, e, H, E, o) {
         { "pkt-input-check__input--tile-disabled": e.disabled && e.hasTile }
       ])
     }, [
-      e.label && e.labelPosition === "left" ? (l(), i("label", {
+      e.label && e.labelPosition === "left" ? (i(), l("label", {
         key: 0,
         class: d(["pkt-input-check__input-label", { "pkt-sr-only": e.hideLabel }]),
         for: e.id
       }, [
-        u(a(e.label) + " ", 1),
-        e.checkHelptext ? (l(), i("div", C, a(e.checkHelptext), 1)) : c("", !0)
-      ], 10, x)) : c("", !0),
+        u(c(e.label) + " ", 1),
+        e.checkHelptext ? (i(), l("div", C, c(e.checkHelptext), 1)) : a("", !0)
+      ], 10, x)) : a("", !0),
       k(s("input", r(t.$attrs, {
         class: ["pkt-input-check__input-checkbox", { "pkt-input-check__input-checkbox--error": e.hasError }],
         type: "checkbox",
@@ -95,14 +95,14 @@ function S(t, n, e, H, E, o) {
       }), null, 16, g), [
         [_, o.computedChecked]
       ]),
-      e.label && e.labelPosition === "right" ? (l(), i("label", {
+      e.label && e.labelPosition === "right" ? (i(), l("label", {
         key: 1,
         class: d(["pkt-input-check__input-label", { "pkt-sr-only": e.hideLabel }]),
         for: e.id
       }, [
-        u(a(e.label) + " ", 1),
-        e.checkHelptext ? (l(), i("div", P, a(e.checkHelptext), 1)) : c("", !0)
-      ], 10, B)) : c("", !0)
+        u(c(e.label) + " ", 1),
+        e.checkHelptext ? (i(), l("div", P, c(e.checkHelptext), 1)) : a("", !0)
+      ], 10, B)) : a("", !0)
     ], 2)
   ]);
 }

package/dist/punkt-vue-footer.js

@@ -1,5 +1,5 @@
-import { P as m } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as b, openBlock as s, createElementBlock as a, createElementVNode as n, toDisplayString as i, createCommentVNode as k, Fragment as c, renderList as p, normalizeClass as h, createVNode as f, createTextVNode as d } from "vue";
+import { P as m } from "./Icon-Z84h32lN.js";
+import { resolveComponent as b, createElementBlock as s, openBlock as a, createElementVNode as n, createCommentVNode as k, toDisplayString as i, Fragment as c, renderList as p, normalizeClass as h, createVNode as f, createTextVNode as d } from "vue";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as N, a as I } from "./plugins-DQVoaMd9.js";
 const y = {
@@ -59,14 +59,14 @@ const y = {
 }, J = ["href", "aria-label", "target", "rel"], K = { class: "pkt-footer__social-icons" }, M = ["href", "aria-label", "target", "rel"];
 function Q(r, o, e, u, g, W) {
   const _ = b("PktIcon");
-  return s(), a("footer", T, [
+  return a(), s("footer", T, [
     n("div", L, [
       n("div", v, [
         n("div", x, [
           n("h2", j, i(e.columnOne.title), 1),
           n("ul", O, [
-            e.columnOne.text ? (s(), a("li", P, i(e.columnOne.text), 1)) : k("", !0),
-            (s(!0), a(c, null, p(e.columnOne.links, (t, l) => (s(), a("li", {
+            e.columnOne.text ? (a(), s("li", P, i(e.columnOne.text), 1)) : k("", !0),
+            (a(!0), s(c, null, p(e.columnOne.links, (t, l) => (a(), s("li", {
               class: "pkt-footer__list-item",
               key: `links-${l}`
             }, [
@@ -88,7 +88,7 @@ function Q(r, o, e, u, g, W) {
         n("div", A, [
           n("h2", C, i(e.columnTwo.title), 1),
           n("ul", F, [
-            (s(!0), a(c, null, p(e.columnTwo.links, (t, l) => (s(), a("li", {
+            (a(!0), s(c, null, p(e.columnTwo.links, (t, l) => (a(), s("li", {
               class: "pkt-footer__list-item",
               key: `links-${l}`
             }, [
@@ -141,9 +141,9 @@ function Q(r, o, e, u, g, W) {
           ])
         ])
       ]),
-      e.socialLinks ? (s(), a("div", G, [
-        (s(!0), a(c, null, p(e.socialLinks, (t, l) => (s(), a(c, null, [
-          t.language ? (s(), a("div", {
+      e.socialLinks ? (a(), s("div", G, [
+        (a(!0), s(c, null, p(e.socialLinks, (t, l) => (a(), s(c, null, [
+          t.language ? (a(), s("div", {
             key: `language-${l}`,
             class: "pkt-footer__social-language"
           }, [
@@ -156,8 +156,8 @@ function Q(r, o, e, u, g, W) {
           ])) : k("", !0)
         ], 64))), 256)),
         n("div", K, [
-          (s(!0), a(c, null, p(e.socialLinks, (t, l) => (s(), a(c, null, [
-            t.iconName ? (s(), a("a", {
+          (a(!0), s(c, null, p(e.socialLinks, (t, l) => (a(), s(c, null, [
+            t.iconName ? (a(), s("a", {
               key: `sociallinks-${l}`,
               href: t.href,
               "aria-label": `til ${t.iconName}`,

package/dist/punkt-vue-footersimple.js

@@ -1,5 +1,5 @@
-import { P as _ } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as k, openBlock as l, createElementBlock as i, createElementVNode as t, Fragment as m, renderList as c, normalizeClass as d, createVNode as a, createTextVNode as f, toDisplayString as g } from "vue";
+import { P as _ } from "./Icon-Z84h32lN.js";
+import { resolveComponent as k, createElementBlock as l, openBlock as i, createElementVNode as t, Fragment as m, renderList as c, normalizeClass as d, createVNode as a, createTextVNode as f, toDisplayString as g } from "vue";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u, a as w } from "./plugins-DQVoaMd9.js";
 const I = {
@@ -35,10 +35,10 @@ const I = {
 }, L = { class: "pkt-footer-simple__container" }, N = { class: "pkt-footer-simple__list" }, v = ["href", "target", "rel"], T = { class: "pkt-footer-simple__list-item" }, y = ["href", "target", "rel"], x = { class: "pkt-footer-simple__list-item" }, P = ["href", "target", "rel"];
 function j(r, n, e, q, B, C) {
   const s = k("PktIcon");
-  return l(), i("footer", b, [
+  return i(), l("footer", b, [
     t("div", L, [
       t("ul", N, [
-        (l(!0), i(m, null, c(e.links, (o, p) => (l(), i("li", {
+        (i(!0), l(m, null, c(e.links, (o, p) => (i(), l("li", {
           class: "pkt-footer-simple__list-item",
           key: `links-${p}`
         }, [

package/dist/punkt-vue-header.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./Icon-BLNK24NN.cjs"),V=require("./Button-D2xQdpZo.cjs"),e=require("vue"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),B=require("./plugins-CMydO4oi.cjs"),b={name:"PktHeader",components:{PktIcon:f.PktIcon,PktButton:V.PktButton},data(){return{hidden:!1,userMenuOpen:!1,userMenuClickInside:!1,lastScrollPosition:0}},props:{logoLink:{type:[String,Function],required:!1,default:"https://www.oslo.kommune.no/"},serviceName:{type:String,required:!1},fixed:{type:Boolean,default:!0},scrollToHide:{type:Boolean,default:!0},user:{type:Object,required:!1},userMenu:{type:Array,required:!1},representing:{type:Object,required:!1},userOptions:{type:Array,required:!1},userMenuFooter:{type:Array,required:!1},canChangeRepresentation:{type:Boolean,default:!0},showMenuButton:{type:Boolean,default:!1},showLogOutButton:{type:Boolean,default:!1}},computed:{lastLoggedIn(){return typeof this.user.lastLoggedIn=="string"?this.user.lastLoggedIn:user!=null&&user.lastLoggedIn?new Date(this.user.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):""}},methods:{openUserMenu(){this.userMenuOpen=!this.userMenuOpen},clickOutside(l){var o;(o=this.$refs.userMenu)!=null&&o.contains(l.target)||(this.userMenuOpen=!1)},onScroll(){if(this.scrollToHide){const l=window.pageYOffset||document.documentElement.scrollTop;if(l<0||Math.abs(l-this.lastScrollPosition)<60)return;this.hidden=l>this.lastScrollPosition,this.lastScrollPosition=l}}},watch:{hidden(l){l&&(this.userMenuOpen=!1)}},created(){this.__handlerRef__=this.clickOutside.bind(this),document.body.addEventListener("click",this.__handlerRef__),window.addEventListener("scroll",this.onScroll)},unmounted(){document.body.removeEventListener("click",this.__handlerRef__),window.removeEventListener("scroll",this.onScroll)}},C={class:"pkt-header__logo"},v=["href"],M={key:2,class:"pkt-header__logo-service",translate:"no"},O={class:"pkt-header__actions"},w={class:"pkt-header__actions-row"},S={key:0},L=["aria-expanded"],x={key:0,class:"pkt-header__user-fullname pkt-btn__text",translate:"no"},P={key:1,class:"pkt-header__user-shortname pkt-btn__text",translate:"no"},T={id:"pktUserDropdown",class:"pkt-header__dropdown pkt-user-menu"},D={key:0},I={class:"pkt-user-menu__name",translate:"no"},q={key:0,class:"pkt-user-menu__last-logged-in"},F={key:1},R={class:"pkt-list"},H=["href"],U=["onClick"],j={key:2},z={class:"pkt-user-menu__name",translate:"no"},A={key:0,class:"pkt-user-menu__org-number"},Y={class:"pkt-list mt-size-16"},G={key:0,class:"pkt-list"},J=["href"],K={key:0},Q={key:3,class:"footer"},W={class:"pkt-list-horizontal bordered"},X=["href"],Z=["onClick"],$={key:2};function ee(l,o,t,te,a,i){var k,u,d,m,p,g,_,h;const r=e.resolveComponent("PktIcon"),c=e.resolveComponent("PktButton");return e.openBlock(),e.createElementBlock("header",{id:"pkt-header","aria-label":"Topp",class:e.normalizeClass({"pkt-header":!0,"pkt-header--fixed":t.fixed,"pkt-header--scroll-to-hide":t.scrollToHide,"pkt-header--hidden":a.hidden})},[e.createElementVNode("div",C,[typeof t.logoLink=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,"aria-label":"Tilbake til forside",class:"pkt-header__logo-link",href:t.logoLink},[e.createVNode(r,{name:"oslologo",class:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.31/logos/"})],8,v)):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Tilbake til forside",class:"pkt-link-button pkt-link pkt-header__logo-link",onClick:o[0]||(o[0]=(...n)=>t.logoLink&&t.logoLink(...n))},[e.createVNode(r,{name:"oslologo",class:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.31/logos/"})])),t.serviceName?(e.openBlock(),e.createElementBlock("span",M,e.toDisplayString(t.serviceName),1)):e.createCommentVNode("",!0)]),e.createElementVNode("nav",O,[e.createElementVNode("ul",w,[t.showMenuButton?(e.openBlock(),e.createElementBlock("li",S,[e.createVNode(c,{class:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onOnClick:o[1]||(o[1]=n=>l.$emit("openMenu"))},{default:e.withCtx(()=>o[7]||(o[7]=[e.createTextVNode("Meny")])),_:1})])):e.createCommentVNode("",!0),t.user||t.representing?(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["pkt-header--has-dropdown",{"pkt-header--open-dropdown":a.userMenuOpen}]),ref:"userMenu"},[e.createElementVNode("button",{class:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button","aria-controls":"pktUserDropdown","aria-expanded":a.userMenuOpen,onClick:o[2]||(o[2]=(...n)=>i.openUserMenu&&i.openUserMenu(...n))},[e.createVNode(r,{name:"user",class:"pkt-btn__icon"}),(k=t.representing)!=null&&k.name||(u=t.user)!=null&&u.name?(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(((d=t.representing)==null?void 0:d.name)||((m=t.user)==null?void 0:m.name)),1)):e.createCommentVNode("",!0),(p=t.representing)!=null&&p.shortname||(g=t.user)!=null&&g.shortname?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(((_=t.representing)==null?void 0:_.shortname)||((h=t.user)==null?void 0:h.shortname)),1)):e.createCommentVNode("",!0),e.createVNode(r,{name:"chevron-thin-down",class:"pkt-btn--closed"}),e.createVNode(r,{name:"chevron-thin-up",class:"pkt-btn--open"})],8,L),e.createElementVNode("ul",T,[t.user?(e.openBlock(),e.createElementBlock("li",D,[o[9]||(o[9]=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Pålogget som",-1)),e.createElementVNode("div",I,e.toDisplayString(t.user.name),1),t.user.lastLoggedIn?(e.openBlock(),e.createElementBlock("div",q,[o[8]||(o[8]=e.createTextVNode(" Sist pålogget: ")),e.createElementVNode("time",null,e.toDisplayString(i.lastLoggedIn),1)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.userMenu?(e.openBlock(),e.createElementBlock("li",F,[e.createElementVNode("ul",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.userMenu,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:`userMenu-${s}`},[typeof n.target=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.target,class:"pkt-link"},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)],8,H)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:n.target},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)],8,U))]))),128))])])):e.createCommentVNode("",!0),t.representing||t.canChangeRepresentation?(e.openBlock(),e.createElementBlock("li",j,[t.representing?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o[10]||(o[10]=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Representerer",-1)),e.createElementVNode("div",z,e.toDisplayString(t.representing.name),1),t.representing.orgNumber?(e.openBlock(),e.createElementBlock("div",A," Org.nr. "+e.toDisplayString(t.representing.orgNumber),1)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[t.canChangeRepresentation?(e.openBlock(),e.createElementBlock("button",{key:0,class:"pkt-link-button pkt-link",onClick:o[3]||(o[3]=n=>l.$emit("changeRepresentation"))},[e.createVNode(r,{name:"cogwheel",class:"pkt-link__icon"}),o[11]||(o[11]=e.createTextVNode(" Endre organisasjon "))])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[t.userOptions||!t.showLogOutButton?(e.openBlock(),e.createElementBlock("ul",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.userOptions,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:`userOptions-${s}`},[typeof n.target=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.target,class:"pkt-link"},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)],8,J)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:o[4]||(o[4]=ne=>l.$emit("logOut"))},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)]))]))),128)),t.showLogOutButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",K,[e.createElementVNode("button",{class:"pkt-link-button pkt-link",onClick:o[5]||(o[5]=n=>l.$emit("logOut"))},[e.createVNode(r,{name:"exit",class:"pkt-link__icon"}),o[12]||(o[12]=e.createTextVNode(" Logg ut "))])]))])):e.createCommentVNode("",!0)]),t.userMenuFooter?(e.openBlock(),e.createElementBlock("li",Q,[e.createElementVNode("ul",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.userMenuFooter,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:`userMenuFooter-${s}`},[typeof n.target=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.target,class:"pkt-link"},e.toDisplayString(n.title),9,X)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:n.target},e.toDisplayString(n.title),9,Z))]))),128))])])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),t.showLogOutButton?(e.openBlock(),e.createElementBlock("li",$,[e.createVNode(c,{class:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",onOnClick:o[6]||(o[6]=n=>l.$emit("logOut")),skin:"secondary",variant:"icon-right"},{default:e.withCtx(()=>o[13]||(o[13]=[e.createTextVNode(" Logg ut ")])),_:1})])):e.createCommentVNode("",!0)])])],2)}const y=E._export_sfc(b,[["render",ee]]),N={install(l){B.registerComponent(l,y)}};B.use(N);exports.PktHeader=y;exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./Icon-BLNK24NN.cjs"),V=require("./Button-D2xQdpZo.cjs"),e=require("vue"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),B=require("./plugins-CMydO4oi.cjs"),b={name:"PktHeader",components:{PktIcon:f.PktIcon,PktButton:V.PktButton},data(){return{hidden:!1,userMenuOpen:!1,userMenuClickInside:!1,lastScrollPosition:0}},props:{logoLink:{type:[String,Function],required:!1,default:"https://www.oslo.kommune.no/"},serviceName:{type:String,required:!1},fixed:{type:Boolean,default:!0},scrollToHide:{type:Boolean,default:!0},user:{type:Object,required:!1},userMenu:{type:Array,required:!1},representing:{type:Object,required:!1},userOptions:{type:Array,required:!1},userMenuFooter:{type:Array,required:!1},canChangeRepresentation:{type:Boolean,default:!0},showMenuButton:{type:Boolean,default:!1},showLogOutButton:{type:Boolean,default:!1}},computed:{lastLoggedIn(){return typeof this.user.lastLoggedIn=="string"?this.user.lastLoggedIn:user!=null&&user.lastLoggedIn?new Date(this.user.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):""}},methods:{openUserMenu(){this.userMenuOpen=!this.userMenuOpen},clickOutside(l){var o;(o=this.$refs.userMenu)!=null&&o.contains(l.target)||(this.userMenuOpen=!1)},onScroll(){if(this.scrollToHide){const l=window.pageYOffset||document.documentElement.scrollTop;if(l<0||Math.abs(l-this.lastScrollPosition)<60)return;this.hidden=l>this.lastScrollPosition,this.lastScrollPosition=l}}},watch:{hidden(l){l&&(this.userMenuOpen=!1)}},created(){this.__handlerRef__=this.clickOutside.bind(this),document.body.addEventListener("click",this.__handlerRef__),window.addEventListener("scroll",this.onScroll)},unmounted(){document.body.removeEventListener("click",this.__handlerRef__),window.removeEventListener("scroll",this.onScroll)}},C={class:"pkt-header__logo"},v=["href"],M={key:2,class:"pkt-header__logo-service",translate:"no"},O={class:"pkt-header__actions"},w={class:"pkt-header__actions-row"},S={key:0},L=["aria-expanded"],x={key:0,class:"pkt-header__user-fullname pkt-btn__text",translate:"no"},P={key:1,class:"pkt-header__user-shortname pkt-btn__text",translate:"no"},T={id:"pktUserDropdown",class:"pkt-header__dropdown pkt-user-menu"},D={key:0},I={class:"pkt-user-menu__name",translate:"no"},q={key:0,class:"pkt-user-menu__last-logged-in"},F={key:1},R={class:"pkt-list"},H=["href"],U=["onClick"],j={key:2},z={class:"pkt-user-menu__name",translate:"no"},A={key:0,class:"pkt-user-menu__org-number"},Y={class:"pkt-list mt-size-16"},G={key:0,class:"pkt-list"},J=["href"],K={key:0},Q={key:3,class:"footer"},W={class:"pkt-list-horizontal bordered"},X=["href"],Z=["onClick"],$={key:2};function ee(l,o,t,te,a,i){var k,u,d,m,p,g,_,h;const r=e.resolveComponent("PktIcon"),c=e.resolveComponent("PktButton");return e.openBlock(),e.createElementBlock("header",{id:"pkt-header","aria-label":"Topp",class:e.normalizeClass({"pkt-header":!0,"pkt-header--fixed":t.fixed,"pkt-header--scroll-to-hide":t.scrollToHide,"pkt-header--hidden":a.hidden})},[e.createElementVNode("div",C,[typeof t.logoLink=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,"aria-label":"Tilbake til forside",class:"pkt-header__logo-link",href:t.logoLink},[e.createVNode(r,{name:"oslologo",class:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.32/logos/"})],8,v)):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Tilbake til forside",class:"pkt-link-button pkt-link pkt-header__logo-link",onClick:o[0]||(o[0]=(...n)=>t.logoLink&&t.logoLink(...n))},[e.createVNode(r,{name:"oslologo",class:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/12.32/logos/"})])),t.serviceName?(e.openBlock(),e.createElementBlock("span",M,e.toDisplayString(t.serviceName),1)):e.createCommentVNode("",!0)]),e.createElementVNode("nav",O,[e.createElementVNode("ul",w,[t.showMenuButton?(e.openBlock(),e.createElementBlock("li",S,[e.createVNode(c,{class:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onOnClick:o[1]||(o[1]=n=>l.$emit("openMenu"))},{default:e.withCtx(()=>o[7]||(o[7]=[e.createTextVNode("Meny")])),_:1})])):e.createCommentVNode("",!0),t.user||t.representing?(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["pkt-header--has-dropdown",{"pkt-header--open-dropdown":a.userMenuOpen}]),ref:"userMenu"},[e.createElementVNode("button",{class:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button","aria-controls":"pktUserDropdown","aria-expanded":a.userMenuOpen,onClick:o[2]||(o[2]=(...n)=>i.openUserMenu&&i.openUserMenu(...n))},[e.createVNode(r,{name:"user",class:"pkt-btn__icon"}),(k=t.representing)!=null&&k.name||(u=t.user)!=null&&u.name?(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(((d=t.representing)==null?void 0:d.name)||((m=t.user)==null?void 0:m.name)),1)):e.createCommentVNode("",!0),(p=t.representing)!=null&&p.shortname||(g=t.user)!=null&&g.shortname?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(((_=t.representing)==null?void 0:_.shortname)||((h=t.user)==null?void 0:h.shortname)),1)):e.createCommentVNode("",!0),e.createVNode(r,{name:"chevron-thin-down",class:"pkt-btn--closed"}),e.createVNode(r,{name:"chevron-thin-up",class:"pkt-btn--open"})],8,L),e.createElementVNode("ul",T,[t.user?(e.openBlock(),e.createElementBlock("li",D,[o[9]||(o[9]=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Pålogget som",-1)),e.createElementVNode("div",I,e.toDisplayString(t.user.name),1),t.user.lastLoggedIn?(e.openBlock(),e.createElementBlock("div",q,[o[8]||(o[8]=e.createTextVNode(" Sist pålogget: ")),e.createElementVNode("time",null,e.toDisplayString(i.lastLoggedIn),1)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.userMenu?(e.openBlock(),e.createElementBlock("li",F,[e.createElementVNode("ul",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.userMenu,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:`userMenu-${s}`},[typeof n.target=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.target,class:"pkt-link"},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)],8,H)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:n.target},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)],8,U))]))),128))])])):e.createCommentVNode("",!0),t.representing||t.canChangeRepresentation?(e.openBlock(),e.createElementBlock("li",j,[t.representing?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o[10]||(o[10]=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Representerer",-1)),e.createElementVNode("div",z,e.toDisplayString(t.representing.name),1),t.representing.orgNumber?(e.openBlock(),e.createElementBlock("div",A," Org.nr. "+e.toDisplayString(t.representing.orgNumber),1)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[t.canChangeRepresentation?(e.openBlock(),e.createElementBlock("button",{key:0,class:"pkt-link-button pkt-link",onClick:o[3]||(o[3]=n=>l.$emit("changeRepresentation"))},[e.createVNode(r,{name:"cogwheel",class:"pkt-link__icon"}),o[11]||(o[11]=e.createTextVNode(" Endre organisasjon "))])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[t.userOptions||!t.showLogOutButton?(e.openBlock(),e.createElementBlock("ul",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.userOptions,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:`userOptions-${s}`},[typeof n.target=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.target,class:"pkt-link"},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)],8,J)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:o[4]||(o[4]=ne=>l.$emit("logOut"))},[n.iconName?(e.openBlock(),e.createBlock(r,{key:0,name:n.iconName,class:"pkt-link__icon"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.title),1)]))]))),128)),t.showLogOutButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",K,[e.createElementVNode("button",{class:"pkt-link-button pkt-link",onClick:o[5]||(o[5]=n=>l.$emit("logOut"))},[e.createVNode(r,{name:"exit",class:"pkt-link__icon"}),o[12]||(o[12]=e.createTextVNode(" Logg ut "))])]))])):e.createCommentVNode("",!0)]),t.userMenuFooter?(e.openBlock(),e.createElementBlock("li",Q,[e.createElementVNode("ul",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.userMenuFooter,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:`userMenuFooter-${s}`},[typeof n.target=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.target,class:"pkt-link"},e.toDisplayString(n.title),9,X)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:n.target},e.toDisplayString(n.title),9,Z))]))),128))])])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),t.showLogOutButton?(e.openBlock(),e.createElementBlock("li",$,[e.createVNode(c,{class:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",onOnClick:o[6]||(o[6]=n=>l.$emit("logOut")),skin:"secondary",variant:"icon-right"},{default:e.withCtx(()=>o[13]||(o[13]=[e.createTextVNode(" Logg ut ")])),_:1})])):e.createCommentVNode("",!0)])])],2)}const y=E._export_sfc(b,[["render",ee]]),N={install(l){B.registerComponent(l,y)}};B.use(N);exports.PktHeader=y;exports.default=N;

package/dist/punkt-vue-header.js

@@ -1,6 +1,6 @@
-import { P as S } from "./Icon-DdXdUxP2.js";
-import { P as I } from "./Button-BlX9N6dr.js";
-import { resolveComponent as N, openBlock as t, createElementBlock as o, normalizeClass as B, createElementVNode as i, createVNode as d, toDisplayString as a, createCommentVNode as r, withCtx as P, createTextVNode as k, Fragment as _, renderList as p, createBlock as h } from "vue";
+import { P as S } from "./Icon-Z84h32lN.js";
+import { P as I } from "./Button-Bm6X0lD8.js";
+import { resolveComponent as N, createElementBlock as o, openBlock as t, normalizeClass as B, createElementVNode as i, createCommentVNode as r, createVNode as d, toDisplayString as a, withCtx as P, createTextVNode as k, Fragment as _, renderList as p, createBlock as h } from "vue";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as E, a as R } from "./plugins-DQVoaMd9.js";
 const T = {
@@ -168,7 +168,7 @@ function ke(l, s, e, he, g, m) {
           name: "oslologo",
           class: "pkt-header__logo-svg",
           "aria-hidden": "true",
-          path: "https://punkt-cdn.oslo.kommune.no/12.31/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.32/logos/"
         })
       ], 8, F)) : (t(), o("button", {
         key: 1,
@@ -180,7 +180,7 @@ function ke(l, s, e, he, g, m) {
           name: "oslologo",
           class: "pkt-header__logo-svg",
           "aria-hidden": "true",
-          path: "https://punkt-cdn.oslo.kommune.no/12.31/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.32/logos/"
         })
       ])),
       e.serviceName ? (t(), o("span", H, a(e.serviceName), 1)) : r("", !0)

package/dist/punkt-vue-helptext.js

@@ -1,4 +1,4 @@
-import { P as e } from "./Helptext-x_AJJvxR.js";
+import { P as e } from "./Helptext-BoMRhm0N.js";
 import { u as o, a as s } from "./plugins-DQVoaMd9.js";
 const a = {
   install(t) {

package/dist/punkt-vue-icon.js

@@ -1,4 +1,4 @@
-import { P as t } from "./Icon-DdXdUxP2.js";
+import { P as t } from "./Icon-Z84h32lN.js";
 import { u as s, a } from "./plugins-DQVoaMd9.js";
 const r = {
   install(o) {

package/dist/punkt-vue-index.js

@@ -40,12 +40,12 @@ import A from "./punkt-vue-textinput.js";
 import { PktTextinput as zo } from "./punkt-vue-textinput.js";
 import { u as C, r as I } from "./plugins-DQVoaMd9.js";
 import { PktStep as qo, PktStepper as Eo } from "./punkt-vue-stepper.js";
-import { P as Jo } from "./Alert-R-eAFCdz.js";
-import { P as Qo } from "./Button-BlX9N6dr.js";
-import { P as Vo } from "./Helptext-x_AJJvxR.js";
-import { P as Yo } from "./Icon-DdXdUxP2.js";
-import { P as or } from "./InputWrapper-CXY8O_cJ.js";
-import { T as tr } from "./Tag-BpTGJPw9.js";
+import { P as Jo } from "./Alert-DHRKJRVL.js";
+import { P as Qo } from "./Button-Bm6X0lD8.js";
+import { P as Vo } from "./Helptext-BoMRhm0N.js";
+import { P as Yo } from "./Icon-Z84h32lN.js";
+import { P as or } from "./InputWrapper-D2jCo3f8.js";
+import { T as tr } from "./Tag-CK-y1m3h.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accordion: r,

package/dist/punkt-vue-inputwrapper.js

@@ -1,4 +1,4 @@
-import { P as r } from "./InputWrapper-CXY8O_cJ.js";
+import { P as r } from "./InputWrapper-D2jCo3f8.js";
 import { u as a, a as o } from "./plugins-DQVoaMd9.js";
 const s = {
   install(t) {

package/dist/punkt-vue-linkcard.js

@@ -1,5 +1,5 @@
-import { P as l } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as o, openBlock as i, createElementBlock as s, normalizeClass as n, createVNode as c, createElementVNode as a, toDisplayString as d, renderSlot as k } from "vue";
+import { P as l } from "./Icon-Z84h32lN.js";
+import { resolveComponent as o, createElementBlock as i, openBlock as s, normalizeClass as n, createVNode as c, createElementVNode as a, toDisplayString as d, renderSlot as k } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as m, a as p } from "./plugins-DQVoaMd9.js";
 const u = {
@@ -40,7 +40,7 @@ const u = {
 }, _ = ["href", "target", "rel"], g = { class: "pkt-linkcard__text" };
 function y(t, N, e, P, x, I) {
   const r = o("PktIcon");
-  return i(), s("a", {
+  return s(), i("a", {
     href: e.href,
     class: n(["pkt-linkcard pkt-link", e.skin ? `pkt-linkcard--${this.skin}` : "normal"]),
     target: e.openInNewTab ? "_blank" : "_self",

package/dist/punkt-vue-loader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./Icon-BLNK24NN.cjs"),s=require("./plugins-CMydO4oi.cjs"),c=["aria-busy"],m={key:0},r={__name:"Loader",props:{message:String,size:{type:String,default:"medium",validator:a=>["small","medium","large"].includes(a)},inline:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!0},variant:{type:String,default:"rainbow",validator:a=>["blue","rainbow","shapes"].includes(a)},delay:{type:Number,default:0}},setup(a){const n=a,u=t=>t==="shapes"?"loader":t==="blue"?"spinner-blue":"spinner",{delay:l}=e.toRefs(n);let o=e.ref(!(l.value>0));return l.value>0&&setTimeout(()=>{o.value=!0},l.value),(t,k)=>(e.openBlock(),e.createElementBlock("div",{role:"status","aria-live":"polite","aria-busy":a.isLoading,class:e.normalizeClass(`pkt-loader--${a.inline?"inline":"box"}`)},[a.isLoading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`pkt-loader pkt-loader--${n.size}`),"data-testid":"pkt-loader"},[e.createVNode(d.PktIcon,{name:u(a.variant),"aria-label":"loading",path:"https://punkt-cdn.oslo.kommune.no/12.31/animations/",class:e.normalizeClass(`pkt-loader__svg pkt-loader__${a.variant}`)},null,8,["name","class"]),a.message?(e.openBlock(),e.createElementBlock("p",m,e.toDisplayString(a.message),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],64)):e.renderSlot(t.$slots,"default",{key:1})],10,c))}},i={install(a){s.registerComponent(a,r)}};s.use(i);exports.PktLoader=r;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./Icon-BLNK24NN.cjs"),s=require("./plugins-CMydO4oi.cjs"),c=["aria-busy"],m={key:0},r={__name:"Loader",props:{message:String,size:{type:String,default:"medium",validator:a=>["small","medium","large"].includes(a)},inline:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!0},variant:{type:String,default:"rainbow",validator:a=>["blue","rainbow","shapes"].includes(a)},delay:{type:Number,default:0}},setup(a){const n=a,u=t=>t==="shapes"?"loader":t==="blue"?"spinner-blue":"spinner",{delay:l}=e.toRefs(n);let o=e.ref(!(l.value>0));return l.value>0&&setTimeout(()=>{o.value=!0},l.value),(t,k)=>(e.openBlock(),e.createElementBlock("div",{role:"status","aria-live":"polite","aria-busy":a.isLoading,class:e.normalizeClass(`pkt-loader--${a.inline?"inline":"box"}`)},[a.isLoading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`pkt-loader pkt-loader--${n.size}`),"data-testid":"pkt-loader"},[e.createVNode(d.PktIcon,{name:u(a.variant),"aria-label":"loading",path:"https://punkt-cdn.oslo.kommune.no/12.32/animations/",class:e.normalizeClass(`pkt-loader__svg pkt-loader__${a.variant}`)},null,8,["name","class"]),a.message?(e.openBlock(),e.createElementBlock("p",m,e.toDisplayString(a.message),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],64)):e.renderSlot(t.$slots,"default",{key:1})],10,c))}},i={install(a){s.registerComponent(a,r)}};s.use(i);exports.PktLoader=r;exports.default=i;

package/dist/punkt-vue-loader.js

@@ -1,5 +1,5 @@
-import { toRefs as u, ref as m, openBlock as t, createElementBlock as l, normalizeClass as n, Fragment as c, unref as p, createVNode as g, toDisplayString as f, createCommentVNode as r, renderSlot as k } from "vue";
-import { P as y } from "./Icon-DdXdUxP2.js";
+import { toRefs as u, ref as m, createElementBlock as t, openBlock as l, normalizeClass as n, renderSlot as c, Fragment as p, createCommentVNode as r, unref as g, createVNode as f, toDisplayString as k } from "vue";
+import { P as y } from "./Icon-Z84h32lN.js";
 import { u as v, a as b } from "./plugins-DQVoaMd9.js";
 const h = ["aria-busy"], L = { key: 0 }, S = {
   __name: "Loader",
@@ -33,27 +33,27 @@ const h = ["aria-busy"], L = { key: 0 }, S = {
     let i = m(!(s.value > 0));
     return s.value > 0 && setTimeout(() => {
       i.value = !0;
-    }, s.value), (a, P) => (t(), l("div", {
+    }, s.value), (a, P) => (l(), t("div", {
       role: "status",
       "aria-live": "polite",
       "aria-busy": e.isLoading,
       class: n(`pkt-loader--${e.inline ? "inline" : "box"}`)
     }, [
-      e.isLoading ? (t(), l(c, { key: 0 }, [
-        p(i) ? (t(), l("div", {
+      e.isLoading ? (l(), t(p, { key: 0 }, [
+        g(i) ? (l(), t("div", {
           key: 0,
           class: n(`pkt-loader pkt-loader--${o.size}`),
           "data-testid": "pkt-loader"
         }, [
-          g(y, {
+          f(y, {
             name: d(e.variant),
             "aria-label": "loading",
-            path: "https://punkt-cdn.oslo.kommune.no/12.31/animations/",
+            path: "https://punkt-cdn.oslo.kommune.no/12.32/animations/",
             class: n(`pkt-loader__svg pkt-loader__${e.variant}`)
           }, null, 8, ["name", "class"]),
-          e.message ? (t(), l("p", L, f(e.message), 1)) : r("", !0)
+          e.message ? (l(), t("p", L, k(e.message), 1)) : r("", !0)
         ], 2)) : r("", !0)
-      ], 64)) : k(a.$slots, "default", { key: 1 })
+      ], 64)) : c(a.$slots, "default", { key: 1 })
     ], 10, h));
   }
 }, B = {

package/dist/punkt-vue-messagebox.js

@@ -1,5 +1,5 @@
 import "@oslokommune/punkt-elements/dist/pkt-messagebox";
-import { openBlock as o, createElementBlock as a, renderSlot as s } from "vue";
+import { createElementBlock as o, openBlock as a, renderSlot as s } from "vue";
 import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as n, a as c } from "./plugins-DQVoaMd9.js";
 const i = {
@@ -27,7 +27,7 @@ const i = {
   }
 }, r = ["skin", "title", "compact", "closable"];
 function m(e, u, t, d, b, g) {
-  return o(), a("pkt-messagebox", {
+  return a(), o("pkt-messagebox", {
     skin: t.skin,
     title: t.title,
     compact: t.compact,

package/dist/punkt-vue-progressbar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("./plugins-CMydO4oi.cjs");var l=[];for(var o=0;o<256;++o)l.push((o+256).toString(16).slice(1));function M(e,t=0){return(l[e[t+0]]+l[e[t+1]]+l[e[t+2]]+l[e[t+3]]+"-"+l[e[t+4]]+l[e[t+5]]+"-"+l[e[t+6]]+l[e[t+7]]+"-"+l[e[t+8]]+l[e[t+9]]+"-"+l[e[t+10]]+l[e[t+11]]+l[e[t+12]]+l[e[t+13]]+l[e[t+14]]+l[e[t+15]]).toLowerCase()}var u,P=new Uint8Array(16);function U(){if(!u&&(u=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!u))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(P)}var V=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const p={randomUUID:V};function N(e,t,n){if(p.randomUUID&&!t&&!e)return p.randomUUID();e=e||{};var r=e.random||(e.rng||U)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,M(r)}const B=["id"],R=["id"],T=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label","aria-valuetext"],m={__name:"Progressbar",props:{valueCurrent:{type:Number,required:!0},valueMax:{type:Number,default:100},valueMin:{type:Number,default:0},skin:{type:String,default:"dark-blue",validator:e=>["dark-blue","light-blue","green","red"].includes(e)},title:{type:String},titlePosition:{type:String,default:"left",validator:e=>["left","center"].includes(e)},statusType:{type:String,default:"none",validator:e=>["none","percentage","fraction"].includes(e)},statusPlacement:{type:String,default:"following",validator:e=>["center","left","following"].includes(e)},id:{type:String},ariaLabel:{type:String},ariaLabelledby:{type:String},ariaValueText:{type:String},role:{type:String,default:"progressbar",validator:e=>["progressbar","meter"].includes(e)},className:{type:String}},setup(e){const t=e,n=a.ref(null),r=a.ref(0);a.onMounted(()=>{n.value&&(r.value=n.value.getBoundingClientRect().width)}),a.watch(()=>t.valueCurrent,(c,d)=>{c!==d&&n.value&&(r.value=n.value.getBoundingClientRect().width)});const b=a.computed(()=>t.valueMax-t.valueMin),y=a.computed(()=>t.valueCurrent/b.value*100),i=a.computed(()=>t.valueMax!==100||t.valueMin!==0?Math.round(y.value):t.valueCurrent),k=a.computed(()=>`${t.valueCurrent} av ${t.valueMax}`),S=a.computed(()=>t.statusType!=="none"&&t.role==="progressbar"),s=a.computed(()=>t.id||N()),C=a.computed(()=>t.ariaLabelledby||t.title&&`${s.value}-title`),x=a.computed(()=>`pkt-progressbar__bar pkt-progressbar__bar--${t.skin}`),f=a.computed(()=>({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":t.titlePosition==="center"})),h=a.computed(()=>({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":t.statusPlacement==="center"})),_=a.computed(()=>({"pkt-progressbar__status-placement--following":t.statusPlacement==="following","pkt-progressbar__status-placement--center":t.statusPlacement==="center","pkt-progressbar__status-placement--left":t.statusPlacement==="left"})),w=a.computed(()=>({"--pkt-progress-label-width":`${r.value}px`,"--pkt-progress-width":`${i.value}%`}));return(c,d)=>(a.openBlock(),a.createElementBlock("div",{id:s.value,class:a.normalizeClass(["pkt-progressbar__container",e.className]),style:a.normalizeStyle(w.value)},[e.title?(a.openBlock(),a.createElementBlock("p",{key:0,id:`${s.value}-title`,class:a.normalizeClass(f.value)},a.toDisplayString(e.title),11,R)):a.createCommentVNode("",!0),a.createElementVNode("div",{role:e.role,class:"pkt-progressbar__bar-wrapper","aria-valuemin":e.valueMin,"aria-valuemax":e.valueMax,"aria-valuenow":e.valueCurrent,"aria-labelledby":C.value,"aria-label":e.ariaLabel,"aria-valuetext":e.ariaValueText},[a.createElementVNode("div",{class:a.normalizeClass(x.value)},null,2)],8,T),S.value?(a.openBlock(),a.createElementBlock("div",{key:1,class:a.normalizeClass(h.value)},[a.createElementVNode("span",{class:a.normalizeClass(_.value),ref_key:"labelRef",ref:n},a.toDisplayString(e.statusType==="percentage"?`${i.value}%`:k.value),3)],2)):a.createCommentVNode("",!0)],14,B))}},g={install(e){v.registerComponent(e,m)}};v.use(g);exports.PktProgressbar=m;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("./plugins-CMydO4oi.cjs");var l=[];for(var o=0;o<256;++o)l.push((o+256).toString(16).slice(1));function M(e,t=0){return(l[e[t+0]]+l[e[t+1]]+l[e[t+2]]+l[e[t+3]]+"-"+l[e[t+4]]+l[e[t+5]]+"-"+l[e[t+6]]+l[e[t+7]]+"-"+l[e[t+8]]+l[e[t+9]]+"-"+l[e[t+10]]+l[e[t+11]]+l[e[t+12]]+l[e[t+13]]+l[e[t+14]]+l[e[t+15]]).toLowerCase()}var u,P=new Uint8Array(16);function U(){if(!u&&(u=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!u))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(P)}var V=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const p={randomUUID:V};function N(e,t,n){if(p.randomUUID&&!e)return p.randomUUID();e=e||{};var r=e.random||(e.rng||U)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,M(r)}const B=["id"],R=["id"],T=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label","aria-valuetext"],m={__name:"Progressbar",props:{valueCurrent:{type:Number,required:!0},valueMax:{type:Number,default:100},valueMin:{type:Number,default:0},skin:{type:String,default:"dark-blue",validator:e=>["dark-blue","light-blue","green","red"].includes(e)},title:{type:String},titlePosition:{type:String,default:"left",validator:e=>["left","center"].includes(e)},statusType:{type:String,default:"none",validator:e=>["none","percentage","fraction"].includes(e)},statusPlacement:{type:String,default:"following",validator:e=>["center","left","following"].includes(e)},id:{type:String},ariaLabel:{type:String},ariaLabelledby:{type:String},ariaValueText:{type:String},role:{type:String,default:"progressbar",validator:e=>["progressbar","meter"].includes(e)},className:{type:String}},setup(e){const t=e,n=a.ref(null),r=a.ref(0);a.onMounted(()=>{n.value&&(r.value=n.value.getBoundingClientRect().width)}),a.watch(()=>t.valueCurrent,(c,d)=>{c!==d&&n.value&&(r.value=n.value.getBoundingClientRect().width)});const b=a.computed(()=>t.valueMax-t.valueMin),y=a.computed(()=>t.valueCurrent/b.value*100),i=a.computed(()=>t.valueMax!==100||t.valueMin!==0?Math.round(y.value):t.valueCurrent),k=a.computed(()=>`${t.valueCurrent} av ${t.valueMax}`),S=a.computed(()=>t.statusType!=="none"&&t.role==="progressbar"),s=a.computed(()=>t.id||N()),C=a.computed(()=>t.ariaLabelledby||t.title&&`${s.value}-title`),x=a.computed(()=>`pkt-progressbar__bar pkt-progressbar__bar--${t.skin}`),f=a.computed(()=>({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":t.titlePosition==="center"})),h=a.computed(()=>({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":t.statusPlacement==="center"})),_=a.computed(()=>({"pkt-progressbar__status-placement--following":t.statusPlacement==="following","pkt-progressbar__status-placement--center":t.statusPlacement==="center","pkt-progressbar__status-placement--left":t.statusPlacement==="left"})),w=a.computed(()=>({"--pkt-progress-label-width":`${r.value}px`,"--pkt-progress-width":`${i.value}%`}));return(c,d)=>(a.openBlock(),a.createElementBlock("div",{id:s.value,class:a.normalizeClass(["pkt-progressbar__container",e.className]),style:a.normalizeStyle(w.value)},[e.title?(a.openBlock(),a.createElementBlock("p",{key:0,id:`${s.value}-title`,class:a.normalizeClass(f.value)},a.toDisplayString(e.title),11,R)):a.createCommentVNode("",!0),a.createElementVNode("div",{role:e.role,class:"pkt-progressbar__bar-wrapper","aria-valuemin":e.valueMin,"aria-valuemax":e.valueMax,"aria-valuenow":e.valueCurrent,"aria-labelledby":C.value,"aria-label":e.ariaLabel,"aria-valuetext":e.ariaValueText},[a.createElementVNode("div",{class:a.normalizeClass(x.value)},null,2)],8,T),S.value?(a.openBlock(),a.createElementBlock("div",{key:1,class:a.normalizeClass(h.value)},[a.createElementVNode("span",{class:a.normalizeClass(_.value),ref_key:"labelRef",ref:n},a.toDisplayString(e.statusType==="percentage"?`${i.value}%`:k.value),3)],2)):a.createCommentVNode("",!0)],14,B))}},g={install(e){v.registerComponent(e,m)}};v.use(g);exports.PktProgressbar=m;exports.default=g;

package/dist/punkt-vue-progressbar.js

@@ -1,4 +1,4 @@
-import { ref as m, onMounted as V, watch as $, computed as r, openBlock as o, createElementBlock as c, normalizeClass as s, normalizeStyle as N, toDisplayString as y, createCommentVNode as k, createElementVNode as d } from "vue";
+import { ref as m, onMounted as V, watch as $, computed as r, createElementBlock as o, openBlock as c, normalizeStyle as N, normalizeClass as s, createCommentVNode as y, createElementVNode as d, toDisplayString as k } from "vue";
 import { u as T, a as D } from "./plugins-DQVoaMd9.js";
 var a = [];
 for (var p = 0; p < 256; ++p)
@@ -17,7 +17,7 @@ const x = {
   randomUUID: E
 };
 function z(e, t, n) {
-  if (x.randomUUID && !t && !e)
+  if (x.randomUUID && !e)
     return x.randomUUID();
   e = e || {};
   var l = e.random || (e.rng || B)();
@@ -108,16 +108,16 @@ const A = ["id"], j = ["id"], q = ["role", "aria-valuemin", "aria-valuemax", "ar
       "--pkt-progress-label-width": `${l.value}px`,
       "--pkt-progress-width": `${v.value}%`
     }));
-    return (g, b) => (o(), c("div", {
+    return (g, b) => (c(), o("div", {
       id: i.value,
       class: s(["pkt-progressbar__container", e.className]),
       style: N(R.value)
     }, [
-      e.title ? (o(), c("p", {
+      e.title ? (c(), o("p", {
         key: 0,
         id: `${i.value}-title`,
         class: s(P.value)
-      }, y(e.title), 11, j)) : k("", !0),
+      }, k(e.title), 11, j)) : y("", !0),
       d("div", {
         role: e.role,
         class: "pkt-progressbar__bar-wrapper",
@@ -132,7 +132,7 @@ const A = ["id"], j = ["id"], q = ["role", "aria-valuemin", "aria-valuemax", "ar
           class: s(_.value)
         }, null, 2)
       ], 8, q),
-      w.value ? (o(), c("div", {
+      w.value ? (c(), o("div", {
         key: 1,
         class: s(M.value)
       }, [
@@ -140,8 +140,8 @@ const A = ["id"], j = ["id"], q = ["role", "aria-valuemin", "aria-valuemax", "ar
           class: s(U.value),
           ref_key: "labelRef",
           ref: n
-        }, y(e.statusType === "percentage" ? `${v.value}%` : h.value), 3)
-      ], 2)) : k("", !0)
+        }, k(e.statusType === "percentage" ? `${v.value}%` : h.value), 3)
+      ], 2)) : y("", !0)
     ], 14, A));
   }
 }, O = {

package/dist/punkt-vue-radiobutton.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, createElementVNode as l, normalizeClass as c, withDirectives as o, mergeProps as s, vModelRadio as h, createTextVNode as p, toDisplayString as u, createCommentVNode as m } from "vue";
+import { createElementBlock as r, openBlock as d, createElementVNode as l, normalizeClass as c, withDirectives as o, mergeProps as s, vModelRadio as h, createTextVNode as p, createCommentVNode as m, toDisplayString as u } from "vue";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as _, a as f } from "./plugins-DQVoaMd9.js";
 const b = {
@@ -64,7 +64,7 @@ const b = {
   class: "pkt-input-check__input-helptext"
 };
 function x(t, i, e, S, B, a) {
-  return r(), d("div", g, [
+  return d(), r("div", g, [
     l("div", {
       class: c([{ "pkt-input-check__input--tile": e.hasTile }, "pkt-input-check__input"])
     }, [
@@ -86,7 +86,7 @@ function x(t, i, e, S, B, a) {
         for: e.id
       }, [
         p(u(e.label) + " ", 1),
-        e.checkHelptext ? (r(), d("div", q, u(e.checkHelptext), 1)) : m("", !0)
+        e.checkHelptext ? (d(), r("div", q, u(e.checkHelptext), 1)) : m("", !0)
       ], 8, y)
     ], 2)
   ]);

package/dist/punkt-vue-searchinput.js

@@ -1,6 +1,6 @@
-import { P as v } from "./Button-BlX9N6dr.js";
-import { P as S } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as C, openBlock as n, createBlock as c, resolveDynamicComponent as m, normalizeClass as o, withCtx as r, createElementBlock as i, Fragment as p, createTextVNode as y, toDisplayString as d, createCommentVNode as u, createElementVNode as g, mergeProps as V, withKeys as f, withModifiers as k, createVNode as w, renderList as P } from "vue";
+import { P as v } from "./Button-Bm6X0lD8.js";
+import { P as S } from "./Icon-Z84h32lN.js";
+import { resolveComponent as C, createBlock as c, openBlock as n, resolveDynamicComponent as m, normalizeClass as o, withCtx as r, createElementBlock as i, createCommentVNode as d, createElementVNode as p, Fragment as y, createTextVNode as g, toDisplayString as u, createVNode as V, mergeProps as w, withKeys as f, withModifiers as k, renderList as P } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as q, a as I } from "./plugins-DQVoaMd9.js";
 const K = {
@@ -90,13 +90,13 @@ function A(a, l, e, M, T, h) {
         class: o({ "pkt-inputwrapper__label": e.label })
       }, {
         default: r(() => [
-          e.label ? (n(), i(p, { key: 0 }, [
-            y(d(e.label), 1)
-          ], 64)) : u("", !0),
-          g("div", {
+          e.label ? (n(), i(y, { key: 0 }, [
+            g(u(e.label), 1)
+          ], 64)) : d("", !0),
+          p("div", {
             class: o(e.appearance === "local" ? "pkt-input__container" : "pkt-searchinput__field")
           }, [
-            g("input", V(a.$attrs, {
+            p("input", w(a.$attrs, {
               onInput: l[0] || (l[0] = (t) => a.$emit("update:modelValue", t.target.value)),
               class: { "pkt-input": !0, "pkt-input--fullwidth": e.fullwidth },
               type: "search",
@@ -110,7 +110,7 @@ function A(a, l, e, M, T, h) {
               "aria-autocomplete": "list",
               "aria-controls": `${e.id}-suggestions`
             }), null, 16, N),
-            w(b, {
+            V(b, {
               class: o({ "pkt-searchinput__button": !0, "pkt-input-icon": e.appearance === "local" }),
               variant: "icon-only",
               iconName: "magnifying-glass-big",
@@ -122,7 +122,7 @@ function A(a, l, e, M, T, h) {
               onKeypress: l[3] || (l[3] = f(k((t) => a.$emit("onSearch", e.modelValue), ["prevent"]), ["enter"]))
             }, {
               default: r(() => [
-                y(d(e.label || e.placeholder), 1)
+                g(u(e.label || e.placeholder), 1)
               ]),
               _: 1
             }, 8, ["class", "skin", "color", "disabled"])
@@ -136,7 +136,7 @@ function A(a, l, e, M, T, h) {
         class: "pkt-searchinput__suggestions",
         "aria-live": "assertive"
       }, [
-        (n(!0), i(p, null, P(e.suggestions, (t, s) => (n(), i("li", {
+        (n(!0), i(y, null, P(e.suggestions, (t, s) => (n(), i("li", {
           key: `search-suggestion-${s}`
         }, [
           (n(), c(m(t.href ? "a" : t.onClick ? "button" : "div"), {
@@ -151,13 +151,13 @@ function A(a, l, e, M, T, h) {
             onKeypress: f((_) => h.handleSuggestionClick(t.onClick, s), ["enter"])
           }, {
             default: r(() => [
-              t.title ? (n(), i("h3", E, d(t.title), 1)) : u("", !0),
-              t.text ? (n(), i("p", z, d(t.text), 1)) : u("", !0)
+              t.title ? (n(), i("h3", E, u(t.title), 1)) : d("", !0),
+              t.text ? (n(), i("p", z, u(t.text), 1)) : d("", !0)
             ]),
             _: 2
           }, 1064, ["href", "class", "type", "onClick", "onKeypress"]))
         ]))), 128))
-      ], 8, D)) : u("", !0)
+      ], 8, D)) : d("", !0)
     ]),
     _: 1
   }, 40, ["class", "action", "method"]);

package/dist/punkt-vue-select.js

@@ -1,8 +1,8 @@
-import { P as d } from "./Icon-DdXdUxP2.js";
-import { P as o } from "./Alert-R-eAFCdz.js";
-import { P as n } from "./Button-BlX9N6dr.js";
-import { P as s } from "./InputWrapper-CXY8O_cJ.js";
-import { resolveComponent as u, openBlock as p, createBlock as f, normalizeClass as m, withCtx as g, createElementVNode as b, mergeProps as y, renderSlot as q } from "vue";
+import { P as d } from "./Icon-Z84h32lN.js";
+import { P as o } from "./Alert-DHRKJRVL.js";
+import { P as n } from "./Button-Bm6X0lD8.js";
+import { P as s } from "./InputWrapper-D2jCo3f8.js";
+import { resolveComponent as u, createBlock as p, openBlock as f, normalizeClass as m, withCtx as g, createElementVNode as b, mergeProps as y, renderSlot as q } from "vue";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as x, a as c } from "./plugins-DQVoaMd9.js";
 const T = {
@@ -100,7 +100,7 @@ const T = {
 }, B = ["aria-invalid", "aria-errormessage", "aria-labelledby", "disabled", "id", "name", "value"];
 function S(t, r, e, w, D, l) {
   const i = u("PktInputWrapper");
-  return p(), f(i, {
+  return f(), p(i, {
     class: m(["pkt-select", t.$attrs.class]),
     forId: e.id,
     label: e.label,

package/dist/punkt-vue-stepper.js

@@ -1,5 +1,5 @@
 import { u as g, a as c } from "./plugins-DQVoaMd9.js";
-import { defineComponent as h, ref as w, computed as i, provide as d, openBlock as _, createElementBlock as f, normalizeClass as v, renderSlot as m, inject as u, createElementVNode as e, toDisplayString as C } from "vue";
+import { defineComponent as h, ref as w, computed as i, provide as d, createElementBlock as _, openBlock as f, normalizeClass as v, renderSlot as m, inject as u, createElementVNode as e, toDisplayString as C } from "vue";
 const N = /* @__PURE__ */ h({
   __name: "Stepper",
   props: {
@@ -14,7 +14,7 @@ const N = /* @__PURE__ */ h({
       "pkt-stepper",
       t.orientation === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
     ].filter(Boolean).join(" "));
-    return d("hideNonActiveStepsContent", t.hideNonActiveStepsContent), d("hideNonActiveSteps", t.hideNonActiveSteps), (o, r) => (_(), f("ol", {
+    return d("hideNonActiveStepsContent", t.hideNonActiveStepsContent), d("hideNonActiveSteps", t.hideNonActiveSteps), (o, r) => (f(), _("ol", {
       class: v(p.value),
       ref_key: "stepperRef",
       ref: l
@@ -46,7 +46,7 @@ const N = /* @__PURE__ */ h({
           return H;
       }
     });
-    return (a, n) => (_(), f("li", {
+    return (a, n) => (f(), _("li", {
       class: v(S.value),
       "data-testid": "pkt-step"
     }, [

package/dist/punkt-vue-table.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, watchEffect as _, computed as c, openBlock as r, createElementBlock as n, normalizeClass as p, renderSlot as b } from "vue";
+import { defineComponent as o, watchEffect as _, computed as c, createElementBlock as r, openBlock as n, normalizeClass as p, renderSlot as b } from "vue";
 import { u as d, a as t } from "./plugins-DQVoaMd9.js";
 const m = /* @__PURE__ */ o({
   __name: "Table",
@@ -23,7 +23,7 @@ const m = /* @__PURE__ */ o({
       },
       a.className
     ]);
-    return (s, u) => (r(), n("table", {
+    return (s, u) => (n(), r("table", {
       class: p(l.value),
       role: "table"
     }, [
@@ -37,7 +37,7 @@ const m = /* @__PURE__ */ o({
   },
   setup(e) {
     const a = e, l = c(() => [a.className, "pkt-table__header"]);
-    return (s, u) => (r(), n("thead", {
+    return (s, u) => (n(), r("thead", {
       class: p(l.value),
       role: "rowgroup"
     }, [
@@ -52,7 +52,7 @@ const m = /* @__PURE__ */ o({
   },
   setup(e) {
     const a = e, l = c(() => [a.className, "pkt-table__header-cell"]);
-    return (s, u) => (r(), n("th", {
+    return (s, u) => (n(), r("th", {
       class: p(l.value),
       scope: s.scope,
       role: "columnheader"
@@ -67,7 +67,7 @@ const m = /* @__PURE__ */ o({
   },
   setup(e) {
     const a = e, l = c(() => [a.className, "pkt-table__row"]);
-    return (s, u) => (r(), n("tr", {
+    return (s, u) => (n(), r("tr", {
       class: p(l.value),
       role: "row"
     }, [
@@ -82,7 +82,7 @@ const m = /* @__PURE__ */ o({
   },
   setup(e) {
     const a = e, l = c(() => [a.className, "pkt-table__data-cell"]);
-    return (s, u) => (r(), n("td", {
+    return (s, u) => (n(), r("td", {
       class: p(l.value),
       "data-label": s.dataLabel,
       role: "cell"
@@ -97,7 +97,7 @@ const m = /* @__PURE__ */ o({
   },
   setup(e) {
     const a = e, l = c(() => [a.className, "pkt-table__body"]);
-    return (s, u) => (r(), n("tbody", {
+    return (s, u) => (n(), r("tbody", {
       class: p(l.value),
       role: "rowgroup"
     }, [

package/dist/punkt-vue-tabs.js

@@ -1,6 +1,6 @@
-import { ref as p, openBlock as s, createElementBlock as k, createElementVNode as v, Fragment as g, renderList as w, createBlock as f, resolveDynamicComponent as T, normalizeClass as N, withCtx as d, createCommentVNode as m, createTextVNode as y, toDisplayString as b } from "vue";
-import { T as _ } from "./Tag-BpTGJPw9.js";
-import { P as C } from "./Icon-DdXdUxP2.js";
+import { ref as p, createElementBlock as k, openBlock as s, createElementVNode as v, Fragment as g, renderList as w, createBlock as f, resolveDynamicComponent as T, normalizeClass as N, withCtx as d, createCommentVNode as m, createTextVNode as y, toDisplayString as b } from "vue";
+import { T as _ } from "./Tag-CK-y1m3h.js";
+import { P as C } from "./Icon-Z84h32lN.js";
 import { u as P, a as A } from "./plugins-DQVoaMd9.js";
 const B = { class: "pkt-tabs" }, S = ["role"], j = {
   __name: "Tabs",

package/dist/punkt-vue-tag.js

@@ -1,4 +1,4 @@
-import { T as s } from "./Tag-BpTGJPw9.js";
+import { T as s } from "./Tag-CK-y1m3h.js";
 import { u as t, a as o } from "./plugins-DQVoaMd9.js";
 const r = {
   install(a) {

package/dist/punkt-vue-textarea.js

@@ -1,8 +1,8 @@
-import { P as d } from "./Icon-DdXdUxP2.js";
-import { P as u } from "./Alert-R-eAFCdz.js";
-import { P as s } from "./Button-BlX9N6dr.js";
-import { P as f } from "./InputWrapper-CXY8O_cJ.js";
-import { resolveComponent as g, openBlock as p, createBlock as m, normalizeClass as h, withCtx as c, createElementVNode as x, mergeProps as y } from "vue";
+import { P as d } from "./Icon-Z84h32lN.js";
+import { P as u } from "./Alert-DHRKJRVL.js";
+import { P as s } from "./Button-Bm6X0lD8.js";
+import { P as f } from "./InputWrapper-D2jCo3f8.js";
+import { resolveComponent as g, createBlock as p, openBlock as m, normalizeClass as h, withCtx as c, createElementVNode as x, mergeProps as y } from "vue";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as q, a as T } from "./plugins-DQVoaMd9.js";
 const B = {
@@ -117,7 +117,7 @@ const B = {
 function k(t, r, e, D, M, i) {
   var l;
   const n = g("PktInputWrapper");
-  return p(), m(n, {
+  return m(), p(n, {
     class: h(["pkt-textarea", t.$attrs.class]),
     forId: e.id,
     label: e.label,

package/dist/punkt-vue-textinput.js

@@ -1,7 +1,7 @@
-import { P as g } from "./Icon-DdXdUxP2.js";
-import { P as m } from "./Alert-R-eAFCdz.js";
-import { P as h } from "./InputWrapper-CXY8O_cJ.js";
-import { resolveComponent as d, openBlock as r, createBlock as i, normalizeClass as y, withCtx as x, createElementVNode as s, createElementBlock as c, toDisplayString as f, createCommentVNode as o, mergeProps as b, createTextVNode as q } from "vue";
+import { P as g } from "./Icon-Z84h32lN.js";
+import { P as m } from "./Alert-DHRKJRVL.js";
+import { P as h } from "./InputWrapper-D2jCo3f8.js";
+import { resolveComponent as d, createBlock as i, openBlock as r, normalizeClass as y, withCtx as x, createElementVNode as s, createElementBlock as c, createCommentVNode as o, toDisplayString as f, mergeProps as b, createTextVNode as q } from "vue";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as S, a as T } from "./plugins-DQVoaMd9.js";
 const B = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-vue",
-  "version": "12.31.2",
+  "version": "12.32.7",
   "description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -27,12 +27,12 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.30.1",
-    "@oslokommune/punkt-css": "^12.31.0",
-    "@oslokommune/punkt-elements": "^12.31.2",
+    "@oslokommune/punkt-css": "^12.32.1",
+    "@oslokommune/punkt-elements": "^12.32.7",
     "@vitejs/plugin-vue": "^5.1.3",
     "edit-json-file": "^1.8.0",
     "sass": "^1.78.0",
-    "vite": "^5.4.4",
+    "vite": "^5.4.18",
     "vue": "^3.5.4",
     "vue-router": "^4.4.4"
   },
@@ -67,5 +67,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "bb030d6ba98fa9e45a95cf3092d95b46a750a730"
+  "gitHead": "001ce7fd764b33b5f4c7d90ad5418a62a4d780a6"
 }