@oslokommune/punkt-vue 12.23.1 → 12.25.0

package/CHANGELOG.md

@@ -5,6 +5,44 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.25.0](https://github.com/oslokommune/punkt/compare/12.24.4...12.25.0) (2025-03-07)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Ny prop i Footer: openLinksInNewTab (#2266). Det har blitt rapportert inn et behov for å sette én verdi for hvorvidt lenker skal åpnes i ny fane. Denne prop lar oss gi én instruks for alle lenker.
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [12.24.0](https://github.com/oslokommune/punkt/compare/12.23.1...12.24.0) (2025-03-05)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* add new Tag skin 'blue-dark' (#2254). * feat(all): add new Tag skin 'blue-dark'
+  
+  * chore(vue, css): add skin 'blue-dark' for vue ++
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.21.5](https://github.com/oslokommune/punkt/compare/12.21.4...12.21.5) (2025-02-18)
 
 ### ⚠ BREAKING CHANGES

package/dist/Button-BlX9N6dr.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/12.23/animations/"
+      path: "https://punkt-cdn.oslo.kommune.no/12.25/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.23/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.25/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/{Tag-woclEEQp.js → Tag-BpTGJPw9.js}

@@ -8,7 +8,7 @@ const r = {
       type: String,
       default: "blue",
       validator(e) {
-        return ["blue", "green", "red", "beige", "yellow", "grey", "gray", "blue-light"].includes(e);
+        return ["blue", "blue-light", "blue-dark", "green", "red", "beige", "yellow", "grey", "gray"].includes(e);
       }
     },
     textStyle: {

package/dist/Tag-C-J-U1MJ.cjs

@@ -0,0 +1 @@
+"use strict";require("@oslokommune/punkt-elements/dist/pkt-tag");const a=require("vue"),l=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i={name:"PktTag",props:{skin:{type:String,default:"blue",validator(e){return["blue","blue-light","blue-dark","green","red","beige","yellow","grey","gray"].includes(e)}},textStyle:{type:String,default:"normal-text",validator(e){return["thin-text","normal-text"].includes(e)}},size:{type:String,default:"medium",validator(e){return["small","medium","large"].includes(e)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:""},type:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)},ariaLabel:{type:String,default:"close"}}},n=["skin","textStyle","size","closeTag","iconName","type","ariaLabel"];function r(e,o,t,s,c,d){return a.openBlock(),a.createElementBlock("pkt-tag",{skin:t.skin,textStyle:t.textStyle,size:t.size,closeTag:t.closeTag,iconName:t.iconName,type:t.type,ariaLabel:t.ariaLabel},[a.renderSlot(e.$slots,"default")],8,n)}const u=l._export_sfc(i,[["render",r]]);exports.Tag=u;

package/dist/punkt-vue-footer.cjs

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

package/dist/punkt-vue-footer.js

@@ -1,8 +1,8 @@
 import { P as m } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as y, openBlock as s, createElementBlock as l, createElementVNode as t, toDisplayString as i, createCommentVNode as p, Fragment as c, renderList as k, normalizeClass as h, createVNode as f, createTextVNode as d } from "vue";
-import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as v, a as w } from "./plugins-DQVoaMd9.js";
-const N = {
+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 { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as N, a as I } from "./plugins-DQVoaMd9.js";
+const y = {
   name: "PktFooter",
   components: {
     PktIcon: m
@@ -11,20 +11,20 @@ const N = {
     columnOne: {
       type: Object,
       required: !0,
-      validator: (n) => "title" in n && (!("links" in n) || Array.isArray(n.links) && n.links.every((o) => "href" in o && "text" in o))
+      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: (n) => "title" in n && (!("links" in n) || Array.isArray(n.links) && n.links.every((o) => "href" in o && "text" in o))
+      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: (n) => n.every((o) => {
+      validator: (r) => r.every((o) => {
         if (typeof o == "object") {
-          const r = typeof o.href == "string", u = typeof o.iconName == "string", g = typeof o.language == "string";
-          return r && (u || g);
+          const e = typeof o.href == "string", u = typeof o.iconName == "string", g = typeof o.language == "string";
+          return e && (u || g);
         }
         return !1;
       }),
@@ -39,76 +39,83 @@ const N = {
       type: String,
       default: "https://www.oslo.kommune.no/tilgjengelighet/",
       required: !1
+    },
+    openLinksInNewTab: {
+      type: Boolean,
+      default: !1,
+      required: !1
     }
   }
-}, x = {
+}, T = {
   class: "pkt-footer",
   "data-mode": "dark"
-}, I = { class: "pkt-footer__container" }, T = { class: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16" }, j = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, L = { class: "pkt-footer__title" }, O = { class: "pkt-footer__list" }, P = {
+}, L = { class: "pkt-footer__container" }, v = { class: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16" }, x = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, j = { class: "pkt-footer__title" }, O = { class: "pkt-footer__list" }, P = {
   key: 0,
   class: "pkt-footer__text"
-}, A = ["href", "target", "rel"], q = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, C = { class: "pkt-footer__title" }, F = { class: "pkt-footer__list" }, V = ["href", "target", "rel"], z = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, S = { class: "pkt-footer__list" }, B = { class: "pkt-footer__list-item" }, E = ["href"], D = { class: "pkt-footer__list-item" }, H = ["href"], G = {
+}, q = ["href", "target", "rel"], A = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, C = { class: "pkt-footer__title" }, F = { class: "pkt-footer__list" }, V = ["href", "target", "rel"], z = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, B = { class: "pkt-footer__list" }, S = { class: "pkt-footer__list-item" }, E = ["href", "target", "rel"], D = { class: "pkt-footer__list-item" }, H = ["href", "target", "rel"], G = {
   key: 0,
   class: "pkt-footer__social",
   "aria-label": "standard lenker"
 }, J = ["href", "aria-label", "target", "rel"], K = { class: "pkt-footer__social-icons" }, M = ["href", "aria-label", "target", "rel"];
-function Q(n, o, r, u, g, W) {
-  const _ = y("PktIcon");
-  return s(), l("footer", x, [
-    t("div", I, [
-      t("div", T, [
-        t("div", j, [
-          t("h2", L, i(r.columnOne.title), 1),
-          t("ul", O, [
-            r.columnOne.text ? (s(), l("li", P, i(r.columnOne.text), 1)) : p("", !0),
-            (s(!0), l(c, null, k(r.columnOne.links, (e, a) => (s(), l("li", {
+function Q(r, o, e, u, g, W) {
+  const _ = b("PktIcon");
+  return s(), a("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", {
               class: "pkt-footer__list-item",
-              key: `links-${a}`
+              key: `links-${l}`
             }, [
-              t("a", {
-                class: h(["pkt-footer__link", { "pkt-link--external": e.external }]),
-                href: e.href,
-                target: e.openInNewTab ? "_blank" : "_self",
-                rel: e.openInNewTab ? "noopener noreferrer" : void 0
+              n("a", {
+                class: h(["pkt-footer__link", { "pkt-link--external": t.external }]),
+                href: t.href,
+                target: t.openInNewTab || e.openLinksInNewTab ? "_blank" : "_self",
+                rel: t.openInNewTab || e.openLinksInNewTab ? "noopener noreferrer" : void 0
               }, [
                 f(_, {
                   class: "pkt-footer__link-icon",
                   name: "chevron-right"
                 }),
-                d(" " + i(e.text), 1)
-              ], 10, A)
+                d(" " + i(t.text), 1)
+              ], 10, q)
             ]))), 128))
           ])
         ]),
-        t("div", q, [
-          t("h2", C, i(r.columnTwo.title), 1),
-          t("ul", F, [
-            (s(!0), l(c, null, k(r.columnTwo.links, (e, a) => (s(), l("li", {
+        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", {
               class: "pkt-footer__list-item",
-              key: `links-${a}`
+              key: `links-${l}`
             }, [
-              t("a", {
-                class: h(["pkt-footer__link", { "pkt-link--external": e.external }]),
-                href: e.href,
-                target: e.openInNewTab ? "_blank" : "_self",
-                rel: e.openInNewTab ? "noopener noreferrer" : void 0
+              n("a", {
+                class: h(["pkt-footer__link", { "pkt-link--external": t.external }]),
+                href: t.href,
+                target: t.openInNewTab || e.openLinksInNewTab ? "_blank" : "_self",
+                rel: t.openInNewTab || e.openLinksInNewTab ? "noopener noreferrer" : void 0
               }, [
                 f(_, {
                   class: "pkt-footer__link-icon",
                   name: "chevron-right"
                 }),
-                d(" " + i(e.text), 1)
+                d(" " + i(t.text), 1)
               ], 10, V)
             ]))), 128))
           ])
         ]),
-        t("div", z, [
-          o[2] || (o[2] = t("h2", { class: "pkt-footer__title" }, "Om nettstedet", -1)),
-          t("ul", S, [
-            t("li", B, [
-              t("a", {
-                href: r.personvernOgInfoLink,
-                class: "pkt-footer__link"
+        n("div", z, [
+          o[2] || (o[2] = n("h2", { class: "pkt-footer__title" }, "Om nettstedet", -1)),
+          n("ul", B, [
+            n("li", S, [
+              n("a", {
+                class: "pkt-footer__link",
+                href: e.personvernOgInfoLink,
+                target: e.openLinksInNewTab ? "_blank" : "_self",
+                rel: e.openLinksInNewTab ? "noopener noreferrer" : void 0
               }, [
                 f(_, {
                   class: "pkt-footer__link-icon",
@@ -117,10 +124,12 @@ function Q(n, o, r, u, g, W) {
                 o[0] || (o[0] = d(" Personvern og informasjonskapsler "))
               ], 8, E)
             ]),
-            t("li", D, [
-              t("a", {
-                href: r.tilgjengelighetLink,
-                class: "pkt-footer__link"
+            n("li", D, [
+              n("a", {
+                class: "pkt-footer__link",
+                href: e.tilgjengelighetLink,
+                target: e.openLinksInNewTab ? "_blank" : "_self",
+                rel: e.openLinksInNewTab ? "noopener noreferrer" : void 0
               }, [
                 f(_, {
                   class: "pkt-footer__link-icon",
@@ -132,47 +141,47 @@ function Q(n, o, r, u, g, W) {
           ])
         ])
       ]),
-      r.socialLinks ? (s(), l("div", G, [
-        (s(!0), l(c, null, k(r.socialLinks, (e, a) => (s(), l(c, null, [
-          e.language ? (s(), l("div", {
-            key: `language-${a}`,
+      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", {
+            key: `language-${l}`,
             class: "pkt-footer__social-language"
           }, [
-            t("a", {
-              href: e.href,
-              "aria-label": `til ${e.language} versjon av nettsiden`,
-              target: e.openInNewTab ? "_blank" : "_self",
-              rel: e.openInNewTab ? "noopener noreferrer" : null
-            }, i(e.language), 9, J)
-          ])) : p("", !0)
+            n("a", {
+              href: t.href,
+              "aria-label": `til ${t.language} versjon av nettsiden`,
+              target: t.openInNewTab || e.openLinksInNewTab ? "_blank" : "_self",
+              rel: t.openInNewTab || e.openLinksInNewTab ? "noopener noreferrer" : null
+            }, i(t.language), 9, J)
+          ])) : k("", !0)
         ], 64))), 256)),
-        t("div", K, [
-          (s(!0), l(c, null, k(r.socialLinks, (e, a) => (s(), l(c, null, [
-            e.iconName ? (s(), l("a", {
-              key: `sociallinks-${a}`,
-              href: e.href,
-              "aria-label": `til ${e.iconName}`,
-              target: e.openInNewTab ? "_blank" : "_self",
-              rel: e.openInNewTab ? "noopener noreferrer" : null,
+        n("div", K, [
+          (s(!0), a(c, null, p(e.socialLinks, (t, l) => (s(), a(c, null, [
+            t.iconName ? (s(), a("a", {
+              key: `sociallinks-${l}`,
+              href: t.href,
+              "aria-label": `til ${t.iconName}`,
+              target: t.openInNewTab || e.openLinksInNewTab ? "_blank" : "_self",
+              rel: t.openInNewTab || e.openLinksInNewTab ? "noopener noreferrer" : null,
               class: "pkt-footer__social-icon-link"
             }, [
               f(_, {
                 class: "pkt-footer__social-icon",
-                name: e.iconName
+                name: t.iconName
               }, null, 8, ["name"])
-            ], 8, M)) : p("", !0)
+            ], 8, M)) : k("", !0)
           ], 64))), 256))
         ])
-      ])) : p("", !0)
+      ])) : k("", !0)
     ])
   ]);
 }
-const R = /* @__PURE__ */ b(N, [["render", Q]]), U = {
-  install(n) {
-    w(n, R);
+const R = /* @__PURE__ */ w(y, [["render", Q]]), U = {
+  install(r) {
+    I(r, R);
   }
 };
-v(U);
+N(U);
 export {
   R as PktFooter,
   U as default

package/dist/punkt-vue-footersimple.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BLNK24NN.cjs"),e=require("vue"),_=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),l=require("./plugins-CMydO4oi.cjs"),k={name:"PktFooterSimple",components:{PktIcon:p.PktIcon},props:{links:{type:Array,default:()=>[],validator:n=>n.every(t=>typeof t.href=="string"&&typeof t.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}}},m={class:"pkt-footer-simple","data-mode":"dark"},d={class:"pkt-footer-simple__container"},f={class:"pkt-footer-simple__list"},g=["href","target","rel"],u={class:"pkt-footer-simple__list-item"},h=["href"],N={class:"pkt-footer-simple__list-item"},v=["href"];function V(n,t,r,x,y,E){const s=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",m,[e.createElementVNode("div",d,[e.createElementVNode("ul",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(s,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(o.text),1)],10,g)]))),128)),e.createElementVNode("li",u,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:r.personvernOgInfoLink},[e.createVNode(s,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),t[0]||(t[0]=e.createTextVNode(" Personvern og informasjonskapsler "))],8,h)]),e.createElementVNode("li",N,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:r.tilgjengelighetLink},[e.createVNode(s,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),t[1]||(t[1]=e.createTextVNode(" Tilgjengelighet "))],8,v)])])])])}const i=_._export_sfc(k,[["render",V]]),a={install(n){l.registerComponent(n,i)}};l.use(a);exports.PktFooterSimple=i;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BLNK24NN.cjs"),e=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s=require("./plugins-CMydO4oi.cjs"),_={name:"PktFooterSimple",components:{PktIcon:p.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}}},f={class:"pkt-footer-simple","data-mode":"dark"},d={class:"pkt-footer-simple__container"},m={class:"pkt-footer-simple__list"},g=["href","target","rel"],u={class:"pkt-footer-simple__list-item"},h=["href","target","rel"],N={class:"pkt-footer-simple__list-item"},I=["href","target","rel"];function w(r,n,t,b,v,T){const l=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",f,[e.createElementVNode("div",d,[e.createElementVNode("ul",m,[(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,g)]))),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",N,[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,I)])])])])}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

@@ -1,17 +1,17 @@
-import { P as f } from "./Icon-DdXdUxP2.js";
-import { resolveComponent as m, openBlock as i, createElementBlock as l, createElementVNode as t, Fragment as c, renderList as k, normalizeClass as g, createVNode as a, createTextVNode as p, toDisplayString as d } from "vue";
+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 { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u, a as v } from "./plugins-DQVoaMd9.js";
-const y = {
+import { u, a as w } from "./plugins-DQVoaMd9.js";
+const I = {
   name: "PktFooterSimple",
   components: {
-    PktIcon: f
+    PktIcon: _
   },
   props: {
     links: {
       type: Array,
       default: () => [],
-      validator: (n) => n.every((e) => typeof e.href == "string" && typeof e.text == "string")
+      validator: (r) => r.every((n) => typeof n.href == "string" && typeof n.text == "string")
     },
     personvernOgInfoLink: {
       type: String,
@@ -22,69 +22,78 @@ const y = {
       type: String,
       default: "https://www.oslo.kommune.no/tilgjengelighet/",
       required: !1
+    },
+    openLinksInNewTab: {
+      type: Boolean,
+      default: !1,
+      required: !1
     }
   }
-}, w = {
+}, b = {
   class: "pkt-footer-simple",
   "data-mode": "dark"
-}, x = { class: "pkt-footer-simple__container" }, P = { class: "pkt-footer-simple__list" }, I = ["href", "target", "rel"], j = { class: "pkt-footer-simple__list-item" }, S = ["href"], L = { class: "pkt-footer-simple__list-item" }, N = ["href"];
-function F(n, e, s, C, V, q) {
-  const r = m("PktIcon");
-  return i(), l("footer", w, [
-    t("div", x, [
-      t("ul", P, [
-        (i(!0), l(c, null, k(s.links, (o, _) => (i(), l("li", {
+}, 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, [
+    t("div", L, [
+      t("ul", N, [
+        (l(!0), i(m, null, c(e.links, (o, p) => (l(), i("li", {
           class: "pkt-footer-simple__list-item",
-          key: `links-${_}`
+          key: `links-${p}`
         }, [
           t("a", {
-            class: g(["pkt-footer-simple__link", { "pkt-link--external": o.external }]),
+            class: d(["pkt-footer-simple__link", { "pkt-link--external": o.external }]),
             href: o.href,
-            target: o.openInNewTab ? "_blank" : "_self",
-            rel: o.openInNewTab ? "noopener noreferrer" : void 0
+            target: o.openInNewTab || e.openLinksInNewTab ? "_blank" : "_self",
+            rel: o.openInNewTab || e.openLinksInNewTab ? "noopener noreferrer" : void 0
           }, [
-            a(r, {
+            a(s, {
               class: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }),
-            p(" " + d(o.text), 1)
-          ], 10, I)
+            f(" " + g(o.text), 1)
+          ], 10, v)
         ]))), 128)),
-        t("li", j, [
+        t("li", T, [
           t("a", {
             class: "pkt-footer-simple__link",
-            href: s.personvernOgInfoLink
+            href: e.personvernOgInfoLink,
+            target: e.openLinksInNewTab ? "_blank" : "_self",
+            rel: e.openLinksInNewTab ? "noopener noreferrer" : void 0
           }, [
-            a(r, {
+            a(s, {
               class: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }),
-            e[0] || (e[0] = p(" Personvern og informasjonskapsler "))
-          ], 8, S)
+            n[0] || (n[0] = f(" Personvern og informasjonskapsler "))
+          ], 8, y)
         ]),
-        t("li", L, [
+        t("li", x, [
           t("a", {
             class: "pkt-footer-simple__link",
-            href: s.tilgjengelighetLink
+            href: e.tilgjengelighetLink,
+            target: e.openLinksInNewTab ? "_blank" : "_self",
+            rel: e.openLinksInNewTab ? "noopener noreferrer" : void 0
           }, [
-            a(r, {
+            a(s, {
               class: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }),
-            e[1] || (e[1] = p(" Tilgjengelighet "))
-          ], 8, N)
+            n[1] || (n[1] = f(" Tilgjengelighet "))
+          ], 8, P)
         ])
       ])
     ])
   ]);
 }
-const T = /* @__PURE__ */ h(y, [["render", F]]), b = {
-  install(n) {
-    v(n, T);
+const S = /* @__PURE__ */ h(I, [["render", j]]), F = {
+  install(r) {
+    w(r, S);
   }
 };
-u(b);
+u(F);
 export {
-  T as PktFooterSimple,
-  b as default
+  S as PktFooterSimple,
+  F as default
 };

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.23/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.23/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.25/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.25/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

@@ -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.23/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.25/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.23/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.25/logos/"
         })
       ])),
       e.serviceName ? (t(), o("span", H, a(e.serviceName), 1)) : r("", !0)

package/dist/punkt-vue-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./punkt-vue-alert.cjs"),t=require("./punkt-vue-accordion.cjs"),a=require("./punkt-vue-backlink.cjs"),r=require("./punkt-vue-breadcrumbs.cjs"),x=require("./punkt-vue-button.cjs"),l=require("./punkt-vue-checkbox.cjs"),o=require("./punkt-vue-footer.cjs"),u=require("./punkt-vue-footersimple.cjs"),d=require("./punkt-vue-header.cjs"),g=require("./punkt-vue-helptext.cjs"),m=require("./punkt-vue-icon.cjs"),B=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),c=require("./punkt-vue-linkcard.cjs"),k=require("./punkt-vue-loader.cjs"),i=require("./punkt-vue-progressbar.cjs"),s=require("./punkt-vue-radiobutton.cjs"),P=require("./punkt-vue-select.cjs"),e=require("./punkt-vue-table.cjs"),f=require("./punkt-vue-tabs.cjs"),H=require("./punkt-vue-tag.cjs"),b=require("./punkt-vue-textarea.cjs"),p=require("./punkt-vue-textinput.cjs"),S=require("./plugins-CMydO4oi.cjs"),I=require("./punkt-vue-stepper.cjs"),y=require("./Alert-BxaNh35y.cjs"),F=require("./Button-D2xQdpZo.cjs"),R=require("./Helptext-DFu5XOhU.cjs"),h=require("./Icon-BLNK24NN.cjs"),M=require("./InputWrapper-Na9WOvV8.cjs"),_=require("./Tag-BS4dL7dH.cjs"),T=Object.freeze(Object.defineProperty({__proto__:null,Accordion:t.default,AccordionItem:t.default,Alert:q.default,BackLink:a.default,Breadcrumbs:r.default,Button:x.default,Checkbox:l.default,Footer:o.default,FooterSimple:u.default,Header:d.default,Helptext:g.default,Icon:m.default,InputWrapper:B.default,Linkcard:c.default,Loader:k.default,Messagebox:n.default,Progressbar:i.default,Radiobutton:s.default,Select:P.default,Table:e.default,TableBody:e.default,TableDataCell:e.default,TableHeader:e.default,TableHeaderCell:e.default,TableRow:e.default,Tabs:f.default,Tag:H.default,Textarea:b.default,Textinput:p.default},Symbol.toStringTag,{value:"Module"})),A={install(C,w={}){for(const L in T)S.registerPlugin(C,T[L])}};S.use(A);exports.Alert=q.default;exports.Accordion=t.default;exports.AccordionItem=t.default;exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem;exports.BackLink=a.default;exports.PktBackLink=a.PktBackLink;exports.Breadcrumbs=r.default;exports.PktBreadcrumbs=r.PktBreadcrumbs;exports.Button=x.default;exports.Checkbox=l.default;exports.PktCheckbox=l.PktCheckbox;exports.Footer=o.default;exports.PktFooter=o.PktFooter;exports.FooterSimple=u.default;exports.PktFooterSimple=u.PktFooterSimple;exports.Header=d.default;exports.PktHeader=d.PktHeader;exports.Helptext=g.default;exports.Icon=m.default;exports.InputWrapper=B.default;exports.Messagebox=n.default;exports.PktMessagebox=n.PktMessagebox;exports.Linkcard=c.default;exports.PktLinkcard=c.PktLinkcard;exports.Loader=k.default;exports.PktLoader=k.PktLoader;exports.PktProgressbar=i.PktProgressbar;exports.Progressbar=i.default;exports.PktRadiobutton=s.PktRadiobutton;exports.Radiobutton=s.default;exports.PktSelect=P.PktSelect;exports.Select=P.default;exports.PktTable=e.PktTable;exports.PktTableBody=e.PktTableBody;exports.PktTableDataCell=e.PktTableDataCell;exports.PktTableHeader=e.PktTableHeader;exports.PktTableHeaderCell=e.PktTableHeaderCell;exports.PktTableRow=e.PktTableRow;exports.Table=e.default;exports.TableBody=e.default;exports.TableDataCell=e.default;exports.TableHeader=e.default;exports.TableHeaderCell=e.default;exports.TableRow=e.default;exports.PktTabs=f.PktTabs;exports.Tabs=f.default;exports.Tag=H.default;exports.PktTextarea=b.PktTextarea;exports.Textarea=b.default;exports.PktTextinput=p.PktTextinput;exports.Textinput=p.default;exports.PktStep=I.PktStep;exports.PktStepper=I.PktStepper;exports.PktAlert=y.PktAlert;exports.PktButton=F.PktButton;exports.PktHelptext=R.PktHelptext;exports.PktIcon=h.PktIcon;exports.PktInputWrapper=M.PktInputWrapper;exports.PktTag=_.Tag;exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./punkt-vue-alert.cjs"),t=require("./punkt-vue-accordion.cjs"),a=require("./punkt-vue-backlink.cjs"),r=require("./punkt-vue-breadcrumbs.cjs"),x=require("./punkt-vue-button.cjs"),l=require("./punkt-vue-checkbox.cjs"),o=require("./punkt-vue-footer.cjs"),u=require("./punkt-vue-footersimple.cjs"),d=require("./punkt-vue-header.cjs"),g=require("./punkt-vue-helptext.cjs"),m=require("./punkt-vue-icon.cjs"),B=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),c=require("./punkt-vue-linkcard.cjs"),k=require("./punkt-vue-loader.cjs"),i=require("./punkt-vue-progressbar.cjs"),s=require("./punkt-vue-radiobutton.cjs"),P=require("./punkt-vue-select.cjs"),e=require("./punkt-vue-table.cjs"),f=require("./punkt-vue-tabs.cjs"),H=require("./punkt-vue-tag.cjs"),b=require("./punkt-vue-textarea.cjs"),p=require("./punkt-vue-textinput.cjs"),S=require("./plugins-CMydO4oi.cjs"),I=require("./punkt-vue-stepper.cjs"),y=require("./Alert-BxaNh35y.cjs"),F=require("./Button-D2xQdpZo.cjs"),R=require("./Helptext-DFu5XOhU.cjs"),h=require("./Icon-BLNK24NN.cjs"),M=require("./InputWrapper-Na9WOvV8.cjs"),_=require("./Tag-C-J-U1MJ.cjs"),T=Object.freeze(Object.defineProperty({__proto__:null,Accordion:t.default,AccordionItem:t.default,Alert:q.default,BackLink:a.default,Breadcrumbs:r.default,Button:x.default,Checkbox:l.default,Footer:o.default,FooterSimple:u.default,Header:d.default,Helptext:g.default,Icon:m.default,InputWrapper:B.default,Linkcard:c.default,Loader:k.default,Messagebox:n.default,Progressbar:i.default,Radiobutton:s.default,Select:P.default,Table:e.default,TableBody:e.default,TableDataCell:e.default,TableHeader:e.default,TableHeaderCell:e.default,TableRow:e.default,Tabs:f.default,Tag:H.default,Textarea:b.default,Textinput:p.default},Symbol.toStringTag,{value:"Module"})),A={install(C,w={}){for(const L in T)S.registerPlugin(C,T[L])}};S.use(A);exports.Alert=q.default;exports.Accordion=t.default;exports.AccordionItem=t.default;exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem;exports.BackLink=a.default;exports.PktBackLink=a.PktBackLink;exports.Breadcrumbs=r.default;exports.PktBreadcrumbs=r.PktBreadcrumbs;exports.Button=x.default;exports.Checkbox=l.default;exports.PktCheckbox=l.PktCheckbox;exports.Footer=o.default;exports.PktFooter=o.PktFooter;exports.FooterSimple=u.default;exports.PktFooterSimple=u.PktFooterSimple;exports.Header=d.default;exports.PktHeader=d.PktHeader;exports.Helptext=g.default;exports.Icon=m.default;exports.InputWrapper=B.default;exports.Messagebox=n.default;exports.PktMessagebox=n.PktMessagebox;exports.Linkcard=c.default;exports.PktLinkcard=c.PktLinkcard;exports.Loader=k.default;exports.PktLoader=k.PktLoader;exports.PktProgressbar=i.PktProgressbar;exports.Progressbar=i.default;exports.PktRadiobutton=s.PktRadiobutton;exports.Radiobutton=s.default;exports.PktSelect=P.PktSelect;exports.Select=P.default;exports.PktTable=e.PktTable;exports.PktTableBody=e.PktTableBody;exports.PktTableDataCell=e.PktTableDataCell;exports.PktTableHeader=e.PktTableHeader;exports.PktTableHeaderCell=e.PktTableHeaderCell;exports.PktTableRow=e.PktTableRow;exports.Table=e.default;exports.TableBody=e.default;exports.TableDataCell=e.default;exports.TableHeader=e.default;exports.TableHeaderCell=e.default;exports.TableRow=e.default;exports.PktTabs=f.PktTabs;exports.Tabs=f.default;exports.Tag=H.default;exports.PktTextarea=b.PktTextarea;exports.Textarea=b.default;exports.PktTextinput=p.PktTextinput;exports.Textinput=p.default;exports.PktStep=I.PktStep;exports.PktStepper=I.PktStepper;exports.PktAlert=y.PktAlert;exports.PktButton=F.PktButton;exports.PktHelptext=R.PktHelptext;exports.PktIcon=h.PktIcon;exports.PktInputWrapper=M.PktInputWrapper;exports.PktTag=_.Tag;exports.default=A;

package/dist/punkt-vue-index.js

@@ -45,7 +45,7 @@ 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-woclEEQp.js";
+import { T as tr } from "./Tag-BpTGJPw9.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accordion: r,

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.23/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.25/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 = {
           g(y, {
             name: d(e.variant),
             "aria-label": "loading",
-            path: "https://punkt-cdn.oslo.kommune.no/12.23/animations/",
+            path: "https://punkt-cdn.oslo.kommune.no/12.25/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)

package/dist/punkt-vue-tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("./Tag-BS4dL7dH.cjs"),b=require("./Icon-BLNK24NN.cjs"),u=require("./plugins-CMydO4oi.cjs"),g={class:"pkt-tabs"},p=["role"],k={__name:"Tabs",props:{arrowNav:{type:Boolean,default:!0},tabs:{type:Array,default:[],validator(o){for(const s in o){const c=o[s];if(!c.text)return!1;for(const[l,n]of Object.entries(c))switch(l){case"action":if(typeof n!="function")return!1;break;case"tag":if(typeof n!="object")return!1;break;case"active":if(typeof n!="boolean")return!1;break;case"controls":case"text":case"href":case"icon":if(typeof n!="string")return!1;break;default:return console.warn("Tab object can only contain text, href, action, icon, tag and active keys"),!1}}return!0}}},emits:["onTabSelected"],setup(o,{emit:s}){const c=e.ref([]),l=s,n=(a,r)=>{r.action&&r.action(a),l("onTabSelected",a)},m=(a,r)=>{o.arrowNav&&(r.code==="ArrowLeft"&&a!==0&&c.value[a-1].focus(),r.code==="ArrowRight"&&a<o.tabs.length-1&&c.value[a+1].focus(),(r.code==="ArrowDown"||r.code==="Space")&&n(a,o.tabs[a]))};return(a,r)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",{class:"pkt-tabs__list",role:o.arrowNav?"tablist":"navigation"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabs,(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),{role:o.arrowNav?"tab":void 0,"aria-selected":!!t.active,href:t.href||void 0,type:t.href?void 0:"button","aria-controls":t.controls,class:e.normalizeClass({"pkt-tabs__link":t.href,"pkt-tabs__button pkt-link-button":!t.href,active:t.active}),tabindex:o.arrowNav?t.active?0:-1:void 0,key:i,ref_for:!0,ref_key:"tabRefs",ref:c,onClick:f=>n(i,t),onKeyup:f=>m(i,f)},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(b.PktIcon,{key:0,name:t.icon,class:"pkt-icon--small"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),t.tag?(e.openBlock(),e.createBlock(y.Tag,{key:1,skin:t.tag.skin,size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.tag.text),1)]),_:2},1032,["skin"])):e.createCommentVNode("",!0)]),_:2},1064,["role","aria-selected","href","type","aria-controls","class","tabindex","onClick","onKeyup"]))),128))],8,p)]))}},d={install(o){u.registerComponent(o,k)}};u.use(d);exports.PktTabs=k;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("./Tag-C-J-U1MJ.cjs"),b=require("./Icon-BLNK24NN.cjs"),u=require("./plugins-CMydO4oi.cjs"),g={class:"pkt-tabs"},p=["role"],k={__name:"Tabs",props:{arrowNav:{type:Boolean,default:!0},tabs:{type:Array,default:[],validator(o){for(const s in o){const c=o[s];if(!c.text)return!1;for(const[l,n]of Object.entries(c))switch(l){case"action":if(typeof n!="function")return!1;break;case"tag":if(typeof n!="object")return!1;break;case"active":if(typeof n!="boolean")return!1;break;case"controls":case"text":case"href":case"icon":if(typeof n!="string")return!1;break;default:return console.warn("Tab object can only contain text, href, action, icon, tag and active keys"),!1}}return!0}}},emits:["onTabSelected"],setup(o,{emit:s}){const c=e.ref([]),l=s,n=(a,r)=>{r.action&&r.action(a),l("onTabSelected",a)},m=(a,r)=>{o.arrowNav&&(r.code==="ArrowLeft"&&a!==0&&c.value[a-1].focus(),r.code==="ArrowRight"&&a<o.tabs.length-1&&c.value[a+1].focus(),(r.code==="ArrowDown"||r.code==="Space")&&n(a,o.tabs[a]))};return(a,r)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",{class:"pkt-tabs__list",role:o.arrowNav?"tablist":"navigation"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabs,(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),{role:o.arrowNav?"tab":void 0,"aria-selected":!!t.active,href:t.href||void 0,type:t.href?void 0:"button","aria-controls":t.controls,class:e.normalizeClass({"pkt-tabs__link":t.href,"pkt-tabs__button pkt-link-button":!t.href,active:t.active}),tabindex:o.arrowNav?t.active?0:-1:void 0,key:i,ref_for:!0,ref_key:"tabRefs",ref:c,onClick:f=>n(i,t),onKeyup:f=>m(i,f)},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(b.PktIcon,{key:0,name:t.icon,class:"pkt-icon--small"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),t.tag?(e.openBlock(),e.createBlock(y.Tag,{key:1,skin:t.tag.skin,size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.tag.text),1)]),_:2},1032,["skin"])):e.createCommentVNode("",!0)]),_:2},1064,["role","aria-selected","href","type","aria-controls","class","tabindex","onClick","onKeyup"]))),128))],8,p)]))}},d={install(o){u.registerComponent(o,k)}};u.use(d);exports.PktTabs=k;exports.default=d;

package/dist/punkt-vue-tabs.js

@@ -1,5 +1,5 @@
 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-woclEEQp.js";
+import { T as _ } from "./Tag-BpTGJPw9.js";
 import { P as C } from "./Icon-DdXdUxP2.js";
 import { u as P, a as A } from "./plugins-DQVoaMd9.js";
 const B = { class: "pkt-tabs" }, S = ["role"], j = {

package/dist/punkt-vue-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tag-BS4dL7dH.cjs"),t=require("./plugins-CMydO4oi.cjs"),u={install(r){t.registerComponent(r,e.Tag)}};t.use(u);exports.PktTag=e.Tag;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tag-C-J-U1MJ.cjs"),t=require("./plugins-CMydO4oi.cjs"),u={install(r){t.registerComponent(r,e.Tag)}};t.use(u);exports.PktTag=e.Tag;exports.default=u;

package/dist/punkt-vue-tag.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-vue",
-  "version": "12.23.1",
+  "version": "12.25.0",
   "description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -27,8 +27,8 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.23.0",
-    "@oslokommune/punkt-css": "^12.23.1",
-    "@oslokommune/punkt-elements": "^12.23.1",
+    "@oslokommune/punkt-css": "^12.24.0",
+    "@oslokommune/punkt-elements": "^12.24.0",
     "@vitejs/plugin-vue": "^5.1.3",
     "edit-json-file": "^1.8.0",
     "sass": "^1.78.0",
@@ -67,5 +67,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "c546f78a17e9319e711ea21d9ecdf8cd83dc156d"
+  "gitHead": "2fc0399851a5f1e77925efff6e0d122a5cee84c2"
 }

package/src/components/footer/Footer.vue

@@ -13,8 +13,8 @@
                 class="pkt-footer__link"
                 :href="link.href"
                 :class="{ 'pkt-link--external': link.external }"
-                :target="link.openInNewTab ? '_blank' : '_self'"
-                :rel="link.openInNewTab ? 'noopener noreferrer' : undefined"
+                :target="link.openInNewTab || openLinksInNewTab ? '_blank' : '_self'"
+                :rel="link.openInNewTab || openLinksInNewTab ? 'noopener noreferrer' : undefined"
               >
                 <PktIcon class="pkt-footer__link-icon" name="chevron-right"></PktIcon>
                 {{ link.text }}
@@ -30,8 +30,8 @@
                 class="pkt-footer__link"
                 :href="link.href"
                 :class="{ 'pkt-link--external': link.external }"
-                :target="link.openInNewTab ? '_blank' : '_self'"
-                :rel="link.openInNewTab ? 'noopener noreferrer' : undefined"
+                :target="link.openInNewTab || openLinksInNewTab ? '_blank' : '_self'"
+                :rel="link.openInNewTab || openLinksInNewTab ? 'noopener noreferrer' : undefined"
               >
                 <PktIcon class="pkt-footer__link-icon" name="chevron-right"></PktIcon>
                 {{ link.text }}
@@ -43,13 +43,23 @@
           <h2 class="pkt-footer__title">Om nettstedet</h2>
           <ul class="pkt-footer__list">
             <li class="pkt-footer__list-item">
-              <a :href="personvernOgInfoLink" class="pkt-footer__link">
+              <a
+                class="pkt-footer__link"
+                :href="personvernOgInfoLink"
+                :target="openLinksInNewTab ? '_blank' : '_self'"
+                :rel="openLinksInNewTab ? 'noopener noreferrer' : undefined"
+              >
                 <PktIcon class="pkt-footer__link-icon" name="chevron-right"></PktIcon>
                 Personvern og informasjonskapsler
               </a>
             </li>
             <li class="pkt-footer__list-item">
-              <a :href="tilgjengelighetLink" class="pkt-footer__link">
+              <a
+                class="pkt-footer__link"
+                :href="tilgjengelighetLink"
+                :target="openLinksInNewTab ? '_blank' : '_self'"
+                :rel="openLinksInNewTab ? 'noopener noreferrer' : undefined"
+              >
                 <PktIcon class="pkt-footer__link-icon" name="chevron-right"></PktIcon>
                 Tilgjengelighet
               </a>
@@ -64,8 +74,8 @@
               <a
                 :href="link.href"
                 :aria-label="`til ${link.language} versjon av nettsiden`"
-                :target="link.openInNewTab ? '_blank' : '_self'"
-                :rel="link.openInNewTab ? 'noopener noreferrer' : null"
+                :target="link.openInNewTab || openLinksInNewTab ? '_blank' : '_self'"
+                :rel="link.openInNewTab || openLinksInNewTab ? 'noopener noreferrer' : null"
                 >{{ link.language }}</a
               >
             </div>
@@ -76,8 +86,8 @@
                 :key="`sociallinks-${index}`"
                 :href="link.href"
                 :aria-label="`til ${link.iconName}`"
-                :target="link.openInNewTab ? '_blank' : '_self'"
-                :rel="link.openInNewTab ? 'noopener noreferrer' : null"
+                :target="link.openInNewTab || openLinksInNewTab ? '_blank' : '_self'"
+                :rel="link.openInNewTab || openLinksInNewTab ? 'noopener noreferrer' : null"
                 class="pkt-footer__social-icon-link"
                 v-if="link.iconName"
               >
@@ -148,6 +158,11 @@ export default {
       default: 'https://www.oslo.kommune.no/tilgjengelighet/',
       required: false,
     },
+    openLinksInNewTab: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
   },
 }
 </script>

package/src/components/footersimple/FooterSimple.vue

@@ -7,21 +7,31 @@
             class="pkt-footer-simple__link"
             :class="{ 'pkt-link--external': item.external }"
             :href="item.href"
-            :target="item.openInNewTab ? '_blank' : '_self'"
-            :rel="item.openInNewTab ? 'noopener noreferrer' : undefined"
+            :target="item.openInNewTab || openLinksInNewTab ? '_blank' : '_self'"
+            :rel="item.openInNewTab || openLinksInNewTab ? 'noopener noreferrer' : undefined"
           >
             <PktIcon class="pkt-footer-simple__link-icon" name="chevron-right"></PktIcon>
             {{ item.text }}
           </a>
         </li>
         <li class="pkt-footer-simple__list-item">
-          <a class="pkt-footer-simple__link" :href="personvernOgInfoLink">
+          <a
+            class="pkt-footer-simple__link"
+            :href="personvernOgInfoLink"
+            :target="openLinksInNewTab ? '_blank' : '_self'"
+            :rel="openLinksInNewTab ? 'noopener noreferrer' : undefined"
+          >
             <PktIcon class="pkt-footer-simple__link-icon" name="chevron-right"></PktIcon>
             Personvern og informasjonskapsler
           </a>
         </li>
         <li class="pkt-footer-simple__list-item">
-          <a class="pkt-footer-simple__link" :href="tilgjengelighetLink">
+          <a
+            class="pkt-footer-simple__link"
+            :href="tilgjengelighetLink"
+            :target="openLinksInNewTab ? '_blank' : '_self'"
+            :rel="openLinksInNewTab ? 'noopener noreferrer' : undefined"
+          >
             <PktIcon class="pkt-footer-simple__link-icon" name="chevron-right"></PktIcon>
             Tilgjengelighet
           </a>
@@ -55,6 +65,11 @@ export default {
       default: 'https://www.oslo.kommune.no/tilgjengelighet/',
       required: false,
     },
+    openLinksInNewTab: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
   },
 }
 </script>

package/src/components/tag/Tag.vue

@@ -20,7 +20,7 @@ export default {
       type: String,
       default: 'blue',
       validator(value) {
-        return ['blue', 'green', 'red', 'beige', 'yellow', 'grey', 'gray', 'blue-light'].includes(value)
+        return ['blue', 'blue-light', 'blue-dark', 'green', 'red', 'beige', 'yellow', 'grey', 'gray'].includes(value)
       },
     },
     textStyle: {

package/dist/Tag-BS4dL7dH.cjs

@@ -1 +0,0 @@
-"use strict";require("@oslokommune/punkt-elements/dist/pkt-tag");const a=require("vue"),l=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i={name:"PktTag",props:{skin:{type:String,default:"blue",validator(e){return["blue","green","red","beige","yellow","grey","gray","blue-light"].includes(e)}},textStyle:{type:String,default:"normal-text",validator(e){return["thin-text","normal-text"].includes(e)}},size:{type:String,default:"medium",validator(e){return["small","medium","large"].includes(e)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:""},type:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)},ariaLabel:{type:String,default:"close"}}},n=["skin","textStyle","size","closeTag","iconName","type","ariaLabel"];function r(e,o,t,s,c,d){return a.openBlock(),a.createElementBlock("pkt-tag",{skin:t.skin,textStyle:t.textStyle,size:t.size,closeTag:t.closeTag,iconName:t.iconName,type:t.type,ariaLabel:t.ariaLabel},[a.renderSlot(e.$slots,"default")],8,n)}const u=l._export_sfc(i,[["render",r]]);exports.Tag=u;