@oslokommune/punkt-vue 13.6.12 → 13.7.0

package/CHANGELOG.md

@@ -5,6 +5,29 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.7.0](https://github.com/oslokommune/punkt/compare/13.6.16...13.7.0) (2025-10-14)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Massiv opprydding og oppdatering + fjerning av PktPreview i React (#3074). - Byttet React-tester til å bruke Vitest (så vi kan fjerne utdatert react-scripts som Facebook ikke lenger vedlikeholder og ga feilmeldinger i bygget vårt)
+  - Fjernet PktPreview fra React-pakken, da vi ikke lenger bruker denne i dokumentasjonen vår, og den skapte feilmeldinger i bygget vårt
+  - Oppdaterte Lerna, Vite, Vitest, ESLint, Typescript
+  - Oppdaterte omtrent alle React-komponenter til å ha moderne syntaks for bruk av dens metoder (Det er visst ønskelig at man skal gjøre `import { useState } from 'react'` istedenfor `import React from 'react'` og så bruke `React.useState`.)
+  - La til linting i Elements
+  - React-pakken gikk fra å være 1.6 megabyte til å være 365 kilobytes!!!
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [13.5.8](https://github.com/oslokommune/punkt/compare/13.5.7...13.5.8) (2025-09-10)
 
 ### ⚠ BREAKING CHANGES

package/dist/Button-Bm6X0lD8.js

@@ -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/13.6/animations/"
+      path: "https://punkt-cdn.oslo.kommune.no/13.7/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/13.6/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/13.7/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/punkt-vue-accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./plugins-CMydO4oi.cjs"),e=require("vue"),m=require("./Icon-BLNK24NN.cjs"),l=e.defineComponent({__name:"Accordion",props:{className:{},compact:{type:Boolean,default:!1},skin:{default:"borderless"}},setup(n){const o=n;e.watchEffect(()=>{o.skin&&!["borderless","outlined","beige","blue"].includes(o.skin)&&console.warn(`Invalid prop: Expected "skin" to be one of ['borderless', 'outlined', 'beige', 'blue'], but got ${o.skin}`)});const i=e.ref(null),a=e.computed(()=>[o.className,"pkt-accordion",o.compact&&"pkt-accordion--compact",o.skin&&`pkt-accordion--${o.skin}`].filter(Boolean).join(" "));return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),ref_key:"accordionRef",ref:i},[e.renderSlot(c.$slots,"default")],2))}}),k=["aria-controls","aria-expanded","id","open"],f=["aria-labelledby","id"],g=["id"],d=e.defineComponent({__name:"AccordionItem",props:{title:{default:""},className:{},id:{},defaultOpen:{type:Boolean,default:!1},toggleProps:{},skin:{},compact:{type:Boolean}},setup(n){const o=n;let i=e.ref(o.defaultOpen??!1),a=e.computed(()=>{var t;return((t=o.toggleProps)==null?void 0:t.isOpen)??i.value});const c=t=>t??void 0,s=t=>{t.preventDefault(),o.toggleProps!==void 0&&o.toggleProps.onToggleClick(o.id),i.value=!a.value},u=e.computed(()=>[o.className,"pkt-accordion-item",o.skin&&`pkt-accordion-item--${o.skin}`,o.compact&&"pkt-accordion-item--compact",{"pkt-accordion-item--open":a.value}]);return(t,_)=>(e.openBlock(),e.createElementBlock("details",{"aria-controls":`pkt-accordion-item-content-${t.id}`,"aria-expanded":e.unref(a),class:e.normalizeClass(u.value),id:`pkt-accordion-item-header-${t.id}`,open:t.toggleProps?c(t.toggleProps.isOpen):c(e.unref(i))},[e.createElementVNode("summary",{"aria-labelledby":`pkt-accordion-item-header-${t.id}`,class:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${t.id}`,onClick:s},[e.createTextVNode(e.toDisplayString(t.title)+" ",1),e.createVNode(m.PktIcon,{name:"chevron-thin-down",class:"pkt-accordion-item__icon","aria-hidden":"true"})],8,f),e.createElementVNode("div",{id:`pkt-accordion-item-content-${t.id}`,role:"region",class:"pkt-accordion-item__content"},[e.renderSlot(t.$slots,"default")],8,g)],10,k))}}),p={install(n){r.registerComponent(n,l),r.registerComponent(n,d)}};r.use(p);exports.PktAccordion=l;exports.PktAccordionItem=d;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./plugins-CMydO4oi.cjs"),e=require("vue"),m=require("./Icon-BLNK24NN.cjs"),s=e.defineComponent({__name:"Accordion",props:{className:{},compact:{type:Boolean,default:!1},skin:{default:"borderless"}},setup(t){const o=t;e.watchEffect(()=>{o.skin&&!["borderless","outlined","beige","blue"].includes(o.skin)&&console.warn(`Invalid prop: Expected "skin" to be one of ['borderless', 'outlined', 'beige', 'blue'], but got ${o.skin}`)});const c=e.ref(null),i=e.computed(()=>[o.className,"pkt-accordion",o.compact&&"pkt-accordion--compact",o.skin&&`pkt-accordion--${o.skin}`].filter(Boolean).join(" "));return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.value),ref_key:"accordionRef",ref:c},[e.renderSlot(a.$slots,"default")],2))}}),k=["aria-controls","aria-expanded","id","open"],f=["aria-labelledby","id"],g=["id"],d=e.defineComponent({__name:"AccordionItem",props:{title:{default:""},className:{},id:{},defaultOpen:{type:Boolean,default:!1},toggleProps:{},skin:{},compact:{type:Boolean}},setup(t){const o=t;let c=e.ref(o.defaultOpen??!1),i=e.computed(()=>{var n;return((n=o.toggleProps)==null?void 0:n.isOpen)??c.value});const a=n=>n??void 0,l=n=>{n.preventDefault(),o.toggleProps!==void 0&&o.toggleProps.onToggleClick(o.id),c.value=!i.value},p=e.computed(()=>[o.className,"pkt-accordion-item",o.skin&&`pkt-accordion-item--${o.skin}`,o.compact&&"pkt-accordion-item--compact",{"pkt-accordion-item--open":i.value}]);return(n,v)=>(e.openBlock(),e.createElementBlock("details",{"aria-controls":`pkt-accordion-item-content-${t.id}`,"aria-expanded":e.unref(i),class:e.normalizeClass(p.value),id:`pkt-accordion-item-header-${t.id}`,open:t.toggleProps?a(t.toggleProps.isOpen):a(e.unref(c))},[e.createElementVNode("summary",{"aria-labelledby":`pkt-accordion-item-header-${t.id}`,class:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${t.id}`,onClick:l},[e.createTextVNode(e.toDisplayString(t.title)+" ",1),e.createVNode(m.PktIcon,{name:"chevron-thin-down",class:"pkt-accordion-item__icon","aria-hidden":"true"})],8,f),e.createElementVNode("div",{id:`pkt-accordion-item-content-${t.id}`,role:"region",class:"pkt-accordion-item__content"},[e.renderSlot(n.$slots,"default")],8,g)],10,k))}}),u={install(t){r.registerComponent(t,s),r.registerComponent(t,d)}};r.use(u);exports.PktAccordion=s;exports.PktAccordionItem=d;exports.default=u;

