@oslokommune/punkt-vue 11.7.0 → 11.8.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [11.8.0](https://github.com/oslokommune/punkt/compare/11.7.1...11.8.0) (2024-03-04)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* PktIcon lagrer nå cache i localStorage (#1527). Co-authored-by: Vidar Ramdal <vramdal@gmail.com>
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [11.7.1](https://github.com/oslokommune/punkt/compare/11.7.0...11.7.1) (2024-02-22)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* force active styling if loading (#1533). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.7.0](https://github.com/oslokommune/punkt/compare/11.6.0...11.7.0) (2024-02-19)
 
 ### ⚠ BREAKING CHANGES

package/dist/{Alert-E884mTfP.cjs → Alert-4uYQ7-Zl.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),c=require("./plugins-AiK__HqQ.cjs"),i={name:"PktAlert",components:{PktIcon:r.PktIcon},props:{skin:{type:String,default:"info",validator(n){return["error","success","warning","info"].includes(n)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:""},date:{type:String,default:""},ariaLive:{type:String,default:"polite",validator(n){return["off","polite","assertive"].includes(n)}},compact:{type:Boolean,default:!1}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-alert--${this.skin}`]},open(){return!this.closed},iconName(){return this.skin==="info"?"alert-information":`alert-${this.skin}`}}},d=["aria-live"],k={key:0,class:"pkt-alert__close"},u={key:1,class:"pkt-alert__title"},m={class:"pkt-alert__text"},p={key:2,class:"pkt-alert__date"};function _(n,o,t,v,y,l){const s=e.resolveComponent("pkt-icon");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pkt-alert":!0,[l.skinClass]:!0,"pkt-alert--compact":t.compact}),"aria-live":t.ariaLive},[e.createVNode(s,{name:l.iconName,class:"pkt-alert__icon"},null,8,["name"]),t.closeAlert?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("button",{class:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",type:"button",role:"button",tabindex:"0","aria-label":"close",onKeyup:o[0]||(o[0]=e.withKeys((...a)=>l.close&&l.close(...a),["enter"])),onClick:o[1]||(o[1]=(...a)=>l.close&&l.close(...a))},[e.createVNode(s,{class:"pkt-btn__icon",name:"close"})],32)])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.renderSlot(n.$slots,"default")]),t.date?(e.openBlock(),e.createElementBlock("div",p,"Sist oppdatert: "+e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)],10,d)),[[e.vShow,l.open]])}const f=c._export_sfc(i,[["render",_]]);exports.PktAlert=f;
+"use strict";const r=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),c=require("./plugins-AiK__HqQ.cjs"),i={name:"PktAlert",components:{PktIcon:r.PktIcon},props:{skin:{type:String,default:"info",validator(n){return["error","success","warning","info"].includes(n)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:""},date:{type:String,default:""},ariaLive:{type:String,default:"polite",validator(n){return["off","polite","assertive"].includes(n)}},compact:{type:Boolean,default:!1}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-alert--${this.skin}`]},open(){return!this.closed},iconName(){return this.skin==="info"?"alert-information":`alert-${this.skin}`}}},d=["aria-live"],k={key:0,class:"pkt-alert__close"},u={key:1,class:"pkt-alert__title"},m={class:"pkt-alert__text"},p={key:2,class:"pkt-alert__date"};function _(n,o,t,v,y,l){const s=e.resolveComponent("pkt-icon");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pkt-alert":!0,[l.skinClass]:!0,"pkt-alert--compact":t.compact}),"aria-live":t.ariaLive},[e.createVNode(s,{name:l.iconName,class:"pkt-alert__icon"},null,8,["name"]),t.closeAlert?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("button",{class:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",type:"button",role:"button",tabindex:"0","aria-label":"close",onKeyup:o[0]||(o[0]=e.withKeys((...a)=>l.close&&l.close(...a),["enter"])),onClick:o[1]||(o[1]=(...a)=>l.close&&l.close(...a))},[e.createVNode(s,{class:"pkt-btn__icon",name:"close"})],32)])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.renderSlot(n.$slots,"default")]),t.date?(e.openBlock(),e.createElementBlock("div",p,"Sist oppdatert: "+e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)],10,d)),[[e.vShow,l.open]])}const f=c._export_sfc(i,[["render",_]]);exports.PktAlert=f;

package/dist/{Alert-vdgjfN8U.js → Alert-p-4l9NR1.js}

