@oslokommune/punkt-vue 12.4.0 → 12.4.1
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 +19 -0
- package/dist/{InputWrapper-DvbfFuv7.js → InputWrapper-Bpx37kKT.js} +32 -25
- package/dist/InputWrapper-CfSQBzlC.cjs +1 -0
- package/dist/punkt-vue-index.cjs +1 -1
- package/dist/punkt-vue-index.js +1 -1
- package/dist/punkt-vue-inputwrapper.cjs +1 -1
- package/dist/punkt-vue-inputwrapper.js +1 -1
- package/dist/punkt-vue-select.cjs +1 -1
- package/dist/punkt-vue-select.js +1 -1
- package/dist/punkt-vue-textarea.cjs +1 -1
- package/dist/punkt-vue-textarea.js +1 -1
- package/dist/punkt-vue-textinput.cjs +1 -1
- package/dist/punkt-vue-textinput.js +1 -1
- package/package.json +2 -2
- package/src/components/inputwrapper/InputWrapper.vue +6 -4
- package/dist/InputWrapper-pZmn56F2.cjs +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,25 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [12.4.1](https://github.com/oslokommune/punkt/compare/12.4.0...12.4.1) (2024-10-22)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Fiks InputWrapper sin errorMessage (#1964). - `v-html` kan ikke settes rett på en komponent på den måten.
|
|
18
|
+
- Pluss at computed `tagClass` ble brukt som en funksjon…
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
### Chores
|
|
22
|
+
Ingen
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
26
|
+
|
|
8
27
|
## [12.3.5](https://github.com/oslokommune/punkt/compare/12.3.4...12.3.5) (2024-10-08)
|
|
9
28
|
|
|
10
29
|
### ⚠ BREAKING CHANGES
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { P as x } from "./Alert-Ch2E8es4.js";
|
|
2
2
|
import { P as m } from "./Button-CWezH85z.js";
|
|
3
|
-
import { resolveComponent as c, openBlock as r, createElementBlock as a, normalizeClass as n, createBlock as h, resolveDynamicComponent as f, withCtx as
|
|
3
|
+
import { resolveComponent as c, openBlock as r, createElementBlock as a, normalizeClass as n, createBlock as h, resolveDynamicComponent as f, withCtx as s, createTextVNode as p, toDisplayString as i, createCommentVNode as l, createVNode as k, createElementVNode as d, renderSlot as _, Fragment as g } from "vue";
|
|
4
4
|
import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const w = {
|
|
6
6
|
name: "pktInputwrapper",
|
|
@@ -132,8 +132,8 @@ const w = {
|
|
|
132
132
|
class: "pkt-input__counter",
|
|
133
133
|
"aria-live": "polite",
|
|
134
134
|
"aria-atomic": "true"
|
|
135
|
-
}, L = { key: 3 };
|
|
136
|
-
function
|
|
135
|
+
}, L = { key: 3 }, I = ["innerHTML"];
|
|
136
|
+
function S(u, F, e, P, o, t) {
|
|
137
137
|
const y = c("PktButton"), b = c("PktAlert");
|
|
138
138
|
return r(), a("div", {
|
|
139
139
|
class: n(["pkt-inputwrapper", t.disabledClass, t.inlineClass, t.errorClass])
|
|
@@ -147,18 +147,18 @@ function I(u, S, e, F, s, t) {
|
|
|
147
147
|
}]),
|
|
148
148
|
"aria-describedby": t.hasDropDown ? void 0 : e.ariaDescribedby
|
|
149
149
|
}, {
|
|
150
|
-
default:
|
|
150
|
+
default: s(() => [
|
|
151
151
|
(r(), h(f(e.hasFieldset ? "legend" : t.hasDropDown ? "h2" : "span"), {
|
|
152
152
|
class: n({
|
|
153
153
|
"pkt-inputwrapper__legend": e.hasFieldset
|
|
154
154
|
}),
|
|
155
155
|
id: `${e.forId}-label`
|
|
156
156
|
}, {
|
|
157
|
-
default:
|
|
158
|
-
|
|
157
|
+
default: s(() => [
|
|
158
|
+
p(i(e.label), 1),
|
|
159
159
|
t.tagText !== "" ? (r(), a("span", {
|
|
160
160
|
key: 0,
|
|
161
|
-
class: n(t.tagClass
|
|
161
|
+
class: n(t.tagClass)
|
|
162
162
|
}, i(t.tagText), 3)) : l("", !0)
|
|
163
163
|
]),
|
|
164
164
|
_: 1
|
|
@@ -174,22 +174,22 @@ function I(u, S, e, F, s, t) {
|
|
|
174
174
|
skin: "tertiary",
|
|
175
175
|
size: "small",
|
|
176
176
|
variant: "icon-right",
|
|
177
|
-
"icon-name":
|
|
177
|
+
"icon-name": o.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down",
|
|
178
178
|
class: "pkt-link pkt-link--icon-right",
|
|
179
179
|
onOnClick: t.toggleHelpText
|
|
180
180
|
}, {
|
|
181
|
-
default:
|
|
182
|
-
|
|
181
|
+
default: s(() => [
|
|
182
|
+
d("span", { innerHTML: t.dropdownButton }, null, 8, q)
|
|
183
183
|
]),
|
|
184
184
|
_: 1
|
|
185
185
|
}, 8, ["icon-name", "onOnClick"]),
|
|
186
|
-
|
|
186
|
+
d("div", {
|
|
187
187
|
class: n(["pkt-inputwrapper__helptext", {
|
|
188
|
-
"pkt-inputwrapper__helptext-expandable-open":
|
|
189
|
-
"pkt-inputwrapper__helptext-expandable-closed": !
|
|
188
|
+
"pkt-inputwrapper__helptext-expandable-open": o.isHelpTextOpen,
|
|
189
|
+
"pkt-inputwrapper__helptext-expandable-closed": !o.isHelpTextOpen
|
|
190
190
|
}])
|
|
191
191
|
}, [
|
|
192
|
-
|
|
192
|
+
d("span", { innerHTML: e.helptextDropdown }, null, 8, H)
|
|
193
193
|
], 2),
|
|
194
194
|
e.hasFieldset ? l("", !0) : (r(), a("label", {
|
|
195
195
|
key: 0,
|
|
@@ -198,10 +198,10 @@ function I(u, S, e, F, s, t) {
|
|
|
198
198
|
"aria-describedby": t.describedBy
|
|
199
199
|
}, i(e.label), 9, C))
|
|
200
200
|
])) : l("", !0),
|
|
201
|
-
|
|
201
|
+
_(u.$slots, "default")
|
|
202
202
|
]),
|
|
203
203
|
_: 3
|
|
204
|
-
}, 8, ["for", "class", "aria-describedby"])) : (r(), a(
|
|
204
|
+
}, 8, ["for", "class", "aria-describedby"])) : (r(), a(g, { key: 1 }, [
|
|
205
205
|
e.hasFieldset ? l("", !0) : (r(), a("label", {
|
|
206
206
|
key: 0,
|
|
207
207
|
for: e.forId,
|
|
@@ -209,12 +209,12 @@ function I(u, S, e, F, s, t) {
|
|
|
209
209
|
"aria-describedby": t.describedBy,
|
|
210
210
|
id: `${e.forId}-label`
|
|
211
211
|
}, i(e.label), 9, v)),
|
|
212
|
-
|
|
212
|
+
_(u.$slots, "default")
|
|
213
213
|
], 64)),
|
|
214
214
|
e.counter ? (r(), a("div", M, [
|
|
215
|
-
|
|
216
|
-
e.counterMaxLength ? (r(), a(
|
|
217
|
-
|
|
215
|
+
p(i(e.counterCurrent || 0), 1),
|
|
216
|
+
e.counterMaxLength ? (r(), a(g, { key: 0 }, [
|
|
217
|
+
p("/" + i(e.counterMaxLength), 1)
|
|
218
218
|
], 64)) : l("", !0)
|
|
219
219
|
])) : l("", !0),
|
|
220
220
|
e.hasError && e.errorMessage ? (r(), a("div", L, [
|
|
@@ -222,13 +222,20 @@ function I(u, S, e, F, s, t) {
|
|
|
222
222
|
skin: "error",
|
|
223
223
|
"aria-live": "assertive",
|
|
224
224
|
id: `${e.forId}-error`,
|
|
225
|
-
compact: ""
|
|
226
|
-
|
|
227
|
-
|
|
225
|
+
compact: ""
|
|
226
|
+
}, {
|
|
227
|
+
default: s(() => [
|
|
228
|
+
d("div", {
|
|
229
|
+
class: "pkt-contents",
|
|
230
|
+
innerHTML: e.errorMessage
|
|
231
|
+
}, null, 8, I)
|
|
232
|
+
]),
|
|
233
|
+
_: 1
|
|
234
|
+
}, 8, ["id"])
|
|
228
235
|
])) : l("", !0)
|
|
229
236
|
], 2);
|
|
230
237
|
}
|
|
231
|
-
const
|
|
238
|
+
const A = /* @__PURE__ */ T(w, [["render", S]]);
|
|
232
239
|
export {
|
|
233
|
-
|
|
240
|
+
A as P
|
|
234
241
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("./Alert-DBTgGUEd.cjs"),s=require("./Button-CS1u9-BP.cjs"),e=require("vue"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),c={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)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},p=["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},_=["innerHTML"];function x(a,B,t,T,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,p)):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:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"pkt-contents",innerHTML:t.errorMessage},null,8,_)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const b=d._export_sfc(c,[["render",x]]);exports.PktInputWrapper=b;
|
package/dist/punkt-vue-index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./punkt-vue-alert.cjs"),t=require("./punkt-vue-accordion.cjs"),a=require("./punkt-vue-backlink.cjs"),r=require("./punkt-vue-breadcrumbs.cjs"),g=require("./punkt-vue-button.cjs"),o=require("./punkt-vue-checkbox.cjs"),l=require("./punkt-vue-footer.cjs"),u=require("./punkt-vue-footersimple.cjs"),d=require("./punkt-vue-header.cjs"),x=require("./punkt-vue-icon.cjs"),m=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),c=require("./punkt-vue-linkcard.cjs"),k=require("./punkt-vue-loader.cjs"),i=require("./punkt-vue-progressbar.cjs"),s=require("./punkt-vue-radiobutton.cjs"),P=require("./punkt-vue-select.cjs"),e=require("./punkt-vue-table.cjs"),b=require("./punkt-vue-tabs.cjs"),B=require("./punkt-vue-tag.cjs"),f=require("./punkt-vue-textarea.cjs"),p=require("./punkt-vue-textinput.cjs"),S=require("./plugins-CMydO4oi.cjs"),I=require("./punkt-vue-stepper.cjs"),L=require("./Alert-DBTgGUEd.cjs"),y=require("./Button-CS1u9-BP.cjs"),F=require("./Icon-BJ7hvALz.cjs"),R=require("./InputWrapper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./punkt-vue-alert.cjs"),t=require("./punkt-vue-accordion.cjs"),a=require("./punkt-vue-backlink.cjs"),r=require("./punkt-vue-breadcrumbs.cjs"),g=require("./punkt-vue-button.cjs"),o=require("./punkt-vue-checkbox.cjs"),l=require("./punkt-vue-footer.cjs"),u=require("./punkt-vue-footersimple.cjs"),d=require("./punkt-vue-header.cjs"),x=require("./punkt-vue-icon.cjs"),m=require("./punkt-vue-inputwrapper.cjs"),n=require("./punkt-vue-messagebox.cjs"),c=require("./punkt-vue-linkcard.cjs"),k=require("./punkt-vue-loader.cjs"),i=require("./punkt-vue-progressbar.cjs"),s=require("./punkt-vue-radiobutton.cjs"),P=require("./punkt-vue-select.cjs"),e=require("./punkt-vue-table.cjs"),b=require("./punkt-vue-tabs.cjs"),B=require("./punkt-vue-tag.cjs"),f=require("./punkt-vue-textarea.cjs"),p=require("./punkt-vue-textinput.cjs"),S=require("./plugins-CMydO4oi.cjs"),I=require("./punkt-vue-stepper.cjs"),L=require("./Alert-DBTgGUEd.cjs"),y=require("./Button-CS1u9-BP.cjs"),F=require("./Icon-BJ7hvALz.cjs"),R=require("./InputWrapper-CfSQBzlC.cjs"),M=require("./Tag-D4aWq2mA.cjs"),T=Object.freeze(Object.defineProperty({__proto__:null,Accordion:t.default,AccordionItem:t.default,Alert:q.default,BackLink:a.default,Breadcrumbs:r.default,Button:g.default,Checkbox:o.default,Footer:l.default,FooterSimple:u.default,Header:d.default,Icon:x.default,InputWrapper:m.default,Linkcard:c.default,Loader:k.default,Messagebox:n.default,Progressbar:i.default,Radiobutton:s.default,Select:P.default,Table:e.default,TableBody:e.default,TableDataCell:e.default,TableHeader:e.default,TableHeaderCell:e.default,TableRow:e.default,Tabs:b.default,Tag:B.default,Textarea:f.default,Textinput:p.default},Symbol.toStringTag,{value:"Module"})),A={install(C,h={}){for(const H in T)S.registerPlugin(C,T[H])}};S.use(A);exports.Alert=q.default;exports.Accordion=t.default;exports.AccordionItem=t.default;exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem;exports.BackLink=a.default;exports.PktBackLink=a.PktBackLink;exports.Breadcrumbs=r.default;exports.PktBreadcrumbs=r.PktBreadcrumbs;exports.Button=g.default;exports.Checkbox=o.default;exports.PktCheckbox=o.PktCheckbox;exports.Footer=l.default;exports.PktFooter=l.PktFooter;exports.FooterSimple=u.default;exports.PktFooterSimple=u.PktFooterSimple;exports.Header=d.default;exports.PktHeader=d.PktHeader;exports.Icon=x.default;exports.InputWrapper=m.default;exports.Messagebox=n.default;exports.PktMessagebox=n.PktMessagebox;exports.Linkcard=c.default;exports.PktLinkcard=c.PktLinkcard;exports.Loader=k.default;exports.PktLoader=k.PktLoader;exports.PktProgressbar=i.PktProgressbar;exports.Progressbar=i.default;exports.PktRadiobutton=s.PktRadiobutton;exports.Radiobutton=s.default;exports.PktSelect=P.PktSelect;exports.Select=P.default;exports.PktTable=e.PktTable;exports.PktTableBody=e.PktTableBody;exports.PktTableDataCell=e.PktTableDataCell;exports.PktTableHeader=e.PktTableHeader;exports.PktTableHeaderCell=e.PktTableHeaderCell;exports.PktTableRow=e.PktTableRow;exports.Table=e.default;exports.TableBody=e.default;exports.TableDataCell=e.default;exports.TableHeader=e.default;exports.TableHeaderCell=e.default;exports.TableRow=e.default;exports.PktTabs=b.PktTabs;exports.Tabs=b.default;exports.Tag=B.default;exports.PktTextarea=f.PktTextarea;exports.Textarea=f.default;exports.PktTextinput=p.PktTextinput;exports.Textinput=p.default;exports.PktStep=I.PktStep;exports.PktStepper=I.PktStepper;exports.PktAlert=L.PktAlert;exports.PktButton=y.PktButton;exports.PktIcon=F.PktIcon;exports.PktInputWrapper=R.PktInputWrapper;exports.PktTag=M.Tag;exports.default=A;
|
package/dist/punkt-vue-index.js
CHANGED
|
@@ -42,7 +42,7 @@ import { PktStep as zo, PktStepper as Ko } from "./punkt-vue-stepper.js";
|
|
|
42
42
|
import { P as Eo } from "./Alert-Ch2E8es4.js";
|
|
43
43
|
import { P as Jo } from "./Button-CWezH85z.js";
|
|
44
44
|
import { P as Qo } from "./Icon-DPY4YYRY.js";
|
|
45
|
-
import { P as Vo } from "./InputWrapper-
|
|
45
|
+
import { P as Vo } from "./InputWrapper-Bpx37kKT.js";
|
|
46
46
|
import { T as Yo } from "./Tag-CDG92YYT.js";
|
|
47
47
|
const e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
48
48
|
__proto__: null,
|
|
@@ -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-CfSQBzlC.cjs"),t=require("./plugins-CMydO4oi.cjs"),r={install(u){t.registerComponent(u,e.PktInputWrapper)}};t.use(r);exports.PktInputWrapper=e.PktInputWrapper;exports.default=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BJ7hvALz.cjs"),p=require("./Alert-DBTgGUEd.cjs"),f=require("./Button-CS1u9-BP.cjs"),g=require("./InputWrapper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BJ7hvALz.cjs"),p=require("./Alert-DBTgGUEd.cjs"),f=require("./Button-CS1u9-BP.cjs"),g=require("./InputWrapper-CfSQBzlC.cjs"),t=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),q={name:"PktSelect",components:{PktIcon:s.PktIcon,PktAlert:p.PktAlert,PktButton:f.PktButton,PktInputWrapper:g.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},c=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","value"];function y(r,l,e,m,h,o){const u=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(u,{class:t.normalizeClass(["pkt-select",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:l[1]||(l[1]=a=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("select",t.mergeProps(r.$attrs,{onInput:l[0]||(l[0]=a=>r.$emit("update:modelValue",a.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":o.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,value:e.modelValue}),[t.renderSlot(r.$slots,"default")],16,c)]),_:3},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const n=b._export_sfc(q,[["render",y]]),d={install(r){i.registerComponent(r,n)}};i.use(d);exports.PktSelect=n;exports.default=d;
|
package/dist/punkt-vue-select.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { P as d } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { P as o } from "./Alert-Ch2E8es4.js";
|
|
3
3
|
import { P as n } from "./Button-CWezH85z.js";
|
|
4
|
-
import { P as s } from "./InputWrapper-
|
|
4
|
+
import { P as s } from "./InputWrapper-Bpx37kKT.js";
|
|
5
5
|
import { resolveComponent as u, openBlock as p, createBlock as f, normalizeClass as m, withCtx as g, createElementVNode as b, mergeProps as y, renderSlot as q } from "vue";
|
|
6
6
|
import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
7
|
import { u as x, a as c } from "./plugins-DQVoaMd9.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BJ7hvALz.cjs"),c=require("./Alert-DBTgGUEd.cjs"),f=require("./Button-CS1u9-BP.cjs"),q=require("./InputWrapper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-BJ7hvALz.cjs"),c=require("./Alert-DBTgGUEd.cjs"),f=require("./Button-CS1u9-BP.cjs"),q=require("./InputWrapper-CfSQBzlC.cjs"),t=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),i=require("./plugins-CMydO4oi.cjs"),h={name:"PktTextarea",components:{PktIcon:p.PktIcon,PktAlert:c.PktAlert,PktButton:f.PktButton,PktInputWrapper:q.PktInputWrapper},props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},modelValue:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,required:!1},rows:{type:Number,required:!1},useWrapper:{type:Boolean,default:!0}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`}}},y=["aria-invalid","aria-errormessage","aria-labelledby","disabled","id","name","placeholder","rows","value"];function x(r,a,e,m,T,d){var n;const s=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(s,{class:t.normalizeClass(["pkt-textarea",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,counter:e.counter,counterCurrent:(n=e.modelValue)==null?void 0:n.length,counterMaxLength:e.counterMaxLength,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:a[1]||(a[1]=l=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>{var l;return[t.createElementVNode("textarea",t.mergeProps(r.$attrs,{onInput:a[0]||(a[0]=g=>r.$emit("update:modelValue",g.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&((l=e.modelValue)==null?void 0:l.length)>e.counterMaxLength},"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":d.labelledBy,disabled:e.disabled,id:e.id,name:e.name||e.id,placeholder:e.placeholder,rows:e.rows,value:e.modelValue}),null,16,y)]}),_:1},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","counter","counterCurrent","counterMaxLength","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=b._export_sfc(h,[["render",x]]),o={install(r){i.registerComponent(r,u)}};i.use(o);exports.PktTextarea=u;exports.default=o;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { P as d } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { P as u } from "./Alert-Ch2E8es4.js";
|
|
3
3
|
import { P as s } from "./Button-CWezH85z.js";
|
|
4
|
-
import { P as f } from "./InputWrapper-
|
|
4
|
+
import { P as f } from "./InputWrapper-Bpx37kKT.js";
|
|
5
5
|
import { resolveComponent as g, openBlock as p, createBlock as m, normalizeClass as h, withCtx as c, createElementVNode as x, mergeProps as y } from "vue";
|
|
6
6
|
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
7
|
import { u as q, a as T } from "./plugins-DQVoaMd9.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BJ7hvALz.cjs"),p=require("./Alert-DBTgGUEd.cjs"),f=require("./InputWrapper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./Icon-BJ7hvALz.cjs"),p=require("./Alert-DBTgGUEd.cjs"),f=require("./InputWrapper-CfSQBzlC.cjs"),t=require("vue"),g=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),o=require("./plugins-CMydO4oi.cjs"),h={name:"PktTextinput",components:{PktIcon:s.PktIcon,PktAlert:p.PktAlert,PktInputWrapper:f.PktInputWrapper},inheritAttrs:!1,props:{label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},counter:{type:Boolean,default:!1},counterMaxLength:{type:Number,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,required:!1},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,required:!1},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},name:{type:String,required:!1},id:{type:String,required:!0},placeholder:{type:String,required:!1},type:{type:String,required:!1,default:"text"},autocomplete:{type:String,required:!1,default:"off"},modelValue:{type:String,required:!1},suffix:{type:String,required:!1},prefix:{type:String,required:!1},iconNameRight:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},fullwidth:{type:Boolean,default:!1},ariaLabelledby:{type:String,required:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},omitSearchIcon:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{labelledBy(){this.ariaLabelledby||`${this.id}`},shouldShowSearchIcon(){return this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon},counterCurrent(){var r;return(r=this.modelValue)==null?void 0:r.length}}},m={class:"pkt-input__container"},y={key:0,class:"pkt-input-prefix"},x=["type","name","id","placeholder","autocomplete","value","disabled","aria-invalid","aria-errormessage","aria-labelledby"],k={key:1,class:"pkt-input-suffix"};function q(r,l,e,b,S,a){const n=t.resolveComponent("PktIcon"),c=t.resolveComponent("PktInputWrapper");return t.openBlock(),t.createBlock(c,{class:t.normalizeClass(["pkt-textinput",r.$attrs.class]),forId:e.id,label:e.label,helptext:e.helptext,helptextDropdown:e.helptextDropdown,helptextDropdownButton:e.helptextDropdownButton,counter:e.counter,counterCurrent:a.counterCurrent,counterMaxLength:e.counterMaxLength,optionalTag:e.optionalTag,optionalText:e.optionalText,requiredTag:e.requiredTag,requiredText:e.requiredText,hasError:e.hasError,errorMessage:e.errorMessage,disabled:e.disabled,inline:e.inline,ariaDescribedby:e.ariaDescribedby,useWrapper:e.useWrapper,onToggleHelpText:l[1]||(l[1]=i=>r.$emit("toggleHelpText"))},{default:t.withCtx(()=>[t.createElementVNode("div",m,[e.prefix?(t.openBlock(),t.createElementBlock("div",y,t.toDisplayString(e.prefix),1)):t.createCommentVNode("",!0),t.createElementVNode("input",t.mergeProps(r.$attrs,{onInput:l[0]||(l[0]=i=>r.$emit("update:modelValue",i.target.value)),class:{"pkt-input":!0,"pkt-input--fullwidth":e.fullwidth,"pkt-input--counter-error":e.counterMaxLength&&a.counterCurrent>e.counterMaxLength},type:e.type,name:e.name||e.id,id:e.id,placeholder:e.placeholder,autocomplete:e.autocomplete,value:e.modelValue,disabled:e.disabled,"aria-invalid":e.hasError,"aria-errormessage":e.hasError?`${e.id}-error`:"","aria-labelledby":a.labelledBy,ref:"input"}),null,16,x),e.suffix?(t.openBlock(),t.createElementBlock("p",k,[t.createTextVNode(t.toDisplayString(e.suffix)+" ",1),e.iconNameRight?(t.openBlock(),t.createBlock(n,{key:0,class:"pkt-input-suffix-icon",name:e.iconNameRight},null,8,["name"])):a.shouldShowSearchIcon?(t.openBlock(),t.createBlock(n,{key:1,class:"pkt-input-suffix-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])):e.iconNameRight?(t.openBlock(),t.createBlock(n,{key:2,class:"pkt-input-icon",name:e.iconNameRight},null,8,["name"])):a.shouldShowSearchIcon?(t.openBlock(),t.createBlock(n,{key:3,class:"pkt-input-icon",name:"magnifying-glass-big"})):t.createCommentVNode("",!0)])]),_:1},8,["class","forId","label","helptext","helptextDropdown","helptextDropdownButton","counter","counterCurrent","counterMaxLength","optionalTag","optionalText","requiredTag","requiredText","hasError","errorMessage","disabled","inline","ariaDescribedby","useWrapper"])}const u=g._export_sfc(h,[["render",q]]),d={install(r){o.registerComponent(r,u)}};o.use(d);exports.PktTextinput=u;exports.default=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { P as g } from "./Icon-DPY4YYRY.js";
|
|
2
2
|
import { P as m } from "./Alert-Ch2E8es4.js";
|
|
3
|
-
import { P as h } from "./InputWrapper-
|
|
3
|
+
import { P as h } from "./InputWrapper-Bpx37kKT.js";
|
|
4
4
|
import { resolveComponent as d, openBlock as r, createBlock as i, normalizeClass as y, withCtx as x, createElementVNode as s, createElementBlock as c, toDisplayString as f, createCommentVNode as o, mergeProps as b, createTextVNode as q } from "vue";
|
|
5
5
|
import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
import { u as S, a as T } from "./plugins-DQVoaMd9.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-vue",
|
|
3
|
-
"version": "12.4.
|
|
3
|
+
"version": "12.4.1",
|
|
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",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
66
66
|
},
|
|
67
67
|
"license": "MIT",
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "b50a413f96af6b6ff9307077f017e56dbfd3150f"
|
|
69
69
|
}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}"
|
|
18
18
|
:is="hasFieldset ? 'legend' : hasDropDown ? 'h2' : 'span'"
|
|
19
19
|
:id="`${forId}-label`"
|
|
20
|
-
>{{ label }}<span v-if="tagText !== ''" :class="tagClass
|
|
20
|
+
>{{ label }}<span v-if="tagText !== ''" :class="tagClass">{{ tagText }}</span></component
|
|
21
21
|
>
|
|
22
22
|
<div v-if="helptext" class="pkt-inputwrapper__helptext" :id="`${forId}-helptext`" v-html="helptext"></div>
|
|
23
23
|
|
|
@@ -65,7 +65,9 @@
|
|
|
65
65
|
{{ counterCurrent || 0 }}<template v-if="counterMaxLength">/{{ counterMaxLength }}</template>
|
|
66
66
|
</div>
|
|
67
67
|
<div v-if="hasError && errorMessage">
|
|
68
|
-
<PktAlert skin="error" aria-live="assertive" :id="`${forId}-error`" compact
|
|
68
|
+
<PktAlert skin="error" aria-live="assertive" :id="`${forId}-error`" compact
|
|
69
|
+
><div class="pkt-contents" v-html="errorMessage"></div
|
|
70
|
+
></PktAlert>
|
|
69
71
|
</div>
|
|
70
72
|
</div>
|
|
71
73
|
</template>
|
|
@@ -179,8 +181,8 @@ export default {
|
|
|
179
181
|
return this.optionalTag
|
|
180
182
|
? 'pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light'
|
|
181
183
|
: this.requiredTag
|
|
182
|
-
|
|
183
|
-
|
|
184
|
+
? 'pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige'
|
|
185
|
+
: ''
|
|
184
186
|
},
|
|
185
187
|
disabledClass() {
|
|
186
188
|
return this.disabled ? 'pkt-inputwrapper--disabled' : ''
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./Alert-DBTgGUEd.cjs"),s=require("./Button-CS1u9-BP.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)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},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;
|