package/dist/punkt-vue-accordion.js

@@ -1,16 +1,16 @@
-import { u as b, a as r } from "./plugins-DQVoaMd9.js";
-import { defineComponent as p, watchEffect as v, ref as m, computed as c, createElementBlock as u, openBlock as k, normalizeClass as f, 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({
+import { u as v, a as r } from "./plugins-DQVoaMd9.js";
+import { defineComponent as p, watchEffect as h, ref as m, computed as c, createElementBlock as u, openBlock as k, normalizeClass as f, renderSlot as g, unref as l, createElementVNode as d, createTextVNode as P, createVNode as $, toDisplayString as y } from "vue";
+import { P as C } from "./Icon-Z84h32lN.js";
+const N = /* @__PURE__ */ p({
   __name: "Accordion",
   props: {
     className: {},
     compact: { type: Boolean, default: !1 },
     skin: { default: "borderless" }
   },
-  setup(t) {
-    const e = t;
-    v(() => {
+  setup(o) {
+    const e = o;
+    h(() => {
       e.skin && !["borderless", "outlined", "beige", "blue"].includes(e.skin) && console.warn(
         `Invalid prop: Expected "skin" to be one of ['borderless', 'outlined', 'beige', 'blue'], but got ${e.skin}`
       );
@@ -29,7 +29,7 @@ const C = /* @__PURE__ */ p({
       g(i.$slots, "default")
     ], 2));
   }
-}), N = ["aria-controls", "aria-expanded", "id", "open"], B = ["aria-labelledby", "id"], I = ["id"], O = /* @__PURE__ */ p({
+}), _ = ["aria-controls", "aria-expanded", "id", "open"], B = ["aria-labelledby", "id"], I = ["id"], O = /* @__PURE__ */ p({
   __name: "AccordionItem",
   props: {
     title: { default: "" },
@@ -40,15 +40,15 @@ const C = /* @__PURE__ */ p({
     skin: {},
     compact: { type: Boolean }
   },
-  setup(t) {
-    const e = t;
+  setup(o) {
+    const e = o;
     let n = m(e.defaultOpen ?? !1), a = c(() => {
-      var o;
-      return ((o = e.toggleProps) == null ? void 0 : o.isOpen) ?? n.value;
+      var t;
+      return ((t = e.toggleProps) == null ? void 0 : t.isOpen) ?? n.value;
     });
-    const i = (o) => o ?? void 0, s = (o) => {
-      o.preventDefault(), e.toggleProps !== void 0 && e.toggleProps.onToggleClick(e.id), n.value = !a.value;
-    }, _ = c(() => [
+    const i = (t) => t ?? void 0, s = (t) => {
+      t.preventDefault(), e.toggleProps !== void 0 && e.toggleProps.onToggleClick(e.id), n.value = !a.value;
+    }, b = c(() => [
       e.className,
       "pkt-accordion-item",
       e.skin && `pkt-accordion-item--${e.skin}`,
@@ -57,10 +57,10 @@ const C = /* @__PURE__ */ p({
         "pkt-accordion-item--open": a.value
       }
     ]);
-    return (o, A) => (k(), u("details", {
+    return (t, T) => (k(), u("details", {
       "aria-controls": `pkt-accordion-item-content-${o.id}`,
       "aria-expanded": l(a),
-      class: f(_.value),
+      class: f(b.value),
       id: `pkt-accordion-item-header-${o.id}`,
       open: o.toggleProps ? i(o.toggleProps.isOpen) : i(l(n))
     }, [
@@ -70,8 +70,8 @@ const C = /* @__PURE__ */ p({
         id: `pkt-accordion-item-summary-${o.id}`,
         onClick: s
       }, [
-        h($(o.title) + " ", 1),
-        P(y, {
+        P(y(o.title) + " ", 1),
+        $(C, {
           name: "chevron-thin-down",
           class: "pkt-accordion-item__icon",
           "aria-hidden": "true"
@@ -82,18 +82,18 @@ const C = /* @__PURE__ */ p({
         role: "region",
         class: "pkt-accordion-item__content"
       }, [
-        g(o.$slots, "default")
+        g(t.$slots, "default")
       ], 8, I)
-    ], 10, N));
+    ], 10, _));
   }
-}), T = {
-  install(t) {
-    r(t, C), r(t, O);
+}), x = {
+  install(o) {
+    r(o, N), r(o, O);
   }
 };
-b(T);
+v(x);
 export {
-  C as PktAccordion,
+  N as PktAccordion,
   O as PktAccordionItem,
-  T as default
+  x as default
 };

package/dist/punkt-vue-footer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./Icon-BLNK24NN.cjs");require("@oslokommune/punkt-elements/dist/pkt-consent.js");const e=require("vue"),f=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c=require("./plugins-CMydO4oi.cjs"),m={name:"PktFooter",components:{PktIcon:k.PktIcon},props:{columnOne:{type:Object,required:!0,validator:r=>"title"in r&&(!("links"in r)||Array.isArray(r.links)&&r.links.every(o=>"href"in o&&"text"in o))},columnTwo:{type:Object,required:!0,validator:r=>"title"in r&&(!("links"in r)||Array.isArray(r.links)&&r.links.every(o=>"href"in o&&"text"in o))},socialLinks:{type:Array,description:"Array of social media and language links for the footer",validator:r=>r.every(o=>{if(typeof o=="object"){const t=typeof o.href=="string",s=typeof o.iconName=="string",i=typeof o.language=="string";return t&&(s||i)}return!1}),required:!1},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1},openLinksInNewTab:{type:Boolean,default:!1,required:!1},includeConsent:{type:Boolean,default:!1,required:!1},googleAnalyticsId:{type:String,default:null,required:!1},hotjarId:{type:String,default:null,required:!1}}},p={class:"pkt-footer","data-mode":"dark"},u={class:"pkt-footer__container"},g={class:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16"},h={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},N={class:"pkt-footer__title"},y={class:"pkt-footer__list"},b={key:0,class:"pkt-footer__text"},I=["href","target","rel"],V={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},E={class:"pkt-footer__title"},T={class:"pkt-footer__list"},w=["href","target","rel"],B={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},L={class:"pkt-footer__list"},v={class:"pkt-footer__list-item"},x=["href","target","rel"],j={class:"pkt-footer__list-item"},q=["href","target","rel"],C={class:"pkt-footer__list-item"},S=["googleAnalyticsId","hotjarId"],O={key:0,class:"pkt-footer__social","aria-label":"standard lenker"},A=["href","aria-label","target","rel"],F={class:"pkt-footer__social-icons"},P=["href","aria-label","target","rel"];function D(r,o,t,s,i,z){const a=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",p,[e.createElementVNode("div",u,[e.createElementVNode("div",g,[e.createElementVNode("div",h,[e.createElementVNode("h2",N,e.toDisplayString(t.columnOne.title),1),e.createElementVNode("ul",y,[t.columnOne.text?(e.openBlock(),e.createElementBlock("li",b,e.toDisplayString(t.columnOne.text),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnOne.links,(n,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":n.external}]),href:n.href,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(n.text),1)],10,I)]))),128))])]),e.createElementVNode("div",V,[e.createElementVNode("h2",E,e.toDisplayString(t.columnTwo.title),1),e.createElementVNode("ul",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnTwo.links,(n,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":n.external}]),href:n.href,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(n.text),1)],10,w)]))),128))])]),e.createElementVNode("div",B,[o[3]||(o[3]=e.createElementVNode("h2",{class:"pkt-footer__title"},"Om nettstedet",-1)),e.createElementVNode("ul",L,[e.createElementVNode("li",v,[e.createElementVNode("a",{class:"pkt-footer__link",href:t.personvernOgInfoLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),o[1]||(o[1]=e.createTextVNode(" Personvern og informasjonskapsler "))],8,x)]),e.createElementVNode("li",j,[e.createElementVNode("a",{class:"pkt-footer__link",href:t.tilgjengelighetLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),o[2]||(o[2]=e.createTextVNode(" Tilgjengelighet "))],8,q)]),e.createElementVNode("li",C,[t.includeConsent?(e.openBlock(),e.createElementBlock("pkt-consent",{key:0,googleAnalyticsId:t.googleAnalyticsId,hotjarId:t.hotjarId,triggerType:"footerlink",onToggleConsent:o[0]||(o[0]=n=>{this.$emit("toggle-consent",n)})},null,40,S)):e.createCommentVNode("",!0)])])])]),t.socialLinks?(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.socialLinks,(n,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.language?(e.openBlock(),e.createElementBlock("div",{key:`language-${l}`,class:"pkt-footer__social-language"},[e.createElementVNode("a",{href:n.href,"aria-label":`til ${n.language} versjon av nettsiden`,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":null},e.toDisplayString(n.language),9,A)])):e.createCommentVNode("",!0)],64))),256)),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.socialLinks,(n,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.iconName?(e.openBlock(),e.createElementBlock("a",{key:`sociallinks-${l}`,href:n.href,"aria-label":`til ${n.iconName}`,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":null,class:"pkt-footer__social-icon-link"},[e.createVNode(a,{class:"pkt-footer__social-icon",name:n.iconName},null,8,["name"])],8,P)):e.createCommentVNode("",!0)],64))),256))])])):e.createCommentVNode("",!0)])])}const d=f._export_sfc(m,[["render",D]]),_={install(r){c.registerComponent(r,d)}};c.use(_);exports.PktFooter=d;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./Icon-BLNK24NN.cjs");require("@oslokommune/punkt-elements/dist/pkt-consent.js");const e=require("vue"),f=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c=require("./plugins-CMydO4oi.cjs"),m={name:"PktFooter",components:{PktIcon:k.PktIcon},props:{columnOne:{type:Object,required:!0,validator:r=>"title"in r&&(!("links"in r)||Array.isArray(r.links)&&r.links.every(o=>"href"in o&&"text"in o))},columnTwo:{type:Object,required:!0,validator:r=>"title"in r&&(!("links"in r)||Array.isArray(r.links)&&r.links.every(o=>"href"in o&&"text"in o))},socialLinks:{type:Array,description:"Array of social media and language links for the footer",validator:r=>r.every(o=>{if(typeof o=="object"){const t=typeof o.href=="string",s=typeof o.iconName=="string",i=typeof o.language=="string";return t&&(s||i)}return!1}),required:!1},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1},openLinksInNewTab:{type:Boolean,default:!1,required:!1},includeConsent:{type:Boolean,default:!1,required:!1},googleAnalyticsId:{type:String,default:null,required:!1},hotjarId:{type:String,default:null,required:!1}}},p={class:"pkt-footer","data-mode":"dark"},u={class:"pkt-footer__container"},g={class:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16"},h={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},N={class:"pkt-footer__title"},y={class:"pkt-footer__list"},b={key:0,class:"pkt-footer__text"},I=["href","target","rel"],V={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},E={class:"pkt-footer__title"},T={class:"pkt-footer__list"},w=["href","target","rel"],B={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},L={class:"pkt-footer__list"},v={class:"pkt-footer__list-item"},x=["href","target","rel"],j={class:"pkt-footer__list-item"},q=["href","target","rel"],C={class:"pkt-footer__list-item"},S=["googleAnalyticsId","hotjarId"],O={key:0,class:"pkt-footer__social","aria-label":"standard lenker"},A=["href","aria-label","target","rel"],F={class:"pkt-footer__social-icons"},P=["href","aria-label","target","rel"];function D(r,o,t,s,i,z){const a=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",p,[e.createElementVNode("div",u,[e.createElementVNode("div",g,[e.createElementVNode("div",h,[e.createElementVNode("h2",N,e.toDisplayString(t.columnOne.title),1),e.createElementVNode("ul",y,[t.columnOne.text?(e.openBlock(),e.createElementBlock("li",b,e.toDisplayString(t.columnOne.text),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnOne.links,(n,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":n.external}]),href:n.href,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(n.text),1)],10,I)]))),128))])]),e.createElementVNode("div",V,[e.createElementVNode("h2",E,e.toDisplayString(t.columnTwo.title),1),e.createElementVNode("ul",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnTwo.links,(n,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":n.external}]),href:n.href,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(n.text),1)],10,w)]))),128))])]),e.createElementVNode("div",B,[o[3]||(o[3]=e.createElementVNode("h2",{class:"pkt-footer__title"},"Om nettstedet",-1)),e.createElementVNode("ul",L,[e.createElementVNode("li",v,[e.createElementVNode("a",{class:"pkt-footer__link",href:t.personvernOgInfoLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),o[1]||(o[1]=e.createTextVNode(" Personvern og informasjonskapsler ",-1))],8,x)]),e.createElementVNode("li",j,[e.createElementVNode("a",{class:"pkt-footer__link",href:t.tilgjengelighetLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),o[2]||(o[2]=e.createTextVNode(" Tilgjengelighet ",-1))],8,q)]),e.createElementVNode("li",C,[t.includeConsent?(e.openBlock(),e.createElementBlock("pkt-consent",{key:0,googleAnalyticsId:t.googleAnalyticsId,hotjarId:t.hotjarId,triggerType:"footerlink",onToggleConsent:o[0]||(o[0]=n=>{this.$emit("toggle-consent",n)})},null,40,S)):e.createCommentVNode("",!0)])])])]),t.socialLinks?(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.socialLinks,(n,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.language?(e.openBlock(),e.createElementBlock("div",{key:`language-${l}`,class:"pkt-footer__social-language"},[e.createElementVNode("a",{href:n.href,"aria-label":`til ${n.language} versjon av nettsiden`,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":null},e.toDisplayString(n.language),9,A)])):e.createCommentVNode("",!0)],64))),256)),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.socialLinks,(n,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.iconName?(e.openBlock(),e.createElementBlock("a",{key:`sociallinks-${l}`,href:n.href,"aria-label":`til ${n.iconName}`,target:n.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:n.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":null,class:"pkt-footer__social-icon-link"},[e.createVNode(a,{class:"pkt-footer__social-icon",name:n.iconName},null,8,["name"])],8,P)):e.createCommentVNode("",!0)],64))),256))])])):e.createCommentVNode("",!0)])])}const d=f._export_sfc(m,[["render",D]]),_={install(r){c.registerComponent(r,d)}};c.use(_);exports.PktFooter=d;exports.default=_;