@@ -1,4 +1,4 @@
-import { P as u } from "./Icon-s3ZNrtl-.js";
+import { P as u } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as m, withDirectives as _, openBlock as s, createElementBlock as o, normalizeClass as p, createVNode as c, createElementVNode as d, withKeys as f, createCommentVNode as i, toDisplayString as k, renderSlot as v, vShow as y } from "vue";
 import { _ as h } from "./plugins-IeJb3XDX.js";
 const b = {

package/dist/Button-PeCfDEXj.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),r=require("./plugins-AiK__HqQ.cjs"),c={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)},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]},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}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""},isLoadingClass(){return this.isLoading===!0?"pkt-btn--active":""}}},u=["type","disabled"],d={class:"pkt-btn__text"};function k(t,i,n,p,y,a){const s=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:a.classes,onClick:i[0]||(i[0]=l=>t.$emit("onClick")),onKeyup:i[1]||(i[1]=e.withKeys(l=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(s,{key:0,class:"pkt-btn__icon",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/latest/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(s,{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(s,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,u)}const m=r._export_sfc(c,[["render",k]]);exports.PktButton=m;

package/dist/{Button-d8lke1EQ.js → Button-ukohjG2J.js}

@@ -1,5 +1,5 @@
-import { P as d } from "./Icon-s3ZNrtl-.js";
-import { resolveComponent as u, openBlock as i, createElementBlock as c, mergeProps as m, withKeys as k, createBlock as l, createCommentVNode as s, createElementVNode as p, renderSlot as y, createTextVNode as b, toDisplayString as f } from "vue";
+import { P as d } from "./Icon-f0Yu-X_2.js";
+import { resolveComponent as u, openBlock as i, createElementBlock as c, mergeProps as m, withKeys as k, createBlock as a, createCommentVNode as l, createElementVNode as p, renderSlot as y, createTextVNode as b, toDisplayString as f } from "vue";
 import { _ as g } from "./plugins-IeJb3XDX.js";
 const h = {
   name: "PktButton",
@@ -72,7 +72,7 @@ const h = {
   },
   computed: {
     classes() {
-      return ["pkt-btn", this.sizeClass, this.skinClass, this.variantClass, this.colorClass];
+      return ["pkt-btn", this.sizeClass, this.skinClass, this.variantClass, this.colorClass, this.isLoadingClass];
     },
     sizeClass() {
       return this.size !== "medium" ? `pkt-btn--${this.size}` : "";
@@ -85,11 +85,14 @@ const h = {
     },
     variantClass() {
       return this.variant !== "label-only" ? `pkt-btn--${this.variant}` : "";
+    },
+    isLoadingClass() {
+      return this.isLoading === !0 ? "pkt-btn--active" : "";
     }
   }
-}, _ = ["type", "disabled"], v = { class: "pkt-btn__text" };
+}, v = ["type", "disabled"], _ = { class: "pkt-btn__text" };
 function C(e, n, t, S, B, o) {
-  const a = u("pkt-icon");
+  const s = u("pkt-icon");
   return i(), c("button", m(e.$attrs, {
     type: t.type,
     class: o.classes,
@@ -97,30 +100,30 @@ function C(e, n, t, S, B, o) {
     onKeyup: n[1] || (n[1] = k((r) => e.$emit("onClick"), ["enter"])),
     disabled: t.disabled
   }), [
-    t.isLoading === !0 ? (i(), l(a, {
+    t.isLoading === !0 ? (i(), a(s, {
       key: 0,
       class: "pkt-btn__icon",
       name: "spinner-blue",
       path: "https://punkt-cdn.oslo.kommune.no/latest/animations/"
-    })) : s("", !0),
-    t.variant !== "label-only" ? (i(), l(a, {
+    })) : l("", !0),
+    t.variant !== "label-only" ? (i(), a(s, {
       key: 1,
       class: "pkt-btn__icon",
       name: t.iconName
-    }, null, 8, ["name"])) : s("", !0),
-    p("span", v, [
+    }, null, 8, ["name"])) : l("", !0),
+    p("span", _, [
       y(e.$slots, "default", {}, () => [
         b(f(t.text), 1)
       ])
     ]),
-    t.variant === "icons-right-and-left" ? (i(), l(a, {
+    t.variant === "icons-right-and-left" ? (i(), a(s, {
       key: 2,
       class: "pkt-btn__icon",
       name: t.secondIconName
-    }, null, 8, ["name"])) : s("", !0)
-  ], 16, _);
+    }, null, 8, ["name"])) : l("", !0)
+  ], 16, v);
 }
-const $ = /* @__PURE__ */ g(h, [["render", C]]);
+const L = /* @__PURE__ */ g(h, [["render", C]]);
 export {
-  $ as P
+  L as P
 };

package/dist/Icon-D5KXd1vV.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),l=require("./plugins-AiK__HqQ.cjs"),s='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function u(e){return new Promise(t=>setTimeout(t,e))}const i={},g=async(e,t)=>{let r=0;for(;i[t+e+".svg"]==="fetching"&&(r++,!(r>50));)await u(50);return localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window.fetch=="function"?(i[t+e+".svg"]="fetching",Promise.resolve(fetch(t+e+".svg").then(n=>n.ok?n.text():(console.error("Missing icon: "+t+e+".svg"),s)).then(n=>(n!==s&&localStorage.setItem(t+e+".svg",n),i[t+e+".svg"]="fetched",n)))):Promise.resolve(s)},a={name:"PktIcon",data(){return{defaultSvgPath:"https://punkt-cdn.oslo.kommune.no/latest/icons/",innerHtml:""}},props:{name:{type:String,required:!0,default:void 0},path:{type:String,default:void 0}},watch:{name:{handler:"onNameChange",immediate:!0}},methods:{onNameChange(e){const t=this.path||this.$pktSvgPath||this.defaultSvgPath;g(e,t).then(r=>{this.innerHtml=r})}}},f=["innerHTML"];function d(e,t,r,n,c,m){return c.innerHtml?(o.openBlock(),o.createElementBlock("span",{key:0,class:"pkt-icon",innerHTML:c.innerHtml},null,8,f)):o.createCommentVNode("",!0)}const h=l._export_sfc(a,[["render",d]]);exports.PktIcon=h;

package/dist/Icon-f0Yu-X_2.js

@@ -0,0 +1,58 @@
+import { openBlock as c, createElementBlock as l, createCommentVNode as a } from "vue";
+import { _ as g } from "./plugins-IeJb3XDX.js";
+const o = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
+function u(e) {
+  return new Promise((t) => setTimeout(t, e));
+}
+const s = {}, f = async (e, t) => {
+  let r = 0;
+  for (; s[t + e + ".svg"] === "fetching" && (r++, !(r > 50)); )
+    await u(50);
+  return localStorage.getItem(t + e + ".svg") ? Promise.resolve(localStorage.getItem(t + e + ".svg")) : typeof window.fetch == "function" ? (s[t + e + ".svg"] = "fetching", Promise.resolve(
+    fetch(t + e + ".svg").then((n) => n.ok ? n.text() : (console.error("Missing icon: " + t + e + ".svg"), o)).then((n) => (n !== o && localStorage.setItem(t + e + ".svg", n), s[t + e + ".svg"] = "fetched", n))
+  )) : Promise.resolve(o);
+}, m = {
+  name: "PktIcon",
+  data() {
+    return {
+      defaultSvgPath: "https://punkt-cdn.oslo.kommune.no/latest/icons/",
+      innerHtml: ""
+    };
+  },
+  props: {
+    name: {
+      type: String,
+      required: !0,
+      default: void 0
+    },
+    path: {
+      type: String,
+      default: void 0
+    }
+  },
+  watch: {
+    name: {
+      handler: "onNameChange",
+      immediate: !0
+    }
+  },
+  methods: {
+    onNameChange(e) {
+      const t = this.path || this.$pktSvgPath || this.defaultSvgPath;
+      f(e, t).then((r) => {
+        this.innerHtml = r;
+      });
+    }
+  }
+}, d = ["innerHTML"];
+function h(e, t, r, n, i, v) {
+  return i.innerHtml ? (c(), l("span", {
+    key: 0,
+    class: "pkt-icon",
+    innerHTML: i.innerHtml
+  }, null, 8, d)) : a("", !0);
+}
+const k = /* @__PURE__ */ g(m, [["render", h]]);
+export {
+  k as P
+};

package/dist/{InputWrapper--KRt1tMo.js → InputWrapper-Hb1mKt2g.js}

@@ -1,5 +1,5 @@
-import { P as x } from "./Alert-vdgjfN8U.js";
-import { P as m } from "./Button-d8lke1EQ.js";
+import { P as x } from "./Alert-p-4l9NR1.js";
+import { P as m } from "./Button-ukohjG2J.js";
 import { resolveComponent as u, openBlock as r, createElementBlock as a, normalizeClass as i, createBlock as h, resolveDynamicComponent as c, withCtx as s, createTextVNode as f, toDisplayString as n, createCommentVNode as l, Fragment as k, createVNode as g, createElementVNode as p, renderSlot as _ } from "vue";
 import { _ as T } from "./plugins-IeJb3XDX.js";
 const w = {

package/dist/{InputWrapper-o8KTWCma.cjs → InputWrapper-u-5p8dsq.cjs}

@@ -1 +1 @@
-"use strict";const s=require("./Alert-E884mTfP.cjs"),o=require("./Button--S5WhTrE.cjs"),e=require("vue"),d=require("./plugins-AiK__HqQ.cjs"),p={name:"pktInputwrapper",components:{PktAlert:s.PktAlert,PktButton:o.PktButton},props:{forId:{type:String,required:!0},label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,default:"Valgfritt"},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,default:"Må fylles ut"},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},hasFieldset:{type:Boolean,default:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["id","innerHTML"],u=["innerHTML"],h=["innerHTML"],k=["for","aria-describedby"],f=["for","aria-describedby","id"],g={key:2};function m(a,_,t,b,l,r){const n=e.resolveComponent("pkt-button"),i=e.resolveComponent("pkt-alert");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pkt-inputwrapper",r.disabledClass,r.inlineClass,r.errorClass])},[t.useWrapper?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"fieldset":r.hasDropDown?"div":"label"),{key:0,for:t.hasFieldset?void 0:t.forId,class:e.normalizeClass(["pkt-inputwrapper__label",{"pkt-inputwrapper__fieldset":t.hasFieldset,"pkt-inputwrapper__legend":t.hasFieldset}]),"aria-describedby":r.hasDropDown?void 0:t.ariaDescribedby},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"legend":r.hasDropDown?"h2":"span"),{class:e.normalizeClass({"pkt-inputwrapper__legend":t.hasFieldset}),id:`${t.forId}-label`},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1),r.tagText!==""?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.tagClass())},e.toDisplayString(r.tagText),3)):e.createCommentVNode("",!0)]),_:1},8,["class","id"])),t.helptext?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pkt-inputwrapper__helptext",id:`${t.forId}-helptext`,innerHTML:t.helptext},null,8,c)):e.createCommentVNode("",!0),r.hasDropDown?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(n,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":l.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",onOnClick:r.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:r.dropdownButton},null,8,u)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":l.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!l.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,h)],2),t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy},e.toDisplayString(t.label),9,k))],64)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["for","class","aria-describedby"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy,id:`${t.forId}-label`},e.toDisplayString(t.label),9,f)),e.renderSlot(a.$slots,"default")],64)),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(i,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.errorMessage),1)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const y=d._export_sfc(p,[["render",m]]);exports.PktInputWrapper=y;
+"use strict";const s=require("./Alert-4uYQ7-Zl.cjs"),o=require("./Button-PeCfDEXj.cjs"),e=require("vue"),d=require("./plugins-AiK__HqQ.cjs"),p={name:"pktInputwrapper",components:{PktAlert:s.PktAlert,PktButton:o.PktButton},props:{forId:{type:String,required:!0},label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,default:"Valgfritt"},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,default:"Må fylles ut"},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},hasFieldset:{type:Boolean,default:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["id","innerHTML"],u=["innerHTML"],h=["innerHTML"],k=["for","aria-describedby"],f=["for","aria-describedby","id"],g={key:2};function m(a,_,t,b,l,r){const n=e.resolveComponent("pkt-button"),i=e.resolveComponent("pkt-alert");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pkt-inputwrapper",r.disabledClass,r.inlineClass,r.errorClass])},[t.useWrapper?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"fieldset":r.hasDropDown?"div":"label"),{key:0,for:t.hasFieldset?void 0:t.forId,class:e.normalizeClass(["pkt-inputwrapper__label",{"pkt-inputwrapper__fieldset":t.hasFieldset,"pkt-inputwrapper__legend":t.hasFieldset}]),"aria-describedby":r.hasDropDown?void 0:t.ariaDescribedby},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"legend":r.hasDropDown?"h2":"span"),{class:e.normalizeClass({"pkt-inputwrapper__legend":t.hasFieldset}),id:`${t.forId}-label`},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1),r.tagText!==""?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.tagClass())},e.toDisplayString(r.tagText),3)):e.createCommentVNode("",!0)]),_:1},8,["class","id"])),t.helptext?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pkt-inputwrapper__helptext",id:`${t.forId}-helptext`,innerHTML:t.helptext},null,8,c)):e.createCommentVNode("",!0),r.hasDropDown?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(n,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":l.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",onOnClick:r.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:r.dropdownButton},null,8,u)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":l.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!l.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,h)],2),t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy},e.toDisplayString(t.label),9,k))],64)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["for","class","aria-describedby"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy,id:`${t.forId}-label`},e.toDisplayString(t.label),9,f)),e.renderSlot(a.$slots,"default")],64)),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(i,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.errorMessage),1)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const y=d._export_sfc(p,[["render",m]]);exports.PktInputWrapper=y;

package/dist/{Tag-RznZVoXr.cjs → Tag-OWxhRsmQ.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),i=require("./plugins-AiK__HqQ.cjs"),o={name:"PktTag",components:{PktIcon:c.PktIcon},props:{skin:{type:String,default:"blue",validator(l){return["blue","green","red","beige","yellow","grey","blue-light"].includes(l)}},textStyle:{type:String,default:"normal-text",validator(l){return["thin-text","normal-text"].includes(l)}},size:{type:String,default:"medium",validator(l){return["small","medium","large"].includes(l)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:""},type:{type:String,default:"button",validator:l=>["button","submit","reset"].includes(l)},ariaLabel:{type:String,default:"close"}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-tag--${this.skin}`]},sizeClass(){return[`pkt-tag--${this.size}`]},textStyleClass(){return[`pkt-tag--${this.textStyle}`]},buttonClass(){return["pkt-tag","pkt-btn","pkt-btn--tertiary",{"pkt-btn--icons-right-and-left":this.iconName&&this.closeTag,"pkt-btn--icon-right":this.closeTag&&!this.iconName}]},open(){return!this.closed}}},u=["type","aria-label"],d=["type","aria-label"];function k(l,s,a,g,y,t){const r=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("span",null,[a.closeTag&&a.iconName?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([t.buttonClass,t.skinClass,t.sizeClass,t.textStyleClass]),type:a.type,role:"button","aria-label":a.ariaLabel,onKeyup:s[0]||(s[0]=e.withKeys((...n)=>t.close&&t.close(...n),["enter"])),onClick:s[1]||(s[1]=(...n)=>t.close&&t.close(...n))},[e.createVNode(r,{class:"pkt-tag__icon",name:a.iconName},null,8,["name"]),e.renderSlot(l.$slots,"default"),e.createVNode(r,{class:"pkt-tag__close-btn",name:"close"})],42,u)),[[e.vShow,t.open]]):a.closeTag?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([t.buttonClass,t.skinClass,t.sizeClass,t.textStyleClass]),type:a.type,role:"button","aria-label":a.ariaLabel,onKeyup:s[2]||(s[2]=e.withKeys((...n)=>t.close&&t.close(...n),["enter"])),onClick:s[3]||(s[3]=(...n)=>t.close&&t.close(...n))},[e.createVNode(r,{class:"pkt-tag__close-btn",name:"close"}),e.renderSlot(l.$slots,"default")],42,d)),[[e.vShow,t.open]]):a.iconName?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["pkt-tag",[t.skinClass,t.sizeClass,t.textStyleClass]])},[e.createVNode(r,{class:"pkt-tag__icon",name:a.iconName},null,8,["name"]),e.renderSlot(l.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(["pkt-tag",[t.skinClass,t.sizeClass,t.textStyleClass]])},[e.renderSlot(l.$slots,"default")],2))])}const m=i._export_sfc(o,[["render",k]]);exports.Tag=m;
+"use strict";const c=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),i=require("./plugins-AiK__HqQ.cjs"),o={name:"PktTag",components:{PktIcon:c.PktIcon},props:{skin:{type:String,default:"blue",validator(l){return["blue","green","red","beige","yellow","grey","blue-light"].includes(l)}},textStyle:{type:String,default:"normal-text",validator(l){return["thin-text","normal-text"].includes(l)}},size:{type:String,default:"medium",validator(l){return["small","medium","large"].includes(l)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:""},type:{type:String,default:"button",validator:l=>["button","submit","reset"].includes(l)},ariaLabel:{type:String,default:"close"}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-tag--${this.skin}`]},sizeClass(){return[`pkt-tag--${this.size}`]},textStyleClass(){return[`pkt-tag--${this.textStyle}`]},buttonClass(){return["pkt-tag","pkt-btn","pkt-btn--tertiary",{"pkt-btn--icons-right-and-left":this.iconName&&this.closeTag,"pkt-btn--icon-right":this.closeTag&&!this.iconName}]},open(){return!this.closed}}},u=["type","aria-label"],d=["type","aria-label"];function k(l,s,a,g,y,t){const r=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("span",null,[a.closeTag&&a.iconName?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([t.buttonClass,t.skinClass,t.sizeClass,t.textStyleClass]),type:a.type,role:"button","aria-label":a.ariaLabel,onKeyup:s[0]||(s[0]=e.withKeys((...n)=>t.close&&t.close(...n),["enter"])),onClick:s[1]||(s[1]=(...n)=>t.close&&t.close(...n))},[e.createVNode(r,{class:"pkt-tag__icon",name:a.iconName},null,8,["name"]),e.renderSlot(l.$slots,"default"),e.createVNode(r,{class:"pkt-tag__close-btn",name:"close"})],42,u)),[[e.vShow,t.open]]):a.closeTag?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([t.buttonClass,t.skinClass,t.sizeClass,t.textStyleClass]),type:a.type,role:"button","aria-label":a.ariaLabel,onKeyup:s[2]||(s[2]=e.withKeys((...n)=>t.close&&t.close(...n),["enter"])),onClick:s[3]||(s[3]=(...n)=>t.close&&t.close(...n))},[e.createVNode(r,{class:"pkt-tag__close-btn",name:"close"}),e.renderSlot(l.$slots,"default")],42,d)),[[e.vShow,t.open]]):a.iconName?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["pkt-tag",[t.skinClass,t.sizeClass,t.textStyleClass]])},[e.createVNode(r,{class:"pkt-tag__icon",name:a.iconName},null,8,["name"]),e.renderSlot(l.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(["pkt-tag",[t.skinClass,t.sizeClass,t.textStyleClass]])},[e.renderSlot(l.$slots,"default")],2))])}const m=i._export_sfc(o,[["render",k]]);exports.Tag=m;

