@oslokommune/punkt-elements 12.42.8 → 12.42.10
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 +17 -0
- package/dist/{accordionitem-Dz6jwPpb.cjs → accordionitem-C4NQFQHo.cjs} +1 -1
- package/dist/{accordionitem-DkE9or0K.js → accordionitem-aQHOrGzf.js} +1 -1
- package/dist/{alert-BY97zZYx.cjs → alert-DUWuhtFC.cjs} +1 -1
- package/dist/{alert-oh7nc3ip.js → alert-sBHt7DSh.js} +1 -1
- package/dist/{button-DdpYt2br.js → button-B4Oe8Ar0.js} +1 -1
- package/dist/{button-D4_O-rYb.cjs → button-BT-FRGMk.cjs} +1 -1
- package/dist/{card-BxHlJq4J.js → card-0Kf9L0A_.js} +2 -2
- package/dist/{card-CmdIb2X9.cjs → card-CXhVAeOG.cjs} +1 -1
- package/dist/{combobox-hYeZxIku.js → combobox-CsFDvh8U.js} +4 -4
- package/dist/{combobox-CZJrOopi.cjs → combobox-Dq7F5v-u.cjs} +1 -1
- package/dist/{consent-fJjReUb9.js → consent-B17ZIuwm.js} +1 -1
- package/dist/{consent-DmF3dipo.cjs → consent-CILYIgC-.cjs} +1 -1
- package/dist/{datepicker-Cf45KOxr.js → datepicker-Cz6seIz1.js} +3 -3
- package/dist/{datepicker-CE5oM9D3.cjs → datepicker-DOf9XK9v.cjs} +1 -1
- package/dist/{heading-Bxonbv8M.js → heading-CGGKEZve.js} +1 -1
- package/dist/{heading-CxJ0IqpU.cjs → heading-Cmh5bbTl.cjs} +1 -1
- package/dist/helptext-BG_b6ytC.js +87 -0
- package/dist/helptext-CC3qLmEz.cjs +24 -0
- package/dist/index.d.ts +2 -2
- package/dist/{input-wrapper-DnyRiuHR.js → input-wrapper-CC_R5w7V.js} +61 -68
- package/dist/input-wrapper-Dk0rKRlz.cjs +53 -0
- package/dist/{link-Qj1bJCPw.js → link-C9X0huxP.js} +1 -1
- package/dist/{link-BWJrqWi7.cjs → link-qTz-qNVI.cjs} +1 -1
- package/dist/{linkcard-Byt10fUI.js → linkcard-Bhk2ttou.js} +1 -1
- package/dist/{linkcard-0KLDuaGM.cjs → linkcard-CaBz6i7A.cjs} +1 -1
- package/dist/{loader--5h6NKGl.cjs → loader-BqYcg8Di.cjs} +1 -1
- package/dist/{loader-xkMMWgaj.js → loader-DMp859px.js} +1 -1
- package/dist/{messagebox-IJOkv427.cjs → messagebox-Do_nAUo3.cjs} +1 -1
- package/dist/{messagebox-BLTBG8nD.js → messagebox-_1f12rDq.js} +1 -1
- package/dist/{modal-CBURcXBd.cjs → modal-C1inKvts.cjs} +1 -1
- package/dist/{modal-C6ljjVs6.js → modal-C3kEgTMj.js} +1 -1
- package/dist/pkt-accordion.cjs +1 -1
- package/dist/pkt-accordion.js +2 -2
- package/dist/pkt-alert.cjs +1 -1
- package/dist/pkt-alert.js +1 -1
- package/dist/pkt-button.cjs +1 -1
- package/dist/pkt-button.js +1 -1
- package/dist/pkt-card.cjs +1 -1
- package/dist/pkt-card.js +1 -1
- package/dist/pkt-combobox.cjs +1 -1
- package/dist/pkt-combobox.js +1 -1
- package/dist/pkt-consent.cjs +1 -1
- package/dist/pkt-consent.js +1 -1
- package/dist/pkt-datepicker.cjs +1 -1
- package/dist/pkt-datepicker.js +1 -1
- package/dist/pkt-heading.cjs +1 -1
- package/dist/pkt-heading.js +1 -1
- package/dist/pkt-helptext.cjs +1 -1
- package/dist/pkt-helptext.js +1 -1
- package/dist/pkt-index.cjs +1 -1
- package/dist/pkt-index.js +20 -20
- package/dist/pkt-input-wrapper.cjs +1 -1
- package/dist/pkt-input-wrapper.js +1 -1
- package/dist/pkt-link.cjs +1 -1
- package/dist/pkt-link.js +1 -1
- package/dist/pkt-linkcard.cjs +1 -1
- package/dist/pkt-linkcard.js +1 -1
- package/dist/pkt-loader.cjs +1 -1
- package/dist/pkt-loader.js +1 -1
- package/dist/pkt-messagebox.cjs +1 -1
- package/dist/pkt-messagebox.js +1 -1
- package/dist/pkt-modal.cjs +1 -1
- package/dist/pkt-modal.js +1 -1
- package/dist/pkt-options-controller-CZO1nxZ8.js +39 -0
- package/dist/pkt-options-controller-CiuBG6Lt.cjs +1 -0
- package/dist/pkt-select.cjs +1 -1
- package/dist/pkt-select.js +1 -1
- package/dist/{pkt-slot-controller-DtDaD9q_.js → pkt-slot-controller-BPGj-LC5.js} +39 -28
- package/dist/pkt-slot-controller-BzddBp7z.cjs +1 -0
- package/dist/pkt-tag.cjs +1 -1
- package/dist/pkt-tag.js +1 -1
- package/dist/pkt-textarea.cjs +1 -1
- package/dist/pkt-textarea.js +1 -1
- package/dist/pkt-textinput.cjs +1 -1
- package/dist/pkt-textinput.js +1 -1
- package/dist/{select-BNGnC2U9.cjs → select-BkVSXR5K.cjs} +1 -1
- package/dist/{select-Drl_8-OU.js → select-BlL8T2BX.js} +18 -18
- package/dist/{tag-lU4vz70a.cjs → tag-DrbI0ng3.cjs} +1 -1
- package/dist/{tag-CX-zbR-7.js → tag-m7OTZaCG.js} +1 -1
- package/dist/{textarea-DcpZnWkt.cjs → textarea-Dc1sUaxx.cjs} +1 -1
- package/dist/{textarea-CctE69uw.js → textarea-Dk8hQMD2.js} +2 -2
- package/dist/{textinput-BAPxDvKu.js → textinput-6Ip-0aVY.js} +2 -2
- package/dist/{textinput-DcES1ibY.cjs → textinput-DuLZ26DB.cjs} +1 -1
- package/package.json +4 -4
- package/src/components/helptext/helptext.ts +13 -1
- package/src/components/input-wrapper/input-wrapper.ts +1 -10
- package/src/components/select/select.ts +1 -1
- package/dist/helptext-AqNI_oFG.cjs +0 -24
- package/dist/helptext-DBearL3P.js +0 -78
- package/dist/input-wrapper-Uw7_cZ4w.cjs +0 -53
- package/dist/pkt-options-controller-C_Yl_3P6.js +0 -39
- package/dist/pkt-options-controller-ftMgG5DP.cjs +0 -1
- package/dist/pkt-slot-controller-Da-RgXfS.cjs +0 -1
|
@@ -1,38 +1,34 @@
|
|
|
1
|
-
import { P as m, E as
|
|
2
|
-
import { P as w } from "./pkt-slot-controller-
|
|
1
|
+
import { P as m, E as l, x as i, n as o, a as k } from "./element-gAd63VwC.js";
|
|
2
|
+
import { P as w } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
3
3
|
import { e as f, n as b } from "./ref-DnSbnXsj.js";
|
|
4
4
|
import { o as v } from "./if-defined-Cj-3Kdsr.js";
|
|
5
|
-
import { o as
|
|
5
|
+
import { o as T } from "./icon-CO1TLSs5.js";
|
|
6
6
|
import { e as g } from "./class-map-m7ZCZ49w.js";
|
|
7
|
-
import { r as T } from "./state-BxrO4zNJ.js";
|
|
8
7
|
import { u as E } from "./stringutils-DJjRa8dG.js";
|
|
9
8
|
import { s as p } from "./input-wrapper-8iKEzDRZ.js";
|
|
10
|
-
import "./helptext-
|
|
11
|
-
var _ = Object.defineProperty,
|
|
12
|
-
for (var
|
|
13
|
-
(u =
|
|
14
|
-
return n &&
|
|
9
|
+
import "./helptext-BG_b6ytC.js";
|
|
10
|
+
var _ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, e = (r, h, a, n) => {
|
|
11
|
+
for (var s = n > 1 ? void 0 : n ? S(h, a) : h, d = r.length - 1, u; d >= 0; d--)
|
|
12
|
+
(u = r[d]) && (s = (n ? u(h, a, s) : u(s)) || s);
|
|
13
|
+
return n && s && _(h, a, s), s;
|
|
15
14
|
};
|
|
16
|
-
const
|
|
17
|
-
fromAttribute(
|
|
18
|
-
return
|
|
15
|
+
const D = {
|
|
16
|
+
fromAttribute(r) {
|
|
17
|
+
return r == null ? !1 : r === "" || r === "true" || r === !0 ? !0 : r === "false" || r === !1 ? !1 : !!r;
|
|
19
18
|
},
|
|
20
|
-
toAttribute(
|
|
21
|
-
return
|
|
19
|
+
toAttribute(r) {
|
|
20
|
+
return r ? "true" : "false";
|
|
22
21
|
}
|
|
23
22
|
};
|
|
24
23
|
let t = class extends m {
|
|
25
24
|
constructor() {
|
|
26
|
-
super(), this.defaultSlot = f(), this.helptextSlot = f(), this.
|
|
25
|
+
super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default, this.slotController = new w(this, this.defaultSlot, this.helptextSlot);
|
|
27
26
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
updated(e) {
|
|
32
|
-
super.updated(e);
|
|
27
|
+
updated(r) {
|
|
28
|
+
super.updated(r);
|
|
33
29
|
}
|
|
34
30
|
render() {
|
|
35
|
-
const
|
|
31
|
+
const r = {
|
|
36
32
|
"pkt-inputwrapper": !0,
|
|
37
33
|
"pkt-inputwrapper--error": this.hasError,
|
|
38
34
|
"pkt-inputwrapper--disabled": this.disabled,
|
|
@@ -43,9 +39,9 @@ let t = class extends m {
|
|
|
43
39
|
"pkt-tag--thin-text": !0,
|
|
44
40
|
"pkt-tag--blue-light": this.optionalTag,
|
|
45
41
|
"pkt-tag--beige": !this.optionalTag && this.requiredTag
|
|
46
|
-
}, a = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` :
|
|
47
|
-
>${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText :
|
|
48
|
-
>` :
|
|
42
|
+
}, a = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : l, n = () => this.optionalTag || this.requiredTag ? i`<span class=${g(h)}
|
|
43
|
+
>${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : l}</span
|
|
44
|
+
>` : l, s = () => this.useWrapper ? this.hasFieldset ? i`<legend
|
|
49
45
|
class="pkt-inputwrapper__legend"
|
|
50
46
|
id="${this.forId}-label"
|
|
51
47
|
@click=${this.handleLabelClick}
|
|
@@ -65,23 +61,23 @@ let t = class extends m {
|
|
|
65
61
|
id="${this.forId}-label"
|
|
66
62
|
>
|
|
67
63
|
${this.label}
|
|
68
|
-
</label>`, d = () =>
|
|
64
|
+
</label>`, d = () => i`
|
|
69
65
|
<pkt-helptext
|
|
70
66
|
class="${v(this.useWrapper ? void 0 : "pkt-hide")}"
|
|
71
67
|
.forId=${this.forId}
|
|
72
68
|
.helptext=${this.helptext}
|
|
73
69
|
.helptextDropdown=${this.helptextDropdown}
|
|
74
70
|
.helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
|
|
75
|
-
@toggleHelpText=${(
|
|
76
|
-
this.toggleDropdown(
|
|
71
|
+
@toggleHelpText=${(x) => {
|
|
72
|
+
this.toggleDropdown(x);
|
|
77
73
|
}}
|
|
78
74
|
${b(this.helptextSlot)}
|
|
79
75
|
name="helptext"
|
|
80
76
|
></pkt-helptext>
|
|
81
77
|
`, u = () => this.counter ? i`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
|
|
82
|
-
${this.counterError ? this.counterError :
|
|
83
|
-
${this.counterMaxLength ? `/${this.counterMaxLength}` :
|
|
84
|
-
</div>` :
|
|
78
|
+
${this.counterError ? this.counterError : l} ${this.counterCurrent || 0}
|
|
79
|
+
${this.counterMaxLength ? `/${this.counterMaxLength}` : l}
|
|
80
|
+
</div>` : l, y = () => this.hasError && this.errorMessage ? i`<div
|
|
85
81
|
role="alert"
|
|
86
82
|
class="pkt-alert pkt-alert--error pkt-alert--compact"
|
|
87
83
|
aria-live="assertive"
|
|
@@ -89,27 +85,27 @@ let t = class extends m {
|
|
|
89
85
|
id="${this.forId}-error"
|
|
90
86
|
>
|
|
91
87
|
<pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
|
|
92
|
-
<div class="pkt-alert__text">${
|
|
93
|
-
</div>` :
|
|
94
|
-
${
|
|
95
|
-
${this.counterPosition === "top" ? u() :
|
|
88
|
+
<div class="pkt-alert__text">${T(this.errorMessage)}</div>
|
|
89
|
+
</div>` : l, c = () => i`
|
|
90
|
+
${s()} ${d()}
|
|
91
|
+
${this.counterPosition === "top" ? u() : l}
|
|
96
92
|
<div class="pkt-contents" ${b(this.defaultSlot)}></div>
|
|
97
|
-
${this.counterPosition === "bottom" ? u() :
|
|
98
|
-
`,
|
|
93
|
+
${this.counterPosition === "bottom" ? u() : l} ${y()}
|
|
94
|
+
`, $ = () => this.hasFieldset ? i`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${a}">
|
|
99
95
|
${c()}
|
|
100
96
|
</fieldset>` : i`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
|
|
101
|
-
return i`<div class=${g(
|
|
97
|
+
return i`<div class=${g(r)}>${$()}</div> `;
|
|
102
98
|
}
|
|
103
|
-
toggleDropdown(
|
|
99
|
+
toggleDropdown(r) {
|
|
104
100
|
this.dispatchEvent(
|
|
105
101
|
new CustomEvent("toggleHelpText", {
|
|
106
102
|
bubbles: !1,
|
|
107
|
-
detail: { isOpen:
|
|
103
|
+
detail: { isOpen: r.detail.isOpen }
|
|
108
104
|
})
|
|
109
105
|
);
|
|
110
106
|
}
|
|
111
|
-
handleLabelClick(
|
|
112
|
-
this.disabled && (
|
|
107
|
+
handleLabelClick(r) {
|
|
108
|
+
this.disabled && (r.preventDefault(), r.stopImmediatePropagation()), this.dispatchEvent(
|
|
113
109
|
new CustomEvent("labelClick", {
|
|
114
110
|
bubbles: !0,
|
|
115
111
|
composed: !0,
|
|
@@ -118,76 +114,73 @@ let t = class extends m {
|
|
|
118
114
|
);
|
|
119
115
|
}
|
|
120
116
|
};
|
|
121
|
-
|
|
122
|
-
T()
|
|
123
|
-
], t.prototype, "hasHelptextSlot", 2);
|
|
124
|
-
r([
|
|
117
|
+
e([
|
|
125
118
|
o({ type: String })
|
|
126
119
|
], t.prototype, "forId", 2);
|
|
127
|
-
|
|
120
|
+
e([
|
|
128
121
|
o({ type: String })
|
|
129
122
|
], t.prototype, "label", 2);
|
|
130
|
-
|
|
123
|
+
e([
|
|
131
124
|
o({ type: String })
|
|
132
125
|
], t.prototype, "helptext", 2);
|
|
133
|
-
|
|
126
|
+
e([
|
|
134
127
|
o({ type: String })
|
|
135
128
|
], t.prototype, "helptextDropdown", 2);
|
|
136
|
-
|
|
129
|
+
e([
|
|
137
130
|
o({ type: String })
|
|
138
131
|
], t.prototype, "helptextDropdownButton", 2);
|
|
139
|
-
|
|
132
|
+
e([
|
|
140
133
|
o({ type: Boolean })
|
|
141
134
|
], t.prototype, "counter", 2);
|
|
142
|
-
|
|
135
|
+
e([
|
|
143
136
|
o({ type: Number })
|
|
144
137
|
], t.prototype, "counterCurrent", 2);
|
|
145
|
-
|
|
138
|
+
e([
|
|
146
139
|
o({ type: Number })
|
|
147
140
|
], t.prototype, "counterMaxLength", 2);
|
|
148
|
-
|
|
141
|
+
e([
|
|
149
142
|
o({ type: String })
|
|
150
143
|
], t.prototype, "counterError", 2);
|
|
151
|
-
|
|
144
|
+
e([
|
|
152
145
|
o({ type: String, reflect: !1 })
|
|
153
146
|
], t.prototype, "counterPosition", 2);
|
|
154
|
-
|
|
147
|
+
e([
|
|
155
148
|
o({ type: Boolean })
|
|
156
149
|
], t.prototype, "optionalTag", 2);
|
|
157
|
-
|
|
150
|
+
e([
|
|
158
151
|
o({ type: String })
|
|
159
152
|
], t.prototype, "optionalText", 2);
|
|
160
|
-
|
|
153
|
+
e([
|
|
161
154
|
o({ type: Boolean })
|
|
162
155
|
], t.prototype, "requiredTag", 2);
|
|
163
|
-
|
|
156
|
+
e([
|
|
164
157
|
o({ type: String })
|
|
165
158
|
], t.prototype, "requiredText", 2);
|
|
166
|
-
|
|
159
|
+
e([
|
|
167
160
|
o({ type: Boolean })
|
|
168
161
|
], t.prototype, "hasError", 2);
|
|
169
|
-
|
|
162
|
+
e([
|
|
170
163
|
o({ type: String })
|
|
171
164
|
], t.prototype, "errorMessage", 2);
|
|
172
|
-
|
|
165
|
+
e([
|
|
173
166
|
o({ type: Boolean })
|
|
174
167
|
], t.prototype, "disabled", 2);
|
|
175
|
-
|
|
168
|
+
e([
|
|
176
169
|
o({ type: Boolean })
|
|
177
170
|
], t.prototype, "inline", 2);
|
|
178
|
-
|
|
171
|
+
e([
|
|
179
172
|
o({ type: String })
|
|
180
173
|
], t.prototype, "ariaDescribedby", 2);
|
|
181
|
-
|
|
174
|
+
e([
|
|
182
175
|
o({ type: Boolean })
|
|
183
176
|
], t.prototype, "hasFieldset", 2);
|
|
184
|
-
|
|
177
|
+
e([
|
|
185
178
|
o({ type: String, reflect: !0 })
|
|
186
179
|
], t.prototype, "role", 2);
|
|
187
|
-
|
|
188
|
-
o({ type: Boolean, reflect: !0, converter:
|
|
180
|
+
e([
|
|
181
|
+
o({ type: Boolean, reflect: !0, converter: D })
|
|
189
182
|
], t.prototype, "useWrapper", 2);
|
|
190
|
-
t =
|
|
183
|
+
t = e([
|
|
191
184
|
k("pkt-input-wrapper")
|
|
192
185
|
], t);
|
|
193
186
|
export {
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";const t=require("./element-90YeMNbV.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-B-w1vCo8.cjs"),y=require("./if-defined-C8eotHpL.cjs"),x=require("./icon-B1_BRNqf.cjs"),c=require("./class-map-DWDPOqjO.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),o=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-CC3qLmEz.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,n,i)=>{for(var s=i>1?void 0:i?P(p,n):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(p,n,s):a(s))||s);return i&&s&&I(p,n,s),s};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=o.specs.props.optionalTag.default,this.optionalText=o.specs.props.optionalText.default,this.requiredTag=o.specs.props.requiredTag.default,this.requiredText=o.specs.props.requiredText.default,this.hasError=o.specs.props.hasError.default,this.errorMessage="",this.disabled=o.specs.props.disabled.default,this.inline=o.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.specs.props.hasFieldset.default,this.role="group",this.useWrapper=o.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
|
|
2
|
+
>${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
|
|
3
|
+
>`:t.E,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
|
|
4
|
+
class="pkt-inputwrapper__legend"
|
|
5
|
+
id="${this.forId}-label"
|
|
6
|
+
@click=${this.handleLabelClick}
|
|
7
|
+
>
|
|
8
|
+
${this.label} ${s()}
|
|
9
|
+
</legend>`:t.x`<label
|
|
10
|
+
class="pkt-inputwrapper__label"
|
|
11
|
+
for="${this.forId}"
|
|
12
|
+
aria-describedby="${i}"
|
|
13
|
+
id="${this.forId}-label"
|
|
14
|
+
@click=${this.handleLabelClick}
|
|
15
|
+
>${this.label}${s()}</label
|
|
16
|
+
>`:t.x`<label
|
|
17
|
+
for="${this.forId}"
|
|
18
|
+
class="pkt-sr-only"
|
|
19
|
+
aria-describedby="${i}"
|
|
20
|
+
id="${this.forId}-label"
|
|
21
|
+
>
|
|
22
|
+
${this.label}
|
|
23
|
+
</label>`,a=()=>t.x`
|
|
24
|
+
<pkt-helptext
|
|
25
|
+
class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
|
|
26
|
+
.forId=${this.forId}
|
|
27
|
+
.helptext=${this.helptext}
|
|
28
|
+
.helptextDropdown=${this.helptextDropdown}
|
|
29
|
+
.helptextDropdownButton=${this.helptextDropdownButton||o.specs.props.helptextDropdownButton.default}
|
|
30
|
+
@toggleHelpText=${b=>{this.toggleDropdown(b)}}
|
|
31
|
+
${u.n(this.helptextSlot)}
|
|
32
|
+
name="helptext"
|
|
33
|
+
></pkt-helptext>
|
|
34
|
+
`,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
|
|
35
|
+
${this.counterError?this.counterError:t.E} ${this.counterCurrent||0}
|
|
36
|
+
${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
|
|
37
|
+
</div>`:t.E,f=()=>this.hasError&&this.errorMessage?t.x`<div
|
|
38
|
+
role="alert"
|
|
39
|
+
class="pkt-alert pkt-alert--error pkt-alert--compact"
|
|
40
|
+
aria-live="assertive"
|
|
41
|
+
aria-atomic="true"
|
|
42
|
+
id="${this.forId}-error"
|
|
43
|
+
>
|
|
44
|
+
<pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
|
|
45
|
+
<div class="pkt-alert__text">${x.o(this.errorMessage)}</div>
|
|
46
|
+
</div>`:t.E,d=()=>t.x`
|
|
47
|
+
${l()} ${a()}
|
|
48
|
+
${this.counterPosition==="top"?h():t.E}
|
|
49
|
+
<div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
|
|
50
|
+
${this.counterPosition==="bottom"?h():t.E} ${f()}
|
|
51
|
+
`,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
|
|
52
|
+
${d()}
|
|
53
|
+
</fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { P as h, E as u, x as f, n as o, a as m } from "./element-gAd63VwC.js";
|
|
2
|
-
import { P } from "./pkt-slot-controller-
|
|
2
|
+
import { P } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
3
3
|
import { e as k, n as g } from "./ref-DnSbnXsj.js";
|
|
4
4
|
import { e as d } from "./class-map-m7ZCZ49w.js";
|
|
5
5
|
import "./icon-CO1TLSs5.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("./element-90YeMNbV.cjs"),f=require("./pkt-slot-controller-
|
|
1
|
+
"use strict";const t=require("./element-90YeMNbV.cjs"),f=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-B-w1vCo8.cjs"),h=require("./class-map-DWDPOqjO.cjs");require("./icon-B1_BRNqf.cjs");const k={href:{default:"#"},target:{default:"_self"},external:{default:!1}},a={props:k};var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,n=(o,r,s,i)=>{for(var e=i>1?void 0:i?P(r,s):r,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(i?p(r,s,e):p(e))||e);return i&&e&&u(r,s,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.target=a.props.target.default,this.slotController=new f.PktSlotController(this,this.defaultSlot)}render(){const r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.x`<a
|
|
2
2
|
class=${h.e(r)}
|
|
3
3
|
href=${this.href}
|
|
4
4
|
.target=${this.target}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { P as f, x as c, n, a as h } from "./element-gAd63VwC.js";
|
|
2
2
|
import { e as k, n as m } from "./ref-DnSbnXsj.js";
|
|
3
|
-
import { P as u } from "./pkt-slot-controller-
|
|
3
|
+
import { P as u } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
4
4
|
import "./icon-CO1TLSs5.js";
|
|
5
5
|
var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (l, i, s, o) => {
|
|
6
6
|
for (var e = o > 1 ? void 0 : o ? d(i, s) : i, a = l.length - 1, p; a >= 0; a--)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("./element-90YeMNbV.cjs"),k=require("./ref-B-w1vCo8.cjs"),p=require("./pkt-slot-controller-
|
|
1
|
+
"use strict";const t=require("./element-90YeMNbV.cjs"),k=require("./ref-B-w1vCo8.cjs"),p=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-B1_BRNqf.cjs");var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?h(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&c(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new p.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
|
|
2
2
|
<a
|
|
3
3
|
href=${this.href}
|
|
4
4
|
class=${n}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("./element-90YeMNbV.cjs"),d=require("./class-map-DWDPOqjO.cjs"),h=require("./state-D-Recv7U.cjs"),p=require("./ref-B-w1vCo8.cjs"),u=require("./pkt-slot-controller-
|
|
1
|
+
"use strict";const t=require("./element-90YeMNbV.cjs"),d=require("./class-map-DWDPOqjO.cjs"),h=require("./state-D-Recv7U.cjs"),p=require("./ref-B-w1vCo8.cjs"),u=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-B1_BRNqf.cjs");var c=Object.defineProperty,y=Object.getOwnPropertyDescriptor,s=(r,e,a,o)=>{for(var i=o>1?void 0:o?y(e,a):e,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=(o?l(e,a,i):l(i))||i);return o&&i&&c(e,a,i),i};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktLoader=class extends t.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size="medium",this.variant="shapes",this.loadingAnimationPath=window.pktAnimationPath,this._shouldDisplayLoader=!1,this.slotController=new u.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has("delay")&&this.setupLoader()}render(){const e=d.e({"pkt-loader":!0,[`pkt-loader--${this.inline?"inline":"box"}`]:!0,[`pkt-loader--${this.size}`]:!0}),a=d.e({"pkt-contents":!0,"pkt-hide":this.isLoading});return t.x`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${e}>
|
|
2
2
|
${this.isLoading&&this._shouldDisplayLoader?t.x`<div class="pkt-loader__spinner">
|
|
3
3
|
<pkt-icon
|
|
4
4
|
name=${this.getVariant(this.variant)}
|
|
@@ -2,7 +2,7 @@ import { P as u, E as m, x as d, n as a, a as y } from "./element-gAd63VwC.js";
|
|
|
2
2
|
import { e as h } from "./class-map-m7ZCZ49w.js";
|
|
3
3
|
import { r as c } from "./state-BxrO4zNJ.js";
|
|
4
4
|
import { e as f, n as g } from "./ref-DnSbnXsj.js";
|
|
5
|
-
import { P as v } from "./pkt-slot-controller-
|
|
5
|
+
import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
6
6
|
import "./icon-CO1TLSs5.js";
|
|
7
7
|
var _ = Object.defineProperty, k = Object.getOwnPropertyDescriptor, e = (s, o, n, r) => {
|
|
8
8
|
for (var i = r > 1 ? void 0 : r ? k(o, n) : o, l = s.length - 1, p; l >= 0; l--)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("./element-90YeMNbV.cjs"),u=require("./pkt-slot-controller-
|
|
1
|
+
"use strict";const e=require("./element-90YeMNbV.cjs"),u=require("./pkt-slot-controller-BzddBp7z.cjs"),n=require("./ref-B-w1vCo8.cjs"),b=require("./class-map-DWDPOqjO.cjs"),d=require("./state-D-Recv7U.cjs");require("./icon-B1_BRNqf.cjs");const k=require("./classutils-BwNK82ZQ.cjs"),h={skin:{default:"beige"},compact:{default:!1},closable:{default:!1}},p={props:h};var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,o=(i,t,a,l)=>{for(var s=l>1?void 0:l?x(t,a):t,r=i.length-1,c;r>=0;r--)(c=i[r])&&(s=(l?c(t,a,s):c(s))||s);return l&&s&&f(t,a,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.closable=p.props.closable.default,this.compact=p.props.compact.default,this.title="",this.skin=p.props.skin.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0}))},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isClosed=!1}updated(t){super.updated(t),t.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e.x`<div class=${b.e(t)}>
|
|
2
2
|
${this.closable?e.x`<div class="pkt-messagebox__close">
|
|
3
3
|
<button
|
|
4
4
|
@click=${this.close}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { P as b, E as u, x as n, n as p, a as m } from "./element-gAd63VwC.js";
|
|
2
|
-
import { P as h } from "./pkt-slot-controller-
|
|
2
|
+
import { P as h } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
3
3
|
import { e as f, n as k } from "./ref-DnSbnXsj.js";
|
|
4
4
|
import { e as _ } from "./class-map-m7ZCZ49w.js";
|
|
5
5
|
import { r as v } from "./state-BxrO4zNJ.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const d=require("./class-map-DWDPOqjO.cjs"),o=require("./element-90YeMNbV.cjs"),u=require("./state-D-Recv7U.cjs"),k=require("./pkt-slot-controller-
|
|
1
|
+
"use strict";const d=require("./class-map-DWDPOqjO.cjs"),o=require("./element-90YeMNbV.cjs"),u=require("./state-D-Recv7U.cjs"),k=require("./pkt-slot-controller-BzddBp7z.cjs"),r=require("./ref-B-w1vCo8.cjs");require("./icon-B1_BRNqf.cjs");const m={hideCloseButton:{default:!1},closeOnBackdropClick:{default:!1},size:{default:"medium"}},h={props:m};var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var s=i>1?void 0:i?f(t,e):t,n=c.length-1,a;n>=0;n--)(a=c[n])&&(s=(i?a(t,e,s):a(s))||s);return i&&s&&v(t,e,s),s};exports.PktModal=class extends o.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=h.props.hideCloseButton.default,this.closeOnBackdropClick=h.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=h.props.size.default,this.variant="dialog",this.drawerPosition="right",this.transparentBackdrop=!1,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(t,e=!1)=>{var s;if(!this._isOpen)return;this._isOpen=!1,document.body.classList.remove("pkt-modal--open");const i=document.activeElement;i&&!this.isElementInViewport(i)&&i.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),e||(s=this.dialogRef.value)==null||s.close(),this.requestUpdate()},this.showModal=(t=null)=>{var i;this._isOpen=!0,(i=this.dialogRef.value)==null||i.showModal();const e=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var s;this.dialogRef.value&&((s=this.dialogRef.value)==null||s.focus())}),e&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:t},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new k.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleBackdropClick)}async firstUpdated(t){super.firstUpdated(t),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&("document"in window&&"createElement"in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CPKZe7AL.cjs")).then(i=>i.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener("close",()=>{this.close(new Event("close"),!0)}))}handleKeyDown(t){t.key==="Escape"&&this.close(t)}handleBackdropClick(t){var e;this.closeOnBackdropClick&&t.target===((e=this.dialogRef)==null?void 0:e.value)&&this.close(t)}isElementInViewport(t){const e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const t={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin==="yellow-filled","pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant==="drawer"},e={"pkt-modal__headingText":!0,"pkt-txt-24":!0},i={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin==="blue",n={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0},a={"pkt-btn":!0,[`pkt-btn--${s?"tertiary":"primary"}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--medium":!0};return o.x`
|
|
2
2
|
<dialog
|
|
3
3
|
class=${d.e(t)}
|
|
4
4
|
${r.n(this.dialogRef)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { e as p } from "./class-map-m7ZCZ49w.js";
|
|
2
2
|
import { P as k, E as f, x as r, n as l, a as v } from "./element-gAd63VwC.js";
|
|
3
3
|
import { r as g } from "./state-BxrO4zNJ.js";
|
|
4
|
-
import { P as _ } from "./pkt-slot-controller-
|
|
4
|
+
import { P as _ } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
5
5
|
import { e as u, n as m } from "./ref-DnSbnXsj.js";
|
|
6
6
|
import "./icon-CO1TLSs5.js";
|
|
7
7
|
const y = {
|
package/dist/pkt-accordion.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordionitem-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordionitem-C4NQFQHo.cjs");exports.PktAccordion=e.PktAccordion;exports.PktAccordionItem=e.PktAccordionItem;exports.default=e.PktAccordion;
|
package/dist/pkt-accordion.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { P as r } from "./accordionitem-
|
|
2
|
-
import { a as c } from "./accordionitem-
|
|
1
|
+
import { P as r } from "./accordionitem-aQHOrGzf.js";
|
|
2
|
+
import { a as c } from "./accordionitem-aQHOrGzf.js";
|
|
3
3
|
export {
|
|
4
4
|
r as PktAccordion,
|
|
5
5
|
c as PktAccordionItem,
|
package/dist/pkt-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-DUWuhtFC.cjs"),t=e.PktAlert;Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>e.PktAlert});exports.default=t;
|
package/dist/pkt-alert.js
CHANGED
package/dist/pkt-button.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./button-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./button-BT-FRGMk.cjs"),e=t.PktButton;Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>t.PktButton});exports.default=e;
|
package/dist/pkt-button.js
CHANGED
package/dist/pkt-card.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-CXhVAeOG.cjs"),t=e.PktCard;Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>e.PktCard});exports.default=t;
|
package/dist/pkt-card.js
CHANGED
package/dist/pkt-combobox.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-Dq7F5v-u.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
|
package/dist/pkt-combobox.js
CHANGED
package/dist/pkt-consent.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-CILYIgC-.cjs"),t=e.PktConsent;Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>e.PktConsent});exports.default=t;
|
package/dist/pkt-consent.js
CHANGED
package/dist/pkt-datepicker.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-DOf9XK9v.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});exports.default=t;
|
package/dist/pkt-datepicker.js
CHANGED
package/dist/pkt-heading.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./heading-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./heading-Cmh5bbTl.cjs"),t=e.PktHeading;Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>e.PktHeading});exports.default=t;
|
package/dist/pkt-heading.js
CHANGED
package/dist/pkt-helptext.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./helptext-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./helptext-CC3qLmEz.cjs"),t=e.PktHelptext;Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>e.PktHelptext});exports.default=t;
|
package/dist/pkt-helptext.js
CHANGED
package/dist/pkt-index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-DUWuhtFC.cjs"),l=require("./accordionitem-C4NQFQHo.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-BT-FRGMk.cjs"),k=require("./calendar-D4qfcRtv.cjs"),m=require("./card-CXhVAeOG.cjs"),g=require("./combobox-Dq7F5v-u.cjs"),h=require("./consent-CILYIgC-.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-DOf9XK9v.cjs"),q=require("./helptext-CC3qLmEz.cjs"),x=require("./heading-Cmh5bbTl.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-Dk0rKRlz.cjs"),S=require("./link-qTz-qNVI.cjs"),$=require("./linkcard-CaBz6i7A.cjs"),L=require("./loader-BqYcg8Di.cjs"),_=require("./messagebox-Do_nAUo3.cjs"),A=require("./modal-C1inKvts.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-DrbI0ng3.cjs"),I=require("./textarea-Dc1sUaxx.cjs"),M=require("./textinput-DuLZ26DB.cjs"),R=require("./select-BkVSXR5K.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
|
|
2
2
|
<div class="${O.e(e)}">
|
|
3
3
|
<h1 class="pkt-txt-28">${this.string}</h1>
|
|
4
4
|
|
package/dist/pkt-index.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { P as A } from "./alert-
|
|
2
|
-
import { P as B, a as E } from "./accordionitem-
|
|
1
|
+
import { P as A } from "./alert-sBHt7DSh.js";
|
|
2
|
+
import { P as B, a as E } from "./accordionitem-aQHOrGzf.js";
|
|
3
3
|
import { P as O } from "./backlink-BnlrDl9O.js";
|
|
4
|
-
import { P as T } from "./button-
|
|
4
|
+
import { P as T } from "./button-B4Oe8Ar0.js";
|
|
5
5
|
import { c as f } from "./calendar-Df6-FDRW.js";
|
|
6
6
|
import { P as D } from "./calendar-Df6-FDRW.js";
|
|
7
|
-
import { P as G } from "./card-
|
|
8
|
-
import { P as K } from "./combobox-
|
|
9
|
-
import { P as U } from "./consent-
|
|
7
|
+
import { P as G } from "./card-0Kf9L0A_.js";
|
|
8
|
+
import { P as K } from "./combobox-CsFDvh8U.js";
|
|
9
|
+
import { P as U } from "./consent-B17ZIuwm.js";
|
|
10
10
|
import { P as q } from "./checkbox-B67_cfqW.js";
|
|
11
11
|
import { P as k, t as h, x as P, n, a as c } from "./element-gAd63VwC.js";
|
|
12
|
-
import { P as x } from "./pkt-slot-controller-
|
|
12
|
+
import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
|
|
13
13
|
import { e as m, n as d } from "./ref-DnSbnXsj.js";
|
|
14
14
|
import { e as u } from "./class-map-m7ZCZ49w.js";
|
|
15
|
-
import { P as F } from "./datepicker-
|
|
16
|
-
import { P as Q } from "./helptext-
|
|
17
|
-
import { P as X } from "./heading-
|
|
15
|
+
import { P as F } from "./datepicker-Cz6seIz1.js";
|
|
16
|
+
import { P as Q } from "./helptext-BG_b6ytC.js";
|
|
17
|
+
import { P as X } from "./heading-CGGKEZve.js";
|
|
18
18
|
import { P as Z } from "./icon-CO1TLSs5.js";
|
|
19
|
-
import { P as et } from "./input-wrapper-
|
|
20
|
-
import { P as ot } from "./link-
|
|
21
|
-
import { P as at } from "./linkcard-
|
|
22
|
-
import { P as it } from "./loader-
|
|
23
|
-
import { P as lt } from "./messagebox-
|
|
24
|
-
import { P as mt } from "./modal-
|
|
19
|
+
import { P as et } from "./input-wrapper-CC_R5w7V.js";
|
|
20
|
+
import { P as ot } from "./link-C9X0huxP.js";
|
|
21
|
+
import { P as at } from "./linkcard-Bhk2ttou.js";
|
|
22
|
+
import { P as it } from "./loader-DMp859px.js";
|
|
23
|
+
import { P as lt } from "./messagebox-_1f12rDq.js";
|
|
24
|
+
import { P as mt } from "./modal-C3kEgTMj.js";
|
|
25
25
|
import { P as ft } from "./progressbar-BSO0KWzv.js";
|
|
26
26
|
import { P as ht, P as ct } from "./radiobutton-BaIDDCwK.js";
|
|
27
|
-
import { P as ut } from "./tag-
|
|
28
|
-
import { P as vt } from "./textarea-
|
|
29
|
-
import { P as bt } from "./textinput-
|
|
30
|
-
import { P as $t } from "./select-
|
|
27
|
+
import { P as ut } from "./tag-m7OTZaCG.js";
|
|
28
|
+
import { P as vt } from "./textarea-Dk8hQMD2.js";
|
|
29
|
+
import { P as bt } from "./textinput-6Ip-0aVY.js";
|
|
30
|
+
import { P as $t } from "./select-BlL8T2BX.js";
|
|
31
31
|
var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
|
|
32
32
|
for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
|
|
33
33
|
(l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input-wrapper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input-wrapper-Dk0rKRlz.cjs"),t=e.PktInputWrapper;Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>e.PktInputWrapper});exports.default=t;
|