@oslokommune/punkt-vue 11.2.1 → 11.3.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 +29 -0
- package/dist/Alert-E884mTfP.cjs +1 -0
- package/dist/{Alert-eoZOqLMh.js → Alert-vdgjfN8U.js} +10 -10
- package/dist/{InputWrapper--d9sdKAg.js → InputWrapper-0bqUciYi.js} +2 -2
- package/dist/{InputWrapper-Av69cWnN.cjs → InputWrapper-ye0g5G2b.cjs} +1 -1
- package/dist/punkt-vue-alert.cjs +1 -1
- package/dist/punkt-vue-alert.js +1 -1
- package/dist/punkt-vue-index.cjs +1 -1
- package/dist/punkt-vue-index.js +2 -2
- package/dist/punkt-vue-inputwrapper.cjs +1 -1
- package/dist/punkt-vue-inputwrapper.js +2 -2
- package/dist/punkt-vue-messagebox.cjs +1 -1
- package/dist/punkt-vue-messagebox.js +17 -13
- package/dist/punkt-vue-select.cjs +1 -1
- package/dist/punkt-vue-select.js +2 -2
- package/dist/punkt-vue-textarea.cjs +1 -1
- package/dist/punkt-vue-textarea.js +2 -2
- package/dist/punkt-vue-textinput.cjs +1 -1
- package/dist/punkt-vue-textinput.js +2 -2
- package/package.json +3 -3
- package/src/components/alert/Alert.vue +6 -2
- package/src/components/inputwrapper/InputWrapper.vue +1 -1
- package/src/components/messagebox/Messagebox.vue +7 -3
- package/dist/Alert-CShkNLKz.cjs +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,35 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [11.3.0](https://github.com/oslokommune/punkt/compare/11.2.2...11.3.0) (2024-01-26)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
* new variant "compact" of Alert and Messagebox (#1438). * feat(css,docs): compact/slim alert
|
|
15
|
+
|
|
16
|
+
- Oppdaterer local dev eksempel med slim/kompakt
|
|
17
|
+
- Justerer css for 'lukk'-knapp i slim versjon av alert
|
|
18
|
+
- Legg til slim alert i kode dokumentasjonen
|
|
19
|
+
|
|
20
|
+
* feat(docs,css): slim->compact, messagebox
|
|
21
|
+
|
|
22
|
+
- Lagt inn MessageBox slim kode i css
|
|
23
|
+
- Lagt inn eksempel i dev pure css & html
|
|
24
|
+
- Endre fra slim til compact (da det er denne betegnelsen vi bruker i docs og høres litt finere ut)
|
|
25
|
+
- Legg til compact props i react, vue og vue2 komponenten og oppdater dev eksempel
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
Ingen
|
|
30
|
+
|
|
31
|
+
### Chores
|
|
32
|
+
Ingen
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
|
|
8
37
|
## [11.2.0](https://github.com/oslokommune/punkt/compare/11.1.1...11.2.0) (2024-01-25)
|
|
9
38
|
|
|
10
39
|
### ⚠ BREAKING CHANGES
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),c=require("./plugins-AiK__HqQ.cjs"),i={name:"PktAlert",components:{PktIcon:r.PktIcon},props:{skin:{type:String,default:"info",validator(n){return["error","success","warning","info"].includes(n)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:""},date:{type:String,default:""},ariaLive:{type:String,default:"polite",validator(n){return["off","polite","assertive"].includes(n)}},compact:{type:Boolean,default:!1}},data:()=>({closed:!1}),methods:{close(){this.closed=!0,this.$emit("on-close",this.closed)}},computed:{skinClass(){return[`pkt-alert--${this.skin}`]},open(){return!this.closed},iconName(){return this.skin==="info"?"alert-information":`alert-${this.skin}`}}},d=["aria-live"],k={key:0,class:"pkt-alert__close"},u={key:1,class:"pkt-alert__title"},m={class:"pkt-alert__text"},p={key:2,class:"pkt-alert__date"};function _(n,o,t,v,y,l){const s=e.resolveComponent("pkt-icon");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pkt-alert":!0,[l.skinClass]:!0,"pkt-alert--compact":t.compact}),"aria-live":t.ariaLive},[e.createVNode(s,{name:l.iconName,class:"pkt-alert__icon"},null,8,["name"]),t.closeAlert?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("button",{class:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",type:"button",role:"button",tabindex:"0","aria-label":"close",onKeyup:o[0]||(o[0]=e.withKeys((...a)=>l.close&&l.close(...a),["enter"])),onClick:o[1]||(o[1]=(...a)=>l.close&&l.close(...a))},[e.createVNode(s,{class:"pkt-btn__icon",name:"close"})],32)])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.renderSlot(n.$slots,"default")]),t.date?(e.openBlock(),e.createElementBlock("div",p,"Sist oppdatert: "+e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)],10,d)),[[e.vShow,l.open]])}const f=c._export_sfc(i,[["render",_]]);exports.PktAlert=f;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { P as u } from "./Icon-s3ZNrtl-.js";
|
|
2
|
-
import { resolveComponent as m, withDirectives as _, openBlock as
|
|
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 i, toDisplayString as k, renderSlot as v, vShow as y } from "vue";
|
|
3
3
|
import { _ as h } from "./plugins-IeJb3XDX.js";
|
|
4
4
|
const b = {
|
|
5
5
|
name: "PktAlert",
|
|
@@ -33,7 +33,7 @@ const b = {
|
|
|
33
33
|
return ["off", "polite", "assertive"].includes(l);
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
|
-
|
|
36
|
+
compact: {
|
|
37
37
|
type: Boolean,
|
|
38
38
|
default: !1
|
|
39
39
|
}
|
|
@@ -67,25 +67,25 @@ const b = {
|
|
|
67
67
|
key: 2,
|
|
68
68
|
class: "pkt-alert__date"
|
|
69
69
|
};
|
|
70
|
-
function w(l,
|
|
70
|
+
function w(l, a, t, x, A, e) {
|
|
71
71
|
const r = m("pkt-icon");
|
|
72
|
-
return _((
|
|
73
|
-
class: p({ "pkt-alert": !0, [e.skinClass]: !0, "pkt-alert--
|
|
72
|
+
return _((s(), o("div", {
|
|
73
|
+
class: p({ "pkt-alert": !0, [e.skinClass]: !0, "pkt-alert--compact": t.compact }),
|
|
74
74
|
"aria-live": t.ariaLive
|
|
75
75
|
}, [
|
|
76
76
|
c(r, {
|
|
77
77
|
name: e.iconName,
|
|
78
78
|
class: "pkt-alert__icon"
|
|
79
79
|
}, null, 8, ["name"]),
|
|
80
|
-
t.closeAlert ? (
|
|
80
|
+
t.closeAlert ? (s(), o("div", g, [
|
|
81
81
|
d("button", {
|
|
82
82
|
class: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",
|
|
83
83
|
type: "button",
|
|
84
84
|
role: "button",
|
|
85
85
|
tabindex: "0",
|
|
86
86
|
"aria-label": "close",
|
|
87
|
-
onKeyup:
|
|
88
|
-
onClick:
|
|
87
|
+
onKeyup: a[0] || (a[0] = f((...n) => e.close && e.close(...n), ["enter"])),
|
|
88
|
+
onClick: a[1] || (a[1] = (...n) => e.close && e.close(...n))
|
|
89
89
|
}, [
|
|
90
90
|
c(r, {
|
|
91
91
|
class: "pkt-btn__icon",
|
|
@@ -93,11 +93,11 @@ function w(l, s, t, x, A, e) {
|
|
|
93
93
|
})
|
|
94
94
|
], 32)
|
|
95
95
|
])) : i("", !0),
|
|
96
|
-
t.title ? (
|
|
96
|
+
t.title ? (s(), o("div", C, k(t.title), 1)) : i("", !0),
|
|
97
97
|
d("div", N, [
|
|
98
98
|
v(l.$slots, "default")
|
|
99
99
|
]),
|
|
100
|
-
t.date ? (
|
|
100
|
+
t.date ? (s(), o("div", P, "Sist oppdatert: " + k(t.date), 1)) : i("", !0)
|
|
101
101
|
], 10, S)), [
|
|
102
102
|
[y, e.open]
|
|
103
103
|
]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as x } from "./Alert-
|
|
1
|
+
import { P as x } from "./Alert-vdgjfN8U.js";
|
|
2
2
|
import { P as m } from "./Button-oFCw2kbo.js";
|
|
3
3
|
import { resolveComponent as u, openBlock as r, createElementBlock as a, normalizeClass as i, createBlock as h, resolveDynamicComponent as c, withCtx as s, createTextVNode as f, toDisplayString as n, createCommentVNode as l, Fragment as k, createVNode as g, createElementVNode as p, renderSlot as _ } from "vue";
|
|
4
4
|
import { _ as T } from "./plugins-IeJb3XDX.js";
|
|
@@ -196,7 +196,7 @@ function I(o, S, e, F, d, t) {
|
|
|
196
196
|
skin: "error",
|
|
197
197
|
"aria-live": "assertive",
|
|
198
198
|
id: `${e.forId}-error`,
|
|
199
|
-
|
|
199
|
+
compact: ""
|
|
200
200
|
}, {
|
|
201
201
|
default: s(() => [
|
|
202
202
|
f(n(e.errorMessage), 1)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("./Alert-
|
|
1
|
+
"use strict";const s=require("./Alert-E884mTfP.cjs"),o=require("./Button-h1iXT3rO.cjs"),e=require("vue"),d=require("./plugins-AiK__HqQ.cjs"),p={name:"pktInputwrapper",components:{PktAlert:s.PktAlert,PktButton:o.PktButton},props:{forId:{type:String,required:!0},label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,default:"Valgfritt"},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,default:"Må fylles ut"},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},hasFieldset:{type:Boolean,default:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["id","innerHTML"],u=["innerHTML"],h=["innerHTML"],k=["for","aria-describedby"],f=["for","aria-describedby","id"],g={key:2};function m(a,_,t,b,l,r){const n=e.resolveComponent("pkt-button"),i=e.resolveComponent("pkt-alert");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pkt-inputwrapper",r.disabledClass,r.inlineClass,r.errorClass])},[t.useWrapper?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"fieldset":r.hasDropDown?"div":"label"),{key:0,for:t.hasFieldset?void 0:t.forId,class:e.normalizeClass(["pkt-inputwrapper__label",{"pkt-inputwrapper__fieldset":t.hasFieldset,"pkt-inputwrapper__legend":t.hasFieldset}]),"aria-describedby":r.hasDropDown?void 0:t.ariaDescribedby},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"legend":r.hasDropDown?"h2":"span"),{class:e.normalizeClass({"pkt-inputwrapper__legend":t.hasFieldset}),id:`${t.forId}-label`},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1),r.tagText!==""?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.tagClass())},e.toDisplayString(r.tagText),3)):e.createCommentVNode("",!0)]),_:1},8,["class","id"])),t.helptext?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pkt-inputwrapper__helptext",id:`${t.forId}-helptext`,innerHTML:t.helptext},null,8,c)):e.createCommentVNode("",!0),r.hasDropDown?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(n,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":l.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",onOnClick:r.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:r.dropdownButton},null,8,u)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":l.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!l.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,h)],2),t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy},e.toDisplayString(t.label),9,k))],64)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["for","class","aria-describedby"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy,id:`${t.forId}-label`},e.toDisplayString(t.label),9,f)),e.renderSlot(a.$slots,"default")],64)),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(i,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.errorMessage),1)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const y=d._export_sfc(p,[["render",m]]);exports.PktInputWrapper=y;
|
package/dist/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-E884mTfP.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");const r={install(l){t.registerComponent(l,e.PktAlert)}};t.use(r);exports.PktAlert=e.PktAlert;exports.default=r;
|
package/dist/punkt-vue-alert.js
CHANGED
package/dist/punkt-vue-index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./punkt-vue-alert.cjs"),e=require("./punkt-vue-backlink.cjs"),t=require("./punkt-vue-breadcrumbs.cjs"),p=require("./punkt-vue-button.cjs"),r=require("./punkt-vue-checkbox.cjs"),u=require("./punkt-vue-footer.cjs"),a=require("./punkt-vue-footersimple.cjs"),o=require("./punkt-vue-header.cjs"),b=require("./punkt-vue-icon.cjs"),q=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),l=require("./punkt-vue-linkcard.cjs"),i=require("./punkt-vue-radiobutton.cjs"),c=require("./punkt-vue-select.cjs"),d=require("./punkt-vue-tabs.cjs"),x=require("./punkt-vue-tag.cjs"),s=require("./punkt-vue-textarea.cjs"),k=require("./punkt-vue-textinput.cjs"),g=require("./plugins-AiK__HqQ.cjs"),S=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./punkt-vue-alert.cjs"),e=require("./punkt-vue-backlink.cjs"),t=require("./punkt-vue-breadcrumbs.cjs"),p=require("./punkt-vue-button.cjs"),r=require("./punkt-vue-checkbox.cjs"),u=require("./punkt-vue-footer.cjs"),a=require("./punkt-vue-footersimple.cjs"),o=require("./punkt-vue-header.cjs"),b=require("./punkt-vue-icon.cjs"),q=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),l=require("./punkt-vue-linkcard.cjs"),i=require("./punkt-vue-radiobutton.cjs"),c=require("./punkt-vue-select.cjs"),d=require("./punkt-vue-tabs.cjs"),x=require("./punkt-vue-tag.cjs"),s=require("./punkt-vue-textarea.cjs"),k=require("./punkt-vue-textinput.cjs"),g=require("./plugins-AiK__HqQ.cjs"),S=require("./Alert-E884mTfP.cjs"),I=require("./Button-h1iXT3rO.cjs"),F=require("./Icon-Q_SkpRJa.cjs"),L=require("./InputWrapper-ye0g5G2b.cjs"),M=require("./Tag-RznZVoXr.cjs");require("vue");const f=Object.freeze(Object.defineProperty({__proto__:null,Alert:P.default,BackLink:e.default,Breadcrumbs:t.default,Button:p.default,Checkbox:r.default,Footer:u.default,FooterSimple:a.default,Header:o.default,Icon:b.default,InputWrapper:q.default,Linkcard:l.default,Messagebox:n.default,Radiobutton:i.default,Select:c.default,Tabs:d.default,Tag:x.default,Textarea:s.default,Textinput:k.default},Symbol.toStringTag,{value:"Module"})),T={install(m,h={}){for(const B in f)g.registerPlugin(m,f[B])}};g.use(T);exports.Alert=P.default;exports.BackLink=e.default;exports.PktBackLink=e.PktBackLink;exports.Breadcrumbs=t.default;exports.PktBreadcrumbs=t.PktBreadcrumbs;exports.Button=p.default;exports.Checkbox=r.default;exports.PktCheckbox=r.PktCheckbox;exports.Footer=u.default;exports.PktFooter=u.PktFooter;exports.FooterSimple=a.default;exports.PktFooterSimple=a.PktFooterSimple;exports.Header=o.default;exports.PktHeader=o.PktHeader;exports.Icon=b.default;exports.InputWrapper=q.default;exports.Messagebox=n.default;exports.PktMessagebox=n.PktMessagebox;exports.Linkcard=l.default;exports.PktLinkcard=l.PktLinkcard;exports.PktRadiobutton=i.PktRadiobutton;exports.Radiobutton=i.default;exports.PktSelect=c.PktSelect;exports.Select=c.default;exports.PktTabs=d.PktTabs;exports.Tabs=d.default;exports.Tag=x.default;exports.PktTextarea=s.PktTextarea;exports.Textarea=s.default;exports.PktTextinput=k.PktTextinput;exports.Textinput=k.default;exports.PktAlert=S.PktAlert;exports.PktButton=I.PktButton;exports.PktIcon=F.PktIcon;exports.PktInputWrapper=L.PktInputWrapper;exports.PktTag=M.Tag;exports.default=T;
|
package/dist/punkt-vue-index.js
CHANGED
|
@@ -30,10 +30,10 @@ import { PktTextarea as xo } from "./punkt-vue-textarea.js";
|
|
|
30
30
|
import d from "./punkt-vue-textinput.js";
|
|
31
31
|
import { PktTextinput as co } from "./punkt-vue-textinput.js";
|
|
32
32
|
import { u as T, r as B } from "./plugins-IeJb3XDX.js";
|
|
33
|
-
import { P as $o } from "./Alert-
|
|
33
|
+
import { P as $o } from "./Alert-vdgjfN8U.js";
|
|
34
34
|
import { P as Bo } from "./Button-oFCw2kbo.js";
|
|
35
35
|
import { P as Fo } from "./Icon-s3ZNrtl-.js";
|
|
36
|
-
import { P as Lo } from "./InputWrapper
|
|
36
|
+
import { P as Lo } from "./InputWrapper-0bqUciYi.js";
|
|
37
37
|
import { T as Mo } from "./Tag-Tuksu2Zp.js";
|
|
38
38
|
import "vue";
|
|
39
39
|
const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputWrapper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputWrapper-ye0g5G2b.cjs"),r=require("./plugins-AiK__HqQ.cjs");require("./Alert-E884mTfP.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");require("./Button-h1iXT3rO.cjs");const t={install(u){r.registerComponent(u,e.PktInputWrapper)}};r.use(t);exports.PktInputWrapper=e.PktInputWrapper;exports.default=t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { P as r } from "./InputWrapper
|
|
1
|
+
import { P as r } from "./InputWrapper-0bqUciYi.js";
|
|
2
2
|
import { u as o, a as p } from "./plugins-IeJb3XDX.js";
|
|
3
|
-
import "./Alert-
|
|
3
|
+
import "./Alert-vdgjfN8U.js";
|
|
4
4
|
import "./Icon-s3ZNrtl-.js";
|
|
5
5
|
import "vue";
|
|
6
6
|
import "./Button-oFCw2kbo.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./plugins-AiK__HqQ.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./plugins-AiK__HqQ.cjs"),r={name:"PktMessagebox",props:{skin:{type:String,default:"beige",validator(t){return["beige","green","red","blue"].includes(t)}},title:{type:String,default:""},compact:{type:Boolean,default:!1}},computed:{skinClass(){return[`pkt-messagebox--${this.skin}`]}}},i={class:"pkt-messagebox__title"},c={class:"pkt-messagebox__text"};function u(t,d,o,g,p,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pkt-messagebox":!0,[l.skinClass]:!0,"pkt-messagebox--compact":o.compact})},[e.createElementVNode("div",i,e.toDisplayString(o.title),1),e.createElementVNode("div",c,[e.renderSlot(t.$slots,"default")])],2)}const a=s._export_sfc(r,[["render",u]]),n={install(t){s.registerComponent(t,a)}};s.use(n);exports.PktMessagebox=a;exports.default=n;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { openBlock as o, createElementBlock as n, normalizeClass as r, createElementVNode as s, toDisplayString as
|
|
2
|
-
import { _ as c, u as
|
|
3
|
-
const
|
|
1
|
+
import { openBlock as o, createElementBlock as n, normalizeClass as r, createElementVNode as s, toDisplayString as l, renderSlot as i } from "vue";
|
|
2
|
+
import { _ as c, u as p, a as d } from "./plugins-IeJb3XDX.js";
|
|
3
|
+
const m = {
|
|
4
4
|
name: "PktMessagebox",
|
|
5
5
|
props: {
|
|
6
6
|
skin: {
|
|
@@ -13,6 +13,10 @@ const _ = {
|
|
|
13
13
|
title: {
|
|
14
14
|
type: String,
|
|
15
15
|
default: ""
|
|
16
|
+
},
|
|
17
|
+
compact: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: !1
|
|
16
20
|
}
|
|
17
21
|
},
|
|
18
22
|
computed: {
|
|
@@ -20,24 +24,24 @@ const _ = {
|
|
|
20
24
|
return [`pkt-messagebox--${this.skin}`];
|
|
21
25
|
}
|
|
22
26
|
}
|
|
23
|
-
},
|
|
24
|
-
function
|
|
27
|
+
}, u = { class: "pkt-messagebox__title" }, g = { class: "pkt-messagebox__text" };
|
|
28
|
+
function _(e, b, t, x, h, a) {
|
|
25
29
|
return o(), n("div", {
|
|
26
|
-
class: r(
|
|
30
|
+
class: r({ "pkt-messagebox": !0, [a.skinClass]: !0, "pkt-messagebox--compact": t.compact })
|
|
27
31
|
}, [
|
|
28
|
-
s("div",
|
|
29
|
-
s("div",
|
|
30
|
-
|
|
32
|
+
s("div", u, l(t.title), 1),
|
|
33
|
+
s("div", g, [
|
|
34
|
+
i(e.$slots, "default")
|
|
31
35
|
])
|
|
32
36
|
], 2);
|
|
33
37
|
}
|
|
34
|
-
const k = /* @__PURE__ */ c(
|
|
38
|
+
const k = /* @__PURE__ */ c(m, [["render", _]]), f = {
|
|
35
39
|
install(e) {
|
|
36
|
-
|
|
40
|
+
d(e, k);
|
|
37
41
|
}
|
|
38
42
|
};
|
|
39
|
-
|
|
43
|
+
p(f);
|
|
40
44
|
export {
|
|
41
45
|
k as PktMessagebox,
|
|
42
|
-
|
|
46
|
+
f as default
|
|
43
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-E884mTfP.cjs"),f=require("./Button-h1iXT3rO.cjs"),g=require("./InputWrapper-ye0g5G2b.cjs"),t=require("vue"),l=require("./plugins-AiK__HqQ.cjs"),b={name:"PktSelect",components:{PktIcon:s.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:g.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},q=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","value"];function y(r,a,e,c,m,o){const u=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(u,{class:"pkt-select",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=i=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("select",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=i=>r.$emit("update:modelValue",i.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":o.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,value:e.modelValue}),[t.renderSlot(r.$slots,"default")],16,q)]),_:3},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const n=l._export_sfc(b,[["render",y]]),d={install(r){l.registerComponent(r,n)}};l.use(d);exports.PktSelect=n;exports.default=d;
|
package/dist/punkt-vue-select.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { P as d } from "./Icon-s3ZNrtl-.js";
|
|
2
|
-
import { P as o } from "./Alert-
|
|
2
|
+
import { P as o } from "./Alert-vdgjfN8U.js";
|
|
3
3
|
import { P as n } from "./Button-oFCw2kbo.js";
|
|
4
|
-
import { P as u } from "./InputWrapper
|
|
4
|
+
import { P as u } from "./InputWrapper-0bqUciYi.js";
|
|
5
5
|
import { resolveComponent as s, openBlock as p, createBlock as f, withCtx as g, createElementVNode as m, mergeProps as b, renderSlot as y } from "vue";
|
|
6
6
|
import { _ as q, u as h, a as x } from "./plugins-IeJb3XDX.js";
|
|
7
7
|
const c = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-E884mTfP.cjs"),f=require("./Button-h1iXT3rO.cjs"),y=require("./InputWrapper-ye0g5G2b.cjs"),t=require("vue"),n=require("./plugins-AiK__HqQ.cjs"),m={name:"PktTextarea",components:{PktIcon:g.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:y.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,required:!1},rows:{type:Number,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},b=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","placeholder","rows","value"],h={key:0,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"};function q(r,a,e,x,k,d){const s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:"pkt-textarea",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=l=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>{var l,i;return[t.createElementVNode("textarea",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=c=>r.$emit("update:modelValue",c.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&((l=e.modelValue)==null?void 0:l.length)>e.counterMaxLength},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":d.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,placeholder:e.placeholder,rows:e.rows,value:e.modelValue}),null,16,b),e.counter?(t.openBlock(),t.createElementBlock("div",h,[t.createTextVNode(t.toDisplayString(((i=e.modelValue)==null?void 0:i.length)||0),1),e.counterMaxLength?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode("/"+t.toDisplayString(e.counterMaxLength),1)],64)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)]}),_:1},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const o=n._export_sfc(m,[["render",q]]),u={install(r){n.registerComponent(r,o)}};n.use(u);exports.PktTextarea=o;exports.default=u;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { P as m } from "./Icon-s3ZNrtl-.js";
|
|
2
|
-
import { P as p } from "./Alert-
|
|
2
|
+
import { P as p } from "./Alert-vdgjfN8U.js";
|
|
3
3
|
import { P as y } from "./Button-oFCw2kbo.js";
|
|
4
|
-
import { P as c } from "./InputWrapper
|
|
4
|
+
import { P as c } from "./InputWrapper-0bqUciYi.js";
|
|
5
5
|
import { resolveComponent as h, openBlock as l, createBlock as x, withCtx as b, createElementVNode as q, mergeProps as T, createElementBlock as n, createTextVNode as o, toDisplayString as d, Fragment as k, createCommentVNode as u } from "vue";
|
|
6
6
|
import { _ as B, u as w, a as P } from "./plugins-IeJb3XDX.js";
|
|
7
7
|
const S = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./Icon-Q_SkpRJa.cjs"),p=require("./Alert-E884mTfP.cjs"),f=require("./InputWrapper-ye0g5G2b.cjs"),t=require("vue"),n=require("./plugins-AiK__HqQ.cjs");require("./Button-h1iXT3rO.cjs");const g={name:"PktTextinput",components:{PktIcon:c.PktIcon,PktAlert:p.PktAlert,PktInputWrapper:f.PktInputWrapper},inheritAttrs:!1,props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},type:{type:String,required:!1,default:"text"},autocomplete:{type:String,required:!1,default:"off"},modelValue:{type:String,required:!1},suffix:{type:String,required:!1},prefix:{type:String,required:!1},iconNameRight:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},omitSearchIcon:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`},shouldShowSearchIcon(){return this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon}}},m={class:"pkt-input__container"},y={key:0,class:"pkt-input-prefix"},h=["type","name","id","placeholder","autocomplete","value","disabled","aria-invalid","aria-errormessage","aria-labelledby"],k={key:1,class:"pkt-input-suffix"};function x(r,a,e,q,b,i){const l=t.resolveComponent("pkt-icon"),s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:"pkt-textinput",forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=o=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("div",m,[e.prefix?(t.openBlock(),t.createElementBlock("div",y,t.toDisplayString(e.prefix),1)):t.createCommentVNode("",!0),t.createElementVNode("input",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=o=>r.$emit("update:modelValue",o.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},type:e.type,name:e.name||e.id,id:e.id,placeholder:e.placeholder,autocomplete:e.autocomplete,value:e.modelValue,disabled:e.disabled,"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":i.labelledBy,ref:"input"}),null,16,h),e.suffix?(t.openBlock(),t.createElementBlock("p",k,[t.createTextVNode(t.toDisplayString(e.suffix)+" ",1),e.iconNameRight?(t.openBlock(),t.createBlock(l,{key:0,class:"pkt-input-suffix-icon",name:e.iconNameRight},null,8,["name"])):i.shouldShowSearchIcon?(t.openBlock(),t.createBlock(l,{key:1,class:"pkt-input-suffix-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])):e.iconNameRight?(t.openBlock(),t.createBlock(l,{key:2,class:"pkt-input-icon",name:e.iconNameRight},null,8,["name"])):i.shouldShowSearchIcon?(t.openBlock(),t.createBlock(l,{key:3,class:"pkt-input-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])]),_:1},8,["forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=n._export_sfc(g,[["render",x]]),d={install(r){n.registerComponent(r,u)}};n.use(d);exports.PktTextinput=u;exports.default=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { P as m } from "./Icon-s3ZNrtl-.js";
|
|
2
|
-
import { P as g } from "./Alert-
|
|
3
|
-
import { P as h } from "./InputWrapper
|
|
2
|
+
import { P as g } from "./Alert-vdgjfN8U.js";
|
|
3
|
+
import { P as h } from "./InputWrapper-0bqUciYi.js";
|
|
4
4
|
import { resolveComponent as u, openBlock as t, createBlock as r, withCtx as y, createElementVNode as s, createElementBlock as f, toDisplayString as p, createCommentVNode as o, mergeProps as x, createTextVNode as b } from "vue";
|
|
5
5
|
import { _ as q, u as k, a as S } from "./plugins-IeJb3XDX.js";
|
|
6
6
|
import "./Button-oFCw2kbo.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-vue",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.3.0",
|
|
4
4
|
"description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@oslokommune/punkt-assets": "^11.0.0",
|
|
30
|
-
"@oslokommune/punkt-css": "^11.
|
|
30
|
+
"@oslokommune/punkt-css": "^11.3.0",
|
|
31
31
|
"@vitejs/plugin-vue": "^4.5.2",
|
|
32
32
|
"edit-json-file": "^1.7.0",
|
|
33
33
|
"sass": "^1.69.5",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
66
66
|
},
|
|
67
67
|
"license": "MIT",
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "14f97a3b27054b3ef5b50b800e49c039e2b2be23"
|
|
69
69
|
}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
2
|
+
<div
|
|
3
|
+
:class="{ 'pkt-alert': true, [skinClass]: true, 'pkt-alert--compact': compact }"
|
|
4
|
+
v-show="open"
|
|
5
|
+
:aria-live="ariaLive"
|
|
6
|
+
>
|
|
3
7
|
<pkt-icon :name="iconName" class="pkt-alert__icon"></pkt-icon>
|
|
4
8
|
|
|
5
9
|
<div class="pkt-alert__close" v-if="closeAlert">
|
|
@@ -60,7 +64,7 @@ export default {
|
|
|
60
64
|
return ['off', 'polite', 'assertive'].includes(value)
|
|
61
65
|
},
|
|
62
66
|
},
|
|
63
|
-
|
|
67
|
+
compact: {
|
|
64
68
|
type: Boolean,
|
|
65
69
|
default: false,
|
|
66
70
|
},
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
<slot />
|
|
63
63
|
</template>
|
|
64
64
|
<div v-if="hasError && errorMessage">
|
|
65
|
-
<pkt-alert skin="error" aria-live="assertive" :id="`${forId}-error`"
|
|
65
|
+
<pkt-alert skin="error" aria-live="assertive" :id="`${forId}-error`" compact>{{ errorMessage }}</pkt-alert>
|
|
66
66
|
</div>
|
|
67
67
|
</div>
|
|
68
68
|
</template>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="pkt-messagebox
|
|
2
|
+
<div :class="{ 'pkt-messagebox': true, [skinClass]: true, 'pkt-messagebox--compact': compact }">
|
|
3
3
|
<div class="pkt-messagebox__title">
|
|
4
4
|
{{ title }}
|
|
5
5
|
</div>
|
|
@@ -24,11 +24,15 @@ export default {
|
|
|
24
24
|
type: String,
|
|
25
25
|
default: '',
|
|
26
26
|
},
|
|
27
|
+
compact: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: false,
|
|
30
|
+
},
|
|
27
31
|
},
|
|
28
32
|
computed: {
|
|
29
33
|
skinClass() {
|
|
30
|
-
return [`pkt-messagebox--${this.skin}`]
|
|
34
|
+
return [`pkt-messagebox--${this.skin}`]
|
|
31
35
|
},
|
|
32
36
|
},
|
|
33
|
-
}
|
|
37
|
+
}
|
|
34
38
|
</script>
|
package/dist/Alert-CShkNLKz.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),i=require("./plugins-AiK__HqQ.cjs"),c={name:"PktAlert",components:{PktIcon:r.PktIcon},props:{skin:{type:String,default:"info",validator(n){return["error","success","warning","info"].includes(n)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:""},date:{type:String,default:""},ariaLive:{type:String,default:"polite",validator(n){return["off","polite","assertive"].includes(n)}},slim:{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"},_={key:2,class:"pkt-alert__date"};function p(n,o,t,v,y,l){const a=e.resolveComponent("pkt-icon");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"pkt-alert":!0,[l.skinClass]:!0,"pkt-alert--slim":t.slim}),"aria-live":t.ariaLive},[e.createVNode(a,{name:l.iconName,class:"pkt-alert__icon"},null,8,["name"]),t.closeAlert?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("button",{class:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",type:"button",role:"button",tabindex:"0","aria-label":"close",onKeyup:o[0]||(o[0]=e.withKeys((...s)=>l.close&&l.close(...s),["enter"])),onClick:o[1]||(o[1]=(...s)=>l.close&&l.close(...s))},[e.createVNode(a,{class:"pkt-btn__icon",name:"close"})],32)])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",m,[e.renderSlot(n.$slots,"default")]),t.date?(e.openBlock(),e.createElementBlock("div",_,"Sist oppdatert: "+e.toDisplayString(t.date),1)):e.createCommentVNode("",!0)],10,d)),[[e.vShow,l.open]])}const f=i._export_sfc(c,[["render",p]]);exports.PktAlert=f;
|