package/dist/{Tag-Tuksu2Zp.js → Tag-eCj5vnUY.js}

@@ -1,4 +1,4 @@
-import { P as y } from "./Icon-s3ZNrtl-.js";
+import { P as y } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as g, openBlock as n, createElementBlock as r, withDirectives as d, normalizeClass as c, withKeys as m, createVNode as o, renderSlot as u, vShow as k } from "vue";
 import { _ as b } from "./plugins-IeJb3XDX.js";
 const C = {

package/dist/punkt-vue-alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-E884mTfP.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");const r={install(l){t.registerComponent(l,e.PktAlert)}};t.use(r);exports.PktAlert=e.PktAlert;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-4uYQ7-Zl.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-D5KXd1vV.cjs");require("vue");const r={install(l){t.registerComponent(l,e.PktAlert)}};t.use(r);exports.PktAlert=e.PktAlert;exports.default=r;

package/dist/punkt-vue-alert.js

@@ -1,6 +1,6 @@
-import { P as o } from "./Alert-vdgjfN8U.js";
+import { P as o } from "./Alert-p-4l9NR1.js";
 import { u as r, a as s } from "./plugins-IeJb3XDX.js";
-import "./Icon-s3ZNrtl-.js";
+import "./Icon-f0Yu-X_2.js";
 import "vue";
 const a = {
   install(t) {

package/dist/punkt-vue-backlink.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),o=require("./plugins-AiK__HqQ.cjs"),r={name:"PktBackLink",components:{PktIcon:a.PktIcon},props:{text:{type:String,required:!1,default:"oslo.kommune.no"},href:{type:String,required:!1,default:"https://www.oslo.kommune.no"}}},k={class:"pkt-back-link","aria-label":"Gå tilbake et steg"},_=["href"],p={class:"pkt-back-link__text"},u={class:"pkt-back-link__text"};function d(n,f,t,h,m,g){const c=e.resolveComponent("pkt-icon"),s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("nav",k,[t.href.startsWith("http")||t.href.startsWith("mailto")?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.href,class:"pkt-link pkt-link--icon-left"},[e.createVNode(c,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",p,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])],8,_)):(e.openBlock(),e.createBlock(s,{key:1,to:t.href,class:"pkt-link pkt-link--icon-left"},{default:e.withCtx(()=>[e.createVNode(c,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",u,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])]),_:3},8,["to"]))])}const l=o._export_sfc(r,[["render",d]]),i={install(n){o.registerComponent(n,l)}};o.use(i);exports.PktBackLink=l;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),o=require("./plugins-AiK__HqQ.cjs"),r={name:"PktBackLink",components:{PktIcon:a.PktIcon},props:{text:{type:String,required:!1,default:"oslo.kommune.no"},href:{type:String,required:!1,default:"https://www.oslo.kommune.no"}}},k={class:"pkt-back-link","aria-label":"Gå tilbake et steg"},_=["href"],p={class:"pkt-back-link__text"},u={class:"pkt-back-link__text"};function d(n,f,t,h,m,g){const c=e.resolveComponent("pkt-icon"),s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("nav",k,[t.href.startsWith("http")||t.href.startsWith("mailto")?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.href,class:"pkt-link pkt-link--icon-left"},[e.createVNode(c,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",p,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])],8,_)):(e.openBlock(),e.createBlock(s,{key:1,to:t.href,class:"pkt-link pkt-link--icon-left"},{default:e.withCtx(()=>[e.createVNode(c,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",u,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])]),_:3},8,["to"]))])}const l=o._export_sfc(r,[["render",d]]),i={install(n){o.registerComponent(n,l)}};o.use(i);exports.PktBackLink=l;exports.default=i;

package/dist/punkt-vue-backlink.js

@@ -1,4 +1,4 @@
-import { P as p } from "./Icon-s3ZNrtl-.js";
+import { P as p } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as s, openBlock as n, createElementBlock as a, createVNode as c, createElementVNode as i, renderSlot as l, createTextVNode as k, toDisplayString as r, createBlock as f, withCtx as m } from "vue";
 import { _ as h, u as d, a as u } from "./plugins-IeJb3XDX.js";
 const x = {

package/dist/punkt-vue-breadcrumbs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),a=require("./plugins-AiK__HqQ.cjs"),k={name:"PktBreadcrumbs",components:{PktIcon:u.PktIcon},props:{breadcrumbs:{type:Array,required:!0,default:()=>[]},navigationType:{type:String,default:"anchor",validator:r=>["router","anchor"].includes(r)}},computed:{linkElement(){return this.navigationType==="router"?"router-link":"a"},backLink(){return this.displayedBreadcrumbs[this.displayedBreadcrumbs.length-2]},displayedBreadcrumbs(){return this.breadcrumbs.slice(0,4)}}},d={"aria-label":"brødsmulemeny",class:"pkt-breadcrumbs"},m={class:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop"},p={key:0,class:"pkt-breadcrumbs__label","aria-current":"true"},_={class:"pkt-breadcrumbs__text"},b={class:"pkt-breadcrumbs__text"},h={class:"pkt-breadcrumbs__text"};function y(r,f,n,g,B,t){const l=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("nav",d,[e.createElementVNode("ol",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.displayedBreadcrumbs,(c,o)=>(e.openBlock(),e.createElementBlock("li",{key:`breadcrumb-${o}`,class:"pkt-breadcrumbs__item"},[o===t.displayedBreadcrumbs.length-1?(e.openBlock(),e.createElementBlock("span",p,[e.createElementVNode("span",_,e.toDisplayString(c.text),1)])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{key:1,to:n.navigationType==="router"?c.href:null,href:n.navigationType==="anchor"?c.href:null,class:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"},{default:e.withCtx(()=>[e.createVNode(l,{class:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),e.createElementVNode("span",b,e.toDisplayString(c.text),1)]),_:2},1032,["to","href"]))]))),128))]),e.createElementVNode("template",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{to:n.navigationType==="router"?t.backLink.href:null,href:n.navigationType==="anchor"?t.backLink.href:null,class:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"},{default:e.withCtx(()=>[e.createVNode(l,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",h,e.toDisplayString(t.backLink.text),1)]),_:1},8,["to","href"]))])])}const s=a._export_sfc(k,[["render",y]]),i={install(r){a.registerComponent(r,s)}};a.use(i);exports.PktBreadcrumbs=s;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),a=require("./plugins-AiK__HqQ.cjs"),k={name:"PktBreadcrumbs",components:{PktIcon:u.PktIcon},props:{breadcrumbs:{type:Array,required:!0,default:()=>[]},navigationType:{type:String,default:"anchor",validator:r=>["router","anchor"].includes(r)}},computed:{linkElement(){return this.navigationType==="router"?"router-link":"a"},backLink(){return this.displayedBreadcrumbs[this.displayedBreadcrumbs.length-2]},displayedBreadcrumbs(){return this.breadcrumbs.slice(0,4)}}},d={"aria-label":"brødsmulemeny",class:"pkt-breadcrumbs"},m={class:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop"},p={key:0,class:"pkt-breadcrumbs__label","aria-current":"true"},_={class:"pkt-breadcrumbs__text"},b={class:"pkt-breadcrumbs__text"},h={class:"pkt-breadcrumbs__text"};function y(r,f,n,g,B,t){const l=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("nav",d,[e.createElementVNode("ol",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.displayedBreadcrumbs,(c,o)=>(e.openBlock(),e.createElementBlock("li",{key:`breadcrumb-${o}`,class:"pkt-breadcrumbs__item"},[o===t.displayedBreadcrumbs.length-1?(e.openBlock(),e.createElementBlock("span",p,[e.createElementVNode("span",_,e.toDisplayString(c.text),1)])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{key:1,to:n.navigationType==="router"?c.href:null,href:n.navigationType==="anchor"?c.href:null,class:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"},{default:e.withCtx(()=>[e.createVNode(l,{class:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),e.createElementVNode("span",b,e.toDisplayString(c.text),1)]),_:2},1032,["to","href"]))]))),128))]),e.createElementVNode("template",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{to:n.navigationType==="router"?t.backLink.href:null,href:n.navigationType==="anchor"?t.backLink.href:null,class:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"},{default:e.withCtx(()=>[e.createVNode(l,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",h,e.toDisplayString(t.backLink.text),1)]),_:1},8,["to","href"]))])])}const s=a._export_sfc(k,[["render",y]]),i={install(r){a.registerComponent(r,s)}};a.use(i);exports.PktBreadcrumbs=s;exports.default=i;

package/dist/punkt-vue-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { P as b } from "./Icon-s3ZNrtl-.js";
+import { P as b } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as m, openBlock as t, createElementBlock as c, createElementVNode as r, Fragment as p, renderList as h, toDisplayString as l, createBlock as u, resolveDynamicComponent as d, withCtx as k, createVNode as _ } from "vue";
 import { _ as f, u as y, a as g } from "./plugins-IeJb3XDX.js";
 const v = {

package/dist/punkt-vue-button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button--S5WhTrE.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");const u={install(r){t.registerComponent(r,e.PktButton)}};t.use(u);exports.PktButton=e.PktButton;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button-PeCfDEXj.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-D5KXd1vV.cjs");require("vue");const u={install(r){t.registerComponent(r,e.PktButton)}};t.use(u);exports.PktButton=e.PktButton;exports.default=u;

package/dist/punkt-vue-button.js

@@ -1,6 +1,6 @@
-import { P as o } from "./Button-d8lke1EQ.js";
+import { P as o } from "./Button-ukohjG2J.js";
 import { u as r, a as s } from "./plugins-IeJb3XDX.js";
