@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.
Files changed (94) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/{accordionitem-Dz6jwPpb.cjs → accordionitem-C4NQFQHo.cjs} +1 -1
  3. package/dist/{accordionitem-DkE9or0K.js → accordionitem-aQHOrGzf.js} +1 -1
  4. package/dist/{alert-BY97zZYx.cjs → alert-DUWuhtFC.cjs} +1 -1
  5. package/dist/{alert-oh7nc3ip.js → alert-sBHt7DSh.js} +1 -1
  6. package/dist/{button-DdpYt2br.js → button-B4Oe8Ar0.js} +1 -1
  7. package/dist/{button-D4_O-rYb.cjs → button-BT-FRGMk.cjs} +1 -1
  8. package/dist/{card-BxHlJq4J.js → card-0Kf9L0A_.js} +2 -2
  9. package/dist/{card-CmdIb2X9.cjs → card-CXhVAeOG.cjs} +1 -1
  10. package/dist/{combobox-hYeZxIku.js → combobox-CsFDvh8U.js} +4 -4
  11. package/dist/{combobox-CZJrOopi.cjs → combobox-Dq7F5v-u.cjs} +1 -1
  12. package/dist/{consent-fJjReUb9.js → consent-B17ZIuwm.js} +1 -1
  13. package/dist/{consent-DmF3dipo.cjs → consent-CILYIgC-.cjs} +1 -1
  14. package/dist/{datepicker-Cf45KOxr.js → datepicker-Cz6seIz1.js} +3 -3
  15. package/dist/{datepicker-CE5oM9D3.cjs → datepicker-DOf9XK9v.cjs} +1 -1
  16. package/dist/{heading-Bxonbv8M.js → heading-CGGKEZve.js} +1 -1
  17. package/dist/{heading-CxJ0IqpU.cjs → heading-Cmh5bbTl.cjs} +1 -1
  18. package/dist/helptext-BG_b6ytC.js +87 -0
  19. package/dist/helptext-CC3qLmEz.cjs +24 -0
  20. package/dist/index.d.ts +2 -2
  21. package/dist/{input-wrapper-DnyRiuHR.js → input-wrapper-CC_R5w7V.js} +61 -68
  22. package/dist/input-wrapper-Dk0rKRlz.cjs +53 -0
  23. package/dist/{link-Qj1bJCPw.js → link-C9X0huxP.js} +1 -1
  24. package/dist/{link-BWJrqWi7.cjs → link-qTz-qNVI.cjs} +1 -1
  25. package/dist/{linkcard-Byt10fUI.js → linkcard-Bhk2ttou.js} +1 -1
  26. package/dist/{linkcard-0KLDuaGM.cjs → linkcard-CaBz6i7A.cjs} +1 -1
  27. package/dist/{loader--5h6NKGl.cjs → loader-BqYcg8Di.cjs} +1 -1
  28. package/dist/{loader-xkMMWgaj.js → loader-DMp859px.js} +1 -1
  29. package/dist/{messagebox-IJOkv427.cjs → messagebox-Do_nAUo3.cjs} +1 -1
  30. package/dist/{messagebox-BLTBG8nD.js → messagebox-_1f12rDq.js} +1 -1
  31. package/dist/{modal-CBURcXBd.cjs → modal-C1inKvts.cjs} +1 -1
  32. package/dist/{modal-C6ljjVs6.js → modal-C3kEgTMj.js} +1 -1
  33. package/dist/pkt-accordion.cjs +1 -1
  34. package/dist/pkt-accordion.js +2 -2
  35. package/dist/pkt-alert.cjs +1 -1
  36. package/dist/pkt-alert.js +1 -1
  37. package/dist/pkt-button.cjs +1 -1
  38. package/dist/pkt-button.js +1 -1
  39. package/dist/pkt-card.cjs +1 -1
  40. package/dist/pkt-card.js +1 -1
  41. package/dist/pkt-combobox.cjs +1 -1
  42. package/dist/pkt-combobox.js +1 -1
  43. package/dist/pkt-consent.cjs +1 -1
  44. package/dist/pkt-consent.js +1 -1
  45. package/dist/pkt-datepicker.cjs +1 -1
  46. package/dist/pkt-datepicker.js +1 -1
  47. package/dist/pkt-heading.cjs +1 -1
  48. package/dist/pkt-heading.js +1 -1
  49. package/dist/pkt-helptext.cjs +1 -1
  50. package/dist/pkt-helptext.js +1 -1
  51. package/dist/pkt-index.cjs +1 -1
  52. package/dist/pkt-index.js +20 -20
  53. package/dist/pkt-input-wrapper.cjs +1 -1
  54. package/dist/pkt-input-wrapper.js +1 -1
  55. package/dist/pkt-link.cjs +1 -1
  56. package/dist/pkt-link.js +1 -1
  57. package/dist/pkt-linkcard.cjs +1 -1
  58. package/dist/pkt-linkcard.js +1 -1
  59. package/dist/pkt-loader.cjs +1 -1
  60. package/dist/pkt-loader.js +1 -1
  61. package/dist/pkt-messagebox.cjs +1 -1
  62. package/dist/pkt-messagebox.js +1 -1
  63. package/dist/pkt-modal.cjs +1 -1
  64. package/dist/pkt-modal.js +1 -1
  65. package/dist/pkt-options-controller-CZO1nxZ8.js +39 -0
  66. package/dist/pkt-options-controller-CiuBG6Lt.cjs +1 -0
  67. package/dist/pkt-select.cjs +1 -1
  68. package/dist/pkt-select.js +1 -1
  69. package/dist/{pkt-slot-controller-DtDaD9q_.js → pkt-slot-controller-BPGj-LC5.js} +39 -28
  70. package/dist/pkt-slot-controller-BzddBp7z.cjs +1 -0
  71. package/dist/pkt-tag.cjs +1 -1
  72. package/dist/pkt-tag.js +1 -1
  73. package/dist/pkt-textarea.cjs +1 -1
  74. package/dist/pkt-textarea.js +1 -1
  75. package/dist/pkt-textinput.cjs +1 -1
  76. package/dist/pkt-textinput.js +1 -1
  77. package/dist/{select-BNGnC2U9.cjs → select-BkVSXR5K.cjs} +1 -1
  78. package/dist/{select-Drl_8-OU.js → select-BlL8T2BX.js} +18 -18
  79. package/dist/{tag-lU4vz70a.cjs → tag-DrbI0ng3.cjs} +1 -1
  80. package/dist/{tag-CX-zbR-7.js → tag-m7OTZaCG.js} +1 -1
  81. package/dist/{textarea-DcpZnWkt.cjs → textarea-Dc1sUaxx.cjs} +1 -1
  82. package/dist/{textarea-CctE69uw.js → textarea-Dk8hQMD2.js} +2 -2
  83. package/dist/{textinput-BAPxDvKu.js → textinput-6Ip-0aVY.js} +2 -2
  84. package/dist/{textinput-DcES1ibY.cjs → textinput-DuLZ26DB.cjs} +1 -1
  85. package/package.json +4 -4
  86. package/src/components/helptext/helptext.ts +13 -1
  87. package/src/components/input-wrapper/input-wrapper.ts +1 -10
  88. package/src/components/select/select.ts +1 -1
  89. package/dist/helptext-AqNI_oFG.cjs +0 -24
  90. package/dist/helptext-DBearL3P.js +0 -78
  91. package/dist/input-wrapper-Uw7_cZ4w.cjs +0 -53
  92. package/dist/pkt-options-controller-C_Yl_3P6.js +0 -39
  93. package/dist/pkt-options-controller-ftMgG5DP.cjs +0 -1
  94. package/dist/pkt-slot-controller-Da-RgXfS.cjs +0 -1
@@ -1,38 +1,34 @@
1
- import { P as m, E as s, x as i, n as o, a as k } from "./element-gAd63VwC.js";
2
- import { P as w } from "./pkt-slot-controller-DtDaD9q_.js";
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 S } from "./icon-CO1TLSs5.js";
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-DBearL3P.js";
11
- var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (e, h, a, n) => {
12
- for (var l = n > 1 ? void 0 : n ? D(h, a) : h, d = e.length - 1, u; d >= 0; d--)
13
- (u = e[d]) && (l = (n ? u(h, a, l) : u(l)) || l);
14
- return n && l && _(h, a, l), l;
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 B = {
17
- fromAttribute(e) {
18
- return e == null ? !1 : e === "" || e === "true" || e === !0 ? !0 : e === "false" || e === !1 ? !1 : !!e;
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(e) {
21
- return e ? "true" : "false";
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.hasHelptextSlot = !0, 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);
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
- updateSlots(e) {
29
- this.hasHelptextSlot = e.has("helptext"), this.requestUpdate();
30
- }
31
- updated(e) {
32
- super.updated(e);
27
+ updated(r) {
28
+ super.updated(r);
33
29
  }
34
30
  render() {
35
- const e = {
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` : s, n = () => this.optionalTag || this.requiredTag ? i`<span class=${g(h)}
47
- >${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : s}</span
48
- >` : s, l = () => this.useWrapper ? this.hasFieldset ? i`<legend
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 = () => !this.helptext && !this.hasHelptextSlot && !this.helptextDropdown ? s : i`
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 : s} ${this.counterCurrent || 0}
83
- ${this.counterMaxLength ? `/${this.counterMaxLength}` : s}
84
- </div>` : s, y = () => this.hasError && this.errorMessage ? i`<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">${S(this.errorMessage)}</div>
93
- </div>` : s, c = () => i`
94
- ${l()} ${d()}
95
- ${this.counterPosition === "top" ? u() : s}
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() : s} ${y()}
98
- `, x = () => this.hasFieldset ? i`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${a}">
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(e)}>${x()}</div> `;
97
+ return i`<div class=${g(r)}>${$()}</div> `;
102
98
  }
103
- toggleDropdown(e) {
99
+ toggleDropdown(r) {
104
100
  this.dispatchEvent(
105
101
  new CustomEvent("toggleHelpText", {
106
102
  bubbles: !1,
107
- detail: { isOpen: e.detail.isOpen }
103
+ detail: { isOpen: r.detail.isOpen }
108
104
  })
109
105
  );
110
106
  }
111
- handleLabelClick(e) {
112
- this.disabled && (e.preventDefault(), e.stopImmediatePropagation()), this.dispatchEvent(
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
- r([
122
- T()
123
- ], t.prototype, "hasHelptextSlot", 2);
124
- r([
117
+ e([
125
118
  o({ type: String })
126
119
  ], t.prototype, "forId", 2);
127
- r([
120
+ e([
128
121
  o({ type: String })
129
122
  ], t.prototype, "label", 2);
130
- r([
123
+ e([
131
124
  o({ type: String })
132
125
  ], t.prototype, "helptext", 2);
133
- r([
126
+ e([
134
127
  o({ type: String })
135
128
  ], t.prototype, "helptextDropdown", 2);
136
- r([
129
+ e([
137
130
  o({ type: String })
138
131
  ], t.prototype, "helptextDropdownButton", 2);
139
- r([
132
+ e([
140
133
  o({ type: Boolean })
141
134
  ], t.prototype, "counter", 2);
142
- r([
135
+ e([
143
136
  o({ type: Number })
144
137
  ], t.prototype, "counterCurrent", 2);
145
- r([
138
+ e([
146
139
  o({ type: Number })
147
140
  ], t.prototype, "counterMaxLength", 2);
148
- r([
141
+ e([
149
142
  o({ type: String })
150
143
  ], t.prototype, "counterError", 2);
151
- r([
144
+ e([
152
145
  o({ type: String, reflect: !1 })
153
146
  ], t.prototype, "counterPosition", 2);
154
- r([
147
+ e([
155
148
  o({ type: Boolean })
156
149
  ], t.prototype, "optionalTag", 2);
157
- r([
150
+ e([
158
151
  o({ type: String })
159
152
  ], t.prototype, "optionalText", 2);
160
- r([
153
+ e([
161
154
  o({ type: Boolean })
162
155
  ], t.prototype, "requiredTag", 2);
163
- r([
156
+ e([
164
157
  o({ type: String })
165
158
  ], t.prototype, "requiredText", 2);
166
- r([
159
+ e([
167
160
  o({ type: Boolean })
168
161
  ], t.prototype, "hasError", 2);
169
- r([
162
+ e([
170
163
  o({ type: String })
171
164
  ], t.prototype, "errorMessage", 2);
172
- r([
165
+ e([
173
166
  o({ type: Boolean })
174
167
  ], t.prototype, "disabled", 2);
175
- r([
168
+ e([
176
169
  o({ type: Boolean })
177
170
  ], t.prototype, "inline", 2);
178
- r([
171
+ e([
179
172
  o({ type: String })
180
173
  ], t.prototype, "ariaDescribedby", 2);
181
- r([
174
+ e([
182
175
  o({ type: Boolean })
183
176
  ], t.prototype, "hasFieldset", 2);
184
- r([
177
+ e([
185
178
  o({ type: String, reflect: !0 })
186
179
  ], t.prototype, "role", 2);
187
- r([
188
- o({ type: Boolean, reflect: !0, converter: B })
180
+ e([
181
+ o({ type: Boolean, reflect: !0, converter: D })
189
182
  ], t.prototype, "useWrapper", 2);
190
- t = r([
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-DtDaD9q_.js";
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-Da-RgXfS.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
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-DtDaD9q_.js";
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-Da-RgXfS.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`
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-Da-RgXfS.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}>
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-DtDaD9q_.js";
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-Da-RgXfS.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)}>
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-DtDaD9q_.js";
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-Da-RgXfS.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`
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-DtDaD9q_.js";
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 = {
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordionitem-Dz6jwPpb.cjs");exports.PktAccordion=e.PktAccordion;exports.PktAccordionItem=e.PktAccordionItem;exports.default=e.PktAccordion;
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;
@@ -1,5 +1,5 @@
1
- import { P as r } from "./accordionitem-DkE9or0K.js";
2
- import { a as c } from "./accordionitem-DkE9or0K.js";
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,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./alert-BY97zZYx.cjs"),t=e.PktAlert;Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>e.PktAlert});exports.default=t;
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
@@ -1,4 +1,4 @@
1
- import { P as t } from "./alert-oh7nc3ip.js";
1
+ import { P as t } from "./alert-sBHt7DSh.js";
2
2
  const e = t;
3
3
  export {
4
4
  t as PktAlert,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./button-D4_O-rYb.cjs"),e=t.PktButton;Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>t.PktButton});exports.default=e;
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;
@@ -1,4 +1,4 @@
1
- import { P as t } from "./button-DdpYt2br.js";
1
+ import { P as t } from "./button-B4Oe8Ar0.js";
2
2
  const a = t;
3
3
  export {
4
4
  t as PktButton,
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-CmdIb2X9.cjs"),t=e.PktCard;Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>e.PktCard});exports.default=t;
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
@@ -1,4 +1,4 @@
1
- import { P as a } from "./card-BxHlJq4J.js";
1
+ import { P as a } from "./card-0Kf9L0A_.js";
2
2
  const r = a;
3
3
  export {
4
4
  a as PktCard,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-CZJrOopi.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
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;
@@ -1,4 +1,4 @@
1
- import { P as o } from "./combobox-hYeZxIku.js";
1
+ import { P as o } from "./combobox-CsFDvh8U.js";
2
2
  const b = o;
3
3
  export {
4
4
  o as PktCombobox,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-DmF3dipo.cjs"),t=e.PktConsent;Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>e.PktConsent});exports.default=t;
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;
@@ -1,4 +1,4 @@
1
- import { P as t } from "./consent-fJjReUb9.js";
1
+ import { P as t } from "./consent-B17ZIuwm.js";
2
2
  const o = t;
3
3
  export {
4
4
  t as PktConsent,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-CE5oM9D3.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});exports.default=t;
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;
@@ -1,4 +1,4 @@
1
- import { P as t } from "./datepicker-Cf45KOxr.js";
1
+ import { P as t } from "./datepicker-Cz6seIz1.js";
2
2
  const a = t;
3
3
  export {
4
4
  t as PktDatepicker,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./heading-CxJ0IqpU.cjs"),t=e.PktHeading;Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>e.PktHeading});exports.default=t;
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;
@@ -1,4 +1,4 @@
1
- import { P as a } from "./heading-Bxonbv8M.js";
1
+ import { P as a } from "./heading-CGGKEZve.js";
2
2
  const e = a;
3
3
  export {
4
4
  a as PktHeading,
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./helptext-AqNI_oFG.cjs"),t=e.PktHelptext;Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>e.PktHelptext});exports.default=t;
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;
@@ -1,4 +1,4 @@
1
- import { P as t } from "./helptext-DBearL3P.js";
1
+ import { P as t } from "./helptext-BG_b6ytC.js";
2
2
  const p = t;
3
3
  export {
4
4
  t as PktHelptext,
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-BY97zZYx.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-D4_O-rYb.cjs"),k=require("./calendar-D4qfcRtv.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-CZJrOopi.cjs"),h=require("./consent-DmF3dipo.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-CE5oM9D3.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-Uw7_cZ4w.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-DcpZnWkt.cjs"),M=require("./textinput-DcES1ibY.cjs"),R=require("./select-BNGnC2U9.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`
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-oh7nc3ip.js";
2
- import { P as B, a as E } from "./accordionitem-DkE9or0K.js";
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-DdpYt2br.js";
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-BxHlJq4J.js";
8
- import { P as K } from "./combobox-hYeZxIku.js";
9
- import { P as U } from "./consent-fJjReUb9.js";
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-DtDaD9q_.js";
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-Cf45KOxr.js";
16
- import { P as Q } from "./helptext-DBearL3P.js";
17
- import { P as X } from "./heading-Bxonbv8M.js";
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-DnyRiuHR.js";
20
- import { P as ot } from "./link-Qj1bJCPw.js";
21
- import { P as at } from "./linkcard-Byt10fUI.js";
22
- import { P as it } from "./loader-xkMMWgaj.js";
23
- import { P as lt } from "./messagebox-BLTBG8nD.js";
24
- import { P as mt } from "./modal-C6ljjVs6.js";
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-CX-zbR-7.js";
28
- import { P as vt } from "./textarea-CctE69uw.js";
29
- import { P as bt } from "./textinput-BAPxDvKu.js";
30
- import { P as $t } from "./select-Drl_8-OU.js";
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-Uw7_cZ4w.cjs"),t=e.PktInputWrapper;Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>e.PktInputWrapper});exports.default=t;
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;