@oslokommune/punkt-elements 19.2.0 → 19.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/{accordion-BLMbI8SQ.cjs → accordion-CZ0O4c0_.cjs} +1 -1
  3. package/dist/{accordion-Bwka5Mxo.js → accordion-DFcdonl-.js} +5 -5
  4. package/dist/{alert-vIaasUjb.js → alert-BhvjSA5X.js} +7 -7
  5. package/dist/{alert-DsGNGcgd.cjs → alert-D1bQjZ7C.cjs} +2 -2
  6. package/dist/{async-directive-U0EE5r36.cjs → async-directive-BGoo_npW.cjs} +1 -1
  7. package/dist/{async-directive-C8UAk8Mv.js → async-directive-DsdqP_X7.js} +2 -2
  8. package/dist/{backlink-DM220m4q.cjs → backlink-Bw6IcRIo.cjs} +1 -1
  9. package/dist/{backlink-BjJwDjuP.js → backlink-DIdgvE2j.js} +3 -3
  10. package/dist/{breadcrumbs-B1pDtQy8.js → breadcrumbs-BfgCx3Xj.js} +2 -2
  11. package/dist/{breadcrumbs-BUmbj-hP.cjs → breadcrumbs-C10K1XLP.cjs} +1 -1
  12. package/dist/{button-BUl8uWWh.js → button-B5rWxfei.js} +5 -5
  13. package/dist/{button-CCR4eyt_.cjs → button-CmNrMH-c.cjs} +1 -1
  14. package/dist/{calendar-CtfdBqJN.cjs → calendar-D-Ow5DAp.cjs} +1 -1
  15. package/dist/{calendar-DWSW_GeN.js → calendar-U8xkRdgF.js} +3 -3
  16. package/dist/{card-27RxxKxW.js → card-D2YYPZr5.js} +23 -22
  17. package/dist/{card-B-RKnu_C.cjs → card-DW1uklP6.cjs} +6 -6
  18. package/dist/{checkbox-CTf4GatI.js → checkbox-B2O0fkh9.js} +25 -14
  19. package/dist/checkbox-C0zLtnCI.cjs +40 -0
  20. package/dist/{class-map-D5GHsely.js → class-map-C4hdfSfY.js} +1 -1
  21. package/dist/{class-map-B0FX3YsK.cjs → class-map-Drv0_anQ.cjs} +1 -1
  22. package/dist/{combobox-nqNZDvBR.cjs → combobox-BgduqUpf.cjs} +1 -1
  23. package/dist/{combobox-DHL_CGYv.js → combobox-DpXTwNr4.js} +12 -12
  24. package/dist/components/card/card.d.ts +2 -1
  25. package/dist/components/checkbox/checkbox.d.ts +3 -2
  26. package/dist/components/fileupload/fileupload-operations.d.ts +6 -3
  27. package/dist/components/fileupload/fileupload-renderers.d.ts +5 -3
  28. package/dist/{consent-BeoP4rOa.js → consent-BBxZkgCO.js} +2 -2
  29. package/dist/{consent-Cle1hkPg.cjs → consent-BjYaCbef.cjs} +1 -1
  30. package/dist/{datepicker-DvO3w0eM.cjs → datepicker-53rj_Qqx.cjs} +1 -1
  31. package/dist/{datepicker-BWp2PM9S.js → datepicker-BLBimRTT.js} +11 -11
  32. package/dist/{directive-helpers-BushnrQQ.cjs → directive-helpers-BRrz3Bcj.cjs} +1 -1
  33. package/dist/{directive-helpers-DpyLJPJm.js → directive-helpers-D96YEsht.js} +1 -1
  34. package/dist/{element-CewjrA4g.cjs → element-BOmr9YLv.cjs} +1 -1
  35. package/dist/{element-CqC-sGuC.js → element-mwwC2Rra.js} +37 -3
  36. package/dist/{element-with-slot-MCvSBwUv.cjs → element-with-slot-2PHu2w7O.cjs} +1 -1
  37. package/dist/{element-with-slot-D_OKDlYo.js → element-with-slot-FD826ooP.js} +2 -2
  38. package/dist/{fileupload-DDLvQaSS.cjs → fileupload-4wgr4iAi.cjs} +78 -76
  39. package/dist/{fileupload-DbtTD1aU.js → fileupload-BxfBFhFt.js} +120 -100
  40. package/dist/{footer-CupUAe8d.cjs → footer-BGj1uWwC.cjs} +1 -1
  41. package/dist/{footer-UT8MbnCT.js → footer-D_d5kq44.js} +4 -4
  42. package/dist/{header-BxgtAiNM.js → header-CF-Re0nT.js} +14 -13
  43. package/dist/{header-wdEiBTI9.cjs → header-Cs4t2XMM.cjs} +4 -3
  44. package/dist/{header-menu-DGywRJCx.cjs → header-menu-BnqZagI6.cjs} +3 -3
  45. package/dist/{header-menu-CTEPH4St.js → header-menu-C9k9xG9V.js} +6 -6
  46. package/dist/{heading-ELXWxyTv.js → heading-BRHCV_5J.js} +2 -2
  47. package/dist/{heading-BDdX4JiM.cjs → heading-u9Arof4p.cjs} +1 -1
  48. package/dist/{helptext-DQe6GO75.cjs → helptext-DYgeTMtA.cjs} +1 -1
  49. package/dist/{helptext-BQkrYsoV.js → helptext-sRC8EJqL.js} +4 -4
  50. package/dist/{icon-Clz68-Kz.cjs → icon-CoBsgGUR.cjs} +1 -1
  51. package/dist/{icon-B2v30QUk.js → icon-DmRyYNlY.js} +1 -1
  52. package/dist/if-defined-2mkIDgOm.cjs +1 -0
  53. package/dist/{if-defined-BNXGXCwT.js → if-defined-Bebu3LXY.js} +1 -1
  54. package/dist/{input-element-BTzuDh4h.js → input-element-B1BntJeJ.js} +2 -2
  55. package/dist/{input-element-BdIWsDl-.cjs → input-element-W6Gklt2E.cjs} +1 -1
  56. package/dist/{input-wrapper-B5GdwzAM.js → input-wrapper-C1zXIKBU.js} +6 -6
  57. package/dist/{input-wrapper-BmPdpY4N.cjs → input-wrapper-CSPPa4uc.cjs} +1 -1
  58. package/dist/{link-BxKWhYsn.js → link-DcxVUj8s.js} +4 -4
  59. package/dist/{link-1JEWpEDG.cjs → link-EMsHusF7.cjs} +1 -1
  60. package/dist/{linkcard-DXOkeQUy.cjs → linkcard-CWeR6t2a.cjs} +1 -1
  61. package/dist/{linkcard-CICSZ7pK.js → linkcard-MJFR7FLT.js} +4 -4
  62. package/dist/{listbox-3fi7wQz4.cjs → listbox-BoBwzL4p.cjs} +6 -6
  63. package/dist/{listbox-7pQ0UjKV.js → listbox-DEzd-dxF.js} +65 -61
  64. package/dist/{loader-nIl61aTv.js → loader-CqFQoJlM.js} +4 -4
  65. package/dist/{loader-BA__N62k.cjs → loader-SJ6NauNT.cjs} +1 -1
  66. package/dist/{messagebox-D2xvSYWI.cjs → messagebox-D5GYIdjE.cjs} +2 -2
  67. package/dist/{messagebox-E8W7RyAJ.js → messagebox-DsKi_rKn.js} +5 -5
  68. package/dist/{modal-D5tGq-nN.js → modal-CJqe6y-V.js} +7 -7
  69. package/dist/{modal-i3Qxv38H.cjs → modal-DaerHpVi.cjs} +3 -3
  70. package/dist/pkt-accordion.cjs +1 -1
  71. package/dist/pkt-accordion.js +1 -1
  72. package/dist/pkt-alert.cjs +1 -1
  73. package/dist/pkt-alert.js +1 -1
  74. package/dist/pkt-backlink.cjs +1 -1
  75. package/dist/pkt-backlink.js +1 -1
  76. package/dist/pkt-breadcrumbs.cjs +1 -1
  77. package/dist/pkt-breadcrumbs.js +1 -1
  78. package/dist/pkt-button.cjs +1 -1
  79. package/dist/pkt-button.js +1 -1
  80. package/dist/pkt-calendar.cjs +1 -1
  81. package/dist/pkt-calendar.js +1 -1
  82. package/dist/pkt-card.cjs +1 -1
  83. package/dist/pkt-card.js +1 -1
  84. package/dist/pkt-checkbox.cjs +1 -1
  85. package/dist/pkt-checkbox.js +1 -1
  86. package/dist/pkt-combobox.cjs +1 -1
  87. package/dist/pkt-combobox.js +1 -1
  88. package/dist/pkt-consent.cjs +1 -1
  89. package/dist/pkt-consent.js +1 -1
  90. package/dist/pkt-datepicker.cjs +1 -1
  91. package/dist/pkt-datepicker.js +1 -1
  92. package/dist/pkt-fileupload.cjs +1 -1
  93. package/dist/pkt-fileupload.js +1 -1
  94. package/dist/pkt-footer.cjs +1 -1
  95. package/dist/pkt-footer.js +1 -1
  96. package/dist/pkt-header-menu.cjs +1 -1
  97. package/dist/pkt-header-menu.js +1 -1
  98. package/dist/pkt-header.cjs +1 -1
  99. package/dist/pkt-header.js +1 -1
  100. package/dist/pkt-heading.cjs +1 -1
  101. package/dist/pkt-heading.js +1 -1
  102. package/dist/pkt-helptext.cjs +1 -1
  103. package/dist/pkt-helptext.js +1 -1
  104. package/dist/pkt-icon.cjs +1 -1
  105. package/dist/pkt-icon.js +1 -1
  106. package/dist/pkt-index.cjs +1 -1
  107. package/dist/pkt-index.js +35 -35
  108. package/dist/pkt-input-wrapper.cjs +1 -1
  109. package/dist/pkt-input-wrapper.js +1 -1
  110. package/dist/pkt-link.cjs +1 -1
  111. package/dist/pkt-link.js +1 -1
  112. package/dist/pkt-linkcard.cjs +1 -1
  113. package/dist/pkt-linkcard.js +1 -1
  114. package/dist/pkt-listbox.cjs +1 -1
  115. package/dist/pkt-listbox.js +1 -1
  116. package/dist/pkt-loader.cjs +1 -1
  117. package/dist/pkt-loader.js +1 -1
  118. package/dist/pkt-messagebox.cjs +1 -1
  119. package/dist/pkt-messagebox.js +1 -1
  120. package/dist/pkt-modal.cjs +1 -1
  121. package/dist/pkt-modal.js +1 -1
  122. package/dist/{pkt-options-controller-BClk341e.cjs → pkt-options-controller-Dz-rYCG1.cjs} +1 -1
  123. package/dist/{pkt-options-controller-v2bPM9iU.js → pkt-options-controller-sUzxHa5A.js} +1 -1
  124. package/dist/pkt-progressbar.cjs +1 -1
  125. package/dist/pkt-progressbar.js +1 -1
  126. package/dist/pkt-radiobutton.cjs +1 -1
  127. package/dist/pkt-radiobutton.js +1 -1
  128. package/dist/pkt-searchinput.cjs +1 -1
  129. package/dist/pkt-searchinput.js +1 -1
  130. package/dist/pkt-select.cjs +1 -1
  131. package/dist/pkt-select.js +1 -1
  132. package/dist/pkt-tabs.cjs +1 -1
  133. package/dist/pkt-tabs.js +1 -1
  134. package/dist/pkt-tag.cjs +1 -1
  135. package/dist/pkt-tag.js +1 -1
  136. package/dist/pkt-textarea.cjs +1 -1
  137. package/dist/pkt-textarea.js +1 -1
  138. package/dist/pkt-textinput.cjs +1 -1
  139. package/dist/pkt-textinput.js +1 -1
  140. package/dist/pkt-timepicker.cjs +1 -1
  141. package/dist/pkt-timepicker.js +1 -1
  142. package/dist/{progressbar-4WyR4T72.js → progressbar-Bd0DjiAb.js} +5 -5
  143. package/dist/{progressbar-CJFGbev-.cjs → progressbar-BrVlAcQI.cjs} +1 -1
  144. package/dist/{radiobutton-D7308uCY.js → radiobutton-B0V-jSEX.js} +4 -4
  145. package/dist/{radiobutton-BQRtv7PK.cjs → radiobutton-Cv1BlwLV.cjs} +1 -1
  146. package/dist/{ref-37-yxmc4.js → ref-CCSGk4MP.js} +2 -2
  147. package/dist/{ref-HT6KRjxp.cjs → ref-Emu5PNxk.cjs} +1 -1
  148. package/dist/{repeat-DntD73oB.js → repeat-CdxGS-_3.js} +2 -2
  149. package/dist/{repeat-Ddge5HTp.cjs → repeat-Dh9YKoeV.cjs} +1 -1
  150. package/dist/{searchinput-D1cJ73Ki.cjs → searchinput-7-VVdkss.cjs} +1 -1
  151. package/dist/{searchinput-j4IvYRzj.js → searchinput-CgzigmiI.js} +4 -4
  152. package/dist/{select-CDoA2rpC.cjs → select---PCiwmy.cjs} +1 -1
  153. package/dist/{select-BhK8veJn.js → select-BbcGPmPs.js} +7 -7
  154. package/dist/shared-strings/nb.d.ts +34 -0
  155. package/dist/shared-types/checkbox.d.ts +52 -0
  156. package/dist/shared-types/index.d.ts +2 -0
  157. package/dist/{tabs-DexV26qJ.js → tabs-B134M9k2.js} +4 -4
  158. package/dist/{tabs-95BpwB6j.cjs → tabs-Dw9E06fL.cjs} +1 -1
  159. package/dist/{tag-CQEyjF32.cjs → tag-HTYKd-iG.cjs} +1 -1
  160. package/dist/{tag-DoUC99hn.js → tag-wYnHhHLK.js} +5 -5
  161. package/dist/{textarea-sulH-Yk7.js → textarea-BcgVLLTt.js} +9 -9
  162. package/dist/{textarea-BLVuKEng.cjs → textarea-pA_xv8lI.cjs} +1 -1
  163. package/dist/{textinput-CSrBua2N.cjs → textinput-Czz2affL.cjs} +1 -1
  164. package/dist/{textinput-Di2lAf2R.js → textinput-Dpj1X5yr.js} +8 -8
  165. package/dist/{timepicker-Iq1-vWRn.cjs → timepicker-BwDZkSpo.cjs} +1 -1
  166. package/dist/{timepicker-BaDGjuOR.js → timepicker-CfQMZlaP.js} +8 -8
  167. package/package.json +2 -2
  168. package/src/components/alert/alert.test.ts +1 -1
  169. package/src/components/alert/alert.ts +1 -1
  170. package/src/components/card/card.ts +7 -2
  171. package/src/components/checkbox/checkbox.ts +13 -8
  172. package/src/components/fileupload/fileupload-operations.ts +31 -22
  173. package/src/components/fileupload/fileupload-renderers.ts +28 -17
  174. package/src/components/fileupload/fileupload.ts +26 -9
  175. package/src/components/header/header-global.ts +2 -1
  176. package/src/components/header/header-service.test.ts +15 -0
  177. package/src/components/header/header-user-menu.ts +1 -1
  178. package/src/components/header-menu/header-menu.ts +2 -2
  179. package/src/components/listbox/listbox.ts +9 -4
  180. package/src/components/messagebox/messagebox.ts +1 -1
  181. package/src/components/modal/modal.ts +2 -2
  182. package/dist/checkbox-DlzVGBum.cjs +0 -40
  183. package/dist/if-defined-CjRKmMQs.cjs +0 -1
@@ -1,35 +1,36 @@
1
- import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-CqC-sGuC.js";
2
- import { t as s } from "./class-map-D5GHsely.js";
3
- import { t as c } from "./if-defined-BNXGXCwT.js";
4
- import { t as l } from "./repeat-DntD73oB.js";
5
- import { n as u } from "./utils-BwF4QSrq.js";
1
+ import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
2
+ import { t as s } from "./class-map-C4hdfSfY.js";
3
+ import { t as c } from "./if-defined-Bebu3LXY.js";
4
+ import { t as l } from "./format-BTeSVkED.js";
5
+ import { t as u } from "./repeat-CdxGS-_3.js";
6
+ import { n as d } from "./utils-BwF4QSrq.js";
6
7
  //#region ../../shared-utils/combobox/option-utils.ts
7
- var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, f = (e, t) => {
8
+ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, p = (e, t) => {
8
9
  if (!t) return -1;
9
10
  let n = e.findIndex((e) => e.value === t);
10
11
  return n >= 0 ? n : e.findIndex((e) => e.label === t);
11
- }, p = (e) => e.value + (e.label || "") + (e.prefix || ""), m = (e, t) => (e.fulltext || p(e)).toLowerCase().includes(t), h = (e, t) => {
12
+ }, m = (e) => e.value + (e.label || "") + (e.prefix || ""), h = (e, t) => (e.fulltext || m(e)).toLowerCase().includes(t), g = (e, t) => {
12
13
  if (!t) return [...e];
13
14
  let n = t.toLowerCase();
14
- return e.filter((e) => m(e, n));
15
- }, g = (e, t) => t !== null && e >= t, _ = (e, t) => {
15
+ return e.filter((e) => h(e, n));
16
+ }, _ = (e, t) => t !== null && e >= t, v = (e, t) => {
16
17
  if (!e) return "";
17
18
  switch (t) {
18
19
  case "prefixAndValue": return `${e.prefix || ""} ${e.value}`.trim();
19
20
  case "value": return e.value;
20
21
  default: return e.label || e.value;
21
22
  }
22
- }, v = (e, t) => {
23
+ }, y = (e, t) => {
23
24
  if (!t) return {
24
25
  filtered: [...e],
25
26
  suggestion: null
26
27
  };
27
- let n = t.toLowerCase(), r = e.filter((e) => m(e, n));
28
+ let n = t.toLowerCase(), r = e.filter((e) => h(e, n));
28
29
  return {
29
30
  filtered: r,
30
31
  suggestion: r.find((e) => !e.selected && e.label?.toLowerCase().startsWith(n)) || null
31
32
  };
32
- }, y = (e, t, n, r) => {
33
+ }, b = (e, t, n, r) => {
33
34
  if (!e.trim()) return {
34
35
  addValueText: null,
35
36
  userInfoMessage: ""
@@ -48,7 +49,7 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
48
49
  addValueText: null,
49
50
  userInfoMessage: ""
50
51
  };
51
- }, b = (e) => /^[\p{L} ]$/u.test(e), x = (e = 500) => {
52
+ }, x = (e) => /^[\p{L} ]$/u.test(e), S = (e = 500) => {
52
53
  let t = "", n;
53
54
  return {
54
55
  append: (r) => (t += r.toLowerCase(), n !== void 0 && clearTimeout(n), n = setTimeout(() => {
@@ -59,39 +60,39 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
59
60
  },
60
61
  getBuffer: () => t
61
62
  };
62
- }, S = (e, t) => {
63
+ }, C = (e, t) => {
63
64
  let n = t.toLowerCase();
64
65
  return e.findIndex((e) => e.textContent?.trim().toLowerCase().startsWith(n));
65
- }, C = (e) => {
66
+ }, w = (e) => {
66
67
  e.scrollIntoView({ block: "nearest" }), window.setTimeout(() => e.focus(), 0);
67
- }, w = (e) => Array.from(e.querySelectorAll("[role=\"option\"]:not([data-disabled])") || []), T = (e) => {
68
+ }, T = (e) => Array.from(e.querySelectorAll("[role=\"option\"]:not([data-disabled])") || []), E = (e) => {
68
69
  let t = e.nextElementSibling;
69
- t && C(t);
70
- }, E = (e, t, n) => {
70
+ t && w(t);
71
+ }, D = (e, t, n) => {
71
72
  let r = e.previousElementSibling;
72
73
  if (e.dataset.index === "0" && n) {
73
74
  let e = t.querySelector("[role=\"searchbox\"]");
74
- e && C(e);
75
- } else r && C(r);
76
- }, D = (e) => {
77
- let t = w(e);
78
- t[0] && C(t[0]);
75
+ e && w(e);
76
+ } else r && w(r);
79
77
  }, O = (e) => {
80
- let t = w(e), n = t[t.length - 1];
81
- n && C(n);
82
- }, k = (e, t) => {
78
+ let t = T(e);
79
+ t[0] && w(t[0]);
80
+ }, k = (e) => {
81
+ let t = T(e), n = t[t.length - 1];
82
+ n && w(n);
83
+ }, A = (e, t) => {
83
84
  if (t.disabled) return;
84
- let n = w(e);
85
+ let n = T(e);
85
86
  if (t.allowUserInput && t.customUserInput) {
86
87
  let t = e.querySelector("[data-type=\"new-option\"]");
87
88
  if (t) {
88
- C(t);
89
+ w(t);
89
90
  return;
90
91
  }
91
92
  }
92
93
  let r = n.find((e) => e.dataset.selected === "true");
93
94
  if (r) {
94
- C(r);
95
+ w(r);
95
96
  return;
96
97
  }
97
98
  if (t.includeSearch && !(document.activeElement instanceof HTMLInputElement)) {
@@ -101,10 +102,10 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
101
102
  return;
102
103
  }
103
104
  }
104
- n[0] && C(n[0]);
105
- }, A = class extends a {
105
+ n[0] && w(n[0]);
106
+ }, j = class extends a {
106
107
  constructor(...e) {
107
- super(...e), this.id = u(), this._listboxId = u(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this.typeahead = x(), this._filteredOptions = [];
108
+ super(...e), this.id = d(), this._listboxId = d(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this.typeahead = S(), this._filteredOptions = [];
108
109
  }
109
110
  connectedCallback() {
110
111
  super.connectedCallback();
@@ -175,12 +176,12 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
175
176
  name="exclamation-mark-circle"
176
177
  size="large"
177
178
  ></pkt-icon>
178
- Tom liste
179
+ ${this.pktStrings.get("listbox").empty}
179
180
  </div>`;
180
181
  }
181
182
  renderList() {
182
183
  return e`
183
- ${l(this._filteredOptions, (e) => e.value, (t, r) => e`
184
+ ${u(this._filteredOptions, (e) => e.value, (t, r) => e`
184
185
  <li
185
186
  @click=${() => {
186
187
  this.toggleOption(t);
@@ -228,14 +229,17 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
228
229
  @keydown=${this.handleOptionKeydown}
229
230
  >
230
231
  <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
231
- Legg til "${this.customUserInput}"
232
+ ${l(this.pktStrings.get("listbox").addValue, { value: this.customUserInput ?? "" })}
232
233
  </div>
233
234
  ` : n;
234
235
  }
235
236
  renderMaximumReachedBanner() {
236
237
  return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? e`
237
238
  <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
238
- ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
239
+ ${l(this.pktStrings.get("listbox").maxReached, {
240
+ selected: this._selectedOptions,
241
+ max: this.maxLength
242
+ })}
239
243
  </div>
240
244
  ` : n;
241
245
  }
@@ -296,7 +300,7 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
296
300
  }
297
301
  handleOptionKeydown(e) {
298
302
  let t = e.currentTarget, n = t.dataset.value, r = t.dataset.type, i = t.dataset.selected === "true";
299
- if (!(!w(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && r !== "new-option" && r !== "searchbox")) switch (e.key) {
303
+ if (!(!T(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && r !== "new-option" && r !== "searchbox")) switch (e.key) {
300
304
  case " ":
301
305
  case "Enter":
302
306
  this.toggleOption(t), e.preventDefault();
@@ -311,30 +315,30 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
311
315
  this.tabClose();
312
316
  break;
313
317
  case "ArrowDown":
314
- e.altKey ? O(this) : r === "searchbox" || r === "new-option" ? D(this) : T(t), e.preventDefault();
318
+ e.altKey ? k(this) : r === "searchbox" || r === "new-option" ? O(this) : E(t), e.preventDefault();
315
319
  break;
316
320
  case "ArrowUp":
317
- if (e.altKey) D(this);
321
+ if (e.altKey) O(this);
318
322
  else if (t.dataset.index === "0" && this.includeSearch) {
319
323
  let e = this.querySelector("[role=\"searchbox\"]");
320
324
  e && e.focus();
321
325
  } else if (t.dataset.index === "0" && this.customUserInput) {
322
326
  let e = this.querySelector("[data-type=\"new-option\"]");
323
327
  e && e.focus();
324
- } else E(t, this, this.includeSearch);
328
+ } else D(t, this, this.includeSearch);
325
329
  e.preventDefault();
326
330
  break;
327
331
  case "Home":
328
- D(this), e.preventDefault();
332
+ O(this), e.preventDefault();
329
333
  break;
330
334
  case "End":
331
- O(this), e.preventDefault();
335
+ k(this), e.preventDefault();
332
336
  break;
333
- default: (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()), b(e.key) && (this.handleTypeAhead(e.key), e.preventDefault());
337
+ default: (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()), x(e.key) && (this.handleTypeAhead(e.key), e.preventDefault());
334
338
  }
335
339
  }
336
340
  focusFirstOrSelectedOption() {
337
- k(this, {
341
+ A(this, {
338
342
  disabled: this.disabled,
339
343
  allowUserInput: this.allowUserInput,
340
344
  customUserInput: this.customUserInput,
@@ -360,52 +364,52 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
360
364
  this.dispatchEvent(new CustomEvent("tab-close", { bubbles: !1 }));
361
365
  }
362
366
  filterOptions() {
363
- this._filteredOptions = h(this.options, this.searchValue);
367
+ this._filteredOptions = g(this.options, this.searchValue);
364
368
  }
365
369
  handleTypeAhead(e) {
366
- let t = this.typeahead.append(e), n = w(this), r = S(n, t);
367
- r >= 0 && C(n[r]);
370
+ let t = this.typeahead.append(e), n = T(this), r = C(n, t);
371
+ r >= 0 && w(n[r]);
368
372
  }
369
373
  };
370
- i([o({ type: String })], A.prototype, "id", void 0), i([r()], A.prototype, "_listboxId", void 0), i([o({ type: String })], A.prototype, "label", void 0), i([o({ type: Array })], A.prototype, "options", void 0), i([o({
374
+ i([o({ type: String })], j.prototype, "id", void 0), i([r()], j.prototype, "_listboxId", void 0), i([o({ type: String })], j.prototype, "label", void 0), i([o({ type: Array })], j.prototype, "options", void 0), i([o({
371
375
  type: Boolean,
372
376
  reflect: !0,
373
377
  attribute: "is-open"
374
- })], A.prototype, "isOpen", void 0), i([o({ type: Boolean })], A.prototype, "disabled", void 0), i([o({
378
+ })], j.prototype, "isOpen", void 0), i([o({ type: Boolean })], j.prototype, "disabled", void 0), i([o({
375
379
  type: Boolean,
376
380
  attribute: "include-search"
377
- })], A.prototype, "includeSearch", void 0), i([o({
381
+ })], j.prototype, "includeSearch", void 0), i([o({
378
382
  type: Boolean,
379
383
  attribute: "is-multi-select"
380
- })], A.prototype, "isMultiSelect", void 0), i([o({
384
+ })], j.prototype, "isMultiSelect", void 0), i([o({
381
385
  type: Boolean,
382
386
  attribute: "allow-user-input"
383
- })], A.prototype, "allowUserInput", void 0), i([o({
387
+ })], j.prototype, "allowUserInput", void 0), i([o({
384
388
  type: Boolean,
385
389
  attribute: "max-is-reached"
386
- })], A.prototype, "maxIsReached", void 0), i([o({
390
+ })], j.prototype, "maxIsReached", void 0), i([o({
387
391
  type: String,
388
392
  attribute: "custom-user-input"
389
- })], A.prototype, "customUserInput", void 0), i([o({
393
+ })], j.prototype, "customUserInput", void 0), i([o({
390
394
  type: String,
391
395
  attribute: "search-placeholder"
392
- })], A.prototype, "searchPlaceholder", void 0), i([o({
396
+ })], j.prototype, "searchPlaceholder", void 0), i([o({
393
397
  type: String,
394
398
  attribute: "search-value"
395
- })], A.prototype, "searchValue", void 0), i([o({
399
+ })], j.prototype, "searchValue", void 0), i([o({
396
400
  type: Number,
397
401
  attribute: "max-length"
398
- })], A.prototype, "maxLength", void 0), i([o({
402
+ })], j.prototype, "maxLength", void 0), i([o({
399
403
  type: String,
400
404
  attribute: "user-message"
401
- })], A.prototype, "userMessage", void 0), i([r()], A.prototype, "_filteredOptions", void 0);
405
+ })], j.prototype, "userMessage", void 0), i([r()], j.prototype, "_filteredOptions", void 0);
402
406
  try {
403
- t("pkt-listbox")(A);
407
+ t("pkt-listbox")(j);
404
408
  } catch {
405
409
  console.warn("Forsøker å definere <pkt-listbox>, men den er allerede definert");
406
410
  }
407
411
  //#endregion
408
412
  //#region src/components/listbox/index.ts
409
- var j = A;
413
+ var M = j;
410
414
  //#endregion
411
- export { f as a, y as c, d as i, g as l, A as n, v as o, p as r, _ as s, j as t };
415
+ export { p as a, b as c, f as i, _ as l, j as n, y as o, m as r, v as s, M as t };
@@ -1,7 +1,7 @@
1
- import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-CqC-sGuC.js";
2
- import { t as o } from "./class-map-D5GHsely.js";
3
- import { r as s, t as c } from "./element-with-slot-D_OKDlYo.js";
4
- import "./icon-B2v30QUk.js";
1
+ import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
2
+ import { t as o } from "./class-map-C4hdfSfY.js";
3
+ import { r as s, t as c } from "./element-with-slot-FD826ooP.js";
4
+ import "./icon-DmRyYNlY.js";
5
5
  //#region src/components/loader/loader.ts
6
6
  var l = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
7
7
  typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || l);
@@ -1,4 +1,4 @@
1
- const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./element-with-slot-MCvSBwUv.cjs");require("./icon-Clz68-Kz.cjs");var r=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||r);var i=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`rainbow`,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e._`<div
1
+ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-CoBsgGUR.cjs");var r=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||r);var i=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`rainbow`,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e._`<div
2
2
  role="status"
3
3
  aria-live="polite"
4
4
  aria-busy=${this.isLoading?`true`:`false`}
@@ -1,9 +1,9 @@
1
- const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./element-with-slot-MCvSBwUv.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-Clz68-Kz.cjs");var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Elements: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=void 0,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"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._`<div class=${t.t(r)}>
1
+ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-CoBsgGUR.cjs");var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Elements: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=void 0,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"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._`<div class=${t.t(r)}>
2
2
  ${this.closable?e._`<div class="pkt-messagebox__close">
3
3
  <button
4
4
  @click=${this.close}
5
5
  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
6
- aria-label="Lukk"
6
+ aria-label=${this.pktStrings.get(`generic`).close}
7
7
  >
8
8
  <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
9
9
  </button>
@@ -1,8 +1,8 @@
1
- import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-CqC-sGuC.js";
2
- import { t as o } from "./class-map-D5GHsely.js";
3
- import { r as s, t as c } from "./element-with-slot-D_OKDlYo.js";
1
+ import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
2
+ import { t as o } from "./class-map-C4hdfSfY.js";
3
+ import { r as s, t as c } from "./element-with-slot-FD826ooP.js";
4
4
  import { t as l } from "./classutils-DcYnSgfc.js";
5
- import "./icon-B2v30QUk.js";
5
+ import "./icon-DmRyYNlY.js";
6
6
  var u = {
7
7
  name: "pkt-messagebox",
8
8
  react: "PktMessagebox",
@@ -76,7 +76,7 @@ var u = {
76
76
  <button
77
77
  @click=${this.close}
78
78
  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
79
- aria-label="Lukk"
79
+ aria-label=${this.pktStrings.get("generic").close}
80
80
  >
81
81
  <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
82
82
  </button>
@@ -1,8 +1,8 @@
1
- import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-CqC-sGuC.js";
2
- import { t as o } from "./class-map-D5GHsely.js";
3
- import { r as s, t as c } from "./element-with-slot-D_OKDlYo.js";
4
- import "./icon-B2v30QUk.js";
5
- import { n as l, t as u } from "./ref-37-yxmc4.js";
1
+ import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
2
+ import { t as o } from "./class-map-C4hdfSfY.js";
3
+ import { r as s, t as c } from "./element-with-slot-FD826ooP.js";
4
+ import "./icon-DmRyYNlY.js";
5
+ import { n as l, t as u } from "./ref-CCSGk4MP.js";
6
6
  import { n as d, t as f } from "./scroll-lock-DAbNKAUy.js";
7
7
  var p = {
8
8
  name: "pkt-modal",
@@ -174,13 +174,13 @@ var p = {
174
174
  ${this.hideCloseButton ? e`<div class="pkt-modal__noCloseButton"></div>` : e`<div class="${o(c)}">
175
175
  <pkt-button
176
176
  @click=${(e) => this.close(e)}
177
- aria-label="close"
177
+ aria-label=${this.pktStrings.get("generic").close}
178
178
  iconname="close"
179
179
  variant="icon-only"
180
180
  size="medium"
181
181
  skin=${a ? "tertiary" : "primary"}
182
182
  >
183
- Lukk
183
+ ${this.pktStrings.get("generic").close}
184
184
  </pkt-button>
185
185
  </div>`}
186
186
  </div>` : n}
@@ -1,4 +1,4 @@
1
- const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./element-with-slot-MCvSBwUv.cjs");require("./icon-Clz68-Kz.cjs");const r=require("./ref-HT6KRjxp.cjs"),i=require("./scroll-lock-BN8lOhV5.cjs");var a={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},o=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=a.props.hideCloseButton.default,this.closeOnBackdropClick=a.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=a.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._scrollLockToken=i.t(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,i.n(this._scrollLockToken,!1);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close(),this.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),i.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},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),i.n(this._scrollLockToken,!1)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-B-g35ove.cjs")).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let i={"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`},a={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin===`blue`,c={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return e._`
1
+ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-CoBsgGUR.cjs");const r=require("./ref-Emu5PNxk.cjs"),i=require("./scroll-lock-BN8lOhV5.cjs");var a={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},o=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=a.props.hideCloseButton.default,this.closeOnBackdropClick=a.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=a.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._scrollLockToken=i.t(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,i.n(this._scrollLockToken,!1);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close(),this.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),i.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},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),i.n(this._scrollLockToken,!1)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-B-g35ove.cjs")).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let i={"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`},a={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin===`blue`,c={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return e._`
2
2
  <dialog
3
3
  class=${t.t(i)}
4
4
  ${r.n(this.dialogRef)}
@@ -15,13 +15,13 @@ const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),
15
15
  ${this.hideCloseButton?e._`<div class="pkt-modal__noCloseButton"></div>`:e._`<div class="${t.t(c)}">
16
16
  <pkt-button
17
17
  @click=${e=>this.close(e)}
18
- aria-label="close"
18
+ aria-label=${this.pktStrings.get(`generic`).close}
19
19
  iconname="close"
20
20
  variant="icon-only"
21
21
  size="medium"
22
22
  skin=${s?`tertiary`:`primary`}
23
23
  >
24
- Lukk
24
+ ${this.pktStrings.get(`generic`).close}
25
25
  </pkt-button>
26
26
  </div>`}
27
27
  </div>`:e.h}
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./accordion-BLMbI8SQ.cjs");exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./accordion-CZ0O4c0_.cjs");exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "./accordion-Bwka5Mxo.js";
1
+ import { n as e, r as t, t as n } from "./accordion-DFcdonl-.js";
2
2
  export { t as PktAccordion, e as PktAccordionItem, n as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-DsGNGcgd.cjs");exports.PktAlert=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-D1bQjZ7C.cjs");exports.PktAlert=e.n,exports.default=e.t;
package/dist/pkt-alert.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./alert-vIaasUjb.js";
1
+ import { n as e, t } from "./alert-BhvjSA5X.js";
2
2
  export { e as PktAlert, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-DM220m4q.cjs");exports.PktBackLink=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-Bw6IcRIo.cjs");exports.PktBackLink=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./backlink-BjJwDjuP.js";
1
+ import { n as e, t } from "./backlink-DIdgvE2j.js";
2
2
  export { e as PktBackLink, t as default };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-BUmbj-hP.cjs");exports.PktBreadcrumbs=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-C10K1XLP.cjs");exports.PktBreadcrumbs=e.t;
@@ -1,2 +1,2 @@
1
- import { t as e } from "./breadcrumbs-B1pDtQy8.js";
1
+ import { t as e } from "./breadcrumbs-BfgCx3Xj.js";
2
2
  export { e as PktBreadcrumbs };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-CCR4eyt_.cjs");exports.PktButton=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-CmNrMH-c.cjs");exports.PktButton=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./button-BUl8uWWh.js";
1
+ import { n as e, t } from "./button-B5rWxfei.js";
2
2
  export { e as PktButton, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-CtfdBqJN.cjs");exports.PktCalendar=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-D-Ow5DAp.cjs");exports.PktCalendar=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./calendar-DWSW_GeN.js";
1
+ import { n as e, t } from "./calendar-U8xkRdgF.js";
2
2
  export { e as PktCalendar, t as default };
package/dist/pkt-card.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-B-RKnu_C.cjs");exports.PktCard=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-DW1uklP6.cjs");exports.PktCard=e.n,exports.default=e.t;
package/dist/pkt-card.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./card-27RxxKxW.js";
1
+ import { n as e, t } from "./card-D2YYPZr5.js";
2
2
  export { e as PktCard, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-DlzVGBum.cjs");exports.PktCheckbox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-C0zLtnCI.cjs");exports.PktCheckbox=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./checkbox-CTf4GatI.js";
1
+ import { n as e, t } from "./checkbox-B2O0fkh9.js";
2
2
  export { e as PktCheckbox, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-nqNZDvBR.cjs");exports.PktCombobox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-BgduqUpf.cjs");exports.PktCombobox=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./combobox-DHL_CGYv.js";
1
+ import { n as e, t } from "./combobox-DpXTwNr4.js";
2
2
  export { e as PktCombobox, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./consent-Cle1hkPg.cjs");exports.PktConsent=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./consent-BjYaCbef.cjs");exports.PktConsent=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./consent-BeoP4rOa.js";
1
+ import { n as e, t } from "./consent-BBxZkgCO.js";
2
2
  export { e as PktConsent, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./datepicker-DvO3w0eM.cjs");var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./datepicker-53rj_Qqx.cjs");var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;
@@ -1,4 +1,4 @@
1
- import { i as e, n as t, r as n, t as r } from "./datepicker-BWp2PM9S.js";
1
+ import { i as e, n as t, r as n, t as r } from "./datepicker-BLBimRTT.js";
2
2
  //#region src/components/datepicker/index.ts
3
3
  var i = r;
4
4
  //#endregion
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./fileupload-DDLvQaSS.cjs");Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./fileupload-4wgr4iAi.cjs");Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./fileupload-DbtTD1aU.js";
1
+ import { n as e, t } from "./fileupload-BxfBFhFt.js";
2
2
  export { e as PktFileUpload, t as default };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./footer-CupUAe8d.cjs");exports.PktFooter=e.n,exports.PktFooterSimple=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./footer-BGj1uWwC.cjs");exports.PktFooter=e.n,exports.PktFooterSimple=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./footer-UT8MbnCT.js";
1
+ import { n as e, t } from "./footer-D_d5kq44.js";
2
2
  export { e as PktFooter, t as PktFooterSimple };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./header-menu-DGywRJCx.cjs");exports.PktHeaderMenu=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./header-menu-BnqZagI6.cjs");exports.PktHeaderMenu=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./header-menu-CTEPH4St.js";
1
+ import { n as e, t } from "./header-menu-C9k9xG9V.js";
2
2
  export { e as PktHeaderMenu, t as default };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./header-wdEiBTI9.cjs");exports.PktHeader=e.t,exports.PktHeaderGlobal=e.n,exports.PktHeaderService=e.r,exports.PktHeaderUserMenu=e.i,exports.formatLastLoggedIn=e.a;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./header-Cs4t2XMM.cjs");exports.PktHeader=e.t,exports.PktHeaderGlobal=e.n,exports.PktHeaderService=e.r,exports.PktHeaderUserMenu=e.i,exports.formatLastLoggedIn=e.a;
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, r, t as i } from "./header-BxgtAiNM.js";
1
+ import { a as e, i as t, n, r, t as i } from "./header-CF-Re0nT.js";
2
2
  export { i as PktHeader, n as PktHeaderGlobal, r as PktHeaderService, t as PktHeaderUserMenu, e as formatLastLoggedIn };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./heading-BDdX4JiM.cjs");exports.PktHeading=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./heading-u9Arof4p.cjs");exports.PktHeading=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./heading-ELXWxyTv.js";
1
+ import { n as e, t } from "./heading-BRHCV_5J.js";
2
2
  export { e as PktHeading, t as default };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./helptext-DQe6GO75.cjs");exports.PktHelptext=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./helptext-DYgeTMtA.cjs");exports.PktHelptext=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./helptext-BQkrYsoV.js";
1
+ import { n as e, t } from "./helptext-sRC8EJqL.js";
2
2
  export { e as PktHelptext, t as default };
package/dist/pkt-icon.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./icon-Clz68-Kz.cjs");exports.PktIcon=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./icon-CoBsgGUR.cjs");exports.PktIcon=e.n,exports.default=e.t;
package/dist/pkt-icon.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./icon-B2v30QUk.js";
1
+ import { n as e, t } from "./icon-DmRyYNlY.js";
2
2
  export { e as PktIcon, t as default };