package/dist/punkt-vue-footer.js

@@ -137,7 +137,7 @@ function U(r, o, e, g, p, Y) {
                   class: "pkt-footer__link-icon",
                   name: "chevron-right"
                 }),
-                o[1] || (o[1] = u(" Personvern og informasjonskapsler "))
+                o[1] || (o[1] = u(" Personvern og informasjonskapsler ", -1))
               ], 8, E)
             ]),
             n("li", D, [
@@ -151,7 +151,7 @@ function U(r, o, e, g, p, Y) {
                   class: "pkt-footer__link-icon",
                   name: "chevron-right"
                 }),
-                o[2] || (o[2] = u(" Tilgjengelighet "))
+                o[2] || (o[2] = u(" Tilgjengelighet ", -1))
               ], 8, H)
             ]),
             n("li", G, [

package/dist/punkt-vue-footersimple.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./Icon-BLNK24NN.cjs");require("@oslokommune/punkt-elements/dist/pkt-consent.js");const e=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s=require("./plugins-CMydO4oi.cjs"),_={name:"PktFooterSimple",components:{PktIcon:d.PktIcon},props:{links:{type:Array,default:()=>[],validator:r=>r.every(n=>typeof n.href=="string"&&typeof n.text=="string")},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1},openLinksInNewTab:{type:Boolean,default:!1,required:!1},includeConsent:{type:Boolean,default:!1,required:!1},googleAnalyticsId:{type:String,default:null,required:!1},hotjarId:{type:String,default:null,required:!1}}},f={class:"pkt-footer-simple","data-mode":"dark"},p={class:"pkt-footer-simple__container"},g={class:"pkt-footer-simple__list"},m=["href","target","rel"],u={class:"pkt-footer-simple__list-item"},h=["href","target","rel"],I={class:"pkt-footer-simple__list-item"},N=["href","target","rel"],y={class:"pkt-footer-simple__list-item"},V=["googleAnalyticsId","hotjarId"];function w(r,n,t,T,b,v){const l=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",f,[e.createElementVNode("div",p,[e.createElementVNode("ul",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.links,(o,c)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer-simple__list-item",key:`links-${c}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer-simple__link",{"pkt-link--external":o.external}]),href:o.href,target:o.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:o.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(l,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(o.text),1)],10,m)]))),128)),e.createElementVNode("li",u,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:t.personvernOgInfoLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(l,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),n[0]||(n[0]=e.createTextVNode(" Personvern og informasjonskapsler "))],8,h)]),e.createElementVNode("li",I,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:t.tilgjengelighetLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(l,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),n[1]||(n[1]=e.createTextVNode(" Tilgjengelighet "))],8,N)]),e.createElementVNode("li",y,[t.includeConsent?(e.openBlock(),e.createElementBlock("pkt-consent",{key:0,googleAnalyticsId:t.googleAnalyticsId,hotjarId:t.hotjarId,triggerType:"footerlink"},null,8,V)):e.createCommentVNode("",!0)])])])])}const i=k._export_sfc(_,[["render",w]]),a={install(r){s.registerComponent(r,i)}};s.use(a);exports.PktFooterSimple=i;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./Icon-BLNK24NN.cjs");require("@oslokommune/punkt-elements/dist/pkt-consent.js");const e=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s=require("./plugins-CMydO4oi.cjs"),_={name:"PktFooterSimple",components:{PktIcon:d.PktIcon},props:{links:{type:Array,default:()=>[],validator:r=>r.every(n=>typeof n.href=="string"&&typeof n.text=="string")},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1},openLinksInNewTab:{type:Boolean,default:!1,required:!1},includeConsent:{type:Boolean,default:!1,required:!1},googleAnalyticsId:{type:String,default:null,required:!1},hotjarId:{type:String,default:null,required:!1}}},f={class:"pkt-footer-simple","data-mode":"dark"},p={class:"pkt-footer-simple__container"},g={class:"pkt-footer-simple__list"},m=["href","target","rel"],u={class:"pkt-footer-simple__list-item"},h=["href","target","rel"],I={class:"pkt-footer-simple__list-item"},N=["href","target","rel"],y={class:"pkt-footer-simple__list-item"},V=["googleAnalyticsId","hotjarId"];function w(r,n,t,T,b,v){const l=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",f,[e.createElementVNode("div",p,[e.createElementVNode("ul",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.links,(o,c)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer-simple__list-item",key:`links-${c}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer-simple__link",{"pkt-link--external":o.external}]),href:o.href,target:o.openInNewTab||t.openLinksInNewTab?"_blank":"_self",rel:o.openInNewTab||t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(l,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(o.text),1)],10,m)]))),128)),e.createElementVNode("li",u,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:t.personvernOgInfoLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(l,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),n[0]||(n[0]=e.createTextVNode(" Personvern og informasjonskapsler ",-1))],8,h)]),e.createElementVNode("li",I,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:t.tilgjengelighetLink,target:t.openLinksInNewTab?"_blank":"_self",rel:t.openLinksInNewTab?"noopener noreferrer":void 0},[e.createVNode(l,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),n[1]||(n[1]=e.createTextVNode(" Tilgjengelighet ",-1))],8,N)]),e.createElementVNode("li",y,[t.includeConsent?(e.openBlock(),e.createElementBlock("pkt-consent",{key:0,googleAnalyticsId:t.googleAnalyticsId,hotjarId:t.hotjarId,triggerType:"footerlink"},null,8,V)):e.createCommentVNode("",!0)])])])])}const i=k._export_sfc(_,[["render",w]]),a={install(r){s.registerComponent(r,i)}};s.use(a);exports.PktFooterSimple=i;exports.default=a;

