@oslokommune/punkt-elements 16.25.2 → 16.26.4

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 (266) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/{accordion-BjYsEbSM.js → accordion-CBdIk9gw.js} +5 -5
  3. package/dist/{accordion-DaeWPWod.cjs → accordion-FISAiAbX.cjs} +2 -2
  4. package/dist/{alert-C8OpU_Un.cjs → alert-B8dLsiTz.cjs} +2 -2
  5. package/dist/{alert-B5Y841vH.js → alert-HHTGY0sp.js} +6 -6
  6. package/dist/{async-directive-Cz6tcqge.js → async-directive-Cw_7VW_-.js} +3 -3
  7. package/dist/{async-directive-DO1QtVmf.cjs → async-directive-HLXOyE4A.cjs} +1 -1
  8. package/dist/{backlink-C42-3OG3.cjs → backlink-DDGlLzk9.cjs} +2 -2
  9. package/dist/{backlink-BXAdgAte.js → backlink-wMNLuQ0X.js} +3 -3
  10. package/dist/base-elements/input-element.d.ts +1 -0
  11. package/dist/{booleanish-jJLlnr6-.cjs → booleanish-B9Kf0nES.cjs} +1 -1
  12. package/dist/{breadcrumbs-Dkb9TxMp.js → breadcrumbs-CVTLNNsL.js} +2 -2
  13. package/dist/{breadcrumbs-CkjeLh3U.cjs → breadcrumbs-D3tfWqvC.cjs} +2 -2
  14. package/dist/{button-Bqk9wjme.cjs → button-B5tQpKeG.cjs} +2 -2
  15. package/dist/{button-CAZEaEW9.js → button-C_YzTSuU.js} +5 -5
  16. package/dist/{calendar-CRIp36hn.js → calendar-CjlUA-Lb.js} +4 -4
  17. package/dist/{calendar-64LmbIdR.cjs → calendar-DIzGBdbh.cjs} +2 -2
  18. package/dist/{card-C__IlsUa.cjs → card-BSZs5lRF.cjs} +2 -2
  19. package/dist/{card-5PydU247.js → card-D3jVkwxJ.js} +7 -7
  20. package/dist/{checkbox-CC1X7fw4.js → checkbox-D3uflJEb.js} +16 -12
  21. package/dist/{checkbox-DzMc0AJX.cjs → checkbox-DfIvuwAj.cjs} +10 -9
  22. package/dist/{class-map-DH9hlJny.js → class-map-CAQCRB1W.js} +2 -2
  23. package/dist/{class-map-B8Ja0q7n.cjs → class-map-CCZN5uS3.cjs} +1 -1
  24. package/dist/{classutils-CVTzKF0J.cjs → classutils-CbklAJDe.cjs} +1 -1
  25. package/dist/{combobox-BuBvoK-N.js → combobox-B9YSsRZB.js} +27 -17
  26. package/dist/{combobox-DJITmrnM.cjs → combobox-BhIqExJZ.cjs} +2 -2
  27. package/dist/components/accordion/accordion.d.ts +1 -1
  28. package/dist/components/accordion/accordionitem.d.ts +1 -1
  29. package/dist/components/alert/alert.d.ts +1 -1
  30. package/dist/components/backlink/backlink.d.ts +1 -1
  31. package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -1
  32. package/dist/components/button/button.d.ts +1 -1
  33. package/dist/components/card/card.d.ts +9 -9
  34. package/dist/components/checkbox/checkbox.d.ts +2 -1
  35. package/dist/components/combobox/combobox.d.ts +1 -1
  36. package/dist/components/consent/consent.d.ts +1 -1
  37. package/dist/components/datepicker/date-tags.d.ts +1 -1
  38. package/dist/components/datepicker/datepicker-multiple.d.ts +1 -1
  39. package/dist/components/datepicker/datepicker-popup.d.ts +1 -1
  40. package/dist/components/datepicker/datepicker-range.d.ts +1 -1
  41. package/dist/components/datepicker/datepicker-single.d.ts +1 -1
  42. package/dist/components/datepicker/datepicker.d.ts +5 -5
  43. package/dist/components/fileupload/fileupload-renderers.d.ts +2 -2
  44. package/dist/components/fileupload/fileupload.d.ts +1 -1
  45. package/dist/components/header/header-user-menu.d.ts +1 -1
  46. package/dist/components/header/header.d.ts +1 -1
  47. package/dist/components/helptext/helptext.d.ts +1 -1
  48. package/dist/components/icon/icon.d.ts +1 -1
  49. package/dist/components/input-wrapper/input-wrapper.d.ts +1 -1
  50. package/dist/components/link/link.d.ts +1 -1
  51. package/dist/components/linkcard/linkcard.d.ts +1 -1
  52. package/dist/components/listbox/listbox.d.ts +1 -1
  53. package/dist/components/loader/loader.d.ts +1 -1
  54. package/dist/components/messagebox/messagebox.d.ts +1 -1
  55. package/dist/components/modal/modal.d.ts +1 -1
  56. package/dist/components/progressbar/progressbar.d.ts +1 -1
  57. package/dist/components/radiobutton/radiobutton.d.ts +2 -1
  58. package/dist/components/searchinput/searchinput.d.ts +1 -1
  59. package/dist/components/select/select.d.ts +1 -1
  60. package/dist/components/tabs/tabitem.d.ts +1 -1
  61. package/dist/components/tabs/tabs.d.ts +1 -1
  62. package/dist/components/tag/tag.d.ts +1 -1
  63. package/dist/components/textarea/textarea.d.ts +1 -1
  64. package/dist/components/textinput/textinput.d.ts +1 -1
  65. package/dist/components/timepicker/timepicker.d.ts +1 -1
  66. package/dist/{consent-CCesjQ_e.js → consent-D5sY6JK3.js} +3 -3
  67. package/dist/{consent-DkCihETp.cjs → consent-X3wvhteO.cjs} +2 -2
  68. package/dist/converters-9jHlXDyy.cjs +1 -0
  69. package/dist/{converters-BQnj7OJE.js → converters-BKGBRBpS.js} +191 -176
  70. package/dist/{datepicker-zOOhs9JK.js → datepicker-B_J5APcK.js} +14 -14
  71. package/dist/{datepicker-ChEi_INm.cjs → datepicker-DXxTiHJd.cjs} +3 -3
  72. package/dist/{dialog-polyfill.esm-CYs2AHP1.cjs → dialog-polyfill.esm-J-GKtwrS.cjs} +1 -1
  73. package/dist/{directive-helpers-f36YZFOG.cjs → directive-helpers-BshFvt7A.cjs} +1 -1
  74. package/dist/{directive-helpers-Cep_4cpj.js → directive-helpers-DIF5DwN4.js} +2 -2
  75. package/dist/directives/slot-content.d.ts +1 -1
  76. package/dist/docs/backlink.d.ts +1 -1
  77. package/dist/docs/components/accordion.d.ts +1 -1
  78. package/dist/docs/components/alert.d.ts +1 -1
  79. package/dist/docs/components/backlink.d.ts +1 -1
  80. package/dist/docs/components/breadcrumbs.d.ts +1 -1
  81. package/dist/docs/components/button.d.ts +1 -1
  82. package/dist/docs/components/calendar.d.ts +1 -1
  83. package/dist/docs/components/card.d.ts +1 -1
  84. package/dist/docs/components/checkbox.d.ts +1 -1
  85. package/dist/docs/components/combobox.d.ts +1 -1
  86. package/dist/docs/components/comboboxdemo.d.ts +1 -1
  87. package/dist/docs/components/consent.d.ts +1 -1
  88. package/dist/docs/components/datepicker.d.ts +1 -1
  89. package/dist/docs/components/datepickermultiple.d.ts +1 -1
  90. package/dist/docs/components/event-log.d.ts +20 -0
  91. package/dist/docs/components/fileupload.d.ts +1 -1
  92. package/dist/docs/components/form.d.ts +1 -1
  93. package/dist/docs/components/header-full.d.ts +1 -1
  94. package/dist/docs/components/header-menu.d.ts +1 -1
  95. package/dist/docs/components/header.d.ts +1 -1
  96. package/dist/docs/components/heading.d.ts +1 -1
  97. package/dist/docs/components/icon.d.ts +1 -1
  98. package/dist/docs/components/input-wrapper.d.ts +1 -1
  99. package/dist/docs/components/link.d.ts +1 -1
  100. package/dist/docs/components/linkcard.d.ts +1 -1
  101. package/dist/docs/components/loader.d.ts +1 -1
  102. package/dist/docs/components/messagebox.d.ts +1 -1
  103. package/dist/docs/components/modal.d.ts +1 -1
  104. package/dist/docs/components/progressbar.d.ts +1 -1
  105. package/dist/docs/components/radiobutton.d.ts +1 -1
  106. package/dist/docs/components/searchinput.d.ts +1 -1
  107. package/dist/docs/components/select.d.ts +1 -1
  108. package/dist/docs/components/slots.d.ts +1 -1
  109. package/dist/docs/components/tabs.d.ts +1 -1
  110. package/dist/docs/components/tag.d.ts +1 -1
  111. package/dist/docs/components/textarea.d.ts +1 -1
  112. package/dist/docs/components/textinput.d.ts +2 -1
  113. package/dist/docs/components/timepicker.d.ts +1 -1
  114. package/dist/docs/header.d.ts +1 -1
  115. package/dist/docs/punkt-docs.d.ts +1 -1
  116. package/dist/{element-CduG0XyF.js → element-BoJrqauR.js} +6 -6
  117. package/dist/{element-CXAtr6Gu.cjs → element-DJzurxgt.cjs} +1 -1
  118. package/dist/{element-with-slot-Cmxb9h4H.cjs → element-with-slot-BY7Jc-q8.cjs} +1 -1
  119. package/dist/{element-with-slot-BVj9MXzi.js → element-with-slot-mXLg8gg8.js} +2 -2
  120. package/dist/{fileupload-CGaJlMG9.cjs → fileupload-BMHJaAKR.cjs} +2 -2
  121. package/dist/{fileupload-BBph8gH3.js → fileupload-DpvQ3e_T.js} +10 -10
  122. package/dist/{focus-modality-controller-wI5SR8wH.cjs → focus-modality-controller-C1ocyv2J.cjs} +1 -1
  123. package/dist/{header-C8dCoJpr.js → header-CFzvRT3j.js} +10 -10
  124. package/dist/{header-C6z1KhOR.cjs → header-DaFGbtLu.cjs} +2 -2
  125. package/dist/{header-menu-BU-ylGrJ.js → header-menu-C8b5vd3n.js} +5 -5
  126. package/dist/{header-menu-CnW7nzmF.cjs → header-menu-DMdP_c6X.cjs} +2 -2
  127. package/dist/{heading-3o4Dk0Wn.js → heading-CD0PhL8g.js} +2 -2
  128. package/dist/{heading-C40-NX0r.cjs → heading-DyJpBFT2.cjs} +1 -1
  129. package/dist/{helptext-C2aQBBo_.js → helptext-OfqH5npD.js} +6 -6
  130. package/dist/{helptext-DNLg43eI.cjs → helptext-eckq4JEX.cjs} +2 -2
  131. package/dist/{icon-Dw6I0HDV.cjs → icon-B8PVq2O6.cjs} +1 -1
  132. package/dist/{icon-LaKyBKON.js → icon-DGFEIlco.js} +2 -2
  133. package/dist/if-defined-D0bnetLJ.js +5 -0
  134. package/dist/if-defined-DrwbxQOj.cjs +1 -0
  135. package/dist/index.d.ts +2 -2
  136. package/dist/input-element-DZLXF2rI.cjs +1 -0
  137. package/dist/input-element-DgylI1GK.js +654 -0
  138. package/dist/{input-wrapper-CvtU-Ksb.cjs → input-wrapper-BRjQB4zM.cjs} +21 -21
  139. package/dist/{input-wrapper-C93MmOIg.js → input-wrapper-DaA98B5l.js} +32 -32
  140. package/dist/{input-wrapper-CYCCx8MP.cjs → input-wrapper-LcZjpt0L.cjs} +1 -1
  141. package/dist/{link-DauiNRMq.js → link-FmkQvSQL.js} +4 -4
  142. package/dist/{link-EZ0-lS3W.cjs → link-Geze7498.cjs} +2 -2
  143. package/dist/{linkcard-BIcCW-qw.cjs → linkcard-6LCXRTR-.cjs} +2 -2
  144. package/dist/{linkcard-DNJm5FvA.js → linkcard-BKdT0zU_.js} +4 -4
  145. package/dist/{listbox-DbEobJNx.cjs → listbox-89wMuQVK.cjs} +2 -2
  146. package/dist/{listbox-DXMIBv3y.js → listbox-LdyWPu7W.js} +5 -5
  147. package/dist/{loader-B3ToraVk.js → loader-BA-i8CaQ.js} +4 -4
  148. package/dist/{loader-CLf_Phfg.cjs → loader-CgW4Vst3.cjs} +2 -2
  149. package/dist/{messagebox-BqBxXK8c.cjs → messagebox-VD5oEZ19.cjs} +2 -2
  150. package/dist/{messagebox-XRFecqyS.js → messagebox-fiaAyHLG.js} +5 -5
  151. package/dist/{modal-CWgeT-RP.js → modal-C6pScpdG.js} +6 -6
  152. package/dist/{modal-CrYHKOmr.cjs → modal-DKU7PnjJ.cjs} +2 -2
  153. package/dist/pkt-accordion.cjs +1 -1
  154. package/dist/pkt-accordion.js +1 -1
  155. package/dist/pkt-alert.cjs +1 -1
  156. package/dist/pkt-alert.js +1 -1
  157. package/dist/pkt-backlink.cjs +1 -1
  158. package/dist/pkt-backlink.js +1 -1
  159. package/dist/pkt-breadcrumbs.cjs +1 -1
  160. package/dist/pkt-breadcrumbs.js +1 -1
  161. package/dist/pkt-button.cjs +1 -1
  162. package/dist/pkt-button.js +1 -1
  163. package/dist/pkt-calendar.cjs +1 -1
  164. package/dist/pkt-calendar.js +1 -1
  165. package/dist/pkt-card.cjs +1 -1
  166. package/dist/pkt-card.js +1 -1
  167. package/dist/pkt-checkbox.cjs +1 -1
  168. package/dist/pkt-checkbox.js +1 -1
  169. package/dist/pkt-combobox.cjs +1 -1
  170. package/dist/pkt-combobox.js +1 -1
  171. package/dist/pkt-consent.cjs +1 -1
  172. package/dist/pkt-consent.js +1 -1
  173. package/dist/pkt-datepicker.cjs +1 -1
  174. package/dist/pkt-datepicker.js +1 -1
  175. package/dist/pkt-fileupload.cjs +1 -1
  176. package/dist/pkt-fileupload.js +1 -1
  177. package/dist/pkt-header-menu.cjs +1 -1
  178. package/dist/pkt-header-menu.js +1 -1
  179. package/dist/pkt-header.cjs +1 -1
  180. package/dist/pkt-header.js +1 -1
  181. package/dist/pkt-heading.cjs +1 -1
  182. package/dist/pkt-heading.js +1 -1
  183. package/dist/pkt-helptext.cjs +1 -1
  184. package/dist/pkt-helptext.js +1 -1
  185. package/dist/pkt-icon.cjs +1 -1
  186. package/dist/pkt-icon.js +1 -1
  187. package/dist/pkt-index.cjs +1 -1
  188. package/dist/pkt-index.js +32 -32
  189. package/dist/pkt-input-wrapper.cjs +1 -1
  190. package/dist/pkt-input-wrapper.js +1 -1
  191. package/dist/pkt-link.cjs +1 -1
  192. package/dist/pkt-link.js +1 -1
  193. package/dist/pkt-linkcard.cjs +1 -1
  194. package/dist/pkt-linkcard.js +1 -1
  195. package/dist/pkt-listbox.cjs +1 -1
  196. package/dist/pkt-listbox.js +1 -1
  197. package/dist/pkt-loader.cjs +1 -1
  198. package/dist/pkt-loader.js +1 -1
  199. package/dist/pkt-messagebox.cjs +1 -1
  200. package/dist/pkt-messagebox.js +1 -1
  201. package/dist/pkt-modal.cjs +1 -1
  202. package/dist/pkt-modal.js +1 -1
  203. package/dist/{pkt-options-controller-BTNtjEIS.js → pkt-options-controller-Cis62vGe.js} +1 -1
  204. package/dist/{pkt-options-controller-CBM8xHwR.cjs → pkt-options-controller-DHKHMyXM.cjs} +1 -1
  205. package/dist/pkt-progressbar.cjs +1 -1
  206. package/dist/pkt-progressbar.js +1 -1
  207. package/dist/pkt-radiobutton.cjs +1 -1
  208. package/dist/pkt-radiobutton.js +1 -1
  209. package/dist/pkt-searchinput.cjs +1 -1
  210. package/dist/pkt-searchinput.js +1 -1
  211. package/dist/pkt-select.cjs +1 -1
  212. package/dist/pkt-select.js +1 -1
  213. package/dist/pkt-tabs.cjs +1 -1
  214. package/dist/pkt-tabs.js +1 -1
  215. package/dist/pkt-tag.cjs +1 -1
  216. package/dist/pkt-tag.js +1 -1
  217. package/dist/pkt-textarea.cjs +1 -1
  218. package/dist/pkt-textarea.js +1 -1
  219. package/dist/pkt-textinput.cjs +1 -1
  220. package/dist/pkt-textinput.js +1 -1
  221. package/dist/pkt-timepicker.cjs +1 -1
  222. package/dist/pkt-timepicker.js +1 -1
  223. package/dist/progressbar-BN5y20CC.cjs +17 -0
  224. package/dist/{progressbar-B0P_vmGD.js → progressbar-mtjtbpCO.js} +7 -7
  225. package/dist/radiobutton-BH6rl98w.cjs +31 -0
  226. package/dist/{radiobutton-C6zERHoy.js → radiobutton-DFCA9V07.js} +12 -9
  227. package/dist/ref-DO7TzO4O.cjs +1 -0
  228. package/dist/{ref-BgoHEsEt.js → ref-WGS0u7i2.js} +5 -5
  229. package/dist/{repeat-CKIii8Mi.js → repeat-BH0cL82q.js} +3 -3
  230. package/dist/{repeat-CRRgmzVn.cjs → repeat-DRnLAg0O.cjs} +1 -1
  231. package/dist/{searchinput-fPvXHu2O.js → searchinput-CyO5k4Q4.js} +7 -6
  232. package/dist/{searchinput-BrxfRzez.cjs → searchinput-DG6YetL1.cjs} +2 -2
  233. package/dist/{select-z3hBSk02.cjs → select-BVPcJEIz.cjs} +2 -2
  234. package/dist/{select-Dz3YiN7b.js → select-C1--vTZ2.js} +7 -7
  235. package/dist/{tabs-DxQy8U-0.cjs → tabs-CGo0ODPa.cjs} +2 -2
  236. package/dist/{tabs-BJx6wwXD.js → tabs-ChdR0D1C.js} +9 -9
  237. package/dist/{tag-CBFz0R9N.cjs → tag-C4fEuT-r.cjs} +2 -2
  238. package/dist/{tag-CzlnHhho.js → tag-DBNga0hg.js} +5 -5
  239. package/dist/{textarea-rHlURXh5.cjs → textarea-Cb0pj6ki.cjs} +2 -2
  240. package/dist/{textarea-BxBfLk3N.js → textarea-DNitIoWX.js} +11 -11
  241. package/dist/{textinput-DSYABvB6.cjs → textinput-CaIDCB2J.cjs} +2 -2
  242. package/dist/{textinput-Bs8DwHwR.js → textinput-CurFrsfQ.js} +9 -9
  243. package/dist/{timepicker-DVisPbGX.cjs → timepicker-BcHEEtpX.cjs} +2 -2
  244. package/dist/{timepicker-Cb9pxkJa.js → timepicker-Ch-ums4R.js} +8 -8
  245. package/dist/{utils-CjAbIttF.cjs → utils-63cRpWut.cjs} +1 -1
  246. package/package.json +28 -27
  247. package/src/components/checkbox/checkbox.ts +6 -0
  248. package/src/components/datepicker/datepicker.selection.test.ts +33 -0
  249. package/src/components/datepicker/datepicker.ts +0 -4
  250. package/src/components/radiobutton/radiobutton.ts +6 -1
  251. package/src/components/textarea/textarea.ts +1 -1
  252. package/src/components/textinput/textinput.ts +1 -1
  253. package/dist/converters-CkqZ02TI.cjs +0 -1
  254. package/dist/if-defined-LTjAScFG.cjs +0 -1
  255. package/dist/if-defined-VShASPdu.js +0 -5
  256. package/dist/input-element-BHQVt4Q9.cjs +0 -1
  257. package/dist/input-element-BrmkXIXi.js +0 -643
  258. package/dist/progressbar-DADdvDl5.cjs +0 -17
  259. package/dist/radiobutton-BfURufrZ.cjs +0 -31
  260. package/dist/ref-CBdWMlde.cjs +0 -1
  261. /package/dist/{booleanish-BmcOU-43.js → booleanish-MfutDT_4.js} +0 -0
  262. /package/dist/{classutils-lVbGcvjN.js → classutils-DcYnSgfc.js} +0 -0
  263. /package/dist/{dialog-polyfill.esm-0dVT8G1o.js → dialog-polyfill.esm-ChZRzCVh.js} +0 -0
  264. /package/dist/{focus-modality-controller-CaUqYdk0.js → focus-modality-controller-Dc2S-KqR.js} +0 -0
  265. /package/dist/{input-wrapper-kw2y6Jp_.js → input-wrapper-DwwE0JcO.js} +0 -0
  266. /package/dist/{utils-CUqCKGvp.js → utils-BwF4QSrq.js} +0 -0
@@ -1,28 +1,28 @@
1
- const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./alert-C8OpU_Un.cjs`);const r=require(`./icon-Dw6I0HDV.cjs`),i=require(`./if-defined-LTjAScFG.cjs`),a=require(`./utils-CjAbIttF.cjs`),o=require(`./booleanish-jJLlnr6-.cjs`),s=require(`./input-wrapper-CYCCx8MP.cjs`);require(`./helptext-DNLg43eI.cjs`);const c=require(`./focus-modality-controller-wI5SR8wH.cjs`);var l=class extends n.t{constructor(...e){super(...e),this.forId=a.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.t.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=s.t.props.optionalTag.default,this.optionalText=s.t.props.optionalText.default,this.requiredTag=s.t.props.requiredTag.default,this.requiredText=s.t.props.requiredText.default,this.tagText=null,this.hasError=s.t.props.hasError.default,this.errorMessage=``,this.disabled=s.t.props.disabled.default,this.inline=s.t.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.t.props.hasFieldset.default,this.role=`group`,this.useWrapper=s.t.props.useWrapper.default,this.focusModality=new c.t(this,`.pkt-inputwrapper`)}updated(e){super.updated(e)}render(){let a={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,c=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.d,l=()=>e.p`
2
- ${this.tagText?e.p`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.d}
3
- ${this.optionalTag?e.p`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
4
- ${this.requiredTag?e.p`<span class=${o+` pkt-tag--beige`}>${this.requiredText}</span>`:e.d}
5
- `,u=()=>this.useWrapper?this.hasFieldset?e.p`<legend
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs");require("./alert-B8dLsiTz.cjs");const r=require("./icon-B8PVq2O6.cjs"),i=require("./if-defined-DrwbxQOj.cjs"),a=require("./utils-63cRpWut.cjs"),o=require("./booleanish-B9Kf0nES.cjs"),s=require("./input-wrapper-LcZjpt0L.cjs");require("./helptext-eckq4JEX.cjs");const c=require("./focus-modality-controller-C1ocyv2J.cjs");var l=class extends n.t{constructor(...e){super(...e),this.forId=a.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.t.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=s.t.props.optionalTag.default,this.optionalText=s.t.props.optionalText.default,this.requiredTag=s.t.props.requiredTag.default,this.requiredText=s.t.props.requiredText.default,this.tagText=null,this.hasError=s.t.props.hasError.default,this.errorMessage=``,this.disabled=s.t.props.disabled.default,this.inline=s.t.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.t.props.hasFieldset.default,this.role=`group`,this.useWrapper=s.t.props.useWrapper.default,this.focusModality=new c.t(this,`.pkt-inputwrapper`)}updated(e){super.updated(e)}render(){let a={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.d,c=()=>e.p`
2
+ ${this.tagText?e.p`<span class=${`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--gray`}>${this.tagText}</span>`:e.d}
3
+ ${this.optionalTag?e.p`<span class=${`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
4
+ ${this.requiredTag?e.p`<span class=${`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige`}>${this.requiredText}</span>`:e.d}
5
+ `,l=()=>this.useWrapper?this.hasFieldset?e.p`<legend
6
6
  class="pkt-inputwrapper__legend"
7
7
  id="${this.forId}-label"
8
8
  @click=${this.handleLabelClick}
9
9
  >
10
- ${this.label} ${l()}
10
+ ${this.label} ${c()}
11
11
  </legend>`:e.p`<label
12
12
  class="pkt-inputwrapper__label"
13
13
  for="${this.forId}"
14
- aria-describedby="${c}"
14
+ aria-describedby="${o}"
15
15
  id="${this.forId}-label"
16
16
  @click=${this.handleLabelClick}
17
- >${this.label}${l()}</label
17
+ >${this.label}${c()}</label
18
18
  >`:e.p`<label
19
19
  for="${this.forId}"
20
20
  class="pkt-sr-only"
21
- aria-describedby="${c}"
21
+ aria-describedby="${o}"
22
22
  id="${this.forId}-label"
23
23
  >
24
24
  ${this.label}
25
- </label>`,d=()=>e.p`
25
+ </label>`,u=()=>e.p`
26
26
  <pkt-helptext
27
27
  class="${i.t(this.useWrapper?void 0:`pkt-hide`)}"
28
28
  .forId=${this.forId}
@@ -32,10 +32,10 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),
32
32
  @toggleHelpText=${e=>{this.toggleDropdown(e)}}
33
33
  >${n.n(this,`helptext`)}</pkt-helptext
34
34
  >
35
- `,f=()=>this.counter?e.p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
35
+ `,d=()=>this.counter?e.p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
36
36
  ${this.counterError?this.counterError:e.d} ${this.counterCurrent||0}
37
37
  ${this.counterMaxLength?`/${this.counterMaxLength}`:e.d}
38
- </div>`:e.d,p=()=>this.hasError&&this.errorMessage?e.p`<pkt-alert
38
+ </div>`:e.d,f=()=>this.hasError&&this.errorMessage?e.p`<pkt-alert
39
39
  skin="error"
40
40
  compact
41
41
  id=${`${this.forId}-error`}
@@ -43,13 +43,13 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),
43
43
  aria-atomic="true"
44
44
  >
45
45
  ${r.r(this.errorMessage)}
46
- </pkt-alert>`:e.d,m=()=>e.p`
47
- ${u()}
48
- ${d()}
49
- ${this.counterPosition===`top`?f():e.d}
46
+ </pkt-alert>`:e.d,p=()=>e.p`
47
+ ${l()}
48
+ ${u()}
49
+ ${this.counterPosition===`top`?d():e.d}
50
50
  <div class="pkt-contents">${n.n(this)}</div>
51
- ${this.counterPosition===`bottom`?f():e.d}
52
- ${p()}
53
- `;return e.p`<div class=${t.t(a)}>${this.hasFieldset?e.p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${c}">
54
- ${m()}
55
- </fieldset>`:e.p`<div class="pkt-inputwrapper__fieldset">${m()}</div>`}</div> `}toggleDropdown(e){this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!1,detail:{isOpen:e.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent(`labelClick`,{bubbles:!0,composed:!0,detail:`label clicked`}))}};e.n([e.o({type:String})],l.prototype,`forId`,void 0),e.n([e.o({type:String})],l.prototype,`label`,void 0),e.n([e.o({type:String})],l.prototype,`helptext`,void 0),e.n([e.o({type:String})],l.prototype,`helptextDropdown`,void 0),e.n([e.o({type:String})],l.prototype,`helptextDropdownButton`,void 0),e.n([e.o({type:Boolean})],l.prototype,`counter`,void 0),e.n([e.o({type:Number})],l.prototype,`counterCurrent`,void 0),e.n([e.o({type:Number})],l.prototype,`counterMaxLength`,void 0),e.n([e.o({type:String})],l.prototype,`counterError`,void 0),e.n([e.o({type:String,reflect:!1})],l.prototype,`counterPosition`,void 0),e.n([e.o({type:Boolean})],l.prototype,`optionalTag`,void 0),e.n([e.o({type:String})],l.prototype,`optionalText`,void 0),e.n([e.o({type:Boolean})],l.prototype,`requiredTag`,void 0),e.n([e.o({type:String})],l.prototype,`requiredText`,void 0),e.n([e.o({type:String})],l.prototype,`tagText`,void 0),e.n([e.o({type:Boolean})],l.prototype,`hasError`,void 0),e.n([e.o({type:String})],l.prototype,`errorMessage`,void 0),e.n([e.o({type:Boolean})],l.prototype,`disabled`,void 0),e.n([e.o({type:Boolean})],l.prototype,`inline`,void 0),e.n([e.o({type:String})],l.prototype,`ariaDescribedby`,void 0),e.n([e.o({type:Boolean})],l.prototype,`hasFieldset`,void 0),e.n([e.o({type:String,reflect:!0})],l.prototype,`role`,void 0),e.n([e.o({type:Boolean,reflect:!0,converter:o.t})],l.prototype,`useWrapper`,void 0);try{e.s(`pkt-input-wrapper`)(l)}catch{console.warn(`Forsøker å definere <pkt-input-wrapper>, men den er allerede definert`)}var u=l;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
51
+ ${this.counterPosition===`bottom`?d():e.d}
52
+ ${f()}
53
+ `;return e.p`<div class=${t.t(a)}>${this.hasFieldset?e.p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
54
+ ${p()}
55
+ </fieldset>`:e.p`<div class="pkt-inputwrapper__fieldset">${p()}</div>`}</div> `}toggleDropdown(e){this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!1,detail:{isOpen:e.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent(`labelClick`,{bubbles:!0,composed:!0,detail:`label clicked`}))}};e.n([e.o({type:String})],l.prototype,`forId`,void 0),e.n([e.o({type:String})],l.prototype,`label`,void 0),e.n([e.o({type:String})],l.prototype,`helptext`,void 0),e.n([e.o({type:String})],l.prototype,`helptextDropdown`,void 0),e.n([e.o({type:String})],l.prototype,`helptextDropdownButton`,void 0),e.n([e.o({type:Boolean})],l.prototype,`counter`,void 0),e.n([e.o({type:Number})],l.prototype,`counterCurrent`,void 0),e.n([e.o({type:Number})],l.prototype,`counterMaxLength`,void 0),e.n([e.o({type:String})],l.prototype,`counterError`,void 0),e.n([e.o({type:String,reflect:!1})],l.prototype,`counterPosition`,void 0),e.n([e.o({type:Boolean})],l.prototype,`optionalTag`,void 0),e.n([e.o({type:String})],l.prototype,`optionalText`,void 0),e.n([e.o({type:Boolean})],l.prototype,`requiredTag`,void 0),e.n([e.o({type:String})],l.prototype,`requiredText`,void 0),e.n([e.o({type:String})],l.prototype,`tagText`,void 0),e.n([e.o({type:Boolean})],l.prototype,`hasError`,void 0),e.n([e.o({type:String})],l.prototype,`errorMessage`,void 0),e.n([e.o({type:Boolean})],l.prototype,`disabled`,void 0),e.n([e.o({type:Boolean})],l.prototype,`inline`,void 0),e.n([e.o({type:String})],l.prototype,`ariaDescribedby`,void 0),e.n([e.o({type:Boolean})],l.prototype,`hasFieldset`,void 0),e.n([e.o({type:String,reflect:!0})],l.prototype,`role`,void 0),e.n([e.o({type:Boolean,reflect:!0,converter:o.t})],l.prototype,`useWrapper`,void 0);try{e.s(`pkt-input-wrapper`)(l)}catch{console.warn(`Forsøker å definere <pkt-input-wrapper>, men den er allerede definert`)}var u=l;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
@@ -1,14 +1,14 @@
1
- import { d as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
2
- import { t as a } from "./class-map-DH9hlJny.js";
3
- import { n as o, t as s } from "./element-with-slot-BVj9MXzi.js";
4
- import "./alert-B5Y841vH.js";
5
- import { r as c } from "./icon-LaKyBKON.js";
6
- import { t as l } from "./if-defined-VShASPdu.js";
7
- import { n as u } from "./utils-CUqCKGvp.js";
8
- import { t as d } from "./booleanish-BmcOU-43.js";
9
- import { t as f } from "./input-wrapper-kw2y6Jp_.js";
10
- import "./helptext-C2aQBBo_.js";
11
- import { t as p } from "./focus-modality-controller-CaUqYdk0.js";
1
+ import { d as e, n as t, o as n, p as r, s as i } from "./element-BoJrqauR.js";
2
+ import { t as a } from "./class-map-CAQCRB1W.js";
3
+ import { n as o, t as s } from "./element-with-slot-mXLg8gg8.js";
4
+ import "./alert-HHTGY0sp.js";
5
+ import { r as c } from "./icon-DGFEIlco.js";
6
+ import { t as l } from "./if-defined-D0bnetLJ.js";
7
+ import { n as u } from "./utils-BwF4QSrq.js";
8
+ import { t as d } from "./booleanish-MfutDT_4.js";
9
+ import { t as f } from "./input-wrapper-DwwE0JcO.js";
10
+ import "./helptext-OfqH5npD.js";
11
+ import { t as p } from "./focus-modality-controller-Dc2S-KqR.js";
12
12
  //#region src/components/input-wrapper/input-wrapper.ts
13
13
  var m = class extends s {
14
14
  constructor(...e) {
@@ -23,31 +23,31 @@ var m = class extends s {
23
23
  "pkt-inputwrapper--error": this.hasError,
24
24
  "pkt-inputwrapper--disabled": this.disabled,
25
25
  "pkt-inputwrapper--inline": this.inline
26
- }, n = "pkt-tag pkt-tag--small pkt-tag--thin-text", i = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : e, s = () => r`
27
- ${this.tagText ? r`<span class=${n + " pkt-tag--gray"}>${this.tagText}</span>` : e}
28
- ${this.optionalTag ? r`<span class=${n + " pkt-tag--blue-light"}>${this.optionalText}</span>` : e}
29
- ${this.requiredTag ? r`<span class=${n + " pkt-tag--beige"}>${this.requiredText}</span>` : e}
30
- `, u = () => this.useWrapper ? this.hasFieldset ? r`<legend
26
+ }, n = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : e, i = () => r`
27
+ ${this.tagText ? r`<span class=${"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--gray"}>${this.tagText}</span>` : e}
28
+ ${this.optionalTag ? r`<span class=${"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light"}>${this.optionalText}</span>` : e}
29
+ ${this.requiredTag ? r`<span class=${"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige"}>${this.requiredText}</span>` : e}
30
+ `, s = () => this.useWrapper ? this.hasFieldset ? r`<legend
31
31
  class="pkt-inputwrapper__legend"
32
32
  id="${this.forId}-label"
33
33
  @click=${this.handleLabelClick}
34
34
  >
35
- ${this.label} ${s()}
35
+ ${this.label} ${i()}
36
36
  </legend>` : r`<label
37
37
  class="pkt-inputwrapper__label"
38
38
  for="${this.forId}"
39
- aria-describedby="${i}"
39
+ aria-describedby="${n}"
40
40
  id="${this.forId}-label"
41
41
  @click=${this.handleLabelClick}
42
- >${this.label}${s()}</label
42
+ >${this.label}${i()}</label
43
43
  >` : r`<label
44
44
  for="${this.forId}"
45
45
  class="pkt-sr-only"
46
- aria-describedby="${i}"
46
+ aria-describedby="${n}"
47
47
  id="${this.forId}-label"
48
48
  >
49
49
  ${this.label}
50
- </label>`, d = () => r`
50
+ </label>`, u = () => r`
51
51
  <pkt-helptext
52
52
  class="${l(this.useWrapper ? void 0 : "pkt-hide")}"
53
53
  .forId=${this.forId}
@@ -59,10 +59,10 @@ var m = class extends s {
59
59
  }}
60
60
  >${o(this, "helptext")}</pkt-helptext
61
61
  >
62
- `, p = () => this.counter ? r`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
62
+ `, d = () => this.counter ? r`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
63
63
  ${this.counterError ? this.counterError : e} ${this.counterCurrent || 0}
64
64
  ${this.counterMaxLength ? `/${this.counterMaxLength}` : e}
65
- </div>` : e, m = () => this.hasError && this.errorMessage ? r`<pkt-alert
65
+ </div>` : e, p = () => this.hasError && this.errorMessage ? r`<pkt-alert
66
66
  skin="error"
67
67
  compact
68
68
  id=${`${this.forId}-error`}
@@ -70,17 +70,17 @@ var m = class extends s {
70
70
  aria-atomic="true"
71
71
  >
72
72
  ${c(this.errorMessage)}
73
- </pkt-alert>` : e, h = () => r`
74
- ${u()}
75
- ${d()}
76
- ${this.counterPosition === "top" ? p() : e}
73
+ </pkt-alert>` : e, m = () => r`
74
+ ${s()}
75
+ ${u()}
76
+ ${this.counterPosition === "top" ? d() : e}
77
77
  <div class="pkt-contents">${o(this)}</div>
78
- ${this.counterPosition === "bottom" ? p() : e}
79
- ${m()}
78
+ ${this.counterPosition === "bottom" ? d() : e}
79
+ ${p()}
80
80
  `;
81
- return r`<div class=${a(t)}>${this.hasFieldset ? r`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
82
- ${h()}
83
- </fieldset>` : r`<div class="pkt-inputwrapper__fieldset">${h()}</div>`}</div> `;
81
+ return r`<div class=${a(t)}>${this.hasFieldset ? r`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
82
+ ${m()}
83
+ </fieldset>` : r`<div class="pkt-inputwrapper__fieldset">${m()}</div>`}</div> `;
84
84
  }
85
85
  toggleDropdown(e) {
86
86
  this.dispatchEvent(new CustomEvent("toggleHelpText", {
@@ -1 +1 @@
1
- var e={name:`pkt-input-wrapper`,react:`PktInputWrapper`,"css-class":`pkt-inputwrapper`,isElement:!0,isPureReact:!0,events:{toggleHelpText:{description:`Event for å vise eller skjule hjelpetekst i dropdown`}},slots:{default:{description:`Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent`}},props:{forId:{name:`For ID`,description:`Id-en til skjemaelementet som dette wrapper rundt`,type:`string`,required:!0,category:`tech`},label:{name:`Merkelapp`,description:`Merkelapp for skjemaelementet`,type:`string`,required:!0,category:`contents`},helptext:{name:`Hjelpetekst`,description:`Hjelpetekst for skjemaelementet`,type:`string`,category:`contents`},helptextDropdown:{name:`Hjelpetekst i dropdown`,description:`Hjelpetekst som vises i ekspanderende felt`,type:`string`,category:`contents`},helptextDropdownButton:{name:`Tekst i hjelpetekst-knapp`,description:`Tekst som vises i knappen for å vise hjelpetekst i dropdown`,default:`Les mer <span class='pkt-sr-only'>om feltet</span>`,type:`string`,category:`contents`},ariaDescribedby:{name:`aria-describedby`,description:`Id-en til elementet som beskriver skjemaelementet`,type:`string`,category:`accessibility`},counter:{name:`Teller`,description:`Teller for antall tegn i skjemaelementet`,type:`boolean`,default:!1,category:`ui`},counterCurrent:{name:`Tellerverdi`,description:`Tellerens nåværende verdi`,type:`number`,category:`ui`,showIf:{counter:!0}},counterMaxLength:{name:`Maks tegn i teller`,description:`Maks antall tegn som kan skrives i skjemaelementet`,type:`number`,category:`ui`,showIf:{counter:!0}},counterPosition:{name:`Tellerplassering`,description:`Telleren sin plassering i forhold til elementet`,type:[`top`,`bottom`],default:`bottom`,category:`ui`,showIf:{counter:!0}},optionalTag:{name:`Vise valgfritt-merking`,description:`Viser en merking som indikerer at feltet er valgfritt`,type:`boolean`,default:!1,category:`ui`},optionalText:{name:`Valgfritt-tekst`,description:`Tekst som vises i valgfritt-merkingen`,type:`string`,default:`Valgfritt`,category:`contents`},requiredTag:{name:`Vise påkrevd-merking`,description:`Viser en merking som indikerer at feltet er påkrevd`,type:`boolean`,default:!1,category:`ui`},requiredText:{name:`Påkrevd-tekst`,description:`Tekst som vises i påkrevd-merkingen`,type:`string`,default:`Må fylles ut`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},hasError:{name:`Feil`,description:`Indikerer at skjemaelementet har en feil`,type:`boolean`,default:!1,category:`ui`},errorMessage:{name:`Feilmelding`,description:`Feilmelding som vises når skjemaelementet har en feil`,type:`string`,category:`contents`},disabled:{name:`Deaktivert`,description:`Indikerer at skjemaelementet er deaktivert`,type:`boolean`,default:!1,category:`tech`},inline:{name:`Inline`,description:`Indikerer at skjemaelementet skal flyte sammen med sidens innhold`,type:`boolean`,default:!1,category:`ui`},hasFieldset:{name:`Er fieldset`,description:`Indikerer at innholdet er et fieldset`,type:`boolean`,default:!1,category:`ui`},useWrapper:{name:`Bruk wrapper`,description:`Indikerer om skjemaelementet skal bruke en wrapper`,type:`boolean`,displayAsFalse:!0,default:!0,category:`ui`},role:{name:`Rolle`,description:`Rollen til elementet`,type:`string`,default:`group`,category:`accessibility`}}};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
1
+ var e={name:`pkt-input-wrapper`,react:`PktInputWrapper`,"css-class":`pkt-inputwrapper`,isElement:!0,isPureReact:!0,events:{toggleHelpText:{description:`Event for å vise eller skjule hjelpetekst i dropdown`}},slots:{default:{description:`Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent`}},props:{forId:{name:`For ID`,description:`Id-en til skjemaelementet som dette wrapper rundt`,type:`string`,required:!0,category:`tech`},label:{name:`Merkelapp`,description:`Merkelapp for skjemaelementet`,type:`string`,required:!0,category:`contents`},helptext:{name:`Hjelpetekst`,description:`Hjelpetekst for skjemaelementet`,type:`string`,category:`contents`},helptextDropdown:{name:`Hjelpetekst i dropdown`,description:`Hjelpetekst som vises i ekspanderende felt`,type:`string`,category:`contents`},helptextDropdownButton:{name:`Tekst i hjelpetekst-knapp`,description:`Tekst som vises i knappen for å vise hjelpetekst i dropdown`,default:`Les mer <span class='pkt-sr-only'>om feltet</span>`,type:`string`,category:`contents`},ariaDescribedby:{name:`aria-describedby`,description:`Id-en til elementet som beskriver skjemaelementet`,type:`string`,category:`accessibility`},counter:{name:`Teller`,description:`Teller for antall tegn i skjemaelementet`,type:`boolean`,default:!1,category:`ui`},counterCurrent:{name:`Tellerverdi`,description:`Tellerens nåværende verdi`,type:`number`,category:`ui`,showIf:{counter:!0}},counterMaxLength:{name:`Maks tegn i teller`,description:`Maks antall tegn som kan skrives i skjemaelementet`,type:`number`,category:`ui`,showIf:{counter:!0}},counterPosition:{name:`Tellerplassering`,description:`Telleren sin plassering i forhold til elementet`,type:[`top`,`bottom`],default:`bottom`,category:`ui`,showIf:{counter:!0}},optionalTag:{name:`Vise valgfritt-merking`,description:`Viser en merking som indikerer at feltet er valgfritt`,type:`boolean`,default:!1,category:`ui`},optionalText:{name:`Valgfritt-tekst`,description:`Tekst som vises i valgfritt-merkingen`,type:`string`,default:`Valgfritt`,category:`contents`},requiredTag:{name:`Vise påkrevd-merking`,description:`Viser en merking som indikerer at feltet er påkrevd`,type:`boolean`,default:!1,category:`ui`},requiredText:{name:`Påkrevd-tekst`,description:`Tekst som vises i påkrevd-merkingen`,type:`string`,default:`Må fylles ut`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},hasError:{name:`Feil`,description:`Indikerer at skjemaelementet har en feil`,type:`boolean`,default:!1,category:`ui`},errorMessage:{name:`Feilmelding`,description:`Feilmelding som vises når skjemaelementet har en feil`,type:`string`,category:`contents`},disabled:{name:`Deaktivert`,description:`Indikerer at skjemaelementet er deaktivert`,type:`boolean`,default:!1,category:`tech`},inline:{name:`Inline`,description:`Indikerer at skjemaelementet skal flyte sammen med sidens innhold`,type:`boolean`,default:!1,category:`ui`},hasFieldset:{name:`Er fieldset`,description:`Indikerer at innholdet er et fieldset`,type:`boolean`,default:!1,category:`ui`},useWrapper:{name:`Bruk wrapper`,description:`Indikerer om skjemaelementet skal bruke en wrapper`,type:`boolean`,displayAsFalse:!0,default:!0,category:`ui`},role:{name:`Rolle`,description:`Rollen til elementet`,type:`string`,default:`group`,category:`accessibility`}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});
@@ -1,7 +1,7 @@
1
- import { d as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
2
- import { t as a } from "./class-map-DH9hlJny.js";
3
- import { n as o, t as s } from "./element-with-slot-BVj9MXzi.js";
4
- import "./icon-LaKyBKON.js";
1
+ import { d as e, n as t, o as n, p as r, s as i } from "./element-BoJrqauR.js";
2
+ import { t as a } from "./class-map-CAQCRB1W.js";
3
+ import { n as o, t as s } from "./element-with-slot-mXLg8gg8.js";
4
+ import "./icon-DGFEIlco.js";
5
5
  var c = {
6
6
  name: "pkt-link",
7
7
  react: "PktLink",
@@ -1,7 +1,7 @@
1
- const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);var r={name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:{name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et objekt med href, className, children og props. Standard er et vanlig <a>-element.`,type:`function`,required:!1,category:`tech`,reactOnly:!0}},slots:{default:{description:`Innholdet i lenken`}}},i=class extends n.t{constructor(...e){super(...e),this.href=r.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=r.props.target.default}render(){return e.p`<a
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs");require("./icon-B8PVq2O6.cjs");var r={name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:{name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et objekt med href, className, children og props. Standard er et vanlig <a>-element.`,type:`function`,required:!1,category:`tech`,reactOnly:!0}},slots:{default:{description:`Innholdet i lenken`}}},i=class extends n.t{constructor(...e){super(...e),this.href=r.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=r.props.target.default}render(){return e.p`<a
2
2
  class=${t.t({"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`,"pkt-link--external":this.external})}
3
3
  href=${this.href}
4
4
  .target=${this.target}
5
5
  .rel=${this.external?`noopener noreferrer`:e.d}
6
6
  >${this.iconName?e.p`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:``} <span>${n.n(this)}</span></a
7
- >`}};e.n([e.o({type:String,reflect:!0})],i.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`iconName`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`iconPosition`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`external`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`target`,void 0);try{e.s(`pkt-link`)(i)}catch{console.warn(`Forsøker å definere <pkt-link>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
7
+ >`}};e.n([e.o({type:String,reflect:!0})],i.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`iconName`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`iconPosition`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`external`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`target`,void 0);try{e.s(`pkt-link`)(i)}catch{console.warn(`Forsøker å definere <pkt-link>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
@@ -1,4 +1,4 @@
1
- const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const n=require(`./if-defined-LTjAScFG.cjs`);var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=`normal`}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `);return e.p`
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./element-with-slot-BY7Jc-q8.cjs");require("./icon-B8PVq2O6.cjs");const n=require("./if-defined-DrwbxQOj.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=`normal`}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `);return e.p`
2
2
  <a
3
3
  href=${this.href}
4
4
  class=${r}
@@ -10,4 +10,4 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./element-with-slot-Cmxb9h4
10
10
 
11
11
  <div class="pkt-linkcard__text">${t.n(this)}</div>
12
12
  </a>
13
- `}};e.n([e.o({type:String,reflect:!0})],r.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`iconName`,void 0),e.n([e.o({type:Boolean,reflect:!0})],r.prototype,`external`,void 0),e.n([e.o({type:Boolean,reflect:!0})],r.prototype,`openInNewTab`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`skin`,void 0);try{e.s(`pkt-linkcard`)(r)}catch{console.warn(`Forsøker å definere <pkt-linkcard>, men den er allerede definert`)}var i=r;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
13
+ `}};e.n([e.o({type:String,reflect:!0})],r.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`iconName`,void 0),e.n([e.o({type:Boolean,reflect:!0})],r.prototype,`external`,void 0),e.n([e.o({type:Boolean,reflect:!0})],r.prototype,`openInNewTab`,void 0),e.n([e.o({type:String,reflect:!0})],r.prototype,`skin`,void 0);try{e.s(`pkt-linkcard`)(r)}catch{console.warn(`Forsøker å definere <pkt-linkcard>, men den er allerede definert`)}var i=r;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
@@ -1,7 +1,7 @@
1
- import { n as e, o as t, p as n, s as r } from "./element-CduG0XyF.js";
2
- import { n as i, t as a } from "./element-with-slot-BVj9MXzi.js";
3
- import "./icon-LaKyBKON.js";
4
- import { t as o } from "./if-defined-VShASPdu.js";
1
+ import { n as e, o as t, p as n, s as r } from "./element-BoJrqauR.js";
2
+ import { n as i, t as a } from "./element-with-slot-mXLg8gg8.js";
3
+ import "./icon-DGFEIlco.js";
4
+ import { t as o } from "./if-defined-D0bnetLJ.js";
5
5
  //#region src/components/linkcard/linkcard.ts
6
6
  var s = class extends a {
7
7
  constructor(...e) {
@@ -1,4 +1,4 @@
1
- const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./repeat-CRRgmzVn.cjs`),i=require(`./utils-CjAbIttF.cjs`);var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e.fulltext||e.value+(e.label||``)+(e.prefix||``)).toLowerCase().includes(n))},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>t!==null&&e>=t,u=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>e.fulltext?.toLowerCase().includes(n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},d=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`Ingen treff i søket`}:a?{addValueText:null,userInfoMessage:`Verdien er allerede valgt`}:{addValueText:null,userInfoMessage:``}},f=e=>/^[\p{L} ]$/u.test(e),p=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},m=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},h=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},g=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),_=e=>{let t=e.nextElementSibling;t&&h(t)},v=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&h(e)}else r&&h(r)},y=e=>{let t=g(e);t[0]&&h(t[0])},b=e=>{let t=g(e),n=t[t.length-1];n&&h(n)},x=(e,t)=>{if(t.disabled)return;let n=g(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){h(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){h(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&h(n[0])},S=class extends e.t{constructor(...e){super(...e),this.id=i.n(),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=p(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}updated(e){(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}render(){return e.p`
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./if-defined-DrwbxQOj.cjs"),r=require("./repeat-DRnLAg0O.cjs"),i=require("./utils-63cRpWut.cjs");var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e.fulltext||e.value+(e.label||``)+(e.prefix||``)).toLowerCase().includes(n))},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>t!==null&&e>=t,u=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>e.fulltext?.toLowerCase().includes(n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},d=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`Ingen treff i søket`}:a?{addValueText:null,userInfoMessage:`Verdien er allerede valgt`}:{addValueText:null,userInfoMessage:``}},f=e=>/^[\p{L} ]$/u.test(e),p=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},m=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},h=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},g=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),_=e=>{let t=e.nextElementSibling;t&&h(t)},v=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&h(e)}else r&&h(r)},y=e=>{let t=g(e);t[0]&&h(t[0])},b=e=>{let t=g(e),n=t[t.length-1];n&&h(n)},x=(e,t)=>{if(t.disabled)return;let n=g(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){h(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){h(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&h(n[0])},S=class extends e.t{constructor(...e){super(...e),this.id=i.n(),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=p(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}updated(e){(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}render(){return e.p`
2
2
  <div
3
3
  class=${t.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
4
4
  role=${n.t(this._hasOptions?`listbox`:void 0)}
@@ -103,4 +103,4 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),
103
103
  role="searchbox"
104
104
  />
105
105
  </div>
106
- `:e.d}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose();break}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!g(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?b(this):r===`searchbox`||r===`new-option`?y(this):_(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)y(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else v(t,this,this.includeSearch);e.preventDefault();break;case`Home`:y(this),e.preventDefault();break;case`End`:b(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),f(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusFirstOrSelectedOption(){x(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=s(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=g(this),r=m(n,t);r>=0&&h(n[r])}};e.n([e.o({type:String})],S.prototype,`id`,void 0),e.n([e.o({type:String})],S.prototype,`label`,void 0),e.n([e.o({type:Array})],S.prototype,`options`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`is-open`})],S.prototype,`isOpen`,void 0),e.n([e.o({type:Boolean})],S.prototype,`disabled`,void 0),e.n([e.o({type:Boolean,attribute:`include-search`})],S.prototype,`includeSearch`,void 0),e.n([e.o({type:Boolean,attribute:`is-multi-select`})],S.prototype,`isMultiSelect`,void 0),e.n([e.o({type:Boolean,attribute:`allow-user-input`})],S.prototype,`allowUserInput`,void 0),e.n([e.o({type:Boolean,attribute:`max-is-reached`})],S.prototype,`maxIsReached`,void 0),e.n([e.o({type:String,attribute:`custom-user-input`})],S.prototype,`customUserInput`,void 0),e.n([e.o({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.o({type:String,attribute:`search-value`})],S.prototype,`searchValue`,void 0),e.n([e.o({type:Number,attribute:`max-length`})],S.prototype,`maxLength`,void 0),e.n([e.o({type:String,attribute:`user-message`})],S.prototype,`userMessage`,void 0),e.n([e.a()],S.prototype,`_filteredOptions`,void 0);try{e.s(`pkt-listbox`)(S)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var C=S;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
106
+ `:e.d}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose();break}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!g(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?b(this):r===`searchbox`||r===`new-option`?y(this):_(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)y(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else v(t,this,this.includeSearch);e.preventDefault();break;case`Home`:y(this),e.preventDefault();break;case`End`:b(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),f(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusFirstOrSelectedOption(){x(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=s(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=g(this),r=m(n,t);r>=0&&h(n[r])}};e.n([e.o({type:String})],S.prototype,`id`,void 0),e.n([e.o({type:String})],S.prototype,`label`,void 0),e.n([e.o({type:Array})],S.prototype,`options`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`is-open`})],S.prototype,`isOpen`,void 0),e.n([e.o({type:Boolean})],S.prototype,`disabled`,void 0),e.n([e.o({type:Boolean,attribute:`include-search`})],S.prototype,`includeSearch`,void 0),e.n([e.o({type:Boolean,attribute:`is-multi-select`})],S.prototype,`isMultiSelect`,void 0),e.n([e.o({type:Boolean,attribute:`allow-user-input`})],S.prototype,`allowUserInput`,void 0),e.n([e.o({type:Boolean,attribute:`max-is-reached`})],S.prototype,`maxIsReached`,void 0),e.n([e.o({type:String,attribute:`custom-user-input`})],S.prototype,`customUserInput`,void 0),e.n([e.o({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.o({type:String,attribute:`search-value`})],S.prototype,`searchValue`,void 0),e.n([e.o({type:Number,attribute:`max-length`})],S.prototype,`maxLength`,void 0),e.n([e.o({type:String,attribute:`user-message`})],S.prototype,`userMessage`,void 0),e.n([e.a()],S.prototype,`_filteredOptions`,void 0);try{e.s(`pkt-listbox`)(S)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var C=S;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
@@ -1,8 +1,8 @@
1
- import { a as e, d as t, n, o as r, p as i, r as a, s as o, t as s } from "./element-CduG0XyF.js";
2
- import { t as c } from "./class-map-DH9hlJny.js";
3
- import { t as l } from "./if-defined-VShASPdu.js";
4
- import { t as u } from "./repeat-CKIii8Mi.js";
5
- import { n as d } from "./utils-CUqCKGvp.js";
1
+ import { a as e, d as t, n, o as r, p as i, r as a, s as o, t as s } from "./element-BoJrqauR.js";
2
+ import { t as c } from "./class-map-CAQCRB1W.js";
3
+ import { t as l } from "./if-defined-D0bnetLJ.js";
4
+ import { t as u } from "./repeat-BH0cL82q.js";
5
+ import { n as d } from "./utils-BwF4QSrq.js";
6
6
  //#region ../../shared-utils/combobox/option-utils.ts
7
7
  var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, p = (e, t) => {
8
8
  if (!t) return -1;
@@ -1,7 +1,7 @@
1
- import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
2
- import { t as o } from "./class-map-DH9hlJny.js";
3
- import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
4
- import "./icon-LaKyBKON.js";
1
+ import { a as e, d as t, n, o as r, p as i, s as a } from "./element-BoJrqauR.js";
2
+ import { t as o } from "./class-map-CAQCRB1W.js";
3
+ import { n as s, t as c } from "./element-with-slot-mXLg8gg8.js";
4
+ import "./icon-DGFEIlco.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-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.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=`shapes`,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.p`<div
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs");require("./icon-B8PVq2O6.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=`shapes`,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.p`<div
2
2
  role="status"
3
3
  aria-live="polite"
4
4
  aria-busy=${this.isLoading?`true`:`false`}
@@ -13,4 +13,4 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),
13
13
  ${this.message&&e.p`<p>${this.message}</p>`}
14
14
  </div>`:e.d}
15
15
  <div class=${i}>${n.n(this)}</div>
16
- </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.n([e.o({type:Number})],i.prototype,`delay`,void 0),e.n([e.o({type:Boolean})],i.prototype,`inline`,void 0),e.n([e.o({type:Boolean})],i.prototype,`isLoading`,void 0),e.n([e.o({type:String})],i.prototype,`message`,void 0),e.n([e.o({type:String})],i.prototype,`size`,void 0),e.n([e.o({type:String})],i.prototype,`variant`,void 0),e.n([e.o({type:String})],i.prototype,`loadingAnimationPath`,void 0),e.n([e.a()],i.prototype,`_shouldDisplayLoader`,void 0);try{e.s(`pkt-loader`)(i)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
16
+ </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.n([e.o({type:Number})],i.prototype,`delay`,void 0),e.n([e.o({type:Boolean})],i.prototype,`inline`,void 0),e.n([e.o({type:Boolean})],i.prototype,`isLoading`,void 0),e.n([e.o({type:String})],i.prototype,`message`,void 0),e.n([e.o({type:String})],i.prototype,`size`,void 0),e.n([e.o({type:String})],i.prototype,`variant`,void 0),e.n([e.o({type:String})],i.prototype,`loadingAnimationPath`,void 0),e.n([e.a()],i.prototype,`_shouldDisplayLoader`,void 0);try{e.s(`pkt-loader`)(i)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
@@ -1,4 +1,4 @@
1
- const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`),r=require(`./classutils-CVTzKF0J.cjs`);require(`./icon-Dw6I0HDV.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:`Vue: 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=i.props.skin.default,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(){return e.p`<div class=${t.t({"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed})}>
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-B8PVq2O6.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:`Vue: 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=i.props.skin.default,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(){return e.p`<div class=${t.t({"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed})}>
2
2
  ${this.closable?e.p`<div class="pkt-messagebox__close">
3
3
  <button
4
4
  @click=${this.close}
@@ -10,4 +10,4 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),
10
10
  </div>`:e.d}
11
11
  ${this.title?e.p`<div class="pkt-messagebox__title">${this.title}</div>`:e.d}
12
12
  <div class="pkt-messagebox__text">${n.n(this)}</div>
13
- </div>`}};e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closable`,void 0),e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0);try{e.s(`pkt-messagebox`)(a)}catch{console.warn(`Forsøker å definere <pkt-messagebox>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
13
+ </div>`}};e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closable`,void 0),e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0);try{e.s(`pkt-messagebox`)(a)}catch{console.warn(`Forsøker å definere <pkt-messagebox>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
@@ -1,8 +1,8 @@
1
- import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
2
- import { t as o } from "./class-map-DH9hlJny.js";
3
- import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
4
- import { t as l } from "./classutils-lVbGcvjN.js";
5
- import "./icon-LaKyBKON.js";
1
+ import { a as e, d as t, n, o as r, p as i, s as a } from "./element-BoJrqauR.js";
2
+ import { t as o } from "./class-map-CAQCRB1W.js";
3
+ import { n as s, t as c } from "./element-with-slot-mXLg8gg8.js";
4
+ import { t as l } from "./classutils-DcYnSgfc.js";
5
+ import "./icon-DGFEIlco.js";
6
6
  var u = {
7
7
  name: "pkt-messagebox",
8
8
  react: "PktMessagebox",
@@ -1,8 +1,8 @@
1
- import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
2
- import { t as o } from "./class-map-DH9hlJny.js";
3
- import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
4
- import "./icon-LaKyBKON.js";
5
- import { n as l, t as u } from "./ref-BgoHEsEt.js";
1
+ import { a as e, d as t, n, o as r, p as i, s as a } from "./element-BoJrqauR.js";
2
+ import { t as o } from "./class-map-CAQCRB1W.js";
3
+ import { n as s, t as c } from "./element-with-slot-mXLg8gg8.js";
4
+ import "./icon-DGFEIlco.js";
5
+ import { n as l, t as u } from "./ref-WGS0u7i2.js";
6
6
  //#region ../../shared-utils/modal-scroll-lock.ts
7
7
  var d = "pkt-modal--open", f = "data-pkt-modal-open-count", p = () => {
8
8
  let e = document.body.getAttribute(f), t = e ? parseInt(e, 10) : 0;
@@ -132,7 +132,7 @@ var d = "pkt-modal--open", f = "data-pkt-modal-open-count", p = () => {
132
132
  super.updated(e), e.has("open") && (this.open && !this._isOpen ? this.showModal() : !this.open && this._isOpen && this.close(new Event("close"), !1));
133
133
  }
134
134
  async firstUpdated(e) {
135
- super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-0dVT8G1o.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
135
+ super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-ChZRzCVh.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
136
136
  this.close(new Event("close"), !0);
137
137
  }));
138
138
  }
@@ -1,4 +1,4 @@
1
- const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./ref-CBdWMlde.cjs`);var i=`pkt-modal--open`,a=`data-pkt-modal-open-count`,o=()=>{let e=document.body.getAttribute(a),t=e?parseInt(e,10):0;return Number.isFinite(t)&&t>0?t:0},s=e=>{e<=0?(document.body.removeAttribute(a),document.body.classList.remove(i)):(document.body.setAttribute(a,String(e)),document.body.classList.add(i))},c=e=>{e.locked||(e.locked=!0,s(o()+1))},l=e=>{e.locked&&(e.locked=!1,s(o()-1))},u=()=>({locked:!1}),d={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.`}}},f=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=d.props.hideCloseButton.default,this.closeOnBackdropClick=d.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=d.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._scrollLockToken=u(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,l(this._scrollLockToken);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(),c(this._scrollLockToken),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),l(this._scrollLockToken)}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-CYs2AHP1.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.p`
1
+ const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs");require("./icon-B8PVq2O6.cjs");const r=require("./ref-DO7TzO4O.cjs");var i=`pkt-modal--open`,a=`data-pkt-modal-open-count`,o=()=>{let e=document.body.getAttribute(a),t=e?parseInt(e,10):0;return Number.isFinite(t)&&t>0?t:0},s=e=>{e<=0?(document.body.removeAttribute(a),document.body.classList.remove(i)):(document.body.setAttribute(a,String(e)),document.body.classList.add(i))},c=e=>{e.locked||(e.locked=!0,s(o()+1))},l=e=>{e.locked&&(e.locked=!1,s(o()-1))},u=()=>({locked:!1}),d={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.`}}},f=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=d.props.hideCloseButton.default,this.closeOnBackdropClick=d.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=d.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._scrollLockToken=u(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,l(this._scrollLockToken);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(),c(this._scrollLockToken),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),l(this._scrollLockToken)}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-J-GKtwrS.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.p`
2
2
  <dialog
3
3
  class=${t.t(i)}
4
4
  ${r.n(this.dialogRef)}
@@ -32,4 +32,4 @@ const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),
32
32
  </div>
33
33
  </div>
34
34
  </dialog>
35
- `}};e.n([e.o({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.n([e.o({type:String})],f.prototype,`headingText`,void 0),e.n([e.o({type:Boolean})],f.prototype,`removePadding`,void 0),e.n([e.o({type:Boolean})],f.prototype,`hideCloseButton`,void 0),e.n([e.o({type:Boolean})],f.prototype,`closeOnBackdropClick`,void 0),e.n([e.o({type:String})],f.prototype,`closeButtonSkin`,void 0),e.n([e.o({type:String})],f.prototype,`size`,void 0),e.n([e.o({type:String})],f.prototype,`variant`,void 0),e.n([e.o({type:String})],f.prototype,`drawerPosition`,void 0),e.n([e.o({type:Boolean})],f.prototype,`transparentBackdrop`,void 0),e.n([e.a()],f.prototype,`_isOpen`,void 0);try{e.s(`pkt-modal`)(f)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
35
+ `}};e.n([e.o({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.n([e.o({type:String})],f.prototype,`headingText`,void 0),e.n([e.o({type:Boolean})],f.prototype,`removePadding`,void 0),e.n([e.o({type:Boolean})],f.prototype,`hideCloseButton`,void 0),e.n([e.o({type:Boolean})],f.prototype,`closeOnBackdropClick`,void 0),e.n([e.o({type:String})],f.prototype,`closeButtonSkin`,void 0),e.n([e.o({type:String})],f.prototype,`size`,void 0),e.n([e.o({type:String})],f.prototype,`variant`,void 0),e.n([e.o({type:String})],f.prototype,`drawerPosition`,void 0),e.n([e.o({type:Boolean})],f.prototype,`transparentBackdrop`,void 0),e.n([e.a()],f.prototype,`_isOpen`,void 0);try{e.s(`pkt-modal`)(f)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./accordion-DaeWPWod.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-FISAiAbX.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-BjYsEbSM.js";
1
+ import { n as e, r as t, t as n } from "./accordion-CBdIk9gw.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-C8OpU_Un.cjs`);exports.PktAlert=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-B8dLsiTz.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-B5Y841vH.js";
1
+ import { n as e, t } from "./alert-HHTGY0sp.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-C42-3OG3.cjs`);exports.PktBackLink=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-DDGlLzk9.cjs");exports.PktBackLink=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./backlink-BXAdgAte.js";
1
+ import { n as e, t } from "./backlink-wMNLuQ0X.js";
2
2
  export { e as PktBackLink, t as default };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./breadcrumbs-CkjeLh3U.cjs`);exports.PktBreadcrumbs=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-D3tfWqvC.cjs");exports.PktBreadcrumbs=e.t;
@@ -1,2 +1,2 @@
1
- import { t as e } from "./breadcrumbs-Dkb9TxMp.js";
1
+ import { t as e } from "./breadcrumbs-CVTLNNsL.js";
2
2
  export { e as PktBreadcrumbs };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./button-Bqk9wjme.cjs`);exports.PktButton=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-B5tQpKeG.cjs");exports.PktButton=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./button-CAZEaEW9.js";
1
+ import { n as e, t } from "./button-C_YzTSuU.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-64LmbIdR.cjs`);exports.PktCalendar=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-DIzGBdbh.cjs");exports.PktCalendar=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./calendar-CRIp36hn.js";
1
+ import { n as e, t } from "./calendar-CjlUA-Lb.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-C__IlsUa.cjs`);exports.PktCard=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-BSZs5lRF.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-5PydU247.js";
1
+ import { n as e, t } from "./card-D3jVkwxJ.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-DzMc0AJX.cjs`);exports.PktCheckbox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-DfIvuwAj.cjs");exports.PktCheckbox=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./checkbox-CC1X7fw4.js";
1
+ import { n as e, t } from "./checkbox-D3uflJEb.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-DJITmrnM.cjs`);exports.PktCombobox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-BhIqExJZ.cjs");exports.PktCombobox=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./combobox-BuBvoK-N.js";
1
+ import { n as e, t } from "./combobox-B9YSsRZB.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-DkCihETp.cjs`);exports.PktConsent=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./consent-X3wvhteO.cjs");exports.PktConsent=e.n,exports.default=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./consent-CCesjQ_e.js";
1
+ import { n as e, t } from "./consent-D5sY6JK3.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-ChEi_INm.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-DXxTiHJd.cjs");var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;