@oslokommune/punkt-vue 12.8.1 → 12.9.0

package/CHANGELOG.md

@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.9.0](https://github.com/oslokommune/punkt/compare/12.8.2...12.9.0) (2024-11-21)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [12.8.2](https://github.com/oslokommune/punkt/compare/12.8.1...12.8.2) (2024-11-21)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.6.8](https://github.com/oslokommune/punkt/compare/12.6.7...12.6.8) (2024-11-14)
 
 ### ⚠ BREAKING CHANGES

package/dist/Button-BlX9N6dr.js

@@ -120,7 +120,7 @@ function _(t, n, e, S, P, r) {
       key: 0,
       class: "pkt-btn__icon pkt-btn__spinner",
       name: "spinner-blue",
-      path: "https://punkt-cdn.oslo.kommune.no/12.8/animations/"
+      path: "https://punkt-cdn.oslo.kommune.no/12.9/animations/"
     })) : l("", !0),
     e.variant !== "label-only" ? (s(), a(i, {
       key: 1,

package/dist/Button-D2xQdpZo.cjs

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

package/dist/Helptext-C0rc7W-7.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./Button-D2xQdpZo.cjs"),e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s={name:"pktHelptext",components:{PktButton:l.PktButton},emits:["toggleHelpText"],props:{forId:{type:String,required:!0},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)}},computed:{hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'}}},c={key:0},a=["id","innerHTML"],d={key:0,class:"pkt-inputwrapper__helptext-expandable"},u=["innerHTML"],h=["innerHTML"];function x(p,k,t,m,n,o){const r=e.resolveComponent("PktButton");return t.helptext||t.helptextDropdown?(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",{class:"pkt-inputwrapper__helptext",id:`${t.forId}-helptext`,innerHTML:t.helptext},null,8,a),o.hasDropDown?(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(r,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":n.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-link pkt-link--icon-right",onOnClick:o.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:o.dropdownButton},null,8,u)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":n.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!n.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,h)],2),e.renderSlot(p.$slots,"default")])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)}const _=i._export_sfc(s,[["render",x]]);exports.PktHelptext=_;

package/dist/{Helptext-B-pGON3u.js → Helptext-CgM2qrry.js}

@@ -1,5 +1,5 @@
 import { P as a } from "./Button-BlX9N6dr.js";
-import { resolveComponent as d, openBlock as p, createElementBlock as o, createCommentVNode as l, createVNode as h, withCtx as c, createElementVNode as r, normalizeClass as u, renderSlot as x } from "vue";
+import { resolveComponent as d, openBlock as o, createElementBlock as r, createElementVNode as t, createVNode as h, withCtx as c, normalizeClass as x, renderSlot as u, createCommentVNode as l } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {
   name: "pktHelptext",
@@ -41,46 +41,45 @@ const m = {
       return this.helptextDropdownButton || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>';
     }
   }
-}, k = ["id", "innerHTML"], H = {
-  key: 1,
+}, k = { key: 0 }, H = ["id", "innerHTML"], w = {
+  key: 0,
   class: "pkt-inputwrapper__helptext-expandable"
-}, w = ["innerHTML"], T = ["innerHTML"];
-function f(i, g, e, D, t, n) {
+}, T = ["innerHTML"], f = ["innerHTML"];
+function g(i, D, e, B, n, p) {
   const s = d("PktButton");
-  return p(), o("div", null, [
-    e.helptext ? (p(), o("div", {
-      key: 0,
+  return e.helptext || e.helptextDropdown ? (o(), r("div", k, [
+    t("div", {
       class: "pkt-inputwrapper__helptext",
       id: `${e.forId}-helptext`,
       innerHTML: e.helptext
-    }, null, 8, k)) : l("", !0),
-    n.hasDropDown ? (p(), o("div", H, [
+    }, null, 8, H),
+    p.hasDropDown ? (o(), r("div", w, [
       h(s, {
         skin: "tertiary",
         size: "small",
         variant: "icon-right",
-        "icon-name": t.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down",
+        "icon-name": n.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down",
         class: "pkt-link pkt-link--icon-right",
-        onOnClick: n.toggleHelpText
+        onOnClick: p.toggleHelpText
       }, {
         default: c(() => [
-          r("span", { innerHTML: n.dropdownButton }, null, 8, w)
+          t("span", { innerHTML: p.dropdownButton }, null, 8, T)
         ]),
         _: 1
       }, 8, ["icon-name", "onOnClick"]),
-      r("div", {
-        class: u(["pkt-inputwrapper__helptext", {
-          "pkt-inputwrapper__helptext-expandable-open": t.isHelpTextOpen,
-          "pkt-inputwrapper__helptext-expandable-closed": !t.isHelpTextOpen
+      t("div", {
+        class: x(["pkt-inputwrapper__helptext", {
+          "pkt-inputwrapper__helptext-expandable-open": n.isHelpTextOpen,
+          "pkt-inputwrapper__helptext-expandable-closed": !n.isHelpTextOpen
         }])
       }, [
-        r("span", { innerHTML: e.helptextDropdown }, null, 8, T)
+        t("span", { innerHTML: e.helptextDropdown }, null, 8, f)
       ], 2),
-      x(i.$slots, "default")
+      u(i.$slots, "default")
     ])) : l("", !0)
-  ]);
+  ])) : l("", !0);
 }
-const y = /* @__PURE__ */ _(m, [["render", f]]);
+const L = /* @__PURE__ */ _(m, [["render", g]]);
 export {
-  y as P
+  L as P
 };

package/dist/{InputWrapper-DnER9tqA.js → InputWrapper-DQamqoVn.js}

@@ -1,5 +1,5 @@
 import { P as b } from "./Alert-R-eAFCdz.js";
-import { P as k } from "./Helptext-B-pGON3u.js";
+import { P as k } from "./Helptext-CgM2qrry.js";
 import { resolveComponent as u, openBlock as r, createElementBlock as a, normalizeClass as s, createBlock as p, resolveDynamicComponent as f, withCtx as d, createTextVNode as n, toDisplayString as l, createCommentVNode as i, createVNode as h, renderSlot as c, Fragment as g, createElementVNode as _ } from "vue";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const T = {

package/dist/{InputWrapper-BqOJGg64.cjs → InputWrapper-dAZmFe5o.cjs}

@@ -1 +1 @@
-"use strict";const i=require("./Alert-BxaNh35y.cjs"),o=require("./Helptext-BCvW9K5L.cjs"),e=require("vue"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),d={name:"pktInputwrapper",components:{PktAlert:i.PktAlert,PktHelptext:o.PktHelptext},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},counter:{type:Boolean,default:!1},counterCurrent:{type:Number,required:!1},counterMaxLength:{type:Number,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)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},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":""},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!==""},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["for","aria-describedby"],u=["for","aria-describedby","id"],p={key:2,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"},h={key:3},f=["innerHTML"];function k(l,y,t,x,m,r){const a=e.resolveComponent("PktHelptext"),n=e.resolveComponent("PktAlert");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"])),e.createVNode(a,{forId:t.forId,onToggleHelpText:r.toggleHelpText,helptext:t.helptext,helptextDropdownButton:t.helptextDropdownButton,helptextDropdown:t.helptextDropdown},{default:e.withCtx(()=>[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,c))]),_:1},8,["forId","onToggleHelpText","helptext","helptextDropdownButton","helptextDropdown"]),e.renderSlot(l.$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,u)),e.renderSlot(l.$slots,"default")],64)),t.counter?(e.openBlock(),e.createElementBlock("div",p,[e.createTextVNode(e.toDisplayString(t.counterCurrent||0),1),t.counterMaxLength?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("/"+e.toDisplayString(t.counterMaxLength),1)],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(n,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"pkt-contents",innerHTML:t.errorMessage},null,8,f)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const g=s._export_sfc(d,[["render",k]]);exports.PktInputWrapper=g;
+"use strict";const i=require("./Alert-BxaNh35y.cjs"),o=require("./Helptext-C0rc7W-7.cjs"),e=require("vue"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),d={name:"pktInputwrapper",components:{PktAlert:i.PktAlert,PktHelptext:o.PktHelptext},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},counter:{type:Boolean,default:!1},counterCurrent:{type:Number,required:!1},counterMaxLength:{type:Number,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)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},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":""},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!==""},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["for","aria-describedby"],u=["for","aria-describedby","id"],p={key:2,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"},h={key:3},f=["innerHTML"];function k(l,y,t,x,m,r){const a=e.resolveComponent("PktHelptext"),n=e.resolveComponent("PktAlert");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"])),e.createVNode(a,{forId:t.forId,onToggleHelpText:r.toggleHelpText,helptext:t.helptext,helptextDropdownButton:t.helptextDropdownButton,helptextDropdown:t.helptextDropdown},{default:e.withCtx(()=>[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,c))]),_:1},8,["forId","onToggleHelpText","helptext","helptextDropdownButton","helptextDropdown"]),e.renderSlot(l.$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,u)),e.renderSlot(l.$slots,"default")],64)),t.counter?(e.openBlock(),e.createElementBlock("div",p,[e.createTextVNode(e.toDisplayString(t.counterCurrent||0),1),t.counterMaxLength?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("/"+e.toDisplayString(t.counterMaxLength),1)],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(n,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"pkt-contents",innerHTML:t.errorMessage},null,8,f)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const g=s._export_sfc(d,[["render",k]]);exports.PktInputWrapper=g;

package/dist/punkt-vue-header.cjs

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

package/dist/punkt-vue-header.js

@@ -159,7 +159,7 @@ function ke(l, s, e, he, g, m) {
           name: "oslologo",
           class: "pkt-header__logo-svg",
           "aria-hidden": "true",
-          path: "https://punkt-cdn.oslo.kommune.no/12.8/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.9/logos/"
         })
       ], 8, F)) : (t(), o("button", {
         key: 1,
@@ -171,7 +171,7 @@ function ke(l, s, e, he, g, m) {
           name: "oslologo",
           class: "pkt-header__logo-svg",
           "aria-hidden": "true",
-          path: "https://punkt-cdn.oslo.kommune.no/12.8/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.9/logos/"
         })
       ])),
       e.serviceName ? (t(), o("span", H, a(e.serviceName), 1)) : r("", !0)

package/dist/punkt-vue-helptext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Helptext-BCvW9K5L.cjs"),t=require("./plugins-CMydO4oi.cjs"),l={install(u){t.registerComponent(u,e.PktHelptext)}};t.use(l);exports.PktHelptext=e.PktHelptext;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Helptext-C0rc7W-7.cjs"),t=require("./plugins-CMydO4oi.cjs"),l={install(u){t.registerComponent(u,e.PktHelptext)}};t.use(l);exports.PktHelptext=e.PktHelptext;exports.default=l;

package/dist/punkt-vue-helptext.js

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

package/dist/punkt-vue-index.cjs

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

package/dist/punkt-vue-index.js

@@ -42,9 +42,9 @@ import { u as C, r as I } from "./plugins-DQVoaMd9.js";
 import { PktStep as qo, PktStepper as Eo } from "./punkt-vue-stepper.js";
 import { P as Jo } from "./Alert-R-eAFCdz.js";
 import { P as Qo } from "./Button-BlX9N6dr.js";
-import { P as Vo } from "./Helptext-B-pGON3u.js";
+import { P as Vo } from "./Helptext-CgM2qrry.js";
 import { P as Yo } from "./Icon-DdXdUxP2.js";
-import { P as or } from "./InputWrapper-DnER9tqA.js";
+import { P as or } from "./InputWrapper-DQamqoVn.js";
 import { T as tr } from "./Tag-woclEEQp.js";
 const t = /* @__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-BqOJGg64.cjs"),t=require("./plugins-CMydO4oi.cjs"),r={install(u){t.registerComponent(u,e.PktInputWrapper)}};t.use(r);exports.PktInputWrapper=e.PktInputWrapper;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputWrapper-dAZmFe5o.cjs"),t=require("./plugins-CMydO4oi.cjs"),r={install(u){t.registerComponent(u,e.PktInputWrapper)}};t.use(r);exports.PktInputWrapper=e.PktInputWrapper;exports.default=r;

package/dist/punkt-vue-inputwrapper.js

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

package/dist/punkt-vue-loader.cjs

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

package/dist/punkt-vue-loader.js

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

package/dist/punkt-vue-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BLNK24NN.cjs"),p=require("./Alert-BxaNh35y.cjs"),f=require("./Button-D2xQdpZo.cjs"),g=require("./InputWrapper-BqOJGg64.cjs"),t=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),q={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}`}}},c=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","value"];function y(r,l,e,m,h,o){const u=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(u,{class:t.normalizeClass(["pkt-select",r.$attrs.class]),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:l[1]||(l[1]=a=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("select",t.mergeProps(r.$attrs,{onInput:l[0]||(l[0]=a=>r.$emit("update:modelValue",a.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,c)]),_:3},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const n=b._export_sfc(q,[["render",y]]),d={install(r){i.registerComponent(r,n)}};i.use(d);exports.PktSelect=n;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BLNK24NN.cjs"),p=require("./Alert-BxaNh35y.cjs"),f=require("./Button-D2xQdpZo.cjs"),g=require("./InputWrapper-dAZmFe5o.cjs"),t=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),q={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}`}}},c=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","value"];function y(r,l,e,m,h,o){const u=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(u,{class:t.normalizeClass(["pkt-select",r.$attrs.class]),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:l[1]||(l[1]=a=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("select",t.mergeProps(r.$attrs,{onInput:l[0]||(l[0]=a=>r.$emit("update:modelValue",a.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,c)]),_:3},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const n=b._export_sfc(q,[["render",y]]),d={install(r){i.registerComponent(r,n)}};i.use(d);exports.PktSelect=n;exports.default=d;

package/dist/punkt-vue-select.js

@@ -1,7 +1,7 @@
 import { P as d } from "./Icon-DdXdUxP2.js";
 import { P as o } from "./Alert-R-eAFCdz.js";
 import { P as n } from "./Button-BlX9N6dr.js";
-import { P as s } from "./InputWrapper-DnER9tqA.js";
+import { P as s } from "./InputWrapper-DQamqoVn.js";
 import { resolveComponent as u, openBlock as p, createBlock as f, normalizeClass as m, withCtx as g, createElementVNode as b, mergeProps as y, renderSlot as q } from "vue";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as x, a as c } from "./plugins-DQVoaMd9.js";

package/dist/punkt-vue-stepper.cjs

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

package/dist/punkt-vue-stepper.js

@@ -1,27 +1,28 @@
-import { u as m, a as c } from "./plugins-DQVoaMd9.js";
-import { defineComponent as d, ref as v, computed as i, provide as k, openBlock as u, createElementBlock as _, normalizeClass as h, renderSlot as f, inject as g, createElementVNode as e, toDisplayString as S } from "vue";
-const w = /* @__PURE__ */ d({
+import { u as g, a as c } from "./plugins-DQVoaMd9.js";
+import { defineComponent as h, ref as w, computed as i, provide as d, openBlock as _, createElementBlock as f, normalizeClass as v, renderSlot as m, inject as u, createElementVNode as e, toDisplayString as C } from "vue";
+const N = /* @__PURE__ */ h({
   __name: "Stepper",
   props: {
     className: {},
     hideNonActiveStepsContent: { type: Boolean, default: !0 },
+    hideNonActiveSteps: { type: Boolean, default: !1 },
     orientation: { default: "vertical" }
   },
   setup(s) {
-    const t = s, l = v(null), p = i(() => [
+    const t = s, l = w(null), p = i(() => [
       t.className,
       "pkt-stepper",
       t.orientation === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
     ].filter(Boolean).join(" "));
-    return k("hideNonActiveStepsContent", t.hideNonActiveStepsContent), (o, r) => (u(), _("ol", {
-      class: h(p.value),
+    return d("hideNonActiveStepsContent", t.hideNonActiveStepsContent), d("hideNonActiveSteps", t.hideNonActiveSteps), (o, r) => (_(), f("ol", {
+      class: v(p.value),
       ref_key: "stepperRef",
       ref: l
     }, [
-      f(o.$slots, "default")
+      m(o.$slots, "default")
     ], 2));
   }
-}), C = ["innerHTML"], y = { class: "pkt-step__wrapper" }, N = { class: "pkt-step__title" }, A = { class: "pkt-step__content" }, x = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>', L = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>', z = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><path d="m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z" fill="#F1FDFF" /></svg>', B = /* @__PURE__ */ d({
+}), A = ["innerHTML"], y = { class: "pkt-step__wrapper" }, x = { class: "pkt-step__title" }, B = { class: "pkt-step__content" }, H = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>', L = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>', z = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><path d="m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z" fill="#F1FDFF" /></svg>', F = /* @__PURE__ */ h({
   __name: "Step",
   props: {
     title: {},
@@ -29,23 +30,24 @@ const w = /* @__PURE__ */ d({
     status: { default: "incomplete" }
   },
   setup(s) {
-    const t = s, l = g("hideNonActiveStepsContent"), p = () => !!(l && t.status !== "current"), o = i(() => [
+    const t = s, l = u("hideNonActiveStepsContent"), p = () => !!(l && t.status !== "current"), o = u("hideNonActiveSteps"), r = () => !!(o && t.status !== "current"), S = i(() => [
       "pkt-step",
       t.className,
       `pkt-step--${t.status}`,
-      { "pkt-step--hidden": p() }
-    ]), r = i(() => {
+      { "pkt-step--hideContent": p() },
+      { "pkt-step--hideStep": r() }
+    ]), k = i(() => {
       switch (t.status) {
         case "current":
           return L;
         case "completed":
           return z;
         default:
-          return x;
+          return H;
       }
     });
-    return (a, n) => (u(), _("li", {
-      class: h(o.value),
+    return (a, n) => (_(), f("li", {
+      class: v(S.value),
       "data-testid": "pkt-step"
     }, [
       n[0] || (n[0] = e("span", {
@@ -58,28 +60,28 @@ const w = /* @__PURE__ */ d({
       }, null, -1)),
       e("span", {
         class: "pkt-step__indicator",
-        innerHTML: r.value
-      }, null, 8, C),
+        innerHTML: k.value
+      }, null, 8, A),
       n[2] || (n[2] = e("span", {
         class: "pkt-step__line pkt-step__line--3",
         "aria-hidden": ""
       }, null, -1)),
       e("div", y, [
-        e("div", N, S(a.title), 1),
-        e("div", A, [
-          f(a.$slots, "default")
+        e("div", x, C(a.title), 1),
+        e("div", B, [
+          m(a.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), F = {
+}), G = {
   install(s) {
-    c(s, w), c(s, B);
+    c(s, N), c(s, F);
   }
 };
-m(F);
+g(G);
 export {
-  B as PktStep,
-  w as PktStepper,
-  F as default
+  F as PktStep,
+  N as PktStepper,
+  G as default
 };

package/dist/punkt-vue-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BLNK24NN.cjs"),c=require("./Alert-BxaNh35y.cjs"),f=require("./Button-D2xQdpZo.cjs"),q=require("./InputWrapper-BqOJGg64.cjs"),t=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),h={name:"PktTextarea",components:{PktIcon:p.PktIcon,PktAlert:c.PktAlert,PktButton:f.PktButton,PktInputWrapper:q.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}`}}},y=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","placeholder","rows","value"];function x(r,a,e,m,T,d){var n;const s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:t.normalizeClass(["pkt-textarea",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,counter:e.counter,counterCurrent:(n=e.modelValue)==null?void 0:n.length,counterMaxLength:e.counterMaxLength,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;return[t.createElementVNode("textarea",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=g=>r.$emit("update:modelValue",g.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,y)]}),_:1},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","counter","counterCurrent","counterMaxLength","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=b._export_sfc(h,[["render",x]]),o={install(r){i.registerComponent(r,u)}};i.use(o);exports.PktTextarea=u;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BLNK24NN.cjs"),c=require("./Alert-BxaNh35y.cjs"),f=require("./Button-D2xQdpZo.cjs"),q=require("./InputWrapper-dAZmFe5o.cjs"),t=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),h={name:"PktTextarea",components:{PktIcon:p.PktIcon,PktAlert:c.PktAlert,PktButton:f.PktButton,PktInputWrapper:q.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}`}}},y=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","placeholder","rows","value"];function x(r,a,e,m,T,d){var n;const s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:t.normalizeClass(["pkt-textarea",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,counter:e.counter,counterCurrent:(n=e.modelValue)==null?void 0:n.length,counterMaxLength:e.counterMaxLength,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;return[t.createElementVNode("textarea",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=g=>r.$emit("update:modelValue",g.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,y)]}),_:1},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","counter","counterCurrent","counterMaxLength","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=b._export_sfc(h,[["render",x]]),o={install(r){i.registerComponent(r,u)}};i.use(o);exports.PktTextarea=u;exports.default=o;

package/dist/punkt-vue-textarea.js

@@ -1,7 +1,7 @@
 import { P as d } from "./Icon-DdXdUxP2.js";
 import { P as u } from "./Alert-R-eAFCdz.js";
 import { P as s } from "./Button-BlX9N6dr.js";
-import { P as f } from "./InputWrapper-DnER9tqA.js";
+import { P as f } from "./InputWrapper-DQamqoVn.js";
 import { resolveComponent as g, openBlock as p, createBlock as m, normalizeClass as h, withCtx as c, createElementVNode as x, mergeProps as y } from "vue";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { u as q, a as T } from "./plugins-DQVoaMd9.js";

package/dist/punkt-vue-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BLNK24NN.cjs"),p=require("./Alert-BxaNh35y.cjs"),f=require("./InputWrapper-BqOJGg64.cjs"),t=require("vue"),g=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),o=require("./plugins-CMydO4oi.cjs"),h={name:"PktTextinput",components:{PktIcon:s.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},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,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},counterCurrent(){var r;return(r=this.modelValue)==null?void 0:r.length}}},m={class:"pkt-input__container"},y={key:0,class:"pkt-input-prefix"},x=["type","name","id","placeholder","autocomplete","value","disabled","aria-invalid","aria-errormessage","aria-labelledby"],k={key:1,class:"pkt-input-suffix"};function q(r,l,e,b,S,a){const n=t.resolveComponent("PktIcon"),c=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(c,{class:t.normalizeClass(["pkt-textinput",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,counter:e.counter,counterCurrent:a.counterCurrent,counterMaxLength:e.counterMaxLength,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:l[1]||(l[1]=i=>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:l[0]||(l[0]=i=>r.$emit("update:modelValue",i.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&a.counterCurrent>e.counterMaxLength},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":a.labelledBy,ref:"input"}),null,16,x),e.suffix?(t.openBlock(),t.createElementBlock("p",k,[t.createTextVNode(t.toDisplayString(e.suffix)+" ",1),e.iconNameRight?(t.openBlock(),t.createBlock(n,{key:0,class:"pkt-input-suffix-icon",name:e.iconNameRight},null,8,["name"])):a.shouldShowSearchIcon?(t.openBlock(),t.createBlock(n,{key:1,class:"pkt-input-suffix-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])):e.iconNameRight?(t.openBlock(),t.createBlock(n,{key:2,class:"pkt-input-icon",name:e.iconNameRight},null,8,["name"])):a.shouldShowSearchIcon?(t.openBlock(),t.createBlock(n,{key:3,class:"pkt-input-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])]),_:1},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","counter","counterCurrent","counterMaxLength","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=g._export_sfc(h,[["render",q]]),d={install(r){o.registerComponent(r,u)}};o.use(d);exports.PktTextinput=u;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BLNK24NN.cjs"),p=require("./Alert-BxaNh35y.cjs"),f=require("./InputWrapper-dAZmFe5o.cjs"),t=require("vue"),g=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),o=require("./plugins-CMydO4oi.cjs"),h={name:"PktTextinput",components:{PktIcon:s.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},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,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},counterCurrent(){var r;return(r=this.modelValue)==null?void 0:r.length}}},m={class:"pkt-input__container"},y={key:0,class:"pkt-input-prefix"},x=["type","name","id","placeholder","autocomplete","value","disabled","aria-invalid","aria-errormessage","aria-labelledby"],k={key:1,class:"pkt-input-suffix"};function q(r,l,e,b,S,a){const n=t.resolveComponent("PktIcon"),c=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(c,{class:t.normalizeClass(["pkt-textinput",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,counter:e.counter,counterCurrent:a.counterCurrent,counterMaxLength:e.counterMaxLength,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:l[1]||(l[1]=i=>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:l[0]||(l[0]=i=>r.$emit("update:modelValue",i.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&a.counterCurrent>e.counterMaxLength},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":a.labelledBy,ref:"input"}),null,16,x),e.suffix?(t.openBlock(),t.createElementBlock("p",k,[t.createTextVNode(t.toDisplayString(e.suffix)+" ",1),e.iconNameRight?(t.openBlock(),t.createBlock(n,{key:0,class:"pkt-input-suffix-icon",name:e.iconNameRight},null,8,["name"])):a.shouldShowSearchIcon?(t.openBlock(),t.createBlock(n,{key:1,class:"pkt-input-suffix-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])):e.iconNameRight?(t.openBlock(),t.createBlock(n,{key:2,class:"pkt-input-icon",name:e.iconNameRight},null,8,["name"])):a.shouldShowSearchIcon?(t.openBlock(),t.createBlock(n,{key:3,class:"pkt-input-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])]),_:1},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","counter","counterCurrent","counterMaxLength","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=g._export_sfc(h,[["render",q]]),d={install(r){o.registerComponent(r,u)}};o.use(d);exports.PktTextinput=u;exports.default=d;

package/dist/punkt-vue-textinput.js

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

package/package.json

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

package/src/components/helptext/Helptext.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div v-if="helptext" class="pkt-inputwrapper__helptext" :id="`${forId}-helptext`" v-html="helptext"></div>
+  <div v-if="helptext || helptextDropdown" >
+    <div class="pkt-inputwrapper__helptext" :id="`${forId}-helptext`" v-html="helptext"></div>
     <div class="pkt-inputwrapper__helptext-expandable" v-if="hasDropDown">
       <PktButton
         skin="tertiary"

package/src/components/stepper/Step.vue

@@ -34,6 +34,11 @@ const shouldHideContent = (): boolean => {
   return hideNonActiveStepsContent && props.status !== 'current' ? true : false
 }
 
+const hideNonActiveSteps = inject<boolean>('hideNonActiveSteps')
+const shouldHideStepTitleAndContent = (): boolean => {
+  return hideNonActiveSteps && props.status !== 'current' ? true : false
+}
+
 const incompleteStepSVG =
   '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>'
 const currentStepSVG =
@@ -45,7 +50,8 @@ const stepClasses = computed(() => [
   'pkt-step',
   props.className,
   `pkt-step--${props.status}`,
-  { 'pkt-step--hidden': shouldHideContent() },
+  { 'pkt-step--hideContent': shouldHideContent() },
+  { 'pkt-step--hideStep': shouldHideStepTitleAndContent() },
 ])
 
 const statusSVG = computed(() => {

package/src/components/stepper/Stepper.vue

@@ -10,11 +10,13 @@ import { computed, ref, withDefaults, defineProps, provide } from 'vue'
 interface IStepperProps {
   className?: string
   hideNonActiveStepsContent?: boolean
+  hideNonActiveSteps?: boolean
   orientation?: 'horizontal' | 'vertical'
 }
 
 const props = withDefaults(defineProps<IStepperProps>(), {
   hideNonActiveStepsContent: true,
+  hideNonActiveSteps: false,
   orientation: 'vertical',
 })
 
@@ -30,8 +32,9 @@ const stylingClasses = computed(() => {
     .join(' ')
 })
 
-// Make hideNonActiveStepsContent available to all children
+// Make props available to all children
 provide('hideNonActiveStepsContent', props.hideNonActiveStepsContent)
+provide('hideNonActiveSteps', props.hideNonActiveSteps)
 </script>
 
 <style lang="scss"></style>

package/dist/Helptext-BCvW9K5L.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("./Button-D2xQdpZo.cjs"),e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s={name:"pktHelptext",components:{PktButton:l.PktButton},emits:["toggleHelpText"],props:{forId:{type:String,required:!0},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)}},computed:{hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'}}},c=["id","innerHTML"],a={key:1,class:"pkt-inputwrapper__helptext-expandable"},d=["innerHTML"],u=["innerHTML"];function h(o,_,t,k,n,p){const r=e.resolveComponent("PktButton");return e.openBlock(),e.createElementBlock("div",null,[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),p.hasDropDown?(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(r,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":n.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-link pkt-link--icon-right",onOnClick:p.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:p.dropdownButton},null,8,d)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":n.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!n.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,u)],2),e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)])}const x=i._export_sfc(s,[["render",h]]);exports.PktHelptext=x;