-import "./Icon-s3ZNrtl-.js";
+import "./Icon-f0Yu-X_2.js";
 import "vue";
 const a = {
   install(t) {

package/dist/punkt-vue-footer.cjs

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

package/dist/punkt-vue-footer.js

@@ -1,4 +1,4 @@
-import { P as m } from "./Icon-s3ZNrtl-.js";
+import { P as m } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as y, openBlock as r, createElementBlock as s, createElementVNode as t, toDisplayString as i, createCommentVNode as p, Fragment as c, renderList as k, normalizeClass as g, createVNode as f, createTextVNode as d } from "vue";
 import { _ as b, u as v, a as w } from "./plugins-IeJb3XDX.js";
 const N = {

package/dist/punkt-vue-footersimple.cjs

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

package/dist/punkt-vue-footersimple.js

@@ -1,4 +1,4 @@
-import { P as c } from "./Icon-s3ZNrtl-.js";
+import { P as c } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as f, openBlock as i, createElementBlock as l, createElementVNode as e, Fragment as k, renderList as m, normalizeClass as g, createVNode as a, createTextVNode as p, toDisplayString as h } from "vue";
 import { _ as d, u, a as v } from "./plugins-IeJb3XDX.js";
 const y = {

package/dist/punkt-vue-header.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./Icon-Q_SkpRJa.cjs"),V=require("./Button--S5WhTrE.cjs"),e=require("vue"),i=require("./plugins-AiK__HqQ.cjs"),E={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)}},b={class:"pkt-header__logo"},C=["href"],v={key:2,class:"pkt-header__logo-service"},M={class:"pkt-header__actions"},O={class:"pkt-header__actions-row"},w={key:0},S=["aria-expanded"],L={key:0,class:"pkt-header__user-fullname pkt-btn__text"},P={key:1,class:"pkt-header__user-shortname pkt-btn__text"},x={id:"pktUserDropdown",class:"pkt-header__dropdown pkt-user-menu"},T={key:0},D=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Pålogget som",-1),I={class:"pkt-user-menu__name"},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=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Representerer",-1),A={class:"pkt-user-menu__name"},Y={key:0,class:"pkt-user-menu__org-number"},G={class:"pkt-list mt-size-16"},J={key:0,class:"pkt-list"},K=["href"],Q={key:0},W={key:3,class:"footer"},X={class:"pkt-list-horizontal bordered"},Z=["href"],$=["onClick"],ee={key:2};function te(l,o,t,ne,a,c){var u,d,m,_,p,h,g,B;const r=e.resolveComponent("PktIcon"),k=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",b,[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/latest/logos/"})],8,C)):(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/latest/logos/"})])),t.serviceName?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(t.serviceName),1)):e.createCommentVNode("",!0)]),e.createElementVNode("nav",M,[e.createElementVNode("ul",O,[t.showMenuButton?(e.openBlock(),e.createElementBlock("li",w,[e.createVNode(k,{class:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onOnClick:o[1]||(o[1]=n=>l.$emit("openMenu"))},{default:e.withCtx(()=>[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)=>c.openUserMenu&&c.openUserMenu(...n))},[e.createVNode(r,{name:"user",class:"pkt-btn__icon"}),(u=t.representing)!=null&&u.name||(d=t.user)!=null&&d.name?(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(((m=t.representing)==null?void 0:m.name)||((_=t.user)==null?void 0:_.name)),1)):e.createCommentVNode("",!0),(p=t.representing)!=null&&p.shortname||(h=t.user)!=null&&h.shortname?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(((g=t.representing)==null?void 0:g.shortname)||((B=t.user)==null?void 0:B.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,S),e.createElementVNode("ul",x,[t.user?(e.openBlock(),e.createElementBlock("li",T,[D,e.createElementVNode("div",I,e.toDisplayString(t.user.name),1),t.user.lastLoggedIn?(e.openBlock(),e.createElementBlock("div",q,[e.createTextVNode(" Sist pålogget: "),e.createElementVNode("time",null,e.toDisplayString(c.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},[z,e.createElementVNode("div",A,e.toDisplayString(t.representing.name),1),t.representing.orgNumber?(e.openBlock(),e.createElementBlock("div",Y," Org.nr. "+e.toDisplayString(t.representing.orgNumber),1)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.createElementVNode("ul",G,[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"}),e.createTextVNode(" Endre organisasjon ")])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[t.userOptions||!t.showLogOutButton?(e.openBlock(),e.createElementBlock("ul",J,[(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,K)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:o[4]||(o[4]=oe=>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",Q,[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"}),e.createTextVNode(" Logg ut ")])]))])):e.createCommentVNode("",!0)]),t.userMenuFooter?(e.openBlock(),e.createElementBlock("li",W,[e.createElementVNode("ul",X,[(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,Z)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:n.target},e.toDisplayString(n.title),9,$))]))),128))])])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),t.showLogOutButton?(e.openBlock(),e.createElementBlock("li",ee,[e.createVNode(k,{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(()=>[e.createTextVNode(" Logg ut ")]),_:1})])):e.createCommentVNode("",!0)])])],2)}const y=i._export_sfc(E,[["render",te]]),N={install(l){i.registerComponent(l,y)}};i.use(N);exports.PktHeader=y;exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./Icon-D5KXd1vV.cjs"),V=require("./Button-PeCfDEXj.cjs"),e=require("vue"),i=require("./plugins-AiK__HqQ.cjs"),E={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)}},b={class:"pkt-header__logo"},C=["href"],v={key:2,class:"pkt-header__logo-service"},M={class:"pkt-header__actions"},O={class:"pkt-header__actions-row"},w={key:0},S=["aria-expanded"],L={key:0,class:"pkt-header__user-fullname pkt-btn__text"},P={key:1,class:"pkt-header__user-shortname pkt-btn__text"},x={id:"pktUserDropdown",class:"pkt-header__dropdown pkt-user-menu"},T={key:0},D=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Pålogget som",-1),I={class:"pkt-user-menu__name"},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=e.createElementVNode("div",{class:"pkt-user-menu__label"},"Representerer",-1),A={class:"pkt-user-menu__name"},Y={key:0,class:"pkt-user-menu__org-number"},G={class:"pkt-list mt-size-16"},J={key:0,class:"pkt-list"},K=["href"],Q={key:0},W={key:3,class:"footer"},X={class:"pkt-list-horizontal bordered"},Z=["href"],$=["onClick"],ee={key:2};function te(l,o,t,ne,a,c){var u,d,m,_,p,h,g,B;const r=e.resolveComponent("PktIcon"),k=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",b,[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/latest/logos/"})],8,C)):(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/latest/logos/"})])),t.serviceName?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(t.serviceName),1)):e.createCommentVNode("",!0)]),e.createElementVNode("nav",M,[e.createElementVNode("ul",O,[t.showMenuButton?(e.openBlock(),e.createElementBlock("li",w,[e.createVNode(k,{class:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onOnClick:o[1]||(o[1]=n=>l.$emit("openMenu"))},{default:e.withCtx(()=>[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)=>c.openUserMenu&&c.openUserMenu(...n))},[e.createVNode(r,{name:"user",class:"pkt-btn__icon"}),(u=t.representing)!=null&&u.name||(d=t.user)!=null&&d.name?(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(((m=t.representing)==null?void 0:m.name)||((_=t.user)==null?void 0:_.name)),1)):e.createCommentVNode("",!0),(p=t.representing)!=null&&p.shortname||(h=t.user)!=null&&h.shortname?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(((g=t.representing)==null?void 0:g.shortname)||((B=t.user)==null?void 0:B.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,S),e.createElementVNode("ul",x,[t.user?(e.openBlock(),e.createElementBlock("li",T,[D,e.createElementVNode("div",I,e.toDisplayString(t.user.name),1),t.user.lastLoggedIn?(e.openBlock(),e.createElementBlock("div",q,[e.createTextVNode(" Sist pålogget: "),e.createElementVNode("time",null,e.toDisplayString(c.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},[z,e.createElementVNode("div",A,e.toDisplayString(t.representing.name),1),t.representing.orgNumber?(e.openBlock(),e.createElementBlock("div",Y," Org.nr. "+e.toDisplayString(t.representing.orgNumber),1)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.createElementVNode("ul",G,[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"}),e.createTextVNode(" Endre organisasjon ")])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[t.userOptions||!t.showLogOutButton?(e.openBlock(),e.createElementBlock("ul",J,[(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,K)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:o[4]||(o[4]=oe=>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",Q,[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"}),e.createTextVNode(" Logg ut ")])]))])):e.createCommentVNode("",!0)]),t.userMenuFooter?(e.openBlock(),e.createElementBlock("li",W,[e.createElementVNode("ul",X,[(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,Z)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"pkt-link-button pkt-link",onClick:n.target},e.toDisplayString(n.title),9,$))]))),128))])])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),t.showLogOutButton?(e.openBlock(),e.createElementBlock("li",ee,[e.createVNode(k,{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(()=>[e.createTextVNode(" Logg ut ")]),_:1})])):e.createCommentVNode("",!0)])])],2)}const y=i._export_sfc(E,[["render",te]]),N={install(l){i.registerComponent(l,y)}};i.use(N);exports.PktHeader=y;exports.default=N;

package/dist/punkt-vue-header.js

@@ -1,5 +1,5 @@
-import { P as S } from "./Icon-s3ZNrtl-.js";
-import { P as I } from "./Button-d8lke1EQ.js";
+import { P as S } from "./Icon-f0Yu-X_2.js";
+import { P as I } from "./Button-ukohjG2J.js";
 import { resolveComponent as N, openBlock as t, createElementBlock as s, normalizeClass as B, createElementVNode as i, createVNode as d, toDisplayString as a, createCommentVNode as o, withCtx as P, createTextVNode as c, Fragment as _, renderList as p, createBlock as h } from "vue";
 import { _ as x, u as E, a as R } from "./plugins-IeJb3XDX.js";
 const T = {

package/dist/punkt-vue-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Icon-Q_SkpRJa.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("vue");const n={install(o){t.registerComponent(o,e.PktIcon)}};t.use(n);exports.PktIcon=e.PktIcon;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Icon-D5KXd1vV.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("vue");const n={install(o){t.registerComponent(o,e.PktIcon)}};t.use(n);exports.PktIcon=e.PktIcon;exports.default=n;

package/dist/punkt-vue-icon.js

@@ -1,4 +1,4 @@
-import { P as t } from "./Icon-s3ZNrtl-.js";
+import { P as t } from "./Icon-f0Yu-X_2.js";
 import { u as r, a as s } from "./plugins-IeJb3XDX.js";
 import "vue";
 const a = {

package/dist/punkt-vue-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./punkt-vue-alert.cjs"),e=require("./punkt-vue-backlink.cjs"),t=require("./punkt-vue-breadcrumbs.cjs"),b=require("./punkt-vue-button.cjs"),r=require("./punkt-vue-checkbox.cjs"),a=require("./punkt-vue-footer.cjs"),u=require("./punkt-vue-footersimple.cjs"),o=require("./punkt-vue-header.cjs"),q=require("./punkt-vue-icon.cjs"),x=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),l=require("./punkt-vue-linkcard.cjs"),d=require("./punkt-vue-loader.cjs"),i=require("./punkt-vue-radiobutton.cjs"),c=require("./punkt-vue-select.cjs"),s=require("./punkt-vue-tabs.cjs"),g=require("./punkt-vue-tag.cjs"),k=require("./punkt-vue-textarea.cjs"),f=require("./punkt-vue-textinput.cjs"),T=require("./plugins-AiK__HqQ.cjs"),S=require("./Alert-E884mTfP.cjs"),I=require("./Button--S5WhTrE.cjs"),F=require("./Icon-Q_SkpRJa.cjs"),M=require("./InputWrapper-o8KTWCma.cjs"),h=require("./Tag-RznZVoXr.cjs");require("vue");const P=Object.freeze(Object.defineProperty({__proto__:null,Alert:p.default,BackLink:e.default,Breadcrumbs:t.default,Button:b.default,Checkbox:r.default,Footer:a.default,FooterSimple:u.default,Header:o.default,Icon:q.default,InputWrapper:x.default,Linkcard:l.default,Loader:d.default,Messagebox:n.default,Radiobutton:i.default,Select:c.default,Tabs:s.default,Tag:g.default,Textarea:k.default,Textinput:f.default},Symbol.toStringTag,{value:"Module"})),m={install(B,_={}){for(const L in P)T.registerPlugin(B,P[L])}};T.use(m);exports.Alert=p.default;exports.BackLink=e.default;exports.PktBackLink=e.PktBackLink;exports.Breadcrumbs=t.default;exports.PktBreadcrumbs=t.PktBreadcrumbs;exports.Button=b.default;exports.Checkbox=r.default;exports.PktCheckbox=r.PktCheckbox;exports.Footer=a.default;exports.PktFooter=a.PktFooter;exports.FooterSimple=u.default;exports.PktFooterSimple=u.PktFooterSimple;exports.Header=o.default;exports.PktHeader=o.PktHeader;exports.Icon=q.default;exports.InputWrapper=x.default;exports.Messagebox=n.default;exports.PktMessagebox=n.PktMessagebox;exports.Linkcard=l.default;exports.PktLinkcard=l.PktLinkcard;exports.Loader=d.default;exports.PktLoader=d.PktLoader;exports.PktRadiobutton=i.PktRadiobutton;exports.Radiobutton=i.default;exports.PktSelect=c.PktSelect;exports.Select=c.default;exports.PktTabs=s.PktTabs;exports.Tabs=s.default;exports.Tag=g.default;exports.PktTextarea=k.PktTextarea;exports.Textarea=k.default;exports.PktTextinput=f.PktTextinput;exports.Textinput=f.default;exports.PktAlert=S.PktAlert;exports.PktButton=I.PktButton;exports.PktIcon=F.PktIcon;exports.PktInputWrapper=M.PktInputWrapper;exports.PktTag=h.Tag;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./punkt-vue-alert.cjs"),e=require("./punkt-vue-backlink.cjs"),t=require("./punkt-vue-breadcrumbs.cjs"),b=require("./punkt-vue-button.cjs"),r=require("./punkt-vue-checkbox.cjs"),a=require("./punkt-vue-footer.cjs"),u=require("./punkt-vue-footersimple.cjs"),o=require("./punkt-vue-header.cjs"),q=require("./punkt-vue-icon.cjs"),x=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),l=require("./punkt-vue-linkcard.cjs"),d=require("./punkt-vue-loader.cjs"),i=require("./punkt-vue-radiobutton.cjs"),c=require("./punkt-vue-select.cjs"),s=require("./punkt-vue-tabs.cjs"),g=require("./punkt-vue-tag.cjs"),k=require("./punkt-vue-textarea.cjs"),f=require("./punkt-vue-textinput.cjs"),T=require("./plugins-AiK__HqQ.cjs"),S=require("./Alert-4uYQ7-Zl.cjs"),I=require("./Button-PeCfDEXj.cjs"),F=require("./Icon-D5KXd1vV.cjs"),M=require("./InputWrapper-u-5p8dsq.cjs"),h=require("./Tag-OWxhRsmQ.cjs");require("vue");const P=Object.freeze(Object.defineProperty({__proto__:null,Alert:p.default,BackLink:e.default,Breadcrumbs:t.default,Button:b.default,Checkbox:r.default,Footer:a.default,FooterSimple:u.default,Header:o.default,Icon:q.default,InputWrapper:x.default,Linkcard:l.default,Loader:d.default,Messagebox:n.default,Radiobutton:i.default,Select:c.default,Tabs:s.default,Tag:g.default,Textarea:k.default,Textinput:f.default},Symbol.toStringTag,{value:"Module"})),m={install(B,_={}){for(const L in P)T.registerPlugin(B,P[L])}};T.use(m);exports.Alert=p.default;exports.BackLink=e.default;exports.PktBackLink=e.PktBackLink;exports.Breadcrumbs=t.default;exports.PktBreadcrumbs=t.PktBreadcrumbs;exports.Button=b.default;exports.Checkbox=r.default;exports.PktCheckbox=r.PktCheckbox;exports.Footer=a.default;exports.PktFooter=a.PktFooter;exports.FooterSimple=u.default;exports.PktFooterSimple=u.PktFooterSimple;exports.Header=o.default;exports.PktHeader=o.PktHeader;exports.Icon=q.default;exports.InputWrapper=x.default;exports.Messagebox=n.default;exports.PktMessagebox=n.PktMessagebox;exports.Linkcard=l.default;exports.PktLinkcard=l.PktLinkcard;exports.Loader=d.default;exports.PktLoader=d.PktLoader;exports.PktRadiobutton=i.PktRadiobutton;exports.Radiobutton=i.default;exports.PktSelect=c.PktSelect;exports.Select=c.default;exports.PktTabs=s.PktTabs;exports.Tabs=s.default;exports.Tag=g.default;exports.PktTextarea=k.PktTextarea;exports.Textarea=k.default;exports.PktTextinput=f.PktTextinput;exports.Textinput=f.default;exports.PktAlert=S.PktAlert;exports.PktButton=I.PktButton;exports.PktIcon=F.PktIcon;exports.PktInputWrapper=M.PktInputWrapper;exports.PktTag=h.Tag;exports.default=m;

package/dist/punkt-vue-index.js

@@ -32,11 +32,11 @@ import { PktTextarea as $o } from "./punkt-vue-textarea.js";
 import T from "./punkt-vue-textinput.js";
 import { PktTextinput as Bo } from "./punkt-vue-textinput.js";
 import { u as B, r as L } from "./plugins-IeJb3XDX.js";
-import { P as So } from "./Alert-vdgjfN8U.js";
-import { P as Io } from "./Button-d8lke1EQ.js";
-import { P as Mo } from "./Icon-s3ZNrtl-.js";
-import { P as yo } from "./InputWrapper--KRt1tMo.js";
-import { T as Co } from "./Tag-Tuksu2Zp.js";
+import { P as So } from "./Alert-p-4l9NR1.js";
+import { P as Io } from "./Button-ukohjG2J.js";
+import { P as Mo } from "./Icon-f0Yu-X_2.js";
+import { P as yo } from "./InputWrapper-Hb1mKt2g.js";
+import { T as Co } from "./Tag-eCj5vnUY.js";
 import "vue";
 const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/punkt-vue-inputwrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputWrapper-o8KTWCma.cjs"),r=require("./plugins-AiK__HqQ.cjs");require("./Alert-E884mTfP.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");require("./Button--S5WhTrE.cjs");const t={install(u){r.registerComponent(u,e.PktInputWrapper)}};r.use(t);exports.PktInputWrapper=e.PktInputWrapper;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputWrapper-u-5p8dsq.cjs"),r=require("./plugins-AiK__HqQ.cjs");require("./Alert-4uYQ7-Zl.cjs");require("./Icon-D5KXd1vV.cjs");require("vue");require("./Button-PeCfDEXj.cjs");const t={install(u){r.registerComponent(u,e.PktInputWrapper)}};r.use(t);exports.PktInputWrapper=e.PktInputWrapper;exports.default=t;

package/dist/punkt-vue-inputwrapper.js

@@ -1,9 +1,9 @@
-import { P as r } from "./InputWrapper--KRt1tMo.js";
+import { P as r } from "./InputWrapper-Hb1mKt2g.js";
 import { u as o, a as p } from "./plugins-IeJb3XDX.js";
-import "./Alert-vdgjfN8U.js";
-import "./Icon-s3ZNrtl-.js";
+import "./Alert-p-4l9NR1.js";
+import "./Icon-f0Yu-X_2.js";
 import "vue";
-import "./Button-d8lke1EQ.js";
+import "./Button-ukohjG2J.js";
 const i = {
   install(t) {
     p(t, r);

package/dist/punkt-vue-linkcard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),l=require("./plugins-AiK__HqQ.cjs"),c={name:"PktLinkcard",components:{PktIcon:i.PktIcon},props:{skin:{type:String,default:"normal",validator(n){return["normal","blue","beige","beige-outline","grey-outline"].includes(n)}},title:{type:String,default:""},href:{type:String,default:""},iconName:{type:String,default:""},openInNewTab:{type:Boolean,default:!1},external:{type:Boolean,default:!1}},methods:{}},s=["href","target","rel"],d={class:"pkt-linkcard__content"},k={class:"pkt-linkcard__text"};function u(n,_,t,f,p,m){const r=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("a",{href:t.href,class:e.normalizeClass(["pkt-linkcard pkt-link",t.skin?`pkt-linkcard--${this.skin}`:"normal"]),target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(r,{class:"pkt-link__icon",name:t.iconName},null,8,["name"]),e.createElementVNode("div",d,[e.createElementVNode("div",{class:e.normalizeClass(["pkt-linkcard__title",{"pkt-link pkt-link--external":t.external}])},e.toDisplayString(t.title),3),e.createElementVNode("div",k,[e.renderSlot(n.$slots,"default")])])],10,s)}const o=l._export_sfc(c,[["render",u]]),a={install(n){l.registerComponent(n,o)}};l.use(a);exports.PktLinkcard=o;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),l=require("./plugins-AiK__HqQ.cjs"),c={name:"PktLinkcard",components:{PktIcon:i.PktIcon},props:{skin:{type:String,default:"normal",validator(n){return["normal","blue","beige","beige-outline","grey-outline"].includes(n)}},title:{type:String,default:""},href:{type:String,default:""},iconName:{type:String,default:""},openInNewTab:{type:Boolean,default:!1},external:{type:Boolean,default:!1}},methods:{}},s=["href","target","rel"],d={class:"pkt-linkcard__content"},k={class:"pkt-linkcard__text"};function u(n,_,t,f,p,m){const r=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("a",{href:t.href,class:e.normalizeClass(["pkt-linkcard pkt-link",t.skin?`pkt-linkcard--${this.skin}`:"normal"]),target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(r,{class:"pkt-link__icon",name:t.iconName},null,8,["name"]),e.createElementVNode("div",d,[e.createElementVNode("div",{class:e.normalizeClass(["pkt-linkcard__title",{"pkt-link pkt-link--external":t.external}])},e.toDisplayString(t.title),3),e.createElementVNode("div",k,[e.renderSlot(n.$slots,"default")])])],10,s)}const o=l._export_sfc(c,[["render",u]]),a={install(n){l.registerComponent(n,o)}};l.use(a);exports.PktLinkcard=o;exports.default=a;

package/dist/punkt-vue-linkcard.js

@@ -1,4 +1,4 @@
-import { P as o } from "./Icon-s3ZNrtl-.js";
+import { P as o } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as r, openBlock as i, createElementBlock as s, normalizeClass as a, createVNode as c, createElementVNode as n, toDisplayString as d, renderSlot as k } from "vue";
 import { _, u as f, a as p } from "./plugins-IeJb3XDX.js";
 const m = {

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-Q_SkpRJa.cjs"),s=require("./plugins-AiK__HqQ.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/latest/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-D5KXd1vV.cjs"),s=require("./plugins-AiK__HqQ.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/latest/animations/",class:e.normalizeClass(`pkt-loader__svg pkt-loader__${a.variant}`)},null,8,["name","class"]),a.message?(e.openBlock(),e.createElementBlock("p",m,e.toDisplayString(a.message),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],64)):e.renderSlot(t.$slots,"default",{key:1})],10,c))}},i={install(a){s.registerComponent(a,r)}};s.use(i);exports.PktLoader=r;exports.default=i;

package/dist/punkt-vue-loader.js

@@ -1,5 +1,5 @@
 import { toRefs as u, ref as m, openBlock as t, createElementBlock as l, normalizeClass as n, Fragment as c, unref as p, createVNode as g, toDisplayString as f, createCommentVNode as r, renderSlot as k } from "vue";
-import { P as y } from "./Icon-s3ZNrtl-.js";
+import { P as y } from "./Icon-f0Yu-X_2.js";
 import { u as v, a as b } from "./plugins-IeJb3XDX.js";
 const h = ["aria-busy"], L = { key: 0 }, S = {
   __name: "Loader",

package/dist/punkt-vue-searchinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./Button--S5WhTrE.cjs"),k=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),o=require("./plugins-AiK__HqQ.cjs"),h={name:"PktSearchInput",components:{PktButton:m.PktButton,PktIcon:k.PktIcon},props:{appearance:{type:String,default:"local",validator:n=>["local","local-with-button","global"].includes(n)},suggestions:{type:Array,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},label:{type:String,required:!1},placeholder:{type:String,default:"Søk…"},modelValue:{type:String,required:!1},disabled:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},action:{type:String,required:!1},method:{type:String,default:"get",validator:n=>["get","post","dialog"].includes(n)}},emits:["update:modelValue","onSearch","onSuggestionClick"],methods:{handleSuggestionClick(n,a){n?n():this.$emit("onSuggestionClick",a)}}},f=["name","id","placeholder","value","disabled","aria-controls"],p=["id"],y={key:0,class:"pkt-searchinput__suggestion-title"},g={key:1,class:"pkt-searchinput__suggestion-text"};function C(n,a,t,v,S,r){const s=e.resolveComponent("PktButton");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.action?"form":"div"),{class:e.normalizeClass(`pkt-searchinput pkt-searchinput--${t.appearance} ${t.fullwidth?"pkt-searchinput--fullwidth":""}`),onSubmit:a[4]||(a[4]=l=>n.$emit("onSearch",t.modelValue)),action:t.action?t.action:void 0,method:t.action?t.method:void 0,role:"search"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label?"label":"div"),{for:t.label?t.id:void 0,class:e.normalizeClass({"pkt-inputwrapper__label":t.label})},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.label),1)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.appearance==="local"?"pkt-input__container":"pkt-searchinput__field")},[e.createElementVNode("input",e.mergeProps(n.$attrs,{onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":t.fullwidth},type:"search",name:t.name||t.id,id:t.id,placeholder:t.placeholder,value:t.modelValue,disabled:t.disabled,onKeypress:a[1]||(a[1]=e.withKeys(e.withModifiers(l=>n.$emit("onSearch",t.modelValue),["prevent"]),["enter"])),autocomplete:"off","aria-autocomplete":"list","aria-controls":`${t.id}-suggestions`}),null,16,f),e.createVNode(s,{class:e.normalizeClass({"pkt-searchinput__button":!0,"pkt-input-icon":t.appearance==="local"}),variant:"icon-only",iconName:"magnifying-glass-big",type:"submit",skin:t.appearance==="local"?"tertiary":"primary",color:t.appearance==="global"?"yellow":void 0,disabled:t.disabled,onClick:a[2]||(a[2]=e.withModifiers(l=>n.$emit("onSearch",t.modelValue),["prevent"])),onKeypress:a[3]||(a[3]=e.withKeys(e.withModifiers(l=>n.$emit("onSearch",t.modelValue),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label||t.placeholder),1)]),_:1},8,["class","skin","color","disabled"])],2)]),_:1},8,["for","class"])),t.suggestions?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`${t.id}-suggestions`,class:"pkt-searchinput__suggestions","aria-live":"assertive"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.suggestions,(l,i)=>(e.openBlock(),e.createElementBlock("li",{key:`search-suggestion-${i}`},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.href?"a":l.onClick?"button":"div"),{href:l.href||void 0,class:e.normalizeClass({"pkt-link-button":!!l.onClick,"pkt-searchinput__suggestion":!0,"pkt-searchinput__suggestion--has-hover":!!l.href||!!l.onClick}),type:l.onClick?"button":void 0,onClick:u=>r.handleSuggestionClick(l.onClick,i),onKeypress:e.withKeys(u=>r.handleSuggestionClick(l.onClick,i),["enter"])},{default:e.withCtx(()=>[l.title?(e.openBlock(),e.createElementBlock("h3",y,e.toDisplayString(l.title),1)):e.createCommentVNode("",!0),l.text?(e.openBlock(),e.createElementBlock("p",g,e.toDisplayString(l.text),1)):e.createCommentVNode("",!0)]),_:2},1064,["href","class","type","onClick","onKeypress"]))]))),128))],8,p)):e.createCommentVNode("",!0)]),_:1},40,["class","action","method"])}const c=o._export_sfc(h,[["render",C]]),d={install(n){o.registerComponent(n,c)}};o.use(d);exports.PktSearchInput=c;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./Button-PeCfDEXj.cjs"),k=require("./Icon-D5KXd1vV.cjs"),e=require("vue"),o=require("./plugins-AiK__HqQ.cjs"),h={name:"PktSearchInput",components:{PktButton:m.PktButton,PktIcon:k.PktIcon},props:{appearance:{type:String,default:"local",validator:n=>["local","local-with-button","global"].includes(n)},suggestions:{type:Array,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},label:{type:String,required:!1},placeholder:{type:String,default:"Søk…"},modelValue:{type:String,required:!1},disabled:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},action:{type:String,required:!1},method:{type:String,default:"get",validator:n=>["get","post","dialog"].includes(n)}},emits:["update:modelValue","onSearch","onSuggestionClick"],methods:{handleSuggestionClick(n,a){n?n():this.$emit("onSuggestionClick",a)}}},f=["name","id","placeholder","value","disabled","aria-controls"],p=["id"],y={key:0,class:"pkt-searchinput__suggestion-title"},g={key:1,class:"pkt-searchinput__suggestion-text"};function C(n,a,t,v,S,r){const s=e.resolveComponent("PktButton");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.action?"form":"div"),{class:e.normalizeClass(`pkt-searchinput pkt-searchinput--${t.appearance} ${t.fullwidth?"pkt-searchinput--fullwidth":""}`),onSubmit:a[4]||(a[4]=l=>n.$emit("onSearch",t.modelValue)),action:t.action?t.action:void 0,method:t.action?t.method:void 0,role:"search"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label?"label":"div"),{for:t.label?t.id:void 0,class:e.normalizeClass({"pkt-inputwrapper__label":t.label})},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.label),1)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.appearance==="local"?"pkt-input__container":"pkt-searchinput__field")},[e.createElementVNode("input",e.mergeProps(n.$attrs,{onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":t.fullwidth},type:"search",name:t.name||t.id,id:t.id,placeholder:t.placeholder,value:t.modelValue,disabled:t.disabled,onKeypress:a[1]||(a[1]=e.withKeys(e.withModifiers(l=>n.$emit("onSearch",t.modelValue),["prevent"]),["enter"])),autocomplete:"off","aria-autocomplete":"list","aria-controls":`${t.id}-suggestions`}),null,16,f),e.createVNode(s,{class:e.normalizeClass({"pkt-searchinput__button":!0,"pkt-input-icon":t.appearance==="local"}),variant:"icon-only",iconName:"magnifying-glass-big",type:"submit",skin:t.appearance==="local"?"tertiary":"primary",color:t.appearance==="global"?"yellow":void 0,disabled:t.disabled,onClick:a[2]||(a[2]=e.withModifiers(l=>n.$emit("onSearch",t.modelValue),["prevent"])),onKeypress:a[3]||(a[3]=e.withKeys(e.withModifiers(l=>n.$emit("onSearch",t.modelValue),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label||t.placeholder),1)]),_:1},8,["class","skin","color","disabled"])],2)]),_:1},8,["for","class"])),t.suggestions?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`${t.id}-suggestions`,class:"pkt-searchinput__suggestions","aria-live":"assertive"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.suggestions,(l,i)=>(e.openBlock(),e.createElementBlock("li",{key:`search-suggestion-${i}`},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.href?"a":l.onClick?"button":"div"),{href:l.href||void 0,class:e.normalizeClass({"pkt-link-button":!!l.onClick,"pkt-searchinput__suggestion":!0,"pkt-searchinput__suggestion--has-hover":!!l.href||!!l.onClick}),type:l.onClick?"button":void 0,onClick:u=>r.handleSuggestionClick(l.onClick,i),onKeypress:e.withKeys(u=>r.handleSuggestionClick(l.onClick,i),["enter"])},{default:e.withCtx(()=>[l.title?(e.openBlock(),e.createElementBlock("h3",y,e.toDisplayString(l.title),1)):e.createCommentVNode("",!0),l.text?(e.openBlock(),e.createElementBlock("p",g,e.toDisplayString(l.text),1)):e.createCommentVNode("",!0)]),_:2},1064,["href","class","type","onClick","onKeypress"]))]))),128))],8,p)):e.createCommentVNode("",!0)]),_:1},40,["class","action","method"])}const c=o._export_sfc(h,[["render",C]]),d={install(n){o.registerComponent(n,c)}};o.use(d);exports.PktSearchInput=c;exports.default=d;

package/dist/punkt-vue-searchinput.js

@@ -1,5 +1,5 @@
-import { P as v } from "./Button-d8lke1EQ.js";
-import { P as S } from "./Icon-s3ZNrtl-.js";
+import { P as v } from "./Button-ukohjG2J.js";
+import { P as S } from "./Icon-f0Yu-X_2.js";
 import { resolveComponent as C, openBlock as n, createBlock as c, resolveDynamicComponent as m, normalizeClass as o, withCtx as r, createElementBlock as i, Fragment as y, createTextVNode as p, toDisplayString as d, createCommentVNode as u, createElementVNode as g, mergeProps as V, withKeys as f, withModifiers as k, createVNode as w, renderList as P } from "vue";
 import { _ as B, u as q, a as I } from "./plugins-IeJb3XDX.js";
 const K = {

package/dist/punkt-vue-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-E884mTfP.cjs"),f=require("./Button--S5WhTrE.cjs"),g=require("./InputWrapper-o8KTWCma.cjs"),t=require("vue"),l=require("./plugins-AiK__HqQ.cjs"),b={name:"PktSelect",components:{PktIcon:s.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:g.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},q=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","value"];function y(r,a,e,c,m,o){const u=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(u,{class:"pkt-select",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=i=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("select",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=i=>r.$emit("update:modelValue",i.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":o.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,value:e.modelValue}),[t.renderSlot(r.$slots,"default")],16,q)]),_:3},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const n=l._export_sfc(b,[["render",y]]),d={install(r){l.registerComponent(r,n)}};l.use(d);exports.PktSelect=n;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-D5KXd1vV.cjs"),p=require("./Alert-4uYQ7-Zl.cjs"),f=require("./Button-PeCfDEXj.cjs"),g=require("./InputWrapper-u-5p8dsq.cjs"),t=require("vue"),l=require("./plugins-AiK__HqQ.cjs"),b={name:"PktSelect",components:{PktIcon:s.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:g.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},q=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","value"];function y(r,a,e,c,m,o){const u=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(u,{class:"pkt-select",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=i=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("select",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=i=>r.$emit("update:modelValue",i.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":o.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,value:e.modelValue}),[t.renderSlot(r.$slots,"default")],16,q)]),_:3},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const n=l._export_sfc(b,[["render",y]]),d={install(r){l.registerComponent(r,n)}};l.use(d);exports.PktSelect=n;exports.default=d;

package/dist/punkt-vue-select.js

@@ -1,7 +1,7 @@
-import { P as d } from "./Icon-s3ZNrtl-.js";
-import { P as o } from "./Alert-vdgjfN8U.js";
-import { P as n } from "./Button-d8lke1EQ.js";
-import { P as u } from "./InputWrapper--KRt1tMo.js";
+import { P as d } from "./Icon-f0Yu-X_2.js";
+import { P as o } from "./Alert-p-4l9NR1.js";
+import { P as n } from "./Button-ukohjG2J.js";
+import { P as u } from "./InputWrapper-Hb1mKt2g.js";
 import { resolveComponent as s, openBlock as p, createBlock as f, withCtx as g, createElementVNode as m, mergeProps as b, renderSlot as y } from "vue";
 import { _ as q, u as h, a as x } from "./plugins-IeJb3XDX.js";
 const c = {

package/dist/punkt-vue-tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./Tag-RznZVoXr.cjs"),v=require("./Icon-Q_SkpRJa.cjs"),k=require("./plugins-AiK__HqQ.cjs"),b={class:"pkt-tabs"},h=["role"],d={__name:"Tabs",props:{arrowNav:{type:Boolean,default:!0},tabs:{type:Array,default:[],validator(o){for(const l in o){const c=o[l];if(!c.text)return!1;for(const[s,a]of Object.entries(c))switch(s){case"action":if(typeof a!="function")return!1;break;case"tag":if(typeof a!="object")return!1;break;case"active":if(typeof a!="boolean")return!1;break;case"controls":case"text":case"href":case"icon":if(typeof a!="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:l}){const{arrowNav:c,tabs:s}=o,a=e.ref([]),m=l,f=(r,n)=>{n.action&&n.action(r),m("onTabSelected",r)},y=(r,n)=>{c&&(n.code==="ArrowLeft"&&r!==0&&a.value[r-1].focus(),n.code==="ArrowRight"&&r<s.length-1&&a.value[r+1].focus(),(n.code==="ArrowDown"||n.code==="Space")&&f(r,s[r]))};return(r,n)=>(e.openBlock(),e.createElementBlock("div",b,[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:a,onClick:u=>f(i,t),onKeyup:u=>y(i,u)},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(v.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(g.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,h)]))}},p={install(o){k.registerComponent(o,d)}};k.use(p);exports.PktTabs=d;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./Tag-OWxhRsmQ.cjs"),v=require("./Icon-D5KXd1vV.cjs"),k=require("./plugins-AiK__HqQ.cjs"),b={class:"pkt-tabs"},h=["role"],d={__name:"Tabs",props:{arrowNav:{type:Boolean,default:!0},tabs:{type:Array,default:[],validator(o){for(const l in o){const c=o[l];if(!c.text)return!1;for(const[s,a]of Object.entries(c))switch(s){case"action":if(typeof a!="function")return!1;break;case"tag":if(typeof a!="object")return!1;break;case"active":if(typeof a!="boolean")return!1;break;case"controls":case"text":case"href":case"icon":if(typeof a!="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:l}){const{arrowNav:c,tabs:s}=o,a=e.ref([]),m=l,f=(r,n)=>{n.action&&n.action(r),m("onTabSelected",r)},y=(r,n)=>{c&&(n.code==="ArrowLeft"&&r!==0&&a.value[r-1].focus(),n.code==="ArrowRight"&&r<s.length-1&&a.value[r+1].focus(),(n.code==="ArrowDown"||n.code==="Space")&&f(r,s[r]))};return(r,n)=>(e.openBlock(),e.createElementBlock("div",b,[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:a,onClick:u=>f(i,t),onKeyup:u=>y(i,u)},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(v.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(g.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,h)]))}},p={install(o){k.registerComponent(o,d)}};k.use(p);exports.PktTabs=d;exports.default=p;

package/dist/punkt-vue-tabs.js

@@ -1,6 +1,6 @@
 import { ref as g, openBlock as n, createElementBlock as d, createElementVNode as w, Fragment as _, renderList as T, createBlock as f, resolveDynamicComponent as N, normalizeClass as C, withCtx as m, createCommentVNode as p, createTextVNode as y, toDisplayString as h } from "vue";
-import { T as P } from "./Tag-Tuksu2Zp.js";
-import { P as A } from "./Icon-s3ZNrtl-.js";
+import { T as P } from "./Tag-eCj5vnUY.js";
+import { P as A } from "./Icon-f0Yu-X_2.js";
 import { u as B, a as S } from "./plugins-IeJb3XDX.js";
 const j = { class: "pkt-tabs" }, x = ["role"], D = {
   __name: "Tabs",

package/dist/punkt-vue-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tag-RznZVoXr.cjs"),r=require("./plugins-AiK__HqQ.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");const t={install(u){r.registerComponent(u,e.Tag)}};r.use(t);exports.PktTag=e.Tag;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tag-OWxhRsmQ.cjs"),r=require("./plugins-AiK__HqQ.cjs");require("./Icon-D5KXd1vV.cjs");require("vue");const t={install(u){r.registerComponent(u,e.Tag)}};r.use(t);exports.PktTag=e.Tag;exports.default=t;

package/dist/punkt-vue-tag.js

@@ -1,6 +1,6 @@
-import { T as a } from "./Tag-Tuksu2Zp.js";
+import { T as a } from "./Tag-eCj5vnUY.js";
 import { u as o, a as r } from "./plugins-IeJb3XDX.js";
-import "./Icon-s3ZNrtl-.js";
+import "./Icon-f0Yu-X_2.js";
 import "vue";
 const s = {
   install(t) {

package/dist/punkt-vue-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-E884mTfP.cjs"),f=require("./Button--S5WhTrE.cjs"),y=require("./InputWrapper-o8KTWCma.cjs"),t=require("vue"),n=require("./plugins-AiK__HqQ.cjs"),m={name:"PktTextarea",components:{PktIcon:g.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:y.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,required:!1},rows:{type:Number,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},b=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","placeholder","rows","value"],h={key:0,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"};function q(r,a,e,x,k,d){const s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:"pkt-textarea",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=l=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>{var l,i;return[t.createElementVNode("textarea",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=c=>r.$emit("update:modelValue",c.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&((l=e.modelValue)==null?void 0:l.length)>e.counterMaxLength},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":d.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,placeholder:e.placeholder,rows:e.rows,value:e.modelValue}),null,16,b),e.counter?(t.openBlock(),t.createElementBlock("div",h,[t.createTextVNode(t.toDisplayString(((i=e.modelValue)==null?void 0:i.length)||0),1),e.counterMaxLength?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode("/"+t.toDisplayString(e.counterMaxLength),1)],64)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]}),_:1},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const o=n._export_sfc(m,[["render",q]]),u={install(r){n.registerComponent(r,o)}};n.use(u);exports.PktTextarea=o;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./Icon-D5KXd1vV.cjs"),p=require("./Alert-4uYQ7-Zl.cjs"),f=require("./Button-PeCfDEXj.cjs"),y=require("./InputWrapper-u-5p8dsq.cjs"),t=require("vue"),n=require("./plugins-AiK__HqQ.cjs"),m={name:"PktTextarea",components:{PktIcon:g.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:y.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,required:!1},rows:{type:Number,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},b=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","placeholder","rows","value"],h={key:0,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"};function q(r,a,e,x,k,d){const s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:"pkt-textarea",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=l=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>{var l,i;return[t.createElementVNode("textarea",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=c=>r.$emit("update:modelValue",c.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&((l=e.modelValue)==null?void 0:l.length)>e.counterMaxLength},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":d.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,placeholder:e.placeholder,rows:e.rows,value:e.modelValue}),null,16,b),e.counter?(t.openBlock(),t.createElementBlock("div",h,[t.createTextVNode(t.toDisplayString(((i=e.modelValue)==null?void 0:i.length)||0),1),e.counterMaxLength?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode("/"+t.toDisplayString(e.counterMaxLength),1)],64)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]}),_:1},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const o=n._export_sfc(m,[["render",q]]),u={install(r){n.registerComponent(r,o)}};n.use(u);exports.PktTextarea=o;exports.default=u;

package/dist/punkt-vue-textarea.js

@@ -1,7 +1,7 @@
-import { P as m } from "./Icon-s3ZNrtl-.js";
-import { P as p } from "./Alert-vdgjfN8U.js";
-import { P as y } from "./Button-d8lke1EQ.js";
-import { P as c } from "./InputWrapper--KRt1tMo.js";
+import { P as m } from "./Icon-f0Yu-X_2.js";
+import { P as p } from "./Alert-p-4l9NR1.js";
+import { P as y } from "./Button-ukohjG2J.js";
+import { P as c } from "./InputWrapper-Hb1mKt2g.js";
 import { resolveComponent as h, openBlock as l, createBlock as x, withCtx as b, createElementVNode as q, mergeProps as T, createElementBlock as n, createTextVNode as o, toDisplayString as d, Fragment as k, createCommentVNode as u } from "vue";
 import { _ as B, u as w, a as P } from "./plugins-IeJb3XDX.js";
 const S = {

package/dist/punkt-vue-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-E884mTfP.cjs"),f=require("./InputWrapper-o8KTWCma.cjs"),t=require("vue"),n=require("./plugins-AiK__HqQ.cjs");require("./Button--S5WhTrE.cjs");const g={name:"PktTextinput",components:{PktIcon:c.PktIcon,PktAlert:p.PktAlert,PktInputWrapper:f.PktInputWrapper},inheritAttrs:!1,props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},type:{type:String,required:!1,default:"text"},autocomplete:{type:String,required:!1,default:"off"},modelValue:{type:String,required:!1},suffix:{type:String,required:!1},prefix:{type:String,required:!1},iconNameRight:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},omitSearchIcon:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`},shouldShowSearchIcon(){return this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon}}},m={class:"pkt-input__container"},y={key:0,class:"pkt-input-prefix"},h=["type","name","id","placeholder","autocomplete","value","disabled","aria-invalid","aria-errormessage","aria-labelledby"],k={key:1,class:"pkt-input-suffix"};function x(r,a,e,q,b,i){const l=t.resolveComponent("pkt-icon"),s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:"pkt-textinput",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=o=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("div",m,[e.prefix?(t.openBlock(),t.createElementBlock("div",y,t.toDisplayString(e.prefix),1)):t.createCommentVNode("",!0),t.createElementVNode("input",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=o=>r.$emit("update:modelValue",o.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},type:e.type,name:e.name||e.id,id:e.id,placeholder:e.placeholder,autocomplete:e.autocomplete,value:e.modelValue,disabled:e.disabled,"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":i.labelledBy,ref:"input"}),null,16,h),e.suffix?(t.openBlock(),t.createElementBlock("p",k,[t.createTextVNode(t.toDisplayString(e.suffix)+" ",1),e.iconNameRight?(t.openBlock(),t.createBlock(l,{key:0,class:"pkt-input-suffix-icon",name:e.iconNameRight},null,8,["name"])):i.shouldShowSearchIcon?(t.openBlock(),t.createBlock(l,{key:1,class:"pkt-input-suffix-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])):e.iconNameRight?(t.openBlock(),t.createBlock(l,{key:2,class:"pkt-input-icon",name:e.iconNameRight},null,8,["name"])):i.shouldShowSearchIcon?(t.openBlock(),t.createBlock(l,{key:3,class:"pkt-input-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])]),_:1},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=n._export_sfc(g,[["render",x]]),d={install(r){n.registerComponent(r,u)}};n.use(d);exports.PktTextinput=u;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./Icon-D5KXd1vV.cjs"),p=require("./Alert-4uYQ7-Zl.cjs"),f=require("./InputWrapper-u-5p8dsq.cjs"),t=require("vue"),n=require("./plugins-AiK__HqQ.cjs");require("./Button-PeCfDEXj.cjs");const g={name:"PktTextinput",components:{PktIcon:c.PktIcon,PktAlert:p.PktAlert,PktInputWrapper:f.PktInputWrapper},inheritAttrs:!1,props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},type:{type:String,required:!1,default:"text"},autocomplete:{type:String,required:!1,default:"off"},modelValue:{type:String,required:!1},suffix:{type:String,required:!1},prefix:{type:String,required:!1},iconNameRight:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},omitSearchIcon:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`},shouldShowSearchIcon(){return this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon}}},m={class:"pkt-input__container"},y={key:0,class:"pkt-input-prefix"},h=["type","name","id","placeholder","autocomplete","value","disabled","aria-invalid","aria-errormessage","aria-labelledby"],k={key:1,class:"pkt-input-suffix"};function x(r,a,e,q,b,i){const l=t.resolveComponent("pkt-icon"),s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:"pkt-textinput",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=o=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("div",m,[e.prefix?(t.openBlock(),t.createElementBlock("div",y,t.toDisplayString(e.prefix),1)):t.createCommentVNode("",!0),t.createElementVNode("input",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=o=>r.$emit("update:modelValue",o.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},type:e.type,name:e.name||e.id,id:e.id,placeholder:e.placeholder,autocomplete:e.autocomplete,value:e.modelValue,disabled:e.disabled,"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":i.labelledBy,ref:"input"}),null,16,h),e.suffix?(t.openBlock(),t.createElementBlock("p",k,[t.createTextVNode(t.toDisplayString(e.suffix)+" ",1),e.iconNameRight?(t.openBlock(),t.createBlock(l,{key:0,class:"pkt-input-suffix-icon",name:e.iconNameRight},null,8,["name"])):i.shouldShowSearchIcon?(t.openBlock(),t.createBlock(l,{key:1,class:"pkt-input-suffix-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])):e.iconNameRight?(t.openBlock(),t.createBlock(l,{key:2,class:"pkt-input-icon",name:e.iconNameRight},null,8,["name"])):i.shouldShowSearchIcon?(t.openBlock(),t.createBlock(l,{key:3,class:"pkt-input-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])]),_:1},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=n._export_sfc(g,[["render",x]]),d={install(r){n.registerComponent(r,u)}};n.use(d);exports.PktTextinput=u;exports.default=d;

package/dist/punkt-vue-textinput.js

@@ -1,9 +1,9 @@
-import { P as m } from "./Icon-s3ZNrtl-.js";
-import { P as g } from "./Alert-vdgjfN8U.js";
-import { P as h } from "./InputWrapper--KRt1tMo.js";
+import { P as m } from "./Icon-f0Yu-X_2.js";
+import { P as g } from "./Alert-p-4l9NR1.js";
+import { P as h } from "./InputWrapper-Hb1mKt2g.js";
 import { resolveComponent as u, openBlock as t, createBlock as r, withCtx as y, createElementVNode as s, createElementBlock as f, toDisplayString as p, createCommentVNode as o, mergeProps as x, createTextVNode as b } from "vue";
 import { _ as q, u as k, a as S } from "./plugins-IeJb3XDX.js";
-import "./Button-d8lke1EQ.js";
+import "./Button-ukohjG2J.js";
 const T = {
   name: "PktTextinput",
   components: { PktIcon: m, PktAlert: g, PktInputWrapper: h },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-vue",
-  "version": "11.7.0",
+  "version": "11.8.0",
   "description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -65,5 +65,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "7879f13bffc381ad3ac5da9f18f03f5ec9ab10ed"
+  "gitHead": "510c43734ab24941a95c9e256abedbc30554bf3c"
 }

package/src/components/button/Button.vue

@@ -95,7 +95,7 @@ export default {
   },
   computed: {
     classes() {
-      return ['pkt-btn', this.sizeClass, this.skinClass, this.variantClass, this.colorClass]
+      return ['pkt-btn', this.sizeClass, this.skinClass, this.variantClass, this.colorClass, this.isLoadingClass]
     },
     sizeClass() {
       return this.size !== 'medium' ? `pkt-btn--${this.size}` : ''
@@ -109,6 +109,9 @@ export default {
     variantClass() {
       return this.variant !== 'label-only' ? `pkt-btn--${this.variant}` : ''
     },
+    isLoadingClass() {
+      return this.isLoading === true ? 'pkt-btn--active' : ''
+    },
   },
 }
 </script>

package/src/components/icon/Icon.vue

@@ -3,29 +3,44 @@
 </template>
 
 <script>
-// Cache is a dictionary of promises that each resolves to an svg icon
-const iconCache = {};
+const errorSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>'
 
-const errorSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms))
+}
 
-function getIcon(name, path) {
-  // Download and cache icon if not in cache
-  if (!iconCache[name] && typeof window.fetch === 'function') {
-    iconCache[name] = window.fetch(path + name + '.svg')
-      .then((response) => {
-        if (!response.ok) {
-          console.error('Missing icon: ' + path + name + '.svg');
-          return errorSvg;
-        }
-        return response.text();
-      })
-      .then((text) => {
-        return text;
-      });
-  }
+const dlStatus = {}
 
-  // Return the svg promise
-  return Promise.resolve(iconCache[name]);
+const downloadIconOrGetFromCache = async (name, path) => {
+  let i = 0
+  while (dlStatus[path + name + '.svg'] === 'fetching') {
+    i++
+    if (i > 50) break
+    await sleep(50)
+  }
+  if (localStorage.getItem(path + name + '.svg')) {
+    return Promise.resolve(localStorage.getItem(path + name + '.svg'))
+  } else if (typeof window.fetch === 'function') {
+    dlStatus[path + name + '.svg'] = 'fetching'
+    return Promise.resolve(
+      fetch(path + name + '.svg')
+        .then((response) => {
+          if (!response.ok) {
+            console.error('Missing icon: ' + path + name + '.svg')
+            return errorSvg
+          }
+          return response.text()
+        })
+        .then((text) => {
+          if (text !== errorSvg) {
+            localStorage.setItem(path + name + '.svg', text)
+          }
+          dlStatus[path + name + '.svg'] = 'fetched'
+          return text
+        })
+    )
+  }
+  return Promise.resolve(errorSvg)
 }
 
 export default {
@@ -35,7 +50,7 @@ export default {
     return {
       defaultSvgPath: 'https://punkt-cdn.oslo.kommune.no/latest/icons/',
       innerHtml: '',
-    };
+    }
   },
 
   props: {
@@ -59,12 +74,12 @@ export default {
 
   methods: {
     onNameChange(newName) {
-      const path = this.path || this.$pktSvgPath || this.defaultSvgPath;
+      const path = this.path || this.$pktSvgPath || this.defaultSvgPath
 
-      getIcon(newName, path).then((svg) => {
-        this.innerHtml = svg;
-      });
+      downloadIconOrGetFromCache(newName, path).then((svg) => {
+        this.innerHtml = svg
+      })
     },
   },
-};
+}
 </script>

package/dist/Button--S5WhTrE.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),r=require("./plugins-AiK__HqQ.cjs"),c={name:"PktButton",components:{PktIcon:a.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)},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]},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}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""}}},u=["type","disabled"],d={class:"pkt-btn__text"};function k(t,i,n,p,y,o){const l=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:o.classes,onClick:i[0]||(i[0]=s=>t.$emit("onClick")),onKeyup:i[1]||(i[1]=e.withKeys(s=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(l,{key:0,class:"pkt-btn__icon",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/latest/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(l,{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(l,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,u)}const m=r._export_sfc(c,[["render",k]]);exports.PktButton=m;

package/dist/Icon-Q_SkpRJa.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("vue"),i=require("./plugins-AiK__HqQ.cjs"),r={},c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function u(t,n){return!r[t]&&typeof window.fetch=="function"&&(r[t]=window.fetch(n+t+".svg").then(e=>e.ok?e.text():(console.error("Missing icon: "+n+t+".svg"),c)).then(e=>e)),Promise.resolve(r[t])}const h={name:"PktIcon",data(){return{defaultSvgPath:"https://punkt-cdn.oslo.kommune.no/latest/icons/",innerHtml:""}},props:{name:{type:String,required:!0,default:void 0},path:{type:String,default:void 0}},watch:{name:{handler:"onNameChange",immediate:!0}},methods:{onNameChange(t){const n=this.path||this.$pktSvgPath||this.defaultSvgPath;u(t,n).then(e=>{this.innerHtml=e})}}},a=["innerHTML"];function l(t,n,e,p,s,f){return s.innerHtml?(o.openBlock(),o.createElementBlock("span",{key:0,class:"pkt-icon",innerHTML:s.innerHtml},null,8,a)):o.createCommentVNode("",!0)}const d=i._export_sfc(h,[["render",l]]);exports.PktIcon=d;

package/dist/Icon-s3ZNrtl-.js

@@ -1,51 +0,0 @@
-import { openBlock as i, createElementBlock as s, createCommentVNode as c } from "vue";
-import { _ as a } from "./plugins-IeJb3XDX.js";
-const o = {}, h = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
-function u(t, n) {
-  return !o[t] && typeof window.fetch == "function" && (o[t] = window.fetch(n + t + ".svg").then((e) => e.ok ? e.text() : (console.error("Missing icon: " + n + t + ".svg"), h)).then((e) => e)), Promise.resolve(o[t]);
-}
-const p = {
-  name: "PktIcon",
-  data() {
-    return {
-      defaultSvgPath: "https://punkt-cdn.oslo.kommune.no/latest/icons/",
-      innerHtml: ""
-    };
-  },
-  props: {
-    name: {
-      type: String,
-      required: !0,
-      default: void 0
-    },
-    path: {
-      type: String,
-      default: void 0
-    }
-  },
-  watch: {
-    name: {
-      handler: "onNameChange",
-      immediate: !0
-    }
-  },
-  methods: {
-    onNameChange(t) {
-      const n = this.path || this.$pktSvgPath || this.defaultSvgPath;
-      u(t, n).then((e) => {
-        this.innerHtml = e;
-      });
-    }
-  }
-}, l = ["innerHTML"];
-function m(t, n, e, d, r, f) {
-  return r.innerHtml ? (i(), s("span", {
-    key: 0,
-    class: "pkt-icon",
-    innerHTML: r.innerHtml
-  }, null, 8, l)) : c("", !0);
-}
-const _ = /* @__PURE__ */ a(p, [["render", m]]);
-export {
-  _ as P
-};