package/dist/punkt-vue-footersimple.js

@@ -82,7 +82,7 @@ function C(r, n, e, F, V, E) {
               class: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }),
-            n[0] || (n[0] = f(" Personvern og informasjonskapsler "))
+            n[0] || (n[0] = f(" Personvern og informasjonskapsler ", -1))
           ], 8, j)
         ]),
         t("li", x, [
@@ -96,7 +96,7 @@ function C(r, n, e, F, V, E) {
               class: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }),
-            n[1] || (n[1] = f(" Tilgjengelighet "))
+            n[1] || (n[1] = f(" Tilgjengelighet ", -1))
           ], 8, P)
         ]),
         t("li", S, [

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/13.6/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/13.6/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/13.7/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/13.7/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)])]),_: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: ",-1)),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 ",-1))])):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 ",-1))])]))])):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)])]),_: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

@@ -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/13.6/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/13.7/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/13.6/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/13.7/logos/"
         })
       ])),
       e.serviceName ? (t(), o("span", H, a(e.serviceName), 1)) : r("", !0)
@@ -195,9 +195,9 @@ function ke(l, s, e, he, g, m) {
             iconName: "menu",
             onOnClick: s[1] || (s[1] = (n) => l.$emit("openMenu"))
           }, {
-            default: P(() => s[7] || (s[7] = [
-              k("Meny")
-            ])),
+            default: P(() => [...s[7] || (s[7] = [
+              k("Meny", -1)
+            ])]),
             _: 1
           })
         ])) : r("", !0),
@@ -233,7 +233,7 @@ function ke(l, s, e, he, g, m) {
               s[9] || (s[9] = i("div", { class: "pkt-user-menu__label" }, "Pålogget som", -1)),
               i("div", J, a(e.user.name), 1),
               e.user.lastLoggedIn ? (t(), o("div", K, [
-                s[8] || (s[8] = k(" Sist pålogget: ")),
+                s[8] || (s[8] = k(" Sist pålogget: ", -1)),
                 i("time", null, a(m.lastLoggedIn), 1)
               ])) : r("", !0)
             ])) : r("", !0),
@@ -285,7 +285,7 @@ function ke(l, s, e, he, g, m) {
                       name: "cogwheel",
                       class: "pkt-link__icon"
                     }),
-                    s[11] || (s[11] = k(" Endre organisasjon "))
+                    s[11] || (s[11] = k(" Endre organisasjon ", -1))
                   ])) : r("", !0)
                 ])
               ])
@@ -328,7 +328,7 @@ function ke(l, s, e, he, g, m) {
                       name: "exit",
                       class: "pkt-link__icon"
                     }),
-                    s[12] || (s[12] = k(" Logg ut "))
+                    s[12] || (s[12] = k(" Logg ut ", -1))
                   ])
                 ]))
               ])) : r("", !0)
@@ -360,9 +360,9 @@ function ke(l, s, e, he, g, m) {
             skin: "secondary",
             variant: "icon-right"
           }, {
-            default: P(() => s[13] || (s[13] = [
-              k(" Logg ut ")
-            ])),
+            default: P(() => [...s[13] || (s[13] = [
+              k(" Logg ut ", -1)
+            ])]),
             _: 1
           })
         ])) : r("", !0)

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/13.6/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/13.7/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

@@ -48,7 +48,7 @@ const h = ["aria-busy"], L = { key: 0 }, S = {
           f(y, {
             name: d(e.variant),
             "aria-label": "loading",
-            path: "https://punkt-cdn.oslo.kommune.no/13.6/animations/",
+            path: "https://punkt-cdn.oslo.kommune.no/13.7/animations/",
             class: n(`pkt-loader__svg pkt-loader__${e.variant}`)
           }, null, 8, ["name", "class"]),
           e.message ? (l(), t("p", L, k(e.message), 1)) : r("", !0)

package/dist/punkt-vue-stepper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./plugins-CMydO4oi.cjs"),e=require("vue"),c=e.defineComponent({__name:"Stepper",props:{className:{},hideNonActiveStepsContent:{type:Boolean,default:!0},hideNonActiveSteps:{type:Boolean,default:!1},orientation:{default:"vertical"}},setup(s){const t=s,l=e.ref(null),o=e.computed(()=>[t.className,"pkt-stepper",t.orientation==="horizontal"?"pkt-stepper--horizontal":"pkt-stepper--vertical"].filter(Boolean).join(" "));return e.provide("hideNonActiveStepsContent",t.hideNonActiveStepsContent),e.provide("hideNonActiveSteps",t.hideNonActiveSteps),(i,r)=>(e.openBlock(),e.createElementBlock("ol",{class:e.normalizeClass(o.value),ref_key:"stepperRef",ref:l},[e.renderSlot(i.$slots,"default")],2))}}),v=["innerHTML"],_={class:"pkt-step__wrapper"},f={class:"pkt-step__title"},S={class:"pkt-step__content"},k='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>',g='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>',N='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><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" /></svg>',d=e.defineComponent({__name:"Step",props:{title:{},className:{},status:{default:"incomplete"}},setup(s){const t=s,l=e.inject("hideNonActiveStepsContent"),o=()=>!!(l&&t.status!=="current"),i=e.inject("hideNonActiveSteps"),r=()=>!!(i&&t.status!=="current"),h=e.computed(()=>["pkt-step",t.className,`pkt-step--${t.status}`,{"pkt-step--hideContent":o()},{"pkt-step--hideStep":r()}]),m=e.computed(()=>{switch(t.status){case"current":return g;case"completed":return N;default:return k}});return(a,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(h.value),"data-testid":"pkt-step"},[n[0]||(n[0]=e.createElementVNode("span",{class:"pkt-step__line pkt-step__line--1","aria-hidden":""},null,-1)),n[1]||(n[1]=e.createElementVNode("span",{class:"pkt-step__line pkt-step__line--2","aria-hidden":""},null,-1)),e.createElementVNode("span",{class:"pkt-step__indicator",innerHTML:m.value},null,8,v),n[2]||(n[2]=e.createElementVNode("span",{class:"pkt-step__line pkt-step__line--3","aria-hidden":""},null,-1)),e.createElementVNode("div",_,[e.createElementVNode("div",f,e.toDisplayString(a.title),1),e.createElementVNode("div",S,[e.renderSlot(a.$slots,"default")])])],2))}}),u={install(s){p.registerComponent(s,c),p.registerComponent(s,d)}};p.use(u);exports.PktStep=d;exports.PktStepper=c;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./plugins-CMydO4oi.cjs"),e=require("vue"),c=e.defineComponent({__name:"Stepper",props:{className:{},hideNonActiveStepsContent:{type:Boolean,default:!0},hideNonActiveSteps:{type:Boolean,default:!1},orientation:{default:"vertical"}},setup(s){const t=s,l=e.ref(null),o=e.computed(()=>[t.className,"pkt-stepper",t.orientation==="horizontal"?"pkt-stepper--horizontal":"pkt-stepper--vertical"].filter(Boolean).join(" "));return e.provide("hideNonActiveStepsContent",t.hideNonActiveStepsContent),e.provide("hideNonActiveSteps",t.hideNonActiveSteps),(i,r)=>(e.openBlock(),e.createElementBlock("ol",{class:e.normalizeClass(o.value),ref_key:"stepperRef",ref:l},[e.renderSlot(i.$slots,"default")],2))}}),v=["innerHTML"],_={class:"pkt-step__wrapper"},f={class:"pkt-step__title"},S={class:"pkt-step__content"},k='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>',g='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>',N='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><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" /></svg>',a=e.defineComponent({__name:"Step",props:{title:{},className:{},status:{default:"incomplete"}},setup(s){const t=s,l=e.inject("hideNonActiveStepsContent"),o=()=>!!(l&&t.status!=="current"),i=e.inject("hideNonActiveSteps"),r=()=>!!(i&&t.status!=="current"),u=e.computed(()=>["pkt-step",t.className,`pkt-step--${t.status}`,{"pkt-step--hideContent":o()},{"pkt-step--hideStep":r()}]),h=e.computed(()=>{switch(t.status){case"current":return g;case"completed":return N;default:return k}});return(m,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(u.value),"data-testid":"pkt-step"},[n[0]||(n[0]=e.createElementVNode("span",{class:"pkt-step__line pkt-step__line--1","aria-hidden":""},null,-1)),n[1]||(n[1]=e.createElementVNode("span",{class:"pkt-step__line pkt-step__line--2","aria-hidden":""},null,-1)),e.createElementVNode("span",{class:"pkt-step__indicator",innerHTML:h.value},null,8,v),n[2]||(n[2]=e.createElementVNode("span",{class:"pkt-step__line pkt-step__line--3","aria-hidden":""},null,-1)),e.createElementVNode("div",_,[e.createElementVNode("div",f,e.toDisplayString(s.title),1),e.createElementVNode("div",S,[e.renderSlot(m.$slots,"default")])])],2))}}),d={install(s){p.registerComponent(s,c),p.registerComponent(s,a)}};p.use(d);exports.PktStep=a;exports.PktStepper=c;exports.default=d;

package/dist/punkt-vue-stepper.js

@@ -1,6 +1,6 @@
-import { u as g, a as c } from "./plugins-DQVoaMd9.js";
-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({
+import { u as g, a } from "./plugins-DQVoaMd9.js";
+import { defineComponent as u, ref as w, computed as o, provide as c, createElementBlock as h, openBlock as _, normalizeClass as f, renderSlot as v, inject as d, createElementVNode as s, toDisplayString as C } from "vue";
+const N = /* @__PURE__ */ u({
   __name: "Stepper",
   props: {
     className: {},
@@ -8,35 +8,35 @@ const N = /* @__PURE__ */ h({
     hideNonActiveSteps: { type: Boolean, default: !1 },
     orientation: { default: "vertical" }
   },
-  setup(s) {
-    const t = s, l = w(null), p = i(() => [
+  setup(e) {
+    const t = e, l = w(null), p = o(() => [
       t.className,
       "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", {
-      class: v(p.value),
+    return c("hideNonActiveStepsContent", t.hideNonActiveStepsContent), c("hideNonActiveSteps", t.hideNonActiveSteps), (i, r) => (_(), h("ol", {
+      class: f(p.value),
       ref_key: "stepperRef",
       ref: l
     }, [
-      m(o.$slots, "default")
+      v(i.$slots, "default")
     ], 2));
   }
-}), A = ["innerHTML"], y = { class: "pkt-step__wrapper" }, x = { class: "pkt-step__title" }, B = { class: "pkt-step__content" }, H = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>', L = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>', z = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><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" /></svg>', F = /* @__PURE__ */ h({
+}), A = ["innerHTML"], y = { class: "pkt-step__wrapper" }, x = { class: "pkt-step__title" }, B = { class: "pkt-step__content" }, H = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>', L = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>', z = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><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" /></svg>', F = /* @__PURE__ */ u({
   __name: "Step",
   props: {
     title: {},
     className: {},
     status: { default: "incomplete" }
   },
-  setup(s) {
-    const t = s, l = u("hideNonActiveStepsContent"), p = () => !!(l && t.status !== "current"), o = u("hideNonActiveSteps"), r = () => !!(o && t.status !== "current"), S = i(() => [
+  setup(e) {
+    const t = e, l = d("hideNonActiveStepsContent"), p = () => !!(l && t.status !== "current"), i = d("hideNonActiveSteps"), r = () => !!(i && t.status !== "current"), m = o(() => [
       "pkt-step",
       t.className,
       `pkt-step--${t.status}`,
       { "pkt-step--hideContent": p() },
       { "pkt-step--hideStep": r() }
-    ]), k = i(() => {
+    ]), S = o(() => {
       switch (t.status) {
         case "current":
           return L;
@@ -46,37 +46,37 @@ const N = /* @__PURE__ */ h({
           return H;
       }
     });
-    return (a, n) => (f(), _("li", {
-      class: v(S.value),
+    return (k, n) => (_(), h("li", {
+      class: f(m.value),
       "data-testid": "pkt-step"
     }, [
-      n[0] || (n[0] = e("span", {
+      n[0] || (n[0] = s("span", {
         class: "pkt-step__line pkt-step__line--1",
         "aria-hidden": ""
       }, null, -1)),
-      n[1] || (n[1] = e("span", {
+      n[1] || (n[1] = s("span", {
         class: "pkt-step__line pkt-step__line--2",
         "aria-hidden": ""
       }, null, -1)),
-      e("span", {
+      s("span", {
         class: "pkt-step__indicator",
-        innerHTML: k.value
+        innerHTML: S.value
       }, null, 8, A),
-      n[2] || (n[2] = e("span", {
+      n[2] || (n[2] = s("span", {
         class: "pkt-step__line pkt-step__line--3",
         "aria-hidden": ""
       }, null, -1)),
-      e("div", y, [
-        e("div", x, C(a.title), 1),
-        e("div", B, [
-          m(a.$slots, "default")
+      s("div", y, [
+        s("div", x, C(e.title), 1),
+        s("div", B, [
+          v(k.$slots, "default")
         ])
       ])
     ], 2));
   }
 }), G = {
-  install(s) {
-    c(s, N), c(s, F);
+  install(e) {
+    a(e, N), a(e, F);
   }
 };
 g(G);

package/dist/punkt-vue-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./plugins-CMydO4oi.cjs"),r=e.defineComponent({__name:"Table",props:{className:{default:String},compact:{type:Boolean,default:!1},skin:{default:"basic"},responseView:{type:Boolean,default:!0}},setup(s){const a=s;e.watchEffect(()=>{a.skin&&!["basic","zebra-blue"].includes(a.skin)&&console.warn(`Invalid prop: Expected "skin" to be one of ['basic',  'zebra-blue'], but got ${a.skin}`)});const l=e.computed(()=>["pkt-table",{"pkt-table--responsive":a.responseView,"pkt-table--compact":a.compact,"pkt-table--basic":a.skin==="basic","pkt-table--zebra-blue":a.skin==="zebra-blue"},a.className]);return(t,n)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(l.value),role:"table"},[e.renderSlot(t.$slots,"default")],2))}}),c=e.defineComponent({__name:"TableHeader",props:{className:String},setup(s){const a=s,l=e.computed(()=>[a.className,"pkt-table__header"]);return(t,n)=>(e.openBlock(),e.createElementBlock("thead",{class:e.normalizeClass(l.value),role:"rowgroup"},[e.renderSlot(t.$slots,"default")],2))}}),b=["scope"],p=e.defineComponent({__name:"TableHeaderCell",props:{className:{},scope:{}},setup(s){const a=s,l=e.computed(()=>[a.className,"pkt-table__header-cell"]);return(t,n)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(l.value),scope:t.scope,role:"columnheader"},[e.renderSlot(t.$slots,"default")],10,b))}}),m=e.defineComponent({__name:"TableRow",props:{className:{}},setup(s){const a=s,l=e.computed(()=>[a.className,"pkt-table__row"]);return(t,n)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(l.value),role:"row"},[e.renderSlot(t.$slots,"default")],2))}}),_=["data-label"],u=e.defineComponent({__name:"TableDataCell",props:{className:{},dataLabel:{}},setup(s){const a=s,l=e.computed(()=>[a.className,"pkt-table__data-cell"]);return(t,n)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(l.value),"data-label":t.dataLabel,role:"cell"},[e.renderSlot(t.$slots,"default")],10,_))}}),d=e.defineComponent({__name:"TableBody",props:{className:{}},setup(s){const a=s,l=e.computed(()=>[a.className,"pkt-table__body"]);return(t,n)=>(e.openBlock(),e.createElementBlock("tbody",{class:e.normalizeClass(l.value),role:"rowgroup"},[e.renderSlot(t.$slots,"default")],2))}}),i={install(s){o.registerComponent(s,r),o.registerComponent(s,c),o.registerComponent(s,p),o.registerComponent(s,m),o.registerComponent(s,d),o.registerComponent(s,u)}};o.use(i);exports.PktTable=r;exports.PktTableBody=d;exports.PktTableDataCell=u;exports.PktTableHeader=c;exports.PktTableHeaderCell=p;exports.PktTableRow=m;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./plugins-CMydO4oi.cjs"),r=e.defineComponent({__name:"Table",props:{className:{default:String},compact:{type:Boolean,default:!1},skin:{default:"basic"},responseView:{type:Boolean,default:!0}},setup(t){const a=t;e.watchEffect(()=>{a.skin&&!["basic","zebra-blue"].includes(a.skin)&&console.warn(`Invalid prop: Expected "skin" to be one of ['basic',  'zebra-blue'], but got ${a.skin}`)});const s=e.computed(()=>["pkt-table",{"pkt-table--responsive":a.responseView,"pkt-table--compact":a.compact,"pkt-table--basic":a.skin==="basic","pkt-table--zebra-blue":a.skin==="zebra-blue"},a.className]);return(l,n)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(s.value),role:"table"},[e.renderSlot(l.$slots,"default")],2))}}),c=e.defineComponent({__name:"TableHeader",props:{className:String},setup(t){const a=t,s=e.computed(()=>[a.className,"pkt-table__header"]);return(l,n)=>(e.openBlock(),e.createElementBlock("thead",{class:e.normalizeClass(s.value),role:"rowgroup"},[e.renderSlot(l.$slots,"default")],2))}}),b=["scope"],p=e.defineComponent({__name:"TableHeaderCell",props:{className:{},scope:{}},setup(t){const a=t,s=e.computed(()=>[a.className,"pkt-table__header-cell"]);return(l,n)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(s.value),scope:t.scope,role:"columnheader"},[e.renderSlot(l.$slots,"default")],10,b))}}),m=e.defineComponent({__name:"TableRow",props:{className:{}},setup(t){const a=t,s=e.computed(()=>[a.className,"pkt-table__row"]);return(l,n)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(s.value),role:"row"},[e.renderSlot(l.$slots,"default")],2))}}),_=["data-label"],u=e.defineComponent({__name:"TableDataCell",props:{className:{},dataLabel:{}},setup(t){const a=t,s=e.computed(()=>[a.className,"pkt-table__data-cell"]);return(l,n)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(s.value),"data-label":t.dataLabel,role:"cell"},[e.renderSlot(l.$slots,"default")],10,_))}}),d=e.defineComponent({__name:"TableBody",props:{className:{}},setup(t){const a=t,s=e.computed(()=>[a.className,"pkt-table__body"]);return(l,n)=>(e.openBlock(),e.createElementBlock("tbody",{class:e.normalizeClass(s.value),role:"rowgroup"},[e.renderSlot(l.$slots,"default")],2))}}),i={install(t){o.registerComponent(t,r),o.registerComponent(t,c),o.registerComponent(t,p),o.registerComponent(t,m),o.registerComponent(t,d),o.registerComponent(t,u)}};o.use(i);exports.PktTable=r;exports.PktTableBody=d;exports.PktTableDataCell=u;exports.PktTableHeader=c;exports.PktTableHeaderCell=p;exports.PktTableRow=m;exports.default=i;

package/dist/punkt-vue-table.js

@@ -1,5 +1,5 @@
 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";
+import { u as d, a as l } from "./plugins-DQVoaMd9.js";
 const m = /* @__PURE__ */ o({
   __name: "Table",
   props: {
@@ -13,7 +13,7 @@ const m = /* @__PURE__ */ o({
     _(() => {
       a.skin && !["basic", "zebra-blue"].includes(a.skin) && console.warn(`Invalid prop: Expected "skin" to be one of ['basic',  'zebra-blue'], but got ${a.skin}`);
     });
-    const l = c(() => [
+    const s = c(() => [
       "pkt-table",
       {
         "pkt-table--responsive": a.responseView,
@@ -23,11 +23,11 @@ const m = /* @__PURE__ */ o({
       },
       a.className
     ]);
-    return (s, u) => (n(), r("table", {
-      class: p(l.value),
+    return (t, u) => (n(), r("table", {
+      class: p(s.value),
       role: "table"
     }, [
-      b(s.$slots, "default")
+      b(t.$slots, "default")
     ], 2));
   }
 }), i = /* @__PURE__ */ o({
@@ -36,12 +36,12 @@ const m = /* @__PURE__ */ o({
     className: String
   },
   setup(e) {
-    const a = e, l = c(() => [a.className, "pkt-table__header"]);
-    return (s, u) => (n(), r("thead", {
-      class: p(l.value),
+    const a = e, s = c(() => [a.className, "pkt-table__header"]);
+    return (t, u) => (n(), r("thead", {
+      class: p(s.value),
       role: "rowgroup"
     }, [
-      b(s.$slots, "default")
+      b(t.$slots, "default")
     ], 2));
   }
 }), f = ["scope"], k = /* @__PURE__ */ o({
@@ -51,13 +51,13 @@ const m = /* @__PURE__ */ o({
     scope: {}
   },
   setup(e) {
-    const a = e, l = c(() => [a.className, "pkt-table__header-cell"]);
-    return (s, u) => (n(), r("th", {
-      class: p(l.value),
-      scope: s.scope,
+    const a = e, s = c(() => [a.className, "pkt-table__header-cell"]);
+    return (t, u) => (n(), r("th", {
+      class: p(s.value),
+      scope: e.scope,
       role: "columnheader"
     }, [
-      b(s.$slots, "default")
+      b(t.$slots, "default")
     ], 10, f));
   }
 }), h = /* @__PURE__ */ o({
@@ -66,12 +66,12 @@ const m = /* @__PURE__ */ o({
     className: {}
   },
   setup(e) {
-    const a = e, l = c(() => [a.className, "pkt-table__row"]);
-    return (s, u) => (n(), r("tr", {
-      class: p(l.value),
+    const a = e, s = c(() => [a.className, "pkt-table__row"]);
+    return (t, u) => (n(), r("tr", {
+      class: p(s.value),
       role: "row"
     }, [
-      b(s.$slots, "default")
+      b(t.$slots, "default")
     ], 2));
   }
 }), C = ["data-label"], $ = /* @__PURE__ */ o({
@@ -81,13 +81,13 @@ const m = /* @__PURE__ */ o({
     dataLabel: {}
   },
   setup(e) {
-    const a = e, l = c(() => [a.className, "pkt-table__data-cell"]);
-    return (s, u) => (n(), r("td", {
-      class: p(l.value),
-      "data-label": s.dataLabel,
+    const a = e, s = c(() => [a.className, "pkt-table__data-cell"]);
+    return (t, u) => (n(), r("td", {
+      class: p(s.value),
+      "data-label": e.dataLabel,
       role: "cell"
     }, [
-      b(s.$slots, "default")
+      b(t.$slots, "default")
     ], 10, C));
   }
 }), N = /* @__PURE__ */ o({
@@ -96,17 +96,17 @@ const m = /* @__PURE__ */ o({
     className: {}
   },
   setup(e) {
-    const a = e, l = c(() => [a.className, "pkt-table__body"]);
-    return (s, u) => (n(), r("tbody", {
-      class: p(l.value),
+    const a = e, s = c(() => [a.className, "pkt-table__body"]);
+    return (t, u) => (n(), r("tbody", {
+      class: p(s.value),
       role: "rowgroup"
     }, [
-      b(s.$slots, "default")
+      b(t.$slots, "default")
     ], 2));
   }
 }), T = {
   install(e) {
-    t(e, m), t(e, i), t(e, k), t(e, h), t(e, N), t(e, $);
+    l(e, m), l(e, i), l(e, k), l(e, h), l(e, N), l(e, $);
   }
 };
 d(T);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-vue",
-  "version": "13.6.12",
+  "version": "13.7.0",
   "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": "^13.6.3",
-    "@oslokommune/punkt-css": "^13.6.10",
-    "@oslokommune/punkt-elements": "^13.6.12",
+    "@oslokommune/punkt-css": "^13.6.15",
+    "@oslokommune/punkt-elements": "^13.7.0",
     "@vitejs/plugin-vue": "^5.1.3",
     "edit-json-file": "^1.8.0",
     "sass": "^1.78.0",
-    "vite": "^5.4.18",
+    "vite": "^6.3.6",
     "vue": "^3.5.4",
     "vue-router": "^4.4.4"
   },
@@ -67,5 +67,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "0a373416dbf5e0b210cf078b3a29587bba6b6975"
+  "gitHead": "cfe27c04046718ff79f60e3babba60062296f05b"
 }