@oslokommune/punkt-vue 11.19.3 → 12.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/{Alert-LNP7MGFo.js → Alert-Ch2E8es4.js} +2 -2
- package/dist/{Alert-VmiRg_3U.cjs → Alert-DBTgGUEd.cjs} +1 -1
- package/dist/{Button-fJVVmqZU.cjs → Button-BIRIpiEN.cjs} +1 -1
- package/dist/{Button-5obh_jeA.js → Button-CvxzBz47.js} +3 -3
- package/dist/{Icon-7iwiZOEn.cjs → Icon-BJ7hvALz.cjs} +1 -1
- package/dist/{Icon-8MjQJfqx.js → Icon-DPY4YYRY.js} +2 -2
- package/dist/{InputWrapper-cZ870MjV.js → InputWrapper-BQJIopie.js} +3 -3
- package/dist/{InputWrapper-KjtXuCqE.cjs → InputWrapper-Qmr9qv4c.cjs} +1 -1
- package/dist/{Tag-jpZpXEPw.js → Tag-CVAKMI8h.js} +2 -2
- package/dist/{Tag-1MK-d3wL.cjs → Tag-D1Guaj9I.cjs} +1 -1
- package/dist/punkt-vue-accordion.cjs +1 -1
- package/dist/punkt-vue-accordion.js +2 -3
- package/dist/punkt-vue-alert.cjs +1 -1
- package/dist/punkt-vue-alert.js +6 -9
- package/dist/punkt-vue-backlink.cjs +1 -1
- package/dist/punkt-vue-backlink.js +3 -3
- package/dist/punkt-vue-breadcrumbs.cjs +1 -1
- package/dist/punkt-vue-breadcrumbs.js +3 -3
- package/dist/punkt-vue-button.cjs +1 -1
- package/dist/punkt-vue-button.js +6 -9
- package/dist/punkt-vue-checkbox.cjs +1 -1
- package/dist/punkt-vue-checkbox.js +2 -2
- package/dist/punkt-vue-footer.cjs +1 -1
- package/dist/punkt-vue-footer.js +45 -45
- package/dist/punkt-vue-footersimple.cjs +1 -1
- package/dist/punkt-vue-footersimple.js +26 -26
- package/dist/punkt-vue-header.cjs +1 -1
- package/dist/punkt-vue-header.js +95 -95
- package/dist/punkt-vue-icon.cjs +1 -1
- package/dist/punkt-vue-icon.js +6 -8
- package/dist/punkt-vue-index.cjs +1 -1
- package/dist/punkt-vue-index.js +58 -60
- package/dist/punkt-vue-inputwrapper.cjs +1 -1
- package/dist/punkt-vue-inputwrapper.js +6 -11
- package/dist/punkt-vue-linkcard.cjs +1 -1
- package/dist/punkt-vue-linkcard.js +3 -3
- package/dist/punkt-vue-loader.cjs +1 -1
- package/dist/punkt-vue-loader.js +3 -4
- package/dist/punkt-vue-messagebox.cjs +1 -1
- package/dist/punkt-vue-messagebox.js +3 -3
- package/dist/punkt-vue-progressbar.cjs +1 -1
- package/dist/punkt-vue-progressbar.js +37 -43
- package/dist/punkt-vue-radiobutton.cjs +1 -1
- package/dist/punkt-vue-radiobutton.js +2 -2
- package/dist/punkt-vue-searchinput.cjs +1 -1
- package/dist/punkt-vue-searchinput.js +4 -4
- package/dist/punkt-vue-select.cjs +1 -1
- package/dist/punkt-vue-select.js +6 -6
- package/dist/punkt-vue-stepper.cjs +1 -1
- package/dist/punkt-vue-stepper.js +41 -41
- package/dist/punkt-vue-table.cjs +1 -1
- package/dist/punkt-vue-table.js +1 -1
- package/dist/punkt-vue-tabs.cjs +1 -1
- package/dist/punkt-vue-tabs.js +40 -46
- package/dist/punkt-vue-tag.cjs +1 -1
- package/dist/punkt-vue-tag.js +8 -11
- package/dist/punkt-vue-textarea.cjs +1 -1
- package/dist/punkt-vue-textarea.js +6 -6
- package/dist/punkt-vue-textinput.cjs +1 -1
- package/dist/punkt-vue-textinput.js +5 -6
- package/package.json +10 -10
- /package/dist/{_plugin-vue_export-helper-jfW5FsfF.cjs → _plugin-vue_export-helper-BHFhmbuH.cjs} +0 -0
- /package/dist/{_plugin-vue_export-helper-hUChTQA_.js → _plugin-vue_export-helper-CHgC5LLL.js} +0 -0
- /package/dist/{plugins-IAlvxbZ2.cjs → plugins-CMydO4oi.cjs} +0 -0
- /package/dist/{plugins-UPM181Xt.js → plugins-DQVoaMd9.js} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,26 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [12.0.0](https://github.com/oslokommune/punkt/compare/11.19.3...12.0.0) (2024-09-12)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
* Oppdatert Vite, Sass, Typescript, Astro m.m. (#1904). BREAKING CHANGE: Kan ikke helt garantere at alt oppfører seg helt likt etter å ha oppdatert alle disse avhengighetene og byggemetodene…
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
Ingen
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
* Fikse innsendte props på testsider (#1889). Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
|
|
19
|
+
* Tvinger main til å bygge etter feilbygg (#1907). fix(all)!: Tvinger main til å bygge etter feilbygg
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Chores
|
|
23
|
+
Ingen
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
|
|
8
28
|
## [11.19.2](https://github.com/oslokommune/punkt/compare/11.19.1...11.19.2) (2024-08-20)
|
|
9
29
|
|
|
10
30
|
### ⚠ BREAKING CHANGES
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { P as u } from "./Icon-
|
|
1
|
+
import { P as u } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { resolveComponent as m, withDirectives as _, openBlock as s, createElementBlock as o, normalizeClass as p, createVNode as c, createElementVNode as d, withKeys as f, createCommentVNode as r, toDisplayString as k, renderSlot as v, vShow as y } from "vue";
|
|
3
|
-
import { _ as h } from "./_plugin-vue_export-helper-
|
|
3
|
+
import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const b = {
|
|
5
5
|
name: "PktAlert",
|
|
6
6
|
components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("./Icon-
|
|
1
|
+
"use strict";const s=require("./Icon-BJ7hvALz.cjs"),e=require("vue"),c=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i={name:"PktAlert",components:{PktIcon:s.PktIcon},props:{skin:{type:String,default:"info",validator(o){return["error","success","warning","info"].includes(o)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:""},date:{type:String,default:""},ariaLive:{type:String,default:"polite",validator(o){return["off","polite","assertive"].includes(o)}},compact:{type:Boolean,default:!1}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-alert--${this.skin}`]},open(){return!this.closed},iconName(){return this.skin==="info"?"alert-information":`alert-${this.skin}`}}},d=["aria-live"],k={key:0,class:"pkt-alert__close"},u={key:1,class:"pkt-alert__title"},m={class:"pkt-alert__text"},p={key:2,class:"pkt-alert__date"};function _(o,n,t,v,y,l){const r=e.resolveComponent("PktIcon");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pkt-alert":!0,[l.skinClass]:!0,"pkt-alert--compact":t.compact}),"aria-live":t.ariaLive},[e.createVNode(r,{name:l.iconName,class:"pkt-alert__icon"},null,8,["name"]),t.closeAlert?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("button",{class:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",type:"button",role:"button",tabindex:"0","aria-label":"close",onKeyup:n[0]||(n[0]=e.withKeys((...a)=>l.close&&l.close(...a),["enter"])),onClick:n[1]||(n[1]=(...a)=>l.close&&l.close(...a))},[e.createVNode(r,{class:"pkt-btn__icon",name:"close"})],32)])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.renderSlot(o.$slots,"default")]),t.date?(e.openBlock(),e.createElementBlock("div",p,"Sist oppdatert: "+e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)],10,d)),[[e.vShow,l.open]])}const f=c._export_sfc(i,[["render",_]]);exports.PktAlert=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("./Icon-
|
|
1
|
+
"use strict";const o=require("./Icon-BJ7hvALz.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)},type:{type:String,default:"button",validator:t=>["button","submit","reset"].includes(t)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return["pkt-btn",this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass]},sizeClass(){return this.size!=="medium"?`pkt-btn--${this.size}`:""},skinClass(){return this.skin!=="primary"?`pkt-btn--${this.skin}`:""},colorClass(){return this.color?`pkt-btn--${this.color}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""},isLoadingClass(){return this.isLoading===!0?"pkt-btn--active":""}}},c=["type","disabled"],d={class:"pkt-btn__text"};function k(t,i,n,p,y,l){const s=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:l.classes,onClick:i[0]||(i[0]=a=>t.$emit("onClick")),onKeyup:i[1]||(i[1]=e.withKeys(a=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(s,{key:0,class:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.0/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(s,{key:1,class:"pkt-btn__icon",name:n.iconName},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.variant==="icons-right-and-left"?(e.openBlock(),e.createBlock(s,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,c)}const m=r._export_sfc(u,[["render",k]]);exports.PktButton=m;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { P as d } from "./Icon-
|
|
1
|
+
import { P as d } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { resolveComponent as u, openBlock as i, createElementBlock as c, mergeProps as m, withKeys as k, createBlock as a, createCommentVNode as l, createElementVNode as p, renderSlot as y, createTextVNode as b, toDisplayString as f } from "vue";
|
|
3
|
-
import { _ as g } from "./_plugin-vue_export-helper-
|
|
3
|
+
import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const h = {
|
|
5
5
|
name: "PktButton",
|
|
6
6
|
components: {
|
|
@@ -104,7 +104,7 @@ function C(e, n, t, S, P, r) {
|
|
|
104
104
|
key: 0,
|
|
105
105
|
class: "pkt-btn__icon pkt-btn__spinner",
|
|
106
106
|
name: "spinner-blue",
|
|
107
|
-
path: "https://punkt-cdn.oslo.kommune.no/
|
|
107
|
+
path: "https://punkt-cdn.oslo.kommune.no/12.0/animations/"
|
|
108
108
|
})) : l("", !0),
|
|
109
109
|
t.variant !== "label-only" ? (i(), a(s, {
|
|
110
110
|
key: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("vue"),l=require("./_plugin-vue_export-helper-
|
|
1
|
+
"use strict";const o=require("vue"),l=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function u(e){return new Promise(t=>setTimeout(t,e))}const i={},g=async(e,t)=>{let r=0;for(;i[t+e+".svg"]==="fetching"&&(r++,!(r>50));)await u(50);return localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window.fetch=="function"?(i[t+e+".svg"]="fetching",Promise.resolve(fetch(t+e+".svg").then(n=>n.ok?n.text():(console.error("Missing icon: "+t+e+".svg"),s)).then(n=>(n!==s&&localStorage.setItem(t+e+".svg",n),i[t+e+".svg"]="fetched",n)))):Promise.resolve(s)},a={name:"PktIcon",data(){return{defaultSvgPath:"https://punkt-cdn.oslo.kommune.no/12.0/icons/",innerHtml:""}},props:{name:{type:String,required:!0,default:void 0},path:{type:String,default:void 0}},watch:{name:{handler:"onNameChange",immediate:!0}},methods:{onNameChange(e){const t=this.path||this.$pktSvgPath||this.defaultSvgPath;g(e,t).then(r=>{this.innerHtml=r})}}},f=["innerHTML"];function d(e,t,r,n,c,m){return c.innerHtml?(o.openBlock(),o.createElementBlock("span",{key:0,class:"pkt-icon",innerHTML:c.innerHtml},null,8,f)):o.createCommentVNode("",!0)}const h=l._export_sfc(a,[["render",d]]);exports.PktIcon=h;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { openBlock as c, createElementBlock as l, createCommentVNode as a } from "vue";
|
|
2
|
-
import { _ as g } from "./_plugin-vue_export-helper-
|
|
2
|
+
import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
3
|
const o = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
|
|
4
4
|
function u(e) {
|
|
5
5
|
return new Promise((t) => setTimeout(t, e));
|
|
@@ -15,7 +15,7 @@ const s = {}, f = async (e, t) => {
|
|
|
15
15
|
name: "PktIcon",
|
|
16
16
|
data() {
|
|
17
17
|
return {
|
|
18
|
-
defaultSvgPath: "https://punkt-cdn.oslo.kommune.no/
|
|
18
|
+
defaultSvgPath: "https://punkt-cdn.oslo.kommune.no/12.0/icons/",
|
|
19
19
|
innerHtml: ""
|
|
20
20
|
};
|
|
21
21
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { P as x } from "./Alert-
|
|
2
|
-
import { P as m } from "./Button-
|
|
1
|
+
import { P as x } from "./Alert-Ch2E8es4.js";
|
|
2
|
+
import { P as m } from "./Button-CvxzBz47.js";
|
|
3
3
|
import { resolveComponent as c, openBlock as r, createElementBlock as a, normalizeClass as n, createBlock as h, resolveDynamicComponent as f, withCtx as d, createTextVNode as o, toDisplayString as i, createCommentVNode as l, createVNode as k, createElementVNode as p, renderSlot as g, Fragment as _ } from "vue";
|
|
4
|
-
import { _ as T } from "./_plugin-vue_export-helper-
|
|
4
|
+
import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const w = {
|
|
6
6
|
name: "pktInputwrapper",
|
|
7
7
|
components: { PktAlert: x, PktButton: m },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("./Alert-
|
|
1
|
+
"use strict";const o=require("./Alert-DBTgGUEd.cjs"),s=require("./Button-BIRIpiEN.cjs"),e=require("vue"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),p={name:"pktInputwrapper",components:{PktAlert:o.PktAlert,PktButton:s.PktButton},props:{forId:{type:String,required:!0},label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},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)},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["id","innerHTML"],u={key:1,class:"pkt-inputwrapper__helptext-expandable"},h=["innerHTML"],k=["innerHTML"],f=["for","aria-describedby"],m=["for","aria-describedby","id"],g={key:2,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"},y={key:3};function _(a,b,t,B,l,r){const n=e.resolveComponent("PktButton"),i=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"])),t.helptext?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pkt-inputwrapper__helptext",id:`${t.forId}-helptext`,innerHTML:t.helptext},null,8,c)):e.createCommentVNode("",!0),r.hasDropDown?(e.openBlock(),e.createElementBlock("div",u,[e.createVNode(n,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":l.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-link pkt-link--icon-right",onOnClick:r.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:r.dropdownButton},null,8,h)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":l.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!l.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,k)],2),t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy},e.toDisplayString(t.label),9,f))])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["for","class","aria-describedby"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy,id:`${t.forId}-label`},e.toDisplayString(t.label),9,m)),e.renderSlot(a.$slots,"default")],64)),t.counter?(e.openBlock(),e.createElementBlock("div",g,[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",y,[e.createVNode(i,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:"",innerHTML:t.errorMessage},null,8,["id","innerHTML"])])):e.createCommentVNode("",!0)],2)}const x=d._export_sfc(p,[["render",_]]);exports.PktInputWrapper=x;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { P as y } from "./Icon-
|
|
1
|
+
import { P as y } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { resolveComponent as g, openBlock as n, createElementBlock as r, withDirectives as d, normalizeClass as c, withKeys as m, createVNode as o, renderSlot as u, vShow as k } from "vue";
|
|
3
|
-
import { _ as b } from "./_plugin-vue_export-helper-
|
|
3
|
+
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const C = {
|
|
5
5
|
name: "PktTag",
|
|
6
6
|
components: { PktIcon: y },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const c=require("./Icon-
|
|
1
|
+
"use strict";const c=require("./Icon-BJ7hvALz.cjs"),e=require("vue"),o=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i={name:"PktTag",components:{PktIcon:c.PktIcon},props:{skin:{type:String,default:"blue",validator(l){return["blue","green","red","beige","yellow","grey","blue-light"].includes(l)}},textStyle:{type:String,default:"normal-text",validator(l){return["thin-text","normal-text"].includes(l)}},size:{type:String,default:"medium",validator(l){return["small","medium","large"].includes(l)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:""},type:{type:String,default:"button",validator:l=>["button","submit","reset"].includes(l)},ariaLabel:{type:String,default:"close"}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-tag--${this.skin}`]},sizeClass(){return[`pkt-tag--${this.size}`]},textStyleClass(){return[`pkt-tag--${this.textStyle}`]},buttonClass(){return["pkt-tag","pkt-btn","pkt-btn--tertiary",{"pkt-btn--icons-right-and-left":this.iconName&&this.closeTag,"pkt-btn--icon-right":this.closeTag&&!this.iconName}]},open(){return!this.closed}}},u=["type","aria-label"],d=["type","aria-label"];function k(l,s,a,g,y,t){const r=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("span",null,[a.closeTag&&a.iconName?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([t.buttonClass,t.skinClass,t.sizeClass,t.textStyleClass]),type:a.type,role:"button","aria-label":a.ariaLabel,onKeyup:s[0]||(s[0]=e.withKeys((...n)=>t.close&&t.close(...n),["enter"])),onClick:s[1]||(s[1]=(...n)=>t.close&&t.close(...n))},[e.createVNode(r,{class:"pkt-tag__icon",name:a.iconName},null,8,["name"]),e.renderSlot(l.$slots,"default"),e.createVNode(r,{class:"pkt-tag__close-btn",name:"close"})],42,u)),[[e.vShow,t.open]]):a.closeTag?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([t.buttonClass,t.skinClass,t.sizeClass,t.textStyleClass]),type:a.type,role:"button","aria-label":a.ariaLabel,onKeyup:s[2]||(s[2]=e.withKeys((...n)=>t.close&&t.close(...n),["enter"])),onClick:s[3]||(s[3]=(...n)=>t.close&&t.close(...n))},[e.createVNode(r,{class:"pkt-tag__close-btn",name:"close"}),e.renderSlot(l.$slots,"default")],42,d)),[[e.vShow,t.open]]):a.iconName?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["pkt-tag",[t.skinClass,t.sizeClass,t.textStyleClass]])},[e.createVNode(r,{class:"pkt-tag__icon",name:a.iconName},null,8,["name"]),e.renderSlot(l.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(["pkt-tag",[t.skinClass,t.sizeClass,t.textStyleClass]])},[e.renderSlot(l.$slots,"default")],2))])}const m=o._export_sfc(i,[["render",k]]);exports.Tag=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./plugins-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./plugins-CMydO4oi.cjs"),e=require("vue"),m=require("./Icon-BJ7hvALz.cjs"),s=e.defineComponent({__name:"Accordion",props:{className:{},compact:{type:Boolean,default:!1},skin:{default:"borderless"}},setup(n){const t=n;e.watchEffect(()=>{t.skin&&!["borderless","outlined","beige","blue"].includes(t.skin)&&console.warn(`Invalid prop: Expected "skin" to be one of ['borderless', 'outlined', 'beige', 'blue'], but got ${t.skin}`)});const i=e.ref(null),r=e.computed(()=>[t.className,"pkt-accordion",t.compact&&"pkt-accordion--compact",t.skin&&`pkt-accordion--${t.skin}`].filter(Boolean).join(" "));return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value),ref_key:"accordionRef",ref:i},[e.renderSlot(a.$slots,"default")],2))}}),f=["aria-controls","aria-expanded","id","open"],k=["aria-labelledby","id"],g=["id"],d=e.defineComponent({__name:"AccordionItem",props:{title:{default:""},className:{},id:{},defaultOpen:{type:Boolean,default:!1},toggleProps:{}},setup(n){const t=n;let i=e.ref(t.defaultOpen??!1),r=e.computed(()=>{var o;return((o=t.toggleProps)==null?void 0:o.isOpen)??i.value});const a=o=>o??void 0,l=o=>{o.preventDefault(),t.toggleProps!==void 0&&t.toggleProps.onToggleClick(t.id),i.value=!r.value},u=e.computed(()=>[t.className,"pkt-accordion-item",{"pkt-accordion-item--open":r.value}]);return(o,_)=>(e.openBlock(),e.createElementBlock("details",{"aria-controls":`pkt-accordion-item-content-${o.id}`,"aria-expanded":e.unref(r),class:e.normalizeClass(u.value),id:`pkt-accordion-item-header-${o.id}`,open:o.toggleProps?a(o.toggleProps.isOpen):a(e.unref(i))},[e.createElementVNode("summary",{"aria-labelledby":`pkt-accordion-item-header-${o.id}`,class:"pkt-accordion-item__title",id:`pkt-accordion-item-summary-${o.id}`,onClick:l},[e.createTextVNode(e.toDisplayString(o.title)+" ",1),e.createVNode(m.PktIcon,{name:"chevron-thin-down",class:"pkt-accordion-item__icon","aria-hidden":"true"})],8,k),e.createElementVNode("div",{id:`pkt-accordion-item-content-${o.id}`,role:"region",class:"pkt-accordion-item__content"},[e.renderSlot(o.$slots,"default")],8,g)],10,f))}}),p={install(n){c.registerComponent(n,s),c.registerComponent(n,d)}};c.use(p);exports.PktAccordion=s;exports.PktAccordionItem=d;exports.default=p;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { u as b, a as c } from "./plugins-
|
|
1
|
+
import { u as b, a as c } from "./plugins-DQVoaMd9.js";
|
|
2
2
|
import { defineComponent as p, watchEffect as v, ref as m, computed as r, openBlock as u, createElementBlock as f, normalizeClass as k, renderSlot as g, unref as l, createElementVNode as d, createTextVNode as h, toDisplayString as P, createVNode as $ } from "vue";
|
|
3
|
-
import { P as y } from "./Icon-
|
|
4
|
-
import "./_plugin-vue_export-helper-hUChTQA_.js";
|
|
3
|
+
import { P as y } from "./Icon-DPY4YYRY.js";
|
|
5
4
|
const C = /* @__PURE__ */ p({
|
|
6
5
|
__name: "Accordion",
|
|
7
6
|
props: {
|
package/dist/punkt-vue-alert.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-DBTgGUEd.cjs"),t=require("./plugins-CMydO4oi.cjs"),r={install(l){t.registerComponent(l,e.PktAlert)}};t.use(r);exports.PktAlert=e.PktAlert;exports.default=r;
|
package/dist/punkt-vue-alert.js
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import { P as o } from "./Alert-
|
|
2
|
-
import { u as r, a as
|
|
3
|
-
|
|
4
|
-
import "vue";
|
|
5
|
-
import "./_plugin-vue_export-helper-hUChTQA_.js";
|
|
6
|
-
const m = {
|
|
1
|
+
import { P as o } from "./Alert-Ch2E8es4.js";
|
|
2
|
+
import { u as r, a as s } from "./plugins-DQVoaMd9.js";
|
|
3
|
+
const a = {
|
|
7
4
|
install(t) {
|
|
8
|
-
|
|
5
|
+
s(t, o);
|
|
9
6
|
}
|
|
10
7
|
};
|
|
11
|
-
r(
|
|
8
|
+
r(a);
|
|
12
9
|
export {
|
|
13
10
|
o as PktAlert,
|
|
14
|
-
|
|
11
|
+
a as default
|
|
15
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./Icon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./Icon-BJ7hvALz.cjs"),e=require("vue"),a=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c=require("./plugins-CMydO4oi.cjs"),k={name:"PktBackLink",components:{PktIcon:r.PktIcon},props:{text:{type:String,required:!1,default:"oslo.kommune.no"},href:{type:String,required:!1,default:"https://www.oslo.kommune.no"}}},_={class:"pkt-back-link","aria-label":"Gå tilbake et steg"},u=["href"],p={class:"pkt-back-link__text"},d={class:"pkt-back-link__text"};function f(n,h,t,m,g,b){const o=e.resolveComponent("PktIcon"),i=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("nav",_,[t.href.startsWith("http")||t.href.startsWith("mailto")?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.href,class:"pkt-link pkt-link--icon-left"},[e.createVNode(o,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",p,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])],8,u)):(e.openBlock(),e.createBlock(i,{key:1,to:t.href,class:"pkt-link pkt-link--icon-left"},{default:e.withCtx(()=>[e.createVNode(o,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",d,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])]),_:3},8,["to"]))])}const l=a._export_sfc(k,[["render",f]]),s={install(n){c.registerComponent(n,l)}};c.use(s);exports.PktBackLink=l;exports.default=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { P as f } from "./Icon-
|
|
1
|
+
import { P as f } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { resolveComponent as s, openBlock as n, createElementBlock as a, createVNode as c, createElementVNode as i, renderSlot as l, createTextVNode as k, toDisplayString as r, createBlock as p, withCtx as m } from "vue";
|
|
3
|
-
import { _ as h } from "./_plugin-vue_export-helper-
|
|
4
|
-
import { u as d, a as u } from "./plugins-
|
|
3
|
+
import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import { u as d, a as u } from "./plugins-DQVoaMd9.js";
|
|
5
5
|
const x = {
|
|
6
6
|
name: "PktBackLink",
|
|
7
7
|
components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Icon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Icon-BJ7hvALz.cjs"),e=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),o=require("./plugins-CMydO4oi.cjs"),d={name:"PktBreadcrumbs",components:{PktIcon:u.PktIcon},props:{breadcrumbs:{type:Array,required:!0,default:()=>[]},navigationType:{type:String,default:"anchor",validator:r=>["router","anchor"].includes(r)}},computed:{linkElement(){return this.navigationType==="router"?"router-link":"a"},backLink(){return this.displayedBreadcrumbs[this.displayedBreadcrumbs.length-2]},displayedBreadcrumbs(){return this.breadcrumbs.slice(0,4)}}},p={"aria-label":"brødsmulemeny",class:"pkt-breadcrumbs"},m={class:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop"},_={key:0,class:"pkt-breadcrumbs__label","aria-current":"true"},b={class:"pkt-breadcrumbs__text"},h={class:"pkt-breadcrumbs__text"},y={class:"pkt-breadcrumbs__text"};function f(r,g,n,B,v,t){const a=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("nav",p,[e.createElementVNode("ol",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.displayedBreadcrumbs,(c,l)=>(e.openBlock(),e.createElementBlock("li",{key:`breadcrumb-${l}`,class:"pkt-breadcrumbs__item"},[l===t.displayedBreadcrumbs.length-1?(e.openBlock(),e.createElementBlock("span",_,[e.createElementVNode("span",b,e.toDisplayString(c.text),1)])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{key:1,to:n.navigationType==="router"?c.href:null,href:n.navigationType==="anchor"?c.href:null,class:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"},{default:e.withCtx(()=>[e.createVNode(a,{class:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),e.createElementVNode("span",h,e.toDisplayString(c.text),1)]),_:2},1032,["to","href"]))]))),128))]),e.createElementVNode("template",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{to:n.navigationType==="router"?t.backLink.href:null,href:n.navigationType==="anchor"?t.backLink.href:null,class:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"},{default:e.withCtx(()=>[e.createVNode(a,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",y,e.toDisplayString(t.backLink.text),1)]),_:1},8,["to","href"]))])])}const s=k._export_sfc(d,[["render",f]]),i={install(r){o.registerComponent(r,s)}};o.use(i);exports.PktBreadcrumbs=s;exports.default=i;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { P as _ } from "./Icon-
|
|
1
|
+
import { P as _ } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { resolveComponent as b, openBlock as t, createElementBlock as c, createElementVNode as r, Fragment as p, renderList as h, toDisplayString as l, createBlock as u, resolveDynamicComponent as d, withCtx as k, createVNode as m } from "vue";
|
|
3
|
-
import { _ as f } from "./_plugin-vue_export-helper-
|
|
4
|
-
import { u as y, a as g } from "./plugins-
|
|
3
|
+
import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import { u as y, a as g } from "./plugins-DQVoaMd9.js";
|
|
5
5
|
const v = {
|
|
6
6
|
name: "PktBreadcrumbs",
|
|
7
7
|
components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./Button-BIRIpiEN.cjs"),e=require("./plugins-CMydO4oi.cjs"),u={install(n){e.registerComponent(n,t.PktButton)}};e.use(u);exports.PktButton=t.PktButton;exports.default=u;
|
package/dist/punkt-vue-button.js
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import { P as o } from "./Button-
|
|
2
|
-
import { u as
|
|
3
|
-
|
|
4
|
-
import "vue";
|
|
5
|
-
import "./_plugin-vue_export-helper-hUChTQA_.js";
|
|
6
|
-
const m = {
|
|
1
|
+
import { P as o } from "./Button-CvxzBz47.js";
|
|
2
|
+
import { u as s, a } from "./plugins-DQVoaMd9.js";
|
|
3
|
+
const r = {
|
|
7
4
|
install(t) {
|
|
8
|
-
|
|
5
|
+
a(t, o);
|
|
9
6
|
}
|
|
10
7
|
};
|
|
11
|
-
r
|
|
8
|
+
s(r);
|
|
12
9
|
export {
|
|
13
10
|
o as PktButton,
|
|
14
|
-
|
|
11
|
+
r as default
|
|
15
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./_plugin-vue_export-helper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c=require("./plugins-CMydO4oi.cjs"),u={name:"PktCheckbox",props:{id:{type:String,required:!0},defaultChecked:{type:Boolean,default:!1},modelValue:{type:[Boolean,Array],default:!1},hasTile:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{type:String,required:!1},labelPosition:{type:String,default:"right"},hideLabel:{type:Boolean,default:!1},checkHelptext:{type:String,required:!1},hasError:{type:Boolean,default:!1},isSwitch:{type:Boolean,default:!1}},emits:["update:modelValue","onChange"],computed:{computedChecked:{get(){return this.modelValue||this.defaultChecked},set(l){this.$emit("update:modelValue",l),this.$emit("onChange",l)}}}},r={class:"pkt-input-check"},k=["for"],h={key:0,class:"pkt-input-check__input-helptext"},_=["role","id","disabled"],p=["for"],m={key:0,class:"pkt-input-check__input-helptext"};function b(l,i,t,f,y,a){return e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",{class:e.normalizeClass(["pkt-input-check__input",{"pkt-input-check__input--tile":t.hasTile},{"pkt-input-check__input--tile-disabled":t.disabled&&t.hasTile}])},[t.label&&t.labelPosition==="left"?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["pkt-input-check__input-label",{"pkt-sr-only":t.hideLabel}]),for:t.id},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.checkHelptext?(e.openBlock(),e.createElementBlock("div",h,e.toDisplayString(t.checkHelptext),1)):e.createCommentVNode("",!0)],10,k)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{class:["pkt-input-check__input-checkbox",{"pkt-input-check__input-checkbox--error":t.hasError}],type:"checkbox",role:t.isSwitch?"switch":"checkbox",id:t.id,"onUpdate:modelValue":i[0]||(i[0]=d=>a.computedChecked=d),disabled:t.disabled}),null,16,_),[[e.vModelCheckbox,a.computedChecked]]),t.label&&t.labelPosition==="right"?(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["pkt-input-check__input-label",{"pkt-sr-only":t.hideLabel}]),for:t.id},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.checkHelptext?(e.openBlock(),e.createElementBlock("div",m,e.toDisplayString(t.checkHelptext),1)):e.createCommentVNode("",!0)],10,p)):e.createCommentVNode("",!0)],2)])}const o=s._export_sfc(u,[["render",b]]),n={install(l){c.registerComponent(l,o)}};c.use(n);exports.PktCheckbox=o;exports.default=n;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { openBlock as l, createElementBlock as i, createElementVNode as s, normalizeClass as d, createTextVNode as u, toDisplayString as a, createCommentVNode as c, withDirectives as k, mergeProps as r, vModelCheckbox as _ } from "vue";
|
|
2
|
-
import { _ as f } from "./_plugin-vue_export-helper-
|
|
3
|
-
import { u as b, a as p } from "./plugins-
|
|
2
|
+
import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
+
import { u as b, a as p } from "./plugins-DQVoaMd9.js";
|
|
4
4
|
const m = {
|
|
5
5
|
name: "PktCheckbox",
|
|
6
6
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./Icon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./Icon-BJ7hvALz.cjs"),e=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),m={name:"PktFooter",components:{PktIcon:d.PktIcon},props:{columnOne:{type:Object,required:!0,validator:n=>"title"in n&&(!("links"in n)||Array.isArray(n.links)&&n.links.every(o=>"href"in o&&"text"in o))},columnTwo:{type:Object,required:!0,validator:n=>"title"in n&&(!("links"in n)||Array.isArray(n.links)&&n.links.every(o=>"href"in o&&"text"in o))},socialLinks:{type:Array,description:"Array of social media and language links for the footer",validator:n=>n.every(o=>{if(typeof o=="object"){const r=typeof o.href=="string",s=typeof o.iconName=="string",c=typeof o.language=="string";return r&&(s||c)}return!1}),required:!1},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1}}},f={class:"pkt-footer","data-mode":"dark"},u={class:"pkt-footer__container"},g={class:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16"},h={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},N={class:"pkt-footer__title"},V={class:"pkt-footer__list"},E={key:0,class:"pkt-footer__text"},y=["href","target","rel"],B={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},b={class:"pkt-footer__title"},v={class:"pkt-footer__list"},w=["href","target","rel"],x={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},T={class:"pkt-footer__list"},I={class:"pkt-footer__list-item"},L=["href"],j={class:"pkt-footer__list-item"},O=["href"],S={key:0,class:"pkt-footer__social","aria-label":"standard lenker"},q=["href","aria-label","target","rel"],F={class:"pkt-footer__social-icons"},P=["href","aria-label","target","rel"];function C(n,o,r,s,c,A){const a=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",f,[e.createElementVNode("div",u,[e.createElementVNode("div",g,[e.createElementVNode("div",h,[e.createElementVNode("h2",N,e.toDisplayString(r.columnOne.title),1),e.createElementVNode("ul",V,[r.columnOne.text?(e.openBlock(),e.createElementBlock("li",E,e.toDisplayString(r.columnOne.text),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columnOne.links,(t,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":t.external}]),href:t.href,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(t.text),1)],10,y)]))),128))])]),e.createElementVNode("div",B,[e.createElementVNode("h2",b,e.toDisplayString(r.columnTwo.title),1),e.createElementVNode("ul",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.columnTwo.links,(t,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":t.external}]),href:t.href,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(t.text),1)],10,w)]))),128))])]),e.createElementVNode("div",x,[o[2]||(o[2]=e.createElementVNode("h2",{class:"pkt-footer__title"},"Om nettstedet",-1)),e.createElementVNode("ul",T,[e.createElementVNode("li",I,[e.createElementVNode("a",{href:r.personvernOgInfoLink,class:"pkt-footer__link"},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),o[0]||(o[0]=e.createTextVNode(" Personvern og informasjonskapsler "))],8,L)]),e.createElementVNode("li",j,[e.createElementVNode("a",{href:r.tilgjengelighetLink,class:"pkt-footer__link"},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),o[1]||(o[1]=e.createTextVNode(" Tilgjengelighet "))],8,O)])])])]),r.socialLinks?(e.openBlock(),e.createElementBlock("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.socialLinks,(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.language?(e.openBlock(),e.createElementBlock("div",{key:`language-${l}`,class:"pkt-footer__social-language"},[e.createElementVNode("a",{href:t.href,"aria-label":`til ${t.language} versjon av nettsiden`,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":null},e.toDisplayString(t.language),9,q)])):e.createCommentVNode("",!0)],64))),256)),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.socialLinks,(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.iconName?(e.openBlock(),e.createElementBlock("a",{key:`sociallinks-${l}`,href:t.href,"aria-label":`til ${t.iconName}`,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":null,class:"pkt-footer__social-icon-link"},[e.createVNode(a,{class:"pkt-footer__social-icon",name:t.iconName},null,8,["name"])],8,P)):e.createCommentVNode("",!0)],64))),256))])])):e.createCommentVNode("",!0)])])}const _=k._export_sfc(m,[["render",C]]),p={install(n){i.registerComponent(n,_)}};i.use(p);exports.PktFooter=_;exports.default=p;
|
package/dist/punkt-vue-footer.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { P as m } from "./Icon-
|
|
2
|
-
import { resolveComponent as y, openBlock as
|
|
3
|
-
import { _ as b } from "./_plugin-vue_export-helper-
|
|
4
|
-
import { u as v, a as w } from "./plugins-
|
|
1
|
+
import { P as m } from "./Icon-DPY4YYRY.js";
|
|
2
|
+
import { resolveComponent as y, openBlock as s, createElementBlock as l, createElementVNode as t, toDisplayString as i, createCommentVNode as p, Fragment as c, renderList as k, normalizeClass as h, createVNode as f, createTextVNode as d } from "vue";
|
|
3
|
+
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import { u as v, a as w } from "./plugins-DQVoaMd9.js";
|
|
5
5
|
const N = {
|
|
6
6
|
name: "PktFooter",
|
|
7
7
|
components: {
|
|
@@ -11,20 +11,20 @@ const N = {
|
|
|
11
11
|
columnOne: {
|
|
12
12
|
type: Object,
|
|
13
13
|
required: !0,
|
|
14
|
-
validator: (
|
|
14
|
+
validator: (n) => "title" in n && (!("links" in n) || Array.isArray(n.links) && n.links.every((o) => "href" in o && "text" in o))
|
|
15
15
|
},
|
|
16
16
|
columnTwo: {
|
|
17
17
|
type: Object,
|
|
18
18
|
required: !0,
|
|
19
|
-
validator: (
|
|
19
|
+
validator: (n) => "title" in n && (!("links" in n) || Array.isArray(n.links) && n.links.every((o) => "href" in o && "text" in o))
|
|
20
20
|
},
|
|
21
21
|
socialLinks: {
|
|
22
22
|
type: Array,
|
|
23
23
|
description: "Array of social media and language links for the footer",
|
|
24
|
-
validator: (
|
|
25
|
-
if (typeof
|
|
26
|
-
const
|
|
27
|
-
return
|
|
24
|
+
validator: (n) => n.every((o) => {
|
|
25
|
+
if (typeof o == "object") {
|
|
26
|
+
const r = typeof o.href == "string", u = typeof o.iconName == "string", g = typeof o.language == "string";
|
|
27
|
+
return r && (u || g);
|
|
28
28
|
}
|
|
29
29
|
return !1;
|
|
30
30
|
}),
|
|
@@ -47,26 +47,26 @@ const N = {
|
|
|
47
47
|
}, I = { class: "pkt-footer__container" }, T = { class: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16" }, j = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, L = { class: "pkt-footer__title" }, O = { class: "pkt-footer__list" }, P = {
|
|
48
48
|
key: 0,
|
|
49
49
|
class: "pkt-footer__text"
|
|
50
|
-
}, A = ["href", "target", "rel"], q = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, C = { class: "pkt-footer__title" }, F = { class: "pkt-footer__list" }, V = ["href", "target", "rel"], z = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, S =
|
|
50
|
+
}, A = ["href", "target", "rel"], q = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, C = { class: "pkt-footer__title" }, F = { class: "pkt-footer__list" }, V = ["href", "target", "rel"], z = { class: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, S = { class: "pkt-footer__list" }, B = { class: "pkt-footer__list-item" }, E = ["href"], D = { class: "pkt-footer__list-item" }, H = ["href"], G = {
|
|
51
51
|
key: 0,
|
|
52
52
|
class: "pkt-footer__social",
|
|
53
53
|
"aria-label": "standard lenker"
|
|
54
|
-
},
|
|
55
|
-
function
|
|
54
|
+
}, J = ["href", "aria-label", "target", "rel"], K = { class: "pkt-footer__social-icons" }, M = ["href", "aria-label", "target", "rel"];
|
|
55
|
+
function Q(n, o, r, u, g, W) {
|
|
56
56
|
const _ = y("PktIcon");
|
|
57
|
-
return
|
|
57
|
+
return s(), l("footer", x, [
|
|
58
58
|
t("div", I, [
|
|
59
59
|
t("div", T, [
|
|
60
60
|
t("div", j, [
|
|
61
|
-
t("h2", L, i(
|
|
61
|
+
t("h2", L, i(r.columnOne.title), 1),
|
|
62
62
|
t("ul", O, [
|
|
63
|
-
|
|
64
|
-
(
|
|
63
|
+
r.columnOne.text ? (s(), l("li", P, i(r.columnOne.text), 1)) : p("", !0),
|
|
64
|
+
(s(!0), l(c, null, k(r.columnOne.links, (e, a) => (s(), l("li", {
|
|
65
65
|
class: "pkt-footer__list-item",
|
|
66
66
|
key: `links-${a}`
|
|
67
67
|
}, [
|
|
68
68
|
t("a", {
|
|
69
|
-
class:
|
|
69
|
+
class: h(["pkt-footer__link", { "pkt-link--external": e.external }]),
|
|
70
70
|
href: e.href,
|
|
71
71
|
target: e.openInNewTab ? "_blank" : "_self",
|
|
72
72
|
rel: e.openInNewTab ? "noopener noreferrer" : void 0
|
|
@@ -81,14 +81,14 @@ function R(o, l, n, u, h, X) {
|
|
|
81
81
|
])
|
|
82
82
|
]),
|
|
83
83
|
t("div", q, [
|
|
84
|
-
t("h2", C, i(
|
|
84
|
+
t("h2", C, i(r.columnTwo.title), 1),
|
|
85
85
|
t("ul", F, [
|
|
86
|
-
(
|
|
86
|
+
(s(!0), l(c, null, k(r.columnTwo.links, (e, a) => (s(), l("li", {
|
|
87
87
|
class: "pkt-footer__list-item",
|
|
88
88
|
key: `links-${a}`
|
|
89
89
|
}, [
|
|
90
90
|
t("a", {
|
|
91
|
-
class:
|
|
91
|
+
class: h(["pkt-footer__link", { "pkt-link--external": e.external }]),
|
|
92
92
|
href: e.href,
|
|
93
93
|
target: e.openInNewTab ? "_blank" : "_self",
|
|
94
94
|
rel: e.openInNewTab ? "noopener noreferrer" : void 0
|
|
@@ -103,38 +103,38 @@ function R(o, l, n, u, h, X) {
|
|
|
103
103
|
])
|
|
104
104
|
]),
|
|
105
105
|
t("div", z, [
|
|
106
|
-
|
|
107
|
-
t("ul",
|
|
108
|
-
t("li",
|
|
106
|
+
o[2] || (o[2] = t("h2", { class: "pkt-footer__title" }, "Om nettstedet", -1)),
|
|
107
|
+
t("ul", S, [
|
|
108
|
+
t("li", B, [
|
|
109
109
|
t("a", {
|
|
110
|
-
href:
|
|
110
|
+
href: r.personvernOgInfoLink,
|
|
111
111
|
class: "pkt-footer__link"
|
|
112
112
|
}, [
|
|
113
113
|
f(_, {
|
|
114
114
|
class: "pkt-footer__link-icon",
|
|
115
115
|
name: "chevron-right"
|
|
116
116
|
}),
|
|
117
|
-
d(" Personvern og informasjonskapsler ")
|
|
118
|
-
], 8,
|
|
117
|
+
o[0] || (o[0] = d(" Personvern og informasjonskapsler "))
|
|
118
|
+
], 8, E)
|
|
119
119
|
]),
|
|
120
|
-
t("li",
|
|
120
|
+
t("li", D, [
|
|
121
121
|
t("a", {
|
|
122
|
-
href:
|
|
122
|
+
href: r.tilgjengelighetLink,
|
|
123
123
|
class: "pkt-footer__link"
|
|
124
124
|
}, [
|
|
125
125
|
f(_, {
|
|
126
126
|
class: "pkt-footer__link-icon",
|
|
127
127
|
name: "chevron-right"
|
|
128
128
|
}),
|
|
129
|
-
d(" Tilgjengelighet ")
|
|
130
|
-
], 8,
|
|
129
|
+
o[1] || (o[1] = d(" Tilgjengelighet "))
|
|
130
|
+
], 8, H)
|
|
131
131
|
])
|
|
132
132
|
])
|
|
133
133
|
])
|
|
134
134
|
]),
|
|
135
|
-
|
|
136
|
-
(
|
|
137
|
-
e.language ? (
|
|
135
|
+
r.socialLinks ? (s(), l("div", G, [
|
|
136
|
+
(s(!0), l(c, null, k(r.socialLinks, (e, a) => (s(), l(c, null, [
|
|
137
|
+
e.language ? (s(), l("div", {
|
|
138
138
|
key: `language-${a}`,
|
|
139
139
|
class: "pkt-footer__social-language"
|
|
140
140
|
}, [
|
|
@@ -143,12 +143,12 @@ function R(o, l, n, u, h, X) {
|
|
|
143
143
|
"aria-label": `til ${e.language} versjon av nettsiden`,
|
|
144
144
|
target: e.openInNewTab ? "_blank" : "_self",
|
|
145
145
|
rel: e.openInNewTab ? "noopener noreferrer" : null
|
|
146
|
-
}, i(e.language), 9,
|
|
146
|
+
}, i(e.language), 9, J)
|
|
147
147
|
])) : p("", !0)
|
|
148
148
|
], 64))), 256)),
|
|
149
|
-
t("div",
|
|
150
|
-
(
|
|
151
|
-
e.iconName ? (
|
|
149
|
+
t("div", K, [
|
|
150
|
+
(s(!0), l(c, null, k(r.socialLinks, (e, a) => (s(), l(c, null, [
|
|
151
|
+
e.iconName ? (s(), l("a", {
|
|
152
152
|
key: `sociallinks-${a}`,
|
|
153
153
|
href: e.href,
|
|
154
154
|
"aria-label": `til ${e.iconName}`,
|
|
@@ -160,20 +160,20 @@ function R(o, l, n, u, h, X) {
|
|
|
160
160
|
class: "pkt-footer__social-icon",
|
|
161
161
|
name: e.iconName
|
|
162
162
|
}, null, 8, ["name"])
|
|
163
|
-
], 8,
|
|
163
|
+
], 8, M)) : p("", !0)
|
|
164
164
|
], 64))), 256))
|
|
165
165
|
])
|
|
166
166
|
])) : p("", !0)
|
|
167
167
|
])
|
|
168
168
|
]);
|
|
169
169
|
}
|
|
170
|
-
const
|
|
171
|
-
install(
|
|
172
|
-
w(
|
|
170
|
+
const R = /* @__PURE__ */ b(N, [["render", Q]]), U = {
|
|
171
|
+
install(n) {
|
|
172
|
+
w(n, R);
|
|
173
173
|
}
|
|
174
174
|
};
|
|
175
|
-
v(
|
|
175
|
+
v(U);
|
|
176
176
|
export {
|
|
177
|
-
|
|
178
|
-
|
|
177
|
+
R as PktFooter,
|
|
178
|
+
U as default
|
|
179
179
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BJ7hvALz.cjs"),e=require("vue"),_=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),l=require("./plugins-CMydO4oi.cjs"),k={name:"PktFooterSimple",components:{PktIcon:p.PktIcon},props:{links:{type:Array,default:()=>[],validator:n=>n.every(t=>typeof t.href=="string"&&typeof t.text=="string")},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1}}},m={class:"pkt-footer-simple","data-mode":"dark"},d={class:"pkt-footer-simple__container"},f={class:"pkt-footer-simple__list"},g=["href","target","rel"],u={class:"pkt-footer-simple__list-item"},h=["href"],N={class:"pkt-footer-simple__list-item"},v=["href"];function V(n,t,r,x,y,E){const s=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("footer",m,[e.createElementVNode("div",d,[e.createElementVNode("ul",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.links,(o,c)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer-simple__list-item",key:`links-${c}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer-simple__link",{"pkt-link--external":o.external}]),href:o.href,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(s,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(o.text),1)],10,g)]))),128)),e.createElementVNode("li",u,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:r.personvernOgInfoLink},[e.createVNode(s,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),t[0]||(t[0]=e.createTextVNode(" Personvern og informasjonskapsler "))],8,h)]),e.createElementVNode("li",N,[e.createElementVNode("a",{class:"pkt-footer-simple__link",href:r.tilgjengelighetLink},[e.createVNode(s,{class:"pkt-footer-simple__link-icon",name:"chevron-right"}),t[1]||(t[1]=e.createTextVNode(" Tilgjengelighet "))],8,v)])])])])}const i=_._export_sfc(k,[["render",V]]),a={install(n){l.registerComponent(n,i)}};l.use(a);exports.PktFooterSimple=i;exports.default=a;
|