@oslokommune/punkt-elements 12.42.7 → 12.42.9

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 (96) hide show
  1. package/CHANGELOG.md +34 -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-OLSvT2Im.js → button-B4Oe8Ar0.js} +62 -47
  7. package/dist/button-BT-FRGMk.cjs +19 -0
  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-ChCTj6FB.js → consent-B17ZIuwm.js} +1 -1
  13. package/dist/{consent-B7w1--m7.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 +3 -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 +3 -3
  86. package/src/components/button/button.ts +28 -2
  87. package/src/components/helptext/helptext.ts +13 -1
  88. package/src/components/input-wrapper/input-wrapper.ts +1 -10
  89. package/src/components/select/select.ts +1 -1
  90. package/dist/button-KzBZ-Bff.cjs +0 -19
  91. package/dist/helptext-AqNI_oFG.cjs +0 -24
  92. package/dist/helptext-DBearL3P.js +0 -78
  93. package/dist/input-wrapper-Uw7_cZ4w.cjs +0 -53
  94. package/dist/pkt-options-controller-C_Yl_3P6.js +0 -39
  95. package/dist/pkt-options-controller-ftMgG5DP.cjs +0 -1
  96. package/dist/pkt-slot-controller-Da-RgXfS.cjs +0 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
5
5
 
6
6
  ---
7
7
 
8
+ ## [12.42.9](https://github.com/oslokommune/punkt/compare/12.42.8...12.42.9) (2025-06-19)
9
+
10
+ ### ⚠ BREAKING CHANGES
11
+ Ingen
12
+
13
+ ### Features
14
+ Ingen
15
+
16
+ ### Bug Fixes
17
+ Ingen
18
+
19
+ ### Chores
20
+ Ingen
21
+
22
+ ---
23
+
24
+
25
+ ## [12.42.8](https://github.com/oslokommune/punkt/compare/12.42.7...12.42.8) (2025-06-19)
26
+
27
+ ### ⚠ BREAKING CHANGES
28
+ Ingen
29
+
30
+ ### Features
31
+ Ingen
32
+
33
+ ### Bug Fixes
34
+ Ingen
35
+
36
+ ### Chores
37
+ Ingen
38
+
39
+ ---
40
+
41
+
8
42
  ## [12.42.6](https://github.com/oslokommune/punkt/compare/12.42.5...12.42.6) (2025-06-18)
9
43
 
10
44
  ### ⚠ BREAKING CHANGES
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("./element-90YeMNbV.cjs"),h=require("./class-map-DWDPOqjO.cjs"),m=require("./pkt-slot-controller-Da-RgXfS.cjs"),d=require("./ref-B-w1vCo8.cjs");var f=Object.defineProperty,k=Object.getOwnPropertyDescriptor,u=(o,i,n,r)=>{for(var t=r>1?void 0:r?k(i,n):i,s=o.length-1,a;s>=0;s--)(a=o[s])&&(t=(r?a(i,n,t):a(t))||t);return r&&t&&f(i,n,t),t};let l=class extends e.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless"}updated(o){o.has("skin")&&this.requestUpdate()}render(){const o={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e.x`
1
+ "use strict";const e=require("./element-90YeMNbV.cjs"),h=require("./class-map-DWDPOqjO.cjs"),m=require("./pkt-slot-controller-BzddBp7z.cjs"),d=require("./ref-B-w1vCo8.cjs");var f=Object.defineProperty,k=Object.getOwnPropertyDescriptor,u=(o,i,n,r)=>{for(var t=r>1?void 0:r?k(i,n):i,s=o.length-1,a;s>=0;s--)(a=o[s])&&(t=(r?a(i,n,t):a(t))||t);return r&&t&&f(i,n,t),t};let l=class extends e.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless"}updated(o){o.has("skin")&&this.requestUpdate()}render(){const o={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e.x`
2
2
  <div
3
3
  part="container"
4
4
  class=${h.e(o)}
@@ -1,6 +1,6 @@
1
1
  import { i as k, x as u, n as s, a as f, P as _ } from "./element-gAd63VwC.js";
2
2
  import { e as y } from "./class-map-m7ZCZ49w.js";
3
- import { P as v } from "./pkt-slot-controller-DtDaD9q_.js";
3
+ import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
4
4
  import { e as m, n as h } from "./ref-DnSbnXsj.js";
5
5
  var $ = Object.defineProperty, P = Object.getOwnPropertyDescriptor, d = (e, o, c, i) => {
6
6
  for (var t = i > 1 ? void 0 : i ? P(o, c) : o, a = e.length - 1, n; a >= 0; a--)
@@ -1,4 +1,4 @@
1
- "use strict";const c=require("./class-map-DWDPOqjO.cjs"),t=require("./element-90YeMNbV.cjs"),d=require("./state-D-Recv7U.cjs"),h=require("./pkt-slot-controller-Da-RgXfS.cjs"),u=require("./ref-B-w1vCo8.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-B1_BRNqf.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return t.x`
1
+ "use strict";const c=require("./class-map-DWDPOqjO.cjs"),t=require("./element-90YeMNbV.cjs"),d=require("./state-D-Recv7U.cjs"),h=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-B-w1vCo8.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-B1_BRNqf.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return t.x`
2
2
  <div class=${c.e(e)} aria-live=${this["aria-live"]}>
3
3
  <div class=${c.e(s)}>
4
4
  <pkt-icon
@@ -1,7 +1,7 @@
1
1
  import { e as u } from "./class-map-m7ZCZ49w.js";
2
2
  import { P as f, E as h, x as p, n as a, a as v } from "./element-gAd63VwC.js";
3
3
  import { r as k } from "./state-BxrO4zNJ.js";
4
- import { P as m } from "./pkt-slot-controller-DtDaD9q_.js";
4
+ import { P as m } from "./pkt-slot-controller-BPGj-LC5.js";
5
5
  import { e as _, n as b } from "./ref-DnSbnXsj.js";
6
6
  import { u as y } from "./classutils-RQs1k6D9.js";
7
7
  import "./icon-CO1TLSs5.js";
@@ -1,28 +1,43 @@
1
1
  import { P as b, E as c, x as p, n as s, a as f } from "./element-gAd63VwC.js";
2
- import { P as m } from "./pkt-slot-controller-DtDaD9q_.js";
3
- import { e as y } from "./class-map-m7ZCZ49w.js";
2
+ import { P as m } from "./pkt-slot-controller-BPGj-LC5.js";
3
+ import { e as u } from "./class-map-m7ZCZ49w.js";
4
4
  import { o as l } from "./if-defined-Cj-3Kdsr.js";
5
- import { e as g, n as k } from "./ref-DnSbnXsj.js";
6
- var u = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, i = (e, o, n, r) => {
7
- for (var a = r > 1 ? void 0 : r ? $(o, n) : o, d = e.length - 1, h; d >= 0; d--)
8
- (h = e[d]) && (a = (r ? h(o, n, a) : h(a)) || a);
9
- return r && a && u(o, n, a), a;
5
+ import { e as y, n as k } from "./ref-DnSbnXsj.js";
6
+ var g = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, e = (t, o, n, r) => {
7
+ for (var a = r > 1 ? void 0 : r ? $(o, n) : o, d = t.length - 1, h; d >= 0; d--)
8
+ (h = t[d]) && (a = (r ? h(o, n, a) : h(a)) || a);
9
+ return r && a && g(o, n, a), a;
10
10
  };
11
11
  window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
12
- let t = class extends b {
12
+ let i = class extends b {
13
13
  constructor() {
14
- super(), this.defaultSlot = g(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new m(this, this.defaultSlot);
14
+ super(), this.defaultSlot = y(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new m(this, this.defaultSlot);
15
15
  }
16
16
  // Lifecycle
17
- attributeChangedCallback(e, o, n) {
18
- super.attributeChangedCallback(e, o, n), e === "disabled" && n === "false" && (this.disabled = !1), (e === "isloading" || e === "isLoading") && n === "false" && (this.isLoading = !1);
17
+ connectedCallback() {
18
+ super.connectedCallback(), this.addEventListener(
19
+ "click",
20
+ (t) => {
21
+ (this.disabled || this.hasAttribute("disabled") || this.isLoading) && (t.preventDefault(), t.stopImmediatePropagation());
22
+ },
23
+ !0
24
+ ), this.addEventListener(
25
+ "keydown",
26
+ (t) => {
27
+ (this.disabled || this.hasAttribute("disabled") || this.isLoading) && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopImmediatePropagation());
28
+ },
29
+ !0
30
+ );
19
31
  }
20
- firstUpdated(e) {
21
- super.firstUpdated(e), this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1);
32
+ attributeChangedCallback(t, o, n) {
33
+ super.attributeChangedCallback(t, o, n), t === "disabled" && n === "false" && (this.disabled = !1), (t === "isloading" || t === "isLoading") && n === "false" && (this.isLoading = !1);
34
+ }
35
+ firstUpdated(t) {
36
+ super.firstUpdated(t), this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1);
22
37
  }
23
38
  // Render
24
39
  render() {
25
- const e = this.form ?? this.getAttribute("form") ?? void 0, o = {
40
+ const t = this.form ?? this.getAttribute("form") ?? void 0, o = {
26
41
  "pkt-btn": !0,
27
42
  [`pkt-btn--${this.size}`]: !!this.size,
28
43
  [`pkt-btn--${this.skin}`]: !!this.skin,
@@ -34,12 +49,12 @@ let t = class extends b {
34
49
  };
35
50
  return p`
36
51
  <button
37
- class=${y(o)}
52
+ class=${u(o)}
38
53
  type=${this.type}
39
54
  ?disabled=${!!this.disabled}
40
55
  aria-busy=${l(this.isLoading ? "true" : void 0)}
41
- aria-disabled=${l(this.disabled ? "true" : void 0)}
42
- form=${l(e)}
56
+ aria-disabled=${l(this.disabled || this.isLoading ? "true" : void 0)}
57
+ form=${l(t)}
43
58
  >
44
59
  ${this.isLoading ? p`<pkt-icon
45
60
  class="pkt-btn__icon pkt-btn__spinner"
@@ -53,48 +68,48 @@ let t = class extends b {
53
68
  `;
54
69
  }
55
70
  };
56
- i([
71
+ e([
57
72
  s({ type: String })
58
- ], t.prototype, "iconName", 2);
59
- i([
73
+ ], i.prototype, "iconName", 2);
74
+ e([
60
75
  s({ type: String })
61
- ], t.prototype, "secondIconName", 2);
62
- i([
76
+ ], i.prototype, "secondIconName", 2);
77
+ e([
63
78
  s({ type: String })
64
- ], t.prototype, "mode", 2);
65
- i([
79
+ ], i.prototype, "mode", 2);
80
+ e([
66
81
  s({ type: String })
67
- ], t.prototype, "size", 2);
68
- i([
82
+ ], i.prototype, "size", 2);
83
+ e([
69
84
  s({ type: String })
70
- ], t.prototype, "color", 2);
71
- i([
85
+ ], i.prototype, "color", 2);
86
+ e([
72
87
  s({ type: String })
73
- ], t.prototype, "skin", 2);
74
- i([
88
+ ], i.prototype, "skin", 2);
89
+ e([
75
90
  s({ type: String })
76
- ], t.prototype, "variant", 2);
77
- i([
91
+ ], i.prototype, "variant", 2);
92
+ e([
78
93
  s({ type: String, reflect: !0 })
79
- ], t.prototype, "state", 2);
80
- i([
81
- s({ type: String })
82
- ], t.prototype, "type", 2);
83
- i([
94
+ ], i.prototype, "state", 2);
95
+ e([
96
+ s({ type: String, reflect: !0 })
97
+ ], i.prototype, "type", 2);
98
+ e([
84
99
  s({ type: String })
85
- ], t.prototype, "form", 2);
86
- i([
100
+ ], i.prototype, "form", 2);
101
+ e([
87
102
  s({ type: Boolean, reflect: !0 })
88
- ], t.prototype, "isLoading", 2);
89
- i([
103
+ ], i.prototype, "isLoading", 2);
104
+ e([
90
105
  s({ type: Boolean, reflect: !0 })
91
- ], t.prototype, "disabled", 2);
92
- i([
106
+ ], i.prototype, "disabled", 2);
107
+ e([
93
108
  s({ type: String })
94
- ], t.prototype, "loadingAnimationPath", 2);
95
- t = i([
109
+ ], i.prototype, "loadingAnimationPath", 2);
110
+ i = e([
96
111
  f("pkt-button")
97
- ], t);
112
+ ], i);
98
113
  export {
99
- t as P
114
+ i as P
100
115
  };
@@ -0,0 +1,19 @@
1
+ "use strict";const t=require("./element-90YeMNbV.cjs"),h=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./class-map-DWDPOqjO.cjs"),a=require("./if-defined-C8eotHpL.cjs"),d=require("./ref-B-w1vCo8.cjs");var c=Object.defineProperty,k=Object.getOwnPropertyDescriptor,e=(r,i,s,n)=>{for(var o=n>1?void 0:n?k(i,s):i,p=r.length-1,l;p>=0;p--)(l=r[p])&&(o=(n?l(i,s,o):l(o))||o);return n&&o&&c(i,s,o),o};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.iconName="user",this.secondIconName="user",this.mode="light",this.size="medium",this.skin="primary",this.variant="label-only",this.state="normal",this.type="button",this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=window.pktAnimationPath,this.slotController=new h.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.preventDefault(),i.stopImmediatePropagation())},!0),this.addEventListener("keydown",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopImmediatePropagation())},!0)}attributeChangedCallback(i,s,n){super.attributeChangedCallback(i,s,n),i==="disabled"&&n==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&n==="false"&&(this.isLoading=!1)}firstUpdated(i){super.firstUpdated(i),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const i=this.form??this.getAttribute("form")??void 0,s={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--disabled":!!this.disabled,"pkt-btn--isLoading":!!this.isLoading};return t.x`
2
+ <button
3
+ class=${u.e(s)}
4
+ type=${this.type}
5
+ ?disabled=${!!this.disabled}
6
+ aria-busy=${a.o(this.isLoading?"true":void 0)}
7
+ aria-disabled=${a.o(this.disabled||this.isLoading?"true":void 0)}
8
+ form=${a.o(i)}
9
+ >
10
+ ${this.isLoading?t.x`<pkt-icon
11
+ class="pkt-btn__icon pkt-btn__spinner"
12
+ name="spinner-blue"
13
+ path=${a.o(this.loadingAnimationPath)}
14
+ ></pkt-icon>`:t.E}
15
+ ${this.variant!=="label-only"?t.x`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>`:t.E}
16
+ <span class="pkt-btn__text" ${d.n(this.defaultSlot)}></span>
17
+ ${this.variant==="icons-right-and-left"?t.x`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>`:t.E}
18
+ </button>
19
+ `}};e([t.n({type:String})],exports.PktButton.prototype,"iconName",2);e([t.n({type:String})],exports.PktButton.prototype,"secondIconName",2);e([t.n({type:String})],exports.PktButton.prototype,"mode",2);e([t.n({type:String})],exports.PktButton.prototype,"size",2);e([t.n({type:String})],exports.PktButton.prototype,"color",2);e([t.n({type:String})],exports.PktButton.prototype,"skin",2);e([t.n({type:String})],exports.PktButton.prototype,"variant",2);e([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"state",2);e([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"type",2);e([t.n({type:String})],exports.PktButton.prototype,"form",2);e([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"isLoading",2);e([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"disabled",2);e([t.n({type:String})],exports.PktButton.prototype,"loadingAnimationPath",2);exports.PktButton=e([t.t("pkt-button")],exports.PktButton);
@@ -1,10 +1,10 @@
1
1
  import { e as g } from "./class-map-m7ZCZ49w.js";
2
2
  import { o as c } from "./if-defined-Cj-3Kdsr.js";
3
3
  import { P as m, E as d, x as t, n as i, a as u } from "./element-gAd63VwC.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 y, n as _ } from "./ref-DnSbnXsj.js";
6
6
  import "./icon-CO1TLSs5.js";
7
- import "./tag-CX-zbR-7.js";
7
+ import "./tag-m7OTZaCG.js";
8
8
  const b = {
9
9
  layout: {
10
10
  default: "vertical"
@@ -1,4 +1,4 @@
1
- "use strict";const l=require("./class-map-DWDPOqjO.cjs"),p=require("./if-defined-C8eotHpL.cjs"),t=require("./element-90YeMNbV.cjs"),g=require("./pkt-slot-controller-Da-RgXfS.cjs"),c=require("./ref-B-w1vCo8.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-lU4vz70a.cjs");const k={layout:{default:"vertical"},skin:{default:"outlined"},padding:{default:"default"}},h={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(d,a,i,s)=>{for(var r=s>1?void 0:s?m(a,i):a,n=d.length-1,o;n>=0;n--)(o=d[n])&&(r=(s?o(a,i,r):o(r))||r);return s&&r&&u(a,i,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=h.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=h.props.padding.default,this.skin=h.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,n;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},i=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),s=((n=this.ariaLabel)==null?void 0:n.trim())||(this.heading?this.heading:"kort");return t.x`
1
+ "use strict";const l=require("./class-map-DWDPOqjO.cjs"),p=require("./if-defined-C8eotHpL.cjs"),t=require("./element-90YeMNbV.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-B-w1vCo8.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-DrbI0ng3.cjs");const k={layout:{default:"vertical"},skin:{default:"outlined"},padding:{default:"default"}},h={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(d,a,i,s)=>{for(var r=s>1?void 0:s?m(a,i):a,n=d.length-1,o;n>=0;n--)(o=d[n])&&(r=(s?o(a,i,r):o(r))||r);return s&&r&&u(a,i,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=h.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=h.props.padding.default,this.skin=h.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,n;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},i=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),s=((n=this.ariaLabel)==null?void 0:n.trim())||(this.heading?this.heading:"kort");return t.x`
2
2
  <article
3
3
  class=${l.e(a)}
4
4
  aria-label=${p.o(this.clickCardLink?i:s)}
@@ -5,11 +5,11 @@ import { e as _, n as v } from "./ref-DnSbnXsj.js";
5
5
  import { e as w } from "./class-map-m7ZCZ49w.js";
6
6
  import { c as R } from "./repeat-lUFq9w5d.js";
7
7
  import { P as V } from "./input-element-BEvaQK4g.js";
8
- import { P as S } from "./pkt-options-controller-C_Yl_3P6.js";
9
- import { P as C } from "./pkt-slot-controller-DtDaD9q_.js";
10
- import "./input-wrapper-DnyRiuHR.js";
8
+ import { P as S } from "./pkt-options-controller-CZO1nxZ8.js";
9
+ import { P as C } from "./pkt-slot-controller-BPGj-LC5.js";
10
+ import "./input-wrapper-CC_R5w7V.js";
11
11
  import "./icon-CO1TLSs5.js";
12
- import "./tag-CX-zbR-7.js";
12
+ import "./tag-m7OTZaCG.js";
13
13
  import "./listbox-DCWdrjFp.js";
14
14
  const A = {
15
15
  displayValueAs: {
@@ -1,4 +1,4 @@
1
- "use strict";const a=require("./element-90YeMNbV.cjs"),c=require("./if-defined-C8eotHpL.cjs"),d=require("./state-D-Recv7U.cjs"),r=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),I=require("./repeat-CxQA3AeF.cjs"),$=require("./input-element-CInrWeac.cjs"),y=require("./pkt-options-controller-ftMgG5DP.cjs"),w=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-lU4vz70a.cjs");require("./listbox-AjDNhDsQ.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(b,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=b.length-1,n;l>=0;l--)(n=b[l])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&V(e,t,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new y.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(n=>n.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const n=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,n)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=this.options,this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
1
+ "use strict";const a=require("./element-90YeMNbV.cjs"),c=require("./if-defined-C8eotHpL.cjs"),d=require("./state-D-Recv7U.cjs"),r=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),I=require("./repeat-CxQA3AeF.cjs"),$=require("./input-element-CInrWeac.cjs"),y=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-DrbI0ng3.cjs");require("./listbox-AjDNhDsQ.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(b,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=b.length-1,n;l>=0;l--)(n=b[l])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&V(e,t,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new y.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(n=>n.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const n=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,n)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=this.options,this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
2
2
  <pkt-input-wrapper
3
3
  .label=${this.label}
4
4
  .helptext=${this.helptext}
@@ -1,5 +1,5 @@
1
1
  import { P as p, x as c, n as a, a as g } from "./element-gAd63VwC.js";
2
- import "./button-OLSvT2Im.js";
2
+ import "./button-B4Oe8Ar0.js";
3
3
  import "./icon-CO1TLSs5.js";
4
4
  const u = {
5
5
  i18n: {
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("./element-90YeMNbV.cjs");require("./button-KzBZ-Bff.cjs");require("./icon-B1_BRNqf.cjs");const k={i18n:{nb:{contentPresentation:{title:"Oslo kommune bruker informasjonskapsler",description:["For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.","Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss."],buttons:{accept:"Godta alle",reject:"Kun nødvendige",settings:"Innstillinger for informasjonskapsler"}},contentSettings:{title:"Innstillinger for informasjonskapsler",description:["Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.","Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler»."],buttons:{back:"Tilbake",save:"Lagre innstillinger"}}},en:{contentPresentation:{title:"Before you visit Oslo kommune ...",description:["This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.","To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites."],buttons:{accept:"Yes, I accept",reject:"Only necessary",settings:"Go to settings"}},contentSettings:{title:"Her kan du aktivt velge mellom ulike informasjonskapsler",description:["For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider"],buttons:{back:"Back",save:"Save settings"}}}}};var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,s=(r,e,t,n)=>{for(var i=n>1?void 0:n?p(e,t):e,a=r.length-1,l;a>=0;a--)(l=r[a])&&(i=(n?l(e,t,i):l(i))||i);return n&&i&&d(e,t,i),i};let c=null;function u(){return c||(c=new Promise((r,e)=>{if(document.querySelector("#oslo-consent-script")){r();return}const t=document.createElement("script");t.src="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js",t.id="oslo-consent-script",t.onload=()=>r(),t.onerror=e,document.head.appendChild(t);const n=document.createElement("link");n.href="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css",n.type="text/css",n.rel="stylesheet",n.id="oslo-consent-styles",document.head.appendChild(n)}),c)}exports.PktConsent=class extends o.PktElement{constructor(){super(),this.devMode=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType="button",this.triggerText=null,this.i18nLanguage="nb"}connectedCallback(){super.connectedCallback(),this.triggerText=this.triggerText||k.i18n[this.i18nLanguage].contentPresentation.buttons.settings}disconnectedCallback(){var e;super.disconnectedCallback(),this._cookieEventHandler&&((e=window.__cookieEvents)==null||e.off("CookieManager.setCookie",this._cookieEventHandler))}returnJsonOrObject(e){let t;try{t=JSON.parse(e)}catch{t=e}return t}emitCookieConsents(e){const n=this.returnJsonOrObject(e.value).items.reduce((i,a)=>(i[a.name]=a.consent,i),{});this.dispatchEvent(new CustomEvent("toggle-consent",{detail:n,bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await u(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event("CookieBannerReady",{bubbles:!0,cancelable:!0})),window.cookieBanner.cookieConsent.validateConsentCookie().then(e=>{if(e){const n={value:window.cookieBanner.cookieConsent.getConsentCookie()};window.setTimeout(()=>this.emitCookieConsents(n),0),this._cookieEventHandler&&window.__cookieEvents.off("CookieManager.setCookie",this._cookieEventHandler),this._cookieEventHandler=i=>{this.emitCookieConsents(i)},window.__cookieEvents.on("CookieManager.setCookie",this._cookieEventHandler)}})}openModal(e){var t;e.preventDefault(),(t=window.cookieBanner)!=null&&t.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner.openCookieModal())}render(){return this.triggerType==="link"?o.x`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>`:this.triggerType==="footerlink"?o.x`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
1
+ "use strict";const o=require("./element-90YeMNbV.cjs");require("./button-BT-FRGMk.cjs");require("./icon-B1_BRNqf.cjs");const k={i18n:{nb:{contentPresentation:{title:"Oslo kommune bruker informasjonskapsler",description:["For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.","Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss."],buttons:{accept:"Godta alle",reject:"Kun nødvendige",settings:"Innstillinger for informasjonskapsler"}},contentSettings:{title:"Innstillinger for informasjonskapsler",description:["Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.","Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler»."],buttons:{back:"Tilbake",save:"Lagre innstillinger"}}},en:{contentPresentation:{title:"Before you visit Oslo kommune ...",description:["This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.","To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites."],buttons:{accept:"Yes, I accept",reject:"Only necessary",settings:"Go to settings"}},contentSettings:{title:"Her kan du aktivt velge mellom ulike informasjonskapsler",description:["For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider"],buttons:{back:"Back",save:"Save settings"}}}}};var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,s=(r,e,t,n)=>{for(var i=n>1?void 0:n?p(e,t):e,a=r.length-1,l;a>=0;a--)(l=r[a])&&(i=(n?l(e,t,i):l(i))||i);return n&&i&&d(e,t,i),i};let c=null;function u(){return c||(c=new Promise((r,e)=>{if(document.querySelector("#oslo-consent-script")){r();return}const t=document.createElement("script");t.src="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js",t.id="oslo-consent-script",t.onload=()=>r(),t.onerror=e,document.head.appendChild(t);const n=document.createElement("link");n.href="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css",n.type="text/css",n.rel="stylesheet",n.id="oslo-consent-styles",document.head.appendChild(n)}),c)}exports.PktConsent=class extends o.PktElement{constructor(){super(),this.devMode=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType="button",this.triggerText=null,this.i18nLanguage="nb"}connectedCallback(){super.connectedCallback(),this.triggerText=this.triggerText||k.i18n[this.i18nLanguage].contentPresentation.buttons.settings}disconnectedCallback(){var e;super.disconnectedCallback(),this._cookieEventHandler&&((e=window.__cookieEvents)==null||e.off("CookieManager.setCookie",this._cookieEventHandler))}returnJsonOrObject(e){let t;try{t=JSON.parse(e)}catch{t=e}return t}emitCookieConsents(e){const n=this.returnJsonOrObject(e.value).items.reduce((i,a)=>(i[a.name]=a.consent,i),{});this.dispatchEvent(new CustomEvent("toggle-consent",{detail:n,bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await u(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event("CookieBannerReady",{bubbles:!0,cancelable:!0})),window.cookieBanner.cookieConsent.validateConsentCookie().then(e=>{if(e){const n={value:window.cookieBanner.cookieConsent.getConsentCookie()};window.setTimeout(()=>this.emitCookieConsents(n),0),this._cookieEventHandler&&window.__cookieEvents.off("CookieManager.setCookie",this._cookieEventHandler),this._cookieEventHandler=i=>{this.emitCookieConsents(i)},window.__cookieEvents.on("CookieManager.setCookie",this._cookieEventHandler)}})}openModal(e){var t;e.preventDefault(),(t=window.cookieBanner)!=null&&t.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner.openCookieModal())}render(){return this.triggerType==="link"?o.x`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>`:this.triggerType==="footerlink"?o.x`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
2
2
  <pkt-icon name="chevron-right" class="pkt-footer__link-icon"></pkt-icon>
3
3
  ${this.triggerText}
4
4
  </a>`:this.triggerType==="icon"?o.x`<pkt-button
@@ -7,9 +7,9 @@ import { P as C } from "./input-element-BEvaQK4g.js";
7
7
  import { e as m, n as p } from "./ref-DnSbnXsj.js";
8
8
  import { c as T } from "./repeat-lUFq9w5d.js";
9
9
  import "./icon-CO1TLSs5.js";
10
- import "./input-wrapper-DnyRiuHR.js";
11
- import "./tag-CX-zbR-7.js";
12
- import { P as _ } from "./pkt-slot-controller-DtDaD9q_.js";
10
+ import "./input-wrapper-CC_R5w7V.js";
11
+ import "./tag-m7OTZaCG.js";
12
+ import { P as _ } from "./pkt-slot-controller-BPGj-LC5.js";
13
13
  const S = {
14
14
  dateformat: {
15
15
  default: "dd.MM.yyyy"
@@ -1,4 +1,4 @@
1
- "use strict";const d=require("./class-map-DWDPOqjO.cjs"),p=require("./if-defined-C8eotHpL.cjs"),s=require("./element-90YeMNbV.cjs"),m=require("./state-D-Recv7U.cjs"),h=require("./calendar-D4qfcRtv.cjs"),k=require("./input-element-CInrWeac.cjs"),r=require("./ref-B-w1vCo8.cjs"),v=require("./repeat-CxQA3AeF.cjs");require("./icon-B1_BRNqf.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./tag-lU4vz70a.cjs");const $=require("./pkt-slot-controller-Da-RgXfS.cjs"),y={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},o={props:y};var b=Object.defineProperty,x=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var a=i>1?void 0:i?x(t,e):t,n=c.length-1,u;n>=0;n--)(u=c[n])&&(a=(i?u(t,e,a):u(a))||a);return i&&a&&b(t,e,a),a};const g=c=>new Promise(t=>setTimeout(t,c));exports.PktDatepicker=class extends k.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=o.props.dateformat.default,this.multiple=o.props.multiple.default,this.maxlength=null,this.range=o.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=o.props.weeknumbers.default,this.withcontrols=o.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=t=>{const e=t.target;if(!e.value)return;const i=this.min?h.newDate(this.min):null,a=this.max?h.newDate(this.max):null,n=h.newDate(e.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!a||n<=a)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),e.value=""},this.slotController=new $.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,e=/iP(hone|od|ad)/.test(t);this.inputType=e?"text":"date",document&&document.body.addEventListener("click",i=>{var a,n;(a=this.inputRef)!=null&&a.value&&((n=this.btnRef)!=null&&n.value)&&!this.inputRef.value.contains(i.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(i.target))&&!this.btnRef.value.contains(i.target)&&!i.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||o.props.min.default,this.max=this.max||o.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var e,i;(e=this.inputRef)!=null&&e.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,e,i){if(t==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==e&&this.valueChanged(i,e)}t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(t,e,i)}updated(t){if(t.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,t.get("value"))}super.updated(t)}renderInput(){return s.x`
1
+ "use strict";const d=require("./class-map-DWDPOqjO.cjs"),p=require("./if-defined-C8eotHpL.cjs"),s=require("./element-90YeMNbV.cjs"),m=require("./state-D-Recv7U.cjs"),h=require("./calendar-D4qfcRtv.cjs"),k=require("./input-element-CInrWeac.cjs"),r=require("./ref-B-w1vCo8.cjs"),v=require("./repeat-CxQA3AeF.cjs");require("./icon-B1_BRNqf.cjs");require("./input-wrapper-Dk0rKRlz.cjs");require("./tag-DrbI0ng3.cjs");const $=require("./pkt-slot-controller-BzddBp7z.cjs"),y={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},o={props:y};var b=Object.defineProperty,x=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var a=i>1?void 0:i?x(t,e):t,n=c.length-1,u;n>=0;n--)(u=c[n])&&(a=(i?u(t,e,a):u(a))||a);return i&&a&&b(t,e,a),a};const g=c=>new Promise(t=>setTimeout(t,c));exports.PktDatepicker=class extends k.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=o.props.dateformat.default,this.multiple=o.props.multiple.default,this.maxlength=null,this.range=o.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=o.props.weeknumbers.default,this.withcontrols=o.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=t=>{const e=t.target;if(!e.value)return;const i=this.min?h.newDate(this.min):null,a=this.max?h.newDate(this.max):null,n=h.newDate(e.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!a||n<=a)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),e.value=""},this.slotController=new $.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,e=/iP(hone|od|ad)/.test(t);this.inputType=e?"text":"date",document&&document.body.addEventListener("click",i=>{var a,n;(a=this.inputRef)!=null&&a.value&&((n=this.btnRef)!=null&&n.value)&&!this.inputRef.value.contains(i.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(i.target))&&!this.btnRef.value.contains(i.target)&&!i.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||o.props.min.default,this.max=this.max||o.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var e,i;(e=this.inputRef)!=null&&e.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,e,i){if(t==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==e&&this.valueChanged(i,e)}t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(t,e,i)}updated(t){if(t.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,t.get("value"))}super.updated(t)}renderInput(){return s.x`
2
2
  <input
3
3
  class="${d.e(this.inputClasses)}"
4
4
  .type=${this.inputType}
@@ -1,5 +1,5 @@
1
1
  import { P as f, x as l, n as o, a as d } from "./element-gAd63VwC.js";
2
- import { P as g } from "./pkt-slot-controller-DtDaD9q_.js";
2
+ import { P as g } from "./pkt-slot-controller-BPGj-LC5.js";
3
3
  import { e as r } from "./class-map-m7ZCZ49w.js";
4
4
  import { e as $, n as i } from "./ref-DnSbnXsj.js";
5
5
  var S = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (t, n, p, h) => {
@@ -1 +1 @@
1
- "use strict";const e=require("./element-90YeMNbV.cjs"),c=require("./pkt-slot-controller-Da-RgXfS.cjs"),l=require("./class-map-DWDPOqjO.cjs"),n=require("./ref-B-w1vCo8.cjs");var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(a,t,o,i)=>{for(var s=i>1?void 0:i?d(t,o):t,h=a.length-1,u;h>=0;h--)(u=a[h])&&(s=(i?u(t,o,s):u(s))||s);return i&&s&&p(t,o,s),s};exports.PktHeading=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.size="medium",this.level=2,this.noSpacing=!0,this.visuallyHidden=!1,this.align="start",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const t={"pkt-heading":!0,[`pkt-heading--${this.size}`]:this.size,"pkt-heading--noSpacing":this.noSpacing,"pkt-sr-only":this.visuallyHidden,[`pkt-heading--${this.align}`]:this.align};switch(this.level){case 2:return e.x`<h2 class=${l.e(t)} ${n.n(this.defaultSlot)}></h2>`;case 3:return e.x`<h3 class=${l.e(t)} ${n.n(this.defaultSlot)}></h3>`;case 4:return e.x`<h4 class=${l.e(t)} ${n.n(this.defaultSlot)}></h4>`;case 5:return e.x`<h5 class=${l.e(t)} ${n.n(this.defaultSlot)}></h5>`;case 6:return e.x`<h6 class=${l.e(t)} ${n.n(this.defaultSlot)}></h6>`;case 1:default:return e.x`<h1 class=${l.e(t)} ${n.n(this.defaultSlot)}></h1>`}}};r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);r([e.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"noSpacing",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=r([e.t("pkt-heading")],exports.PktHeading);
1
+ "use strict";const e=require("./element-90YeMNbV.cjs"),c=require("./pkt-slot-controller-BzddBp7z.cjs"),l=require("./class-map-DWDPOqjO.cjs"),n=require("./ref-B-w1vCo8.cjs");var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(a,t,o,i)=>{for(var s=i>1?void 0:i?d(t,o):t,h=a.length-1,u;h>=0;h--)(u=a[h])&&(s=(i?u(t,o,s):u(s))||s);return i&&s&&p(t,o,s),s};exports.PktHeading=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.size="medium",this.level=2,this.noSpacing=!0,this.visuallyHidden=!1,this.align="start",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const t={"pkt-heading":!0,[`pkt-heading--${this.size}`]:this.size,"pkt-heading--noSpacing":this.noSpacing,"pkt-sr-only":this.visuallyHidden,[`pkt-heading--${this.align}`]:this.align};switch(this.level){case 2:return e.x`<h2 class=${l.e(t)} ${n.n(this.defaultSlot)}></h2>`;case 3:return e.x`<h3 class=${l.e(t)} ${n.n(this.defaultSlot)}></h3>`;case 4:return e.x`<h4 class=${l.e(t)} ${n.n(this.defaultSlot)}></h4>`;case 5:return e.x`<h5 class=${l.e(t)} ${n.n(this.defaultSlot)}></h5>`;case 6:return e.x`<h6 class=${l.e(t)} ${n.n(this.defaultSlot)}></h6>`;case 1:default:return e.x`<h1 class=${l.e(t)} ${n.n(this.defaultSlot)}></h1>`}}};r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);r([e.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"noSpacing",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=r([e.t("pkt-heading")],exports.PktHeading);
@@ -0,0 +1,87 @@
1
+ import { P as c, x as a, E as f, n as r, a as w } from "./element-gAd63VwC.js";
2
+ import { e as _, n as m } from "./ref-DnSbnXsj.js";
3
+ import { o as x } from "./icon-CO1TLSs5.js";
4
+ import { e as d } from "./class-map-m7ZCZ49w.js";
5
+ import { r as u } from "./state-BxrO4zNJ.js";
6
+ import { u as k } from "./stringutils-DJjRa8dG.js";
7
+ import { s as v } from "./input-wrapper-8iKEzDRZ.js";
8
+ import { P as b } from "./pkt-slot-controller-BPGj-LC5.js";
9
+ var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, p = (o, s, l, n) => {
10
+ for (var t = n > 1 ? void 0 : n ? D(s, l) : s, i = o.length - 1, h; i >= 0; i--)
11
+ (h = o[i]) && (t = (n ? h(s, l, t) : h(t)) || t);
12
+ return n && t && S(s, l, t), t;
13
+ };
14
+ let e = class extends c {
15
+ constructor() {
16
+ super(), this.defaultSlot = _(), this.forId = k(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = v.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new b(this, this.defaultSlot);
17
+ }
18
+ updateSlots(o) {
19
+ this.filledSlots = new Set(o);
20
+ }
21
+ render() {
22
+ const o = () => {
23
+ const t = !this.isHelpTextOpen;
24
+ this.isHelpTextOpen = t, this.dispatchEvent(
25
+ new CustomEvent("toggleHelpText", {
26
+ bubbles: !0,
27
+ detail: { isOpen: t }
28
+ })
29
+ );
30
+ }, s = d({
31
+ "pkt-inputwrapper__helptext-container": !0,
32
+ "pkt-inputwrapper__has-helptext": this.helptext || this.helptextDropdown || this.filledSlots.size > 0
33
+ }), l = () => this.helptextDropdown ? a`<div class="pkt-inputwrapper__helptext-expandable">
34
+ <button
35
+ class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
36
+ type="button"
37
+ @click=${o}
38
+ >
39
+ <pkt-icon
40
+ class="pkt-btn__icon"
41
+ name="${this.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down"}"
42
+ ></pkt-icon>
43
+ <span class="pkt-btn__text">${x(this.helptextDropdownButton)}</span>
44
+ </button>
45
+ <div
46
+ class="${d({
47
+ "pkt-inputwrapper__helptext": !0,
48
+ "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
49
+ "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
50
+ })}"
51
+ >
52
+ ${x(this.helptextDropdown)}
53
+ </div>
54
+ </div>` : f;
55
+ return a`${a`<div class="${s}">
56
+ <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
57
+ <div class="pkt-contents" ${m(this.defaultSlot)} name="helptext"></div>
58
+ ${this.helptext && x(this.helptext)}
59
+ </div>
60
+ ${l()}
61
+ </div>`}`;
62
+ }
63
+ };
64
+ p([
65
+ r({ type: String, reflect: !0 })
66
+ ], e.prototype, "forId", 2);
67
+ p([
68
+ r({ type: String })
69
+ ], e.prototype, "helptext", 2);
70
+ p([
71
+ r({ type: String })
72
+ ], e.prototype, "helptextDropdown", 2);
73
+ p([
74
+ r({ type: String })
75
+ ], e.prototype, "helptextDropdownButton", 2);
76
+ p([
77
+ u()
78
+ ], e.prototype, "isHelpTextOpen", 2);
79
+ p([
80
+ u()
81
+ ], e.prototype, "filledSlots", 2);
82
+ e = p([
83
+ w("pkt-helptext")
84
+ ], e);
85
+ export {
86
+ e as P
87
+ };
@@ -0,0 +1,24 @@
1
+ "use strict";const t=require("./element-90YeMNbV.cjs"),x=require("./ref-B-w1vCo8.cjs"),h=require("./icon-B1_BRNqf.cjs"),u=require("./class-map-DWDPOqjO.cjs"),a=require("./state-D-Recv7U.cjs"),c=require("./stringutils-CkVRq4jP.cjs"),d=require("./input-wrapper-EoSAbU-U.cjs"),k=require("./pkt-slot-controller-BzddBp7z.cjs");var w=Object.defineProperty,_=Object.getOwnPropertyDescriptor,n=(o,p,r,l)=>{for(var e=l>1?void 0:l?_(p,r):p,s=o.length-1,i;s>=0;s--)(i=o[s])&&(e=(l?i(p,r,e):i(e))||e);return l&&e&&w(p,r,e),e};exports.PktHelptext=class extends t.PktElement{constructor(){super(),this.defaultSlot=x.e(),this.forId=c.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=d.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1,this.filledSlots=new Set,this.slotController=new k.PktSlotController(this,this.defaultSlot)}updateSlots(p){this.filledSlots=new Set(p)}render(){const p=()=>{const s=!this.isHelpTextOpen;this.isHelpTextOpen=s,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:s}}))},r=u.e({"pkt-inputwrapper__helptext-container":!0,"pkt-inputwrapper__has-helptext":this.helptext||this.helptextDropdown||this.filledSlots.size>0}),l=()=>this.helptextDropdown?t.x`<div class="pkt-inputwrapper__helptext-expandable">
2
+ <button
3
+ class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
4
+ type="button"
5
+ @click=${p}
6
+ >
7
+ <pkt-icon
8
+ class="pkt-btn__icon"
9
+ name="${this.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down"}"
10
+ ></pkt-icon>
11
+ <span class="pkt-btn__text">${h.o(this.helptextDropdownButton)}</span>
12
+ </button>
13
+ <div
14
+ class="${u.e({"pkt-inputwrapper__helptext":!0,"pkt-inputwrapper__helptext-expandable-open":this.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!this.isHelpTextOpen})}"
15
+ >
16
+ ${h.o(this.helptextDropdown)}
17
+ </div>
18
+ </div>`:t.E,e=()=>t.x`<div class="${r}">
19
+ <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
20
+ <div class="pkt-contents" ${x.n(this.defaultSlot)} name="helptext"></div>
21
+ ${this.helptext&&h.o(this.helptext)}
22
+ </div>
23
+ ${l()}
24
+ </div>`;return t.x`${e()}`}};n([t.n({type:String,reflect:!0})],exports.PktHelptext.prototype,"forId",2);n([t.n({type:String})],exports.PktHelptext.prototype,"helptext",2);n([t.n({type:String})],exports.PktHelptext.prototype,"helptextDropdown",2);n([t.n({type:String})],exports.PktHelptext.prototype,"helptextDropdownButton",2);n([a.r()],exports.PktHelptext.prototype,"isHelpTextOpen",2);n([a.r()],exports.PktHelptext.prototype,"filledSlots",2);exports.PktHelptext=n([t.t("pkt-helptext")],exports.PktHelptext);
package/dist/index.d.ts CHANGED
@@ -380,6 +380,7 @@ export declare class PktButton extends PktElement<IPktButton> implements IPktBut
380
380
  isLoading: Booleanish;
381
381
  disabled: Booleanish;
382
382
  loadingAnimationPath: string | undefined;
383
+ connectedCallback(): void;
383
384
  attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
384
385
  protected firstUpdated(_changedProperties: PropertyValues): void;
385
386
  render(): TemplateResult<1>;
@@ -754,6 +755,8 @@ export declare class PktHelptext extends PktElement {
754
755
  helptextDropdown: string;
755
756
  helptextDropdownButton: string;
756
757
  isHelpTextOpen: boolean;
758
+ filledSlots: Set<string | null | undefined>;
759
+ updateSlots(filledSlots: Set<string | null | undefined>): void;
757
760
  render(): TemplateResult<1>;
758
761
  }
759
762
 
@@ -827,7 +830,6 @@ declare class PktInputElement<T = {}> extends PktElement<Props_2 & T> {
827
830
  export declare class PktInputWrapper extends PktElement<Props_4> {
828
831
  defaultSlot: Ref<HTMLElement>;
829
832
  helptextSlot: Ref<HTMLElement>;
830
- hasHelptextSlot: boolean;
831
833
  constructor();
832
834
  /**
833
835
  * Element attributes
@@ -854,7 +856,6 @@ export declare class PktInputWrapper extends PktElement<Props_4> {
854
856
  hasFieldset: boolean;
855
857
  role: string | null;
856
858
  useWrapper: Booleanish_2;
857
- updateSlots(filledSlots: Set<string | null | undefined>): void;
858
859
  protected updated(changedProperties: PropertyValues): void;
859
860
  render(): TemplateResult<1>;
860
861
  private toggleDropdown;