@postnord/pn-marketweb-components 4.3.6 → 4.3.7

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 (417) hide show
  1. package/cjs/{convert-9361e443.js → convert-aa209554.js} +27 -17
  2. package/cjs/convert-aa209554.js.map +1 -0
  3. package/cjs/pn-find-price.cjs.entry.js +1 -1
  4. package/cjs/pn-find-service-and-price.cjs.entry.js +1 -1
  5. package/cjs/pn-product-pricelist.cjs.entry.js +1 -1
  6. package/cjs/pn-teaser-card.cjs.entry.js +1 -1
  7. package/cjs/pn-teaser-card.cjs.entry.js.map +1 -1
  8. package/collection/components/cards/pn-teaser-card/pn-teaser-card.css +2 -2
  9. package/components/convert.js +26 -16
  10. package/components/convert.js.map +1 -1
  11. package/components/pn-teaser-card.js +1 -1
  12. package/components/pn-teaser-card.js.map +1 -1
  13. package/esm/{convert-ecca01b6.js → convert-a9a18794.js} +27 -17
  14. package/esm/convert-a9a18794.js.map +1 -0
  15. package/esm/pn-find-price.entry.js +1 -1
  16. package/esm/pn-find-service-and-price.entry.js +1 -1
  17. package/esm/pn-product-pricelist.entry.js +1 -1
  18. package/esm/pn-teaser-card.entry.js +1 -1
  19. package/esm/pn-teaser-card.entry.js.map +1 -1
  20. package/package.json +1 -1
  21. package/pn-market-web-components/p-00e6bb4b.js +2 -0
  22. package/pn-market-web-components/p-00e6bb4b.js.map +1 -0
  23. package/pn-market-web-components/{p-c4059cc1.entry.js → p-181e40ee.entry.js} +2 -2
  24. package/pn-market-web-components/{p-6d263c6e.entry.js → p-96d81eb2.entry.js} +2 -2
  25. package/pn-market-web-components/p-96d81eb2.entry.js.map +1 -0
  26. package/pn-market-web-components/{p-f8ccc718.entry.js → p-a0d7154f.entry.js} +2 -2
  27. package/pn-market-web-components/{p-413afe7c.entry.js → p-c18154a4.entry.js} +2 -2
  28. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  29. package/umd/modules/@postnord/web-components/cem.json +12220 -0
  30. package/umd/modules/@postnord/web-components/cjs/{index-CfUQZtlH.js → index-DWu-2oJc.js} +144 -85
  31. package/umd/modules/@postnord/web-components/cjs/{index-CNdVg5VI.js → index-vOySuOUW.js} +1 -1
  32. package/umd/modules/@postnord/web-components/cjs/index.cjs.js +18 -16
  33. package/umd/modules/@postnord/web-components/cjs/loader.cjs.js +2 -2
  34. package/umd/modules/@postnord/web-components/cjs/pn-accordion-row.cjs.entry.js +2 -2
  35. package/umd/modules/@postnord/web-components/cjs/pn-accordion.cjs.entry.js +5 -4
  36. package/umd/modules/@postnord/web-components/cjs/pn-action-menu.cjs.entry.js +6 -6
  37. package/umd/modules/@postnord/web-components/cjs/pn-button-dropdown.cjs.entry.js +1 -1
  38. package/umd/modules/@postnord/web-components/cjs/pn-button_2.cjs.entry.js +3 -3
  39. package/umd/modules/@postnord/web-components/cjs/pn-card.cjs.entry.js +4 -4
  40. package/umd/modules/@postnord/web-components/cjs/pn-checkbox.cjs.entry.js +63 -21
  41. package/umd/modules/@postnord/web-components/cjs/pn-choice-chip.cjs.entry.js +38 -18
  42. package/umd/modules/@postnord/web-components/cjs/pn-counter.cjs.entry.js +71 -37
  43. package/umd/modules/@postnord/web-components/cjs/pn-date-picker.cjs.entry.js +185 -103
  44. package/umd/modules/@postnord/web-components/cjs/pn-fieldset.cjs.entry.js +33 -27
  45. package/umd/modules/@postnord/web-components/cjs/pn-file-upload.cjs.entry.js +73 -42
  46. package/umd/modules/@postnord/web-components/cjs/pn-footer.cjs.entry.js +2 -2
  47. package/umd/modules/@postnord/web-components/cjs/pn-header.cjs.entry.js +2 -2
  48. package/umd/modules/@postnord/web-components/cjs/pn-icon_2.cjs.entry.js +8 -10
  49. package/umd/modules/@postnord/web-components/cjs/pn-illustration.cjs.entry.js +3 -3
  50. package/umd/modules/@postnord/web-components/cjs/pn-input.cjs.entry.js +122 -89
  51. package/umd/modules/@postnord/web-components/cjs/pn-modal.cjs.entry.js +24 -12
  52. package/umd/modules/@postnord/web-components/cjs/pn-multiselect.cjs.entry.js +136 -52
  53. package/umd/modules/@postnord/web-components/cjs/pn-ocr-search.cjs.entry.js +2 -2
  54. package/umd/modules/@postnord/web-components/cjs/pn-page-nav-dropdown-item.cjs.entry.js +3 -3
  55. package/umd/modules/@postnord/web-components/cjs/pn-page-nav-item.cjs.entry.js +3 -3
  56. package/umd/modules/@postnord/web-components/cjs/pn-page-nav.cjs.entry.js +3 -3
  57. package/umd/modules/@postnord/web-components/cjs/pn-pagination.cjs.entry.js +4 -4
  58. package/umd/modules/@postnord/web-components/cjs/pn-progress-bar.cjs.entry.js +2 -2
  59. package/umd/modules/@postnord/web-components/cjs/pn-progress-indicator-step.cjs.entry.js +3 -3
  60. package/umd/modules/@postnord/web-components/cjs/pn-progress-indicator.cjs.entry.js +3 -3
  61. package/umd/modules/@postnord/web-components/cjs/pn-progress-stepper.cjs.entry.js +2 -2
  62. package/umd/modules/@postnord/web-components/cjs/pn-radio-button.cjs.entry.js +61 -20
  63. package/umd/modules/@postnord/web-components/cjs/pn-range.cjs.entry.js +88 -43
  64. package/umd/modules/@postnord/web-components/cjs/pn-read-only-button.cjs.entry.js +1 -1
  65. package/umd/modules/@postnord/web-components/cjs/pn-search-field.cjs.entry.js +42 -25
  66. package/umd/modules/@postnord/web-components/cjs/pn-segment.cjs.entry.js +16 -11
  67. package/umd/modules/@postnord/web-components/cjs/pn-segmented-control.cjs.entry.js +21 -21
  68. package/umd/modules/@postnord/web-components/cjs/pn-select.cjs.entry.js +90 -35
  69. package/umd/modules/@postnord/web-components/cjs/pn-tab.cjs.entry.js +15 -10
  70. package/umd/modules/@postnord/web-components/cjs/pn-table.cjs.entry.js +1 -1
  71. package/umd/modules/@postnord/web-components/cjs/pn-tablist.cjs.entry.js +5 -4
  72. package/umd/modules/@postnord/web-components/cjs/pn-text-link.cjs.entry.js +2 -2
  73. package/umd/modules/@postnord/web-components/cjs/pn-textarea.cjs.entry.js +88 -34
  74. package/umd/modules/@postnord/web-components/cjs/pn-tile.cjs.entry.js +3 -3
  75. package/umd/modules/@postnord/web-components/cjs/pn-toast.cjs.entry.js +5 -5
  76. package/umd/modules/@postnord/web-components/cjs/pn-toggle-switch.cjs.entry.js +56 -20
  77. package/umd/modules/@postnord/web-components/cjs/pn-tooltip.cjs.entry.js +2 -2
  78. package/umd/modules/@postnord/web-components/cjs/pn-wizard.cjs.entry.js +71 -49
  79. package/umd/modules/@postnord/web-components/cjs/pn-zipcode-search.cjs.entry.js +3 -3
  80. package/umd/modules/@postnord/web-components/cjs/postnord-web-components.cjs.js +3 -3
  81. package/umd/modules/@postnord/web-components/collection/collection-manifest.json +4 -1
  82. package/umd/modules/@postnord/web-components/collection/components/buttons/pn-action-menu/pn-action-menu.css +1 -10
  83. package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion/pn-accordion.js +5 -4
  84. package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-icon/pn-icon.css +13 -9
  85. package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-icon/pn-icon.js +12 -14
  86. package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-illustration/pn-illustration.css +6 -2
  87. package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-illustration/pn-illustration.js +7 -1
  88. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.css +4 -1
  89. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.js +71 -13
  90. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-bar/pn-progress-bar.js +1 -1
  91. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.js +1 -1
  92. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-indicator/pn-progress-indicator.js +1 -1
  93. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-stepper/pn-progress-stepper.js +1 -1
  94. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-spinner/pn-spinner.js +1 -1
  95. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-toast/pn-toast.js +1 -1
  96. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-tooltip/pn-tooltip.js +1 -1
  97. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-wizard/pn-wizard.css +5 -5
  98. package/umd/modules/@postnord/web-components/collection/components/feedback/pn-wizard/pn-wizard.js +70 -45
  99. package/umd/modules/@postnord/web-components/collection/components/input/pn-checkbox/pn-checkbox.css +3 -1
  100. package/umd/modules/@postnord/web-components/collection/components/input/pn-checkbox/pn-checkbox.js +213 -52
  101. package/umd/modules/@postnord/web-components/collection/components/input/pn-choice-chip/pn-choice-chip.css +1 -1
  102. package/umd/modules/@postnord/web-components/collection/components/input/pn-choice-chip/pn-choice-chip.js +128 -68
  103. package/umd/modules/@postnord/web-components/collection/components/input/pn-counter/pn-counter.js +305 -154
  104. package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/pn-date-picker.js +562 -275
  105. package/umd/modules/@postnord/web-components/collection/components/input/pn-fieldset/pn-fieldset.css +21 -16
  106. package/umd/modules/@postnord/web-components/collection/components/input/pn-fieldset/pn-fieldset.js +114 -54
  107. package/umd/modules/@postnord/web-components/collection/components/input/pn-file-upload/pn-file-upload.css +37 -50
  108. package/umd/modules/@postnord/web-components/collection/components/input/pn-file-upload/pn-file-upload.js +159 -97
  109. package/umd/modules/@postnord/web-components/collection/components/input/pn-file-upload/translation.js +7 -0
  110. package/umd/modules/@postnord/web-components/collection/components/input/pn-input/pn-input.css +1 -1
  111. package/umd/modules/@postnord/web-components/collection/components/input/pn-input/pn-input.js +415 -264
  112. package/umd/modules/@postnord/web-components/collection/components/input/pn-multiselect/pn-multiselect.css +13 -24
  113. package/umd/modules/@postnord/web-components/collection/components/input/pn-multiselect/pn-multiselect.js +316 -131
  114. package/umd/modules/@postnord/web-components/collection/components/input/pn-radio-button/pn-radio-button.css +3 -1
  115. package/umd/modules/@postnord/web-components/collection/components/input/pn-radio-button/pn-radio-button.js +223 -63
  116. package/umd/modules/@postnord/web-components/collection/components/input/pn-range/pn-range.css +3 -0
  117. package/umd/modules/@postnord/web-components/collection/components/input/pn-range/pn-range.js +357 -191
  118. package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.css +6 -9
  119. package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.js +177 -90
  120. package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/pn-segmented-control.css +1 -1
  121. package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/pn-segmented-control.js +24 -24
  122. package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/segment/pn-segment.js +84 -37
  123. package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.css +18 -14
  124. package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.js +237 -90
  125. package/umd/modules/@postnord/web-components/collection/components/input/pn-textarea/pn-textarea.css +6 -5
  126. package/umd/modules/@postnord/web-components/collection/components/input/pn-textarea/pn-textarea.js +255 -115
  127. package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.css +5 -3
  128. package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.js +216 -68
  129. package/umd/modules/@postnord/web-components/collection/components/layout/pn-header/pn-header.js +1 -1
  130. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-card/pn-card.css +2 -2
  131. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-card/pn-card.js +1 -1
  132. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-footer/pn-footer.js +1 -1
  133. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.js +1 -1
  134. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.js +1 -1
  135. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/menu/pn-page-nav.js +1 -1
  136. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-pagination/pn-pagination.js +1 -1
  137. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tablist.js +4 -3
  138. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/tab/pn-tab.css +3 -3
  139. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/tab/pn-tab.js +11 -6
  140. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-text-link/pn-text-link.js +1 -1
  141. package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tile/pn-tile.js +1 -1
  142. package/umd/modules/@postnord/web-components/collection/components/web-components/pn-ocr-search/pn-ocr-search.js +1 -1
  143. package/umd/modules/@postnord/web-components/collection/components/web-components/pn-zipcode-search/pn-zipcode-search.js +1 -1
  144. package/umd/modules/@postnord/web-components/collection/globals/helpers.js +16 -14
  145. package/umd/modules/@postnord/web-components/components/helpers.js +1 -1
  146. package/umd/modules/@postnord/web-components/components/pn-accordion.js +1 -1
  147. package/umd/modules/@postnord/web-components/components/pn-action-menu.js +1 -1
  148. package/umd/modules/@postnord/web-components/components/pn-card.js +1 -1
  149. package/umd/modules/@postnord/web-components/components/pn-checkbox.js +1 -1
  150. package/umd/modules/@postnord/web-components/components/pn-choice-chip.js +1 -1
  151. package/umd/modules/@postnord/web-components/components/pn-counter.js +1 -1
  152. package/umd/modules/@postnord/web-components/components/pn-date-picker.js +1 -1
  153. package/umd/modules/@postnord/web-components/components/pn-fieldset.js +1 -1
  154. package/umd/modules/@postnord/web-components/components/pn-file-upload.js +1 -1
  155. package/umd/modules/@postnord/web-components/components/pn-footer.js +1 -1
  156. package/umd/modules/@postnord/web-components/components/pn-header.js +1 -1
  157. package/umd/modules/@postnord/web-components/components/pn-icon2.js +1 -1
  158. package/umd/modules/@postnord/web-components/components/pn-illustration2.js +1 -1
  159. package/umd/modules/@postnord/web-components/components/pn-input2.js +1 -1
  160. package/umd/modules/@postnord/web-components/components/pn-modal.js +1 -1
  161. package/umd/modules/@postnord/web-components/components/pn-multiselect.js +1 -1
  162. package/umd/modules/@postnord/web-components/components/pn-ocr-search.js +1 -1
  163. package/umd/modules/@postnord/web-components/components/pn-page-nav-dropdown-item.js +1 -1
  164. package/umd/modules/@postnord/web-components/components/pn-page-nav-item.js +1 -1
  165. package/umd/modules/@postnord/web-components/components/pn-page-nav.js +1 -1
  166. package/umd/modules/@postnord/web-components/components/pn-pagination.js +1 -1
  167. package/umd/modules/@postnord/web-components/components/pn-progress-bar2.js +1 -1
  168. package/umd/modules/@postnord/web-components/components/pn-progress-indicator-step.js +1 -1
  169. package/umd/modules/@postnord/web-components/components/pn-progress-indicator.js +1 -1
  170. package/umd/modules/@postnord/web-components/components/pn-progress-stepper2.js +1 -1
  171. package/umd/modules/@postnord/web-components/components/pn-radio-button.js +1 -1
  172. package/umd/modules/@postnord/web-components/components/pn-range.js +1 -1
  173. package/umd/modules/@postnord/web-components/components/pn-search-field2.js +1 -1
  174. package/umd/modules/@postnord/web-components/components/pn-segment.js +1 -1
  175. package/umd/modules/@postnord/web-components/components/pn-segmented-control.js +1 -1
  176. package/umd/modules/@postnord/web-components/components/pn-select2.js +1 -1
  177. package/umd/modules/@postnord/web-components/components/pn-spinner2.js +1 -1
  178. package/umd/modules/@postnord/web-components/components/pn-tab.js +1 -1
  179. package/umd/modules/@postnord/web-components/components/pn-tablist.js +1 -1
  180. package/umd/modules/@postnord/web-components/components/pn-text-link2.js +1 -1
  181. package/umd/modules/@postnord/web-components/components/pn-textarea.js +1 -1
  182. package/umd/modules/@postnord/web-components/components/pn-tile.js +1 -1
  183. package/umd/modules/@postnord/web-components/components/pn-toast.js +1 -1
  184. package/umd/modules/@postnord/web-components/components/pn-toggle-switch.js +1 -1
  185. package/umd/modules/@postnord/web-components/components/pn-tooltip.js +1 -1
  186. package/umd/modules/@postnord/web-components/components/pn-wizard.js +1 -1
  187. package/umd/modules/@postnord/web-components/components/pn-zipcode-search.js +1 -1
  188. package/umd/modules/@postnord/web-components/esm/{index-CosyroON.js → index-DyhO6xPY.js} +1 -1
  189. package/umd/modules/@postnord/web-components/esm/{index-CAEP792y.js → index-XKg-ydzH.js} +144 -85
  190. package/umd/modules/@postnord/web-components/esm/index.js +19 -17
  191. package/umd/modules/@postnord/web-components/esm/loader.js +3 -3
  192. package/umd/modules/@postnord/web-components/esm/pn-accordion-row.entry.js +2 -2
  193. package/umd/modules/@postnord/web-components/esm/pn-accordion.entry.js +5 -4
  194. package/umd/modules/@postnord/web-components/esm/pn-action-menu.entry.js +6 -6
  195. package/umd/modules/@postnord/web-components/esm/pn-button-dropdown.entry.js +1 -1
  196. package/umd/modules/@postnord/web-components/esm/pn-button_2.entry.js +3 -3
  197. package/umd/modules/@postnord/web-components/esm/pn-card.entry.js +4 -4
  198. package/umd/modules/@postnord/web-components/esm/pn-checkbox.entry.js +63 -21
  199. package/umd/modules/@postnord/web-components/esm/pn-choice-chip.entry.js +38 -18
  200. package/umd/modules/@postnord/web-components/esm/pn-counter.entry.js +71 -37
  201. package/umd/modules/@postnord/web-components/esm/pn-date-picker.entry.js +185 -103
  202. package/umd/modules/@postnord/web-components/esm/pn-fieldset.entry.js +33 -27
  203. package/umd/modules/@postnord/web-components/esm/pn-file-upload.entry.js +73 -42
  204. package/umd/modules/@postnord/web-components/esm/pn-footer.entry.js +2 -2
  205. package/umd/modules/@postnord/web-components/esm/pn-header.entry.js +2 -2
  206. package/umd/modules/@postnord/web-components/esm/pn-icon_2.entry.js +8 -10
  207. package/umd/modules/@postnord/web-components/esm/pn-illustration.entry.js +3 -3
  208. package/umd/modules/@postnord/web-components/esm/pn-input.entry.js +122 -89
  209. package/umd/modules/@postnord/web-components/esm/pn-modal.entry.js +24 -12
  210. package/umd/modules/@postnord/web-components/esm/pn-multiselect.entry.js +137 -53
  211. package/umd/modules/@postnord/web-components/esm/pn-ocr-search.entry.js +2 -2
  212. package/umd/modules/@postnord/web-components/esm/pn-page-nav-dropdown-item.entry.js +3 -3
  213. package/umd/modules/@postnord/web-components/esm/pn-page-nav-item.entry.js +3 -3
  214. package/umd/modules/@postnord/web-components/esm/pn-page-nav.entry.js +3 -3
  215. package/umd/modules/@postnord/web-components/esm/pn-pagination.entry.js +4 -4
  216. package/umd/modules/@postnord/web-components/esm/pn-progress-bar.entry.js +2 -2
  217. package/umd/modules/@postnord/web-components/esm/pn-progress-indicator-step.entry.js +3 -3
  218. package/umd/modules/@postnord/web-components/esm/pn-progress-indicator.entry.js +3 -3
  219. package/umd/modules/@postnord/web-components/esm/pn-progress-stepper.entry.js +2 -2
  220. package/umd/modules/@postnord/web-components/esm/pn-radio-button.entry.js +61 -20
  221. package/umd/modules/@postnord/web-components/esm/pn-range.entry.js +88 -43
  222. package/umd/modules/@postnord/web-components/esm/pn-read-only-button.entry.js +1 -1
  223. package/umd/modules/@postnord/web-components/esm/pn-search-field.entry.js +42 -25
  224. package/umd/modules/@postnord/web-components/esm/pn-segment.entry.js +16 -11
  225. package/umd/modules/@postnord/web-components/esm/pn-segmented-control.entry.js +21 -21
  226. package/umd/modules/@postnord/web-components/esm/pn-select.entry.js +90 -35
  227. package/umd/modules/@postnord/web-components/esm/pn-tab.entry.js +15 -10
  228. package/umd/modules/@postnord/web-components/esm/pn-table.entry.js +1 -1
  229. package/umd/modules/@postnord/web-components/esm/pn-tablist.entry.js +5 -4
  230. package/umd/modules/@postnord/web-components/esm/pn-text-link.entry.js +2 -2
  231. package/umd/modules/@postnord/web-components/esm/pn-textarea.entry.js +88 -34
  232. package/umd/modules/@postnord/web-components/esm/pn-tile.entry.js +3 -3
  233. package/umd/modules/@postnord/web-components/esm/pn-toast.entry.js +5 -5
  234. package/umd/modules/@postnord/web-components/esm/pn-toggle-switch.entry.js +56 -20
  235. package/umd/modules/@postnord/web-components/esm/pn-tooltip.entry.js +2 -2
  236. package/umd/modules/@postnord/web-components/esm/pn-wizard.entry.js +71 -49
  237. package/umd/modules/@postnord/web-components/esm/pn-zipcode-search.entry.js +3 -3
  238. package/umd/modules/@postnord/web-components/esm/postnord-web-components.js +4 -4
  239. package/umd/modules/@postnord/web-components/hydrate/index.js +1715 -940
  240. package/umd/modules/@postnord/web-components/hydrate/index.mjs +1715 -940
  241. package/umd/modules/@postnord/web-components/node_modules/@rollup/rollup-linux-x64-gnu/package.json +1 -1
  242. package/umd/modules/@postnord/web-components/node_modules/@rollup/rollup-linux-x64-gnu/rollup.linux-x64-gnu.node +0 -0
  243. package/umd/modules/@postnord/web-components/node_modules/@rollup/rollup-linux-x64-musl/package.json +1 -1
  244. package/umd/modules/@postnord/web-components/node_modules/@rollup/rollup-linux-x64-musl/rollup.linux-x64-musl.node +0 -0
  245. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/cli/index.cjs +3 -2
  246. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/cli/index.js +3 -2
  247. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/cli/package.json +1 -1
  248. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/compiler/package.json +1 -1
  249. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/compiler/stencil.js +3312 -561
  250. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/client/index.js +1 -1
  251. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/client/package.json +1 -1
  252. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/connector.html +2 -2
  253. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/index.js +1 -1
  254. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/package.json +1 -1
  255. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/server-process.js +2 -2
  256. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/app-data/package.json +1 -1
  257. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/app-globals/package.json +1 -1
  258. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/index.js +246 -179
  259. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/package.json +1 -1
  260. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/patch-browser.js +1 -1
  261. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/shadow-css.js +1 -1
  262. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/hydrate/index.js +245 -180
  263. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/hydrate/package.json +1 -1
  264. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/hydrate/runner.js +59 -22
  265. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/package.json +1 -1
  266. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-core/index.d.ts +1 -0
  267. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-ext-modules.d.ts +1 -1
  268. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-private.d.ts +49 -0
  269. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-public-compiler.d.ts +51 -1
  270. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-public-docs.d.ts +26 -0
  271. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-public-runtime.d.ts +23 -2
  272. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/index.js +238 -169
  273. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/package.json +1 -1
  274. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/index.cjs +59 -22
  275. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/index.d.ts +12 -3
  276. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/index.js +59 -22
  277. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/package.json +1 -1
  278. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/package.json +10 -10
  279. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/screenshot/index.js +1 -1
  280. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/screenshot/package.json +1 -1
  281. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/screenshot/pixel-match.js +1 -1
  282. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/460.node-fetch.js +3 -3
  283. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/autoprefixer.js +2 -2
  284. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/glob.js +1 -1
  285. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/graceful-fs.js +1 -1
  286. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/index.js +32 -32
  287. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/node-fetch.js +4 -4
  288. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/package.json +1 -1
  289. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/prompts.js +1 -1
  290. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/worker.js +1 -1
  291. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/testing/index.js +33 -1
  292. package/umd/modules/@postnord/web-components/node_modules/@stencil/core/testing/package.json +1 -1
  293. package/umd/modules/@postnord/web-components/package.json +16 -16
  294. package/umd/modules/@postnord/web-components/postnord-web-components/index.esm.js +1 -1
  295. package/umd/modules/@postnord/web-components/postnord-web-components/{p-ea50ecd2.entry.js → p-020ee3f4.entry.js} +1 -1
  296. package/umd/modules/@postnord/web-components/postnord-web-components/p-060b6ad2.entry.js +5 -0
  297. package/umd/modules/@postnord/web-components/postnord-web-components/p-0bf70d44.entry.js +5 -0
  298. package/umd/modules/@postnord/web-components/postnord-web-components/p-1ec52623.entry.js +5 -0
  299. package/umd/modules/@postnord/web-components/postnord-web-components/p-27c71f60.entry.js +5 -0
  300. package/umd/modules/@postnord/web-components/postnord-web-components/p-292a7591.entry.js +5 -0
  301. package/umd/modules/@postnord/web-components/postnord-web-components/{p-3d2cac86.entry.js → p-3709c995.entry.js} +1 -1
  302. package/umd/modules/@postnord/web-components/postnord-web-components/p-3db02038.entry.js +5 -0
  303. package/umd/modules/@postnord/web-components/postnord-web-components/{p-2f4ad4a4.entry.js → p-4b9fb0fc.entry.js} +1 -1
  304. package/umd/modules/@postnord/web-components/postnord-web-components/p-506a801d.entry.js +5 -0
  305. package/umd/modules/@postnord/web-components/postnord-web-components/p-518651ad.entry.js +5 -0
  306. package/umd/modules/@postnord/web-components/postnord-web-components/p-54917d9f.entry.js +5 -0
  307. package/umd/modules/@postnord/web-components/postnord-web-components/p-56ade97b.entry.js +5 -0
  308. package/umd/modules/@postnord/web-components/postnord-web-components/p-64207923.entry.js +5 -0
  309. package/umd/modules/@postnord/web-components/postnord-web-components/p-665af57e.entry.js +5 -0
  310. package/umd/modules/@postnord/web-components/postnord-web-components/p-6d85c967.entry.js +5 -0
  311. package/umd/modules/@postnord/web-components/postnord-web-components/p-6e407015.entry.js +5 -0
  312. package/umd/modules/@postnord/web-components/postnord-web-components/{p-01ac1c67.entry.js → p-720b8b90.entry.js} +1 -1
  313. package/umd/modules/@postnord/web-components/postnord-web-components/p-7aea3de5.entry.js +5 -0
  314. package/umd/modules/@postnord/web-components/postnord-web-components/p-7b6ae520.entry.js +5 -0
  315. package/umd/modules/@postnord/web-components/postnord-web-components/p-83d02093.entry.js +5 -0
  316. package/umd/modules/@postnord/web-components/postnord-web-components/p-88344f8d.entry.js +5 -0
  317. package/umd/modules/@postnord/web-components/postnord-web-components/{p-3c96cb61.entry.js → p-895acf7f.entry.js} +1 -1
  318. package/umd/modules/@postnord/web-components/postnord-web-components/p-8cedf2e0.entry.js +5 -0
  319. package/umd/modules/@postnord/web-components/postnord-web-components/p-91c6a8cf.entry.js +5 -0
  320. package/umd/modules/@postnord/web-components/postnord-web-components/p-98a37be9.entry.js +5 -0
  321. package/umd/modules/@postnord/web-components/postnord-web-components/p-9a6c90e4.entry.js +5 -0
  322. package/umd/modules/@postnord/web-components/postnord-web-components/p-9d2ee77a.entry.js +5 -0
  323. package/umd/modules/@postnord/web-components/postnord-web-components/p-9d56fb64.entry.js +5 -0
  324. package/umd/modules/@postnord/web-components/postnord-web-components/{p-BlM_xfdt.js → p-BWAVaTWQ.js} +1 -1
  325. package/umd/modules/@postnord/web-components/postnord-web-components/p-XKg-ydzH.js +6 -0
  326. package/umd/modules/@postnord/web-components/postnord-web-components/p-a1f92f19.entry.js +5 -0
  327. package/umd/modules/@postnord/web-components/postnord-web-components/p-a31d93db.entry.js +5 -0
  328. package/umd/modules/@postnord/web-components/postnord-web-components/p-aa15469e.entry.js +5 -0
  329. package/umd/modules/@postnord/web-components/postnord-web-components/{p-db2b7e5d.entry.js → p-b45e58df.entry.js} +1 -1
  330. package/umd/modules/@postnord/web-components/postnord-web-components/p-b72f9866.entry.js +5 -0
  331. package/umd/modules/@postnord/web-components/postnord-web-components/{p-b0710b87.entry.js → p-b7a2e5b0.entry.js} +1 -1
  332. package/umd/modules/@postnord/web-components/postnord-web-components/p-c09179d6.entry.js +5 -0
  333. package/umd/modules/@postnord/web-components/postnord-web-components/{p-38e44ed0.entry.js → p-ce2c2395.entry.js} +1 -1
  334. package/umd/modules/@postnord/web-components/postnord-web-components/p-d228b929.entry.js +5 -0
  335. package/umd/modules/@postnord/web-components/postnord-web-components/p-d71054df.entry.js +5 -0
  336. package/umd/modules/@postnord/web-components/postnord-web-components/p-d81b4ede.entry.js +5 -0
  337. package/umd/modules/@postnord/web-components/postnord-web-components/p-e11b4af5.entry.js +5 -0
  338. package/umd/modules/@postnord/web-components/postnord-web-components/{p-c4c4c75b.entry.js → p-e5574624.entry.js} +1 -1
  339. package/umd/modules/@postnord/web-components/postnord-web-components/p-e6ad75f9.entry.js +5 -0
  340. package/umd/modules/@postnord/web-components/postnord-web-components/p-e6cd4c7f.entry.js +5 -0
  341. package/umd/modules/@postnord/web-components/postnord-web-components/p-ede550f0.entry.js +5 -0
  342. package/umd/modules/@postnord/web-components/postnord-web-components/p-ef00ef4d.entry.js +5 -0
  343. package/umd/modules/@postnord/web-components/postnord-web-components/postnord-web-components.esm.js +1 -1
  344. package/umd/modules/@postnord/web-components/types/components/buttons/pn-action-menu/pn-action-menu.d.ts +111 -0
  345. package/umd/modules/@postnord/web-components/types/components/content/pn-accordion/pn-accordion.d.ts +2 -2
  346. package/umd/modules/@postnord/web-components/types/components/design-tokens/pn-icon/pn-icon.d.ts +5 -7
  347. package/umd/modules/@postnord/web-components/types/components/design-tokens/pn-illustration/pn-illustration.d.ts +8 -2
  348. package/umd/modules/@postnord/web-components/types/components/feedback/pn-modal/pn-modal.d.ts +17 -6
  349. package/umd/modules/@postnord/web-components/types/components/feedback/pn-toast/pn-toast.d.ts +100 -0
  350. package/umd/modules/@postnord/web-components/types/components/feedback/pn-wizard/pn-wizard.d.ts +6 -1
  351. package/umd/modules/@postnord/web-components/types/components/input/pn-checkbox/pn-checkbox.d.ts +124 -0
  352. package/umd/modules/@postnord/web-components/types/components/input/pn-choice-chip/pn-choice-chip.d.ts +31 -15
  353. package/umd/modules/@postnord/web-components/types/components/input/pn-counter/pn-counter.d.ts +51 -27
  354. package/umd/modules/@postnord/web-components/types/components/input/pn-date-picker/pn-date-picker.d.ts +338 -0
  355. package/umd/modules/@postnord/web-components/types/components/input/pn-fieldset/pn-fieldset.d.ts +24 -15
  356. package/umd/modules/@postnord/web-components/types/components/input/pn-file-upload/pn-file-upload.d.ts +36 -27
  357. package/umd/modules/@postnord/web-components/types/components/input/pn-file-upload/translation.d.ts +7 -0
  358. package/umd/modules/@postnord/web-components/types/components/input/pn-input/pn-input.d.ts +89 -66
  359. package/umd/modules/@postnord/web-components/types/components/input/pn-multiselect/pn-multiselect.d.ts +265 -0
  360. package/umd/modules/@postnord/web-components/types/components/input/pn-radio-button/pn-radio-button.d.ts +124 -0
  361. package/umd/modules/@postnord/web-components/types/components/input/pn-range/pn-range.d.ts +73 -42
  362. package/umd/modules/@postnord/web-components/types/components/input/pn-search-field/pn-search-field.d.ts +32 -21
  363. package/umd/modules/@postnord/web-components/types/components/input/pn-segmented-control/pn-segmented-control.d.ts +19 -18
  364. package/umd/modules/@postnord/web-components/types/components/input/pn-segmented-control/segment/pn-segment.d.ts +12 -9
  365. package/umd/modules/@postnord/web-components/types/components/input/pn-select/pn-select.d.ts +51 -31
  366. package/umd/modules/@postnord/web-components/types/components/input/pn-textarea/pn-textarea.d.ts +58 -27
  367. package/umd/modules/@postnord/web-components/types/components/input/pn-toggle-switch/pn-toggle-switch.d.ts +36 -14
  368. package/umd/modules/@postnord/web-components/types/components.d.ts +1851 -511
  369. package/umd/modules/@postnord/web-components/types/globals/mixins/index.d.ts +21 -0
  370. package/umd/modules/@postnord/web-components/types/stencil-public-runtime.d.ts +23 -2
  371. package/umd/modules/@postnord/web-components/vscode-data.json +218 -38
  372. package/cjs/convert-9361e443.js.map +0 -1
  373. package/esm/convert-ecca01b6.js.map +0 -1
  374. package/pn-market-web-components/p-63ff7fa2.js +0 -2
  375. package/pn-market-web-components/p-63ff7fa2.js.map +0 -1
  376. package/pn-market-web-components/p-6d263c6e.entry.js.map +0 -1
  377. package/umd/modules/@postnord/web-components/postnord-web-components/p-0dd15cc3.entry.js +0 -5
  378. package/umd/modules/@postnord/web-components/postnord-web-components/p-0e94a4dd.entry.js +0 -5
  379. package/umd/modules/@postnord/web-components/postnord-web-components/p-0ed2ee53.entry.js +0 -5
  380. package/umd/modules/@postnord/web-components/postnord-web-components/p-109ba1fc.entry.js +0 -5
  381. package/umd/modules/@postnord/web-components/postnord-web-components/p-153311c8.entry.js +0 -5
  382. package/umd/modules/@postnord/web-components/postnord-web-components/p-1a3c49ba.entry.js +0 -5
  383. package/umd/modules/@postnord/web-components/postnord-web-components/p-2610f8ab.entry.js +0 -5
  384. package/umd/modules/@postnord/web-components/postnord-web-components/p-267c323e.entry.js +0 -5
  385. package/umd/modules/@postnord/web-components/postnord-web-components/p-2a364778.entry.js +0 -5
  386. package/umd/modules/@postnord/web-components/postnord-web-components/p-2a682ff9.entry.js +0 -5
  387. package/umd/modules/@postnord/web-components/postnord-web-components/p-2cce8a9f.entry.js +0 -5
  388. package/umd/modules/@postnord/web-components/postnord-web-components/p-306ec758.entry.js +0 -5
  389. package/umd/modules/@postnord/web-components/postnord-web-components/p-3d459401.entry.js +0 -5
  390. package/umd/modules/@postnord/web-components/postnord-web-components/p-3deb5a9e.entry.js +0 -5
  391. package/umd/modules/@postnord/web-components/postnord-web-components/p-41c09d4d.entry.js +0 -5
  392. package/umd/modules/@postnord/web-components/postnord-web-components/p-484dfaa4.entry.js +0 -5
  393. package/umd/modules/@postnord/web-components/postnord-web-components/p-50116c0d.entry.js +0 -5
  394. package/umd/modules/@postnord/web-components/postnord-web-components/p-502b8430.entry.js +0 -5
  395. package/umd/modules/@postnord/web-components/postnord-web-components/p-5b7c1333.entry.js +0 -5
  396. package/umd/modules/@postnord/web-components/postnord-web-components/p-67f55491.entry.js +0 -5
  397. package/umd/modules/@postnord/web-components/postnord-web-components/p-838c17b9.entry.js +0 -5
  398. package/umd/modules/@postnord/web-components/postnord-web-components/p-849d48c6.entry.js +0 -5
  399. package/umd/modules/@postnord/web-components/postnord-web-components/p-89aaa3c8.entry.js +0 -5
  400. package/umd/modules/@postnord/web-components/postnord-web-components/p-8b2b6f5d.entry.js +0 -5
  401. package/umd/modules/@postnord/web-components/postnord-web-components/p-93db2b9e.entry.js +0 -5
  402. package/umd/modules/@postnord/web-components/postnord-web-components/p-97ffc4b3.entry.js +0 -5
  403. package/umd/modules/@postnord/web-components/postnord-web-components/p-CAEP792y.js +0 -6
  404. package/umd/modules/@postnord/web-components/postnord-web-components/p-b3c4e3e8.entry.js +0 -5
  405. package/umd/modules/@postnord/web-components/postnord-web-components/p-b8c4423b.entry.js +0 -5
  406. package/umd/modules/@postnord/web-components/postnord-web-components/p-ba59528f.entry.js +0 -5
  407. package/umd/modules/@postnord/web-components/postnord-web-components/p-c0ae367c.entry.js +0 -5
  408. package/umd/modules/@postnord/web-components/postnord-web-components/p-c843ae5e.entry.js +0 -5
  409. package/umd/modules/@postnord/web-components/postnord-web-components/p-d1e27524.entry.js +0 -5
  410. package/umd/modules/@postnord/web-components/postnord-web-components/p-d214e930.entry.js +0 -5
  411. package/umd/modules/@postnord/web-components/postnord-web-components/p-d7091312.entry.js +0 -5
  412. package/umd/modules/@postnord/web-components/postnord-web-components/p-e3fb693e.entry.js +0 -5
  413. package/umd/modules/@postnord/web-components/postnord-web-components/p-e83de0b1.entry.js +0 -5
  414. package/umd/modules/@postnord/web-components/postnord-web-components/p-edc28eee.entry.js +0 -5
  415. /package/pn-market-web-components/{p-c4059cc1.entry.js.map → p-181e40ee.entry.js.map} +0 -0
  416. /package/pn-market-web-components/{p-f8ccc718.entry.js.map → p-a0d7154f.entry.js.map} +0 -0
  417. /package/pn-market-web-components/{p-413afe7c.entry.js.map → p-c18154a4.entry.js.map} +0 -0
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * By PostNord.
4
4
  */
5
- import{t,r as o,g as n,h as i}from"./p-CAEP792y.js";import{a as e}from"./p-B88w-Zxn.js";const r=class{constructor(t){o(this,t)}content;button;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];timeout;get hostElement(){return n(this)}downwards=!1;open=!1;deltaX="0";warning=!1;light=!1;tooltip;openHandler(){this.open?this.checkPosition():this.setTransform()}componentDidLoad(){this.initTooltip()}setTransform(){this.content.style.transform=`scale(${Number(this.open)}) translateX(-50%) translateX(${this.deltaX}px)`}getSymbol(){return this.warning?e:'<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.015 7.207c.14-.422.536-.707.981-.707h.18a.87.87 0 0 1 .854.871c0 .313-.179.6-.447.735A2.81 2.81 0 0 0 11 12.618V13a1 1 0 1 0 2 0v-.382a.81.81 0 0 1 .447-.724A2.83 2.83 0 0 0 15 9.371C15 7.807 13.734 6.5 12.146 6.5h-.18a3.03 3.03 0 0 0-2.878 2.075l-.037.109a1 1 0 1 0 1.898.632zM12 17.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>'}checkPosition(){this.content.style.transition="none",this.content.style.transform="scale(1) translateX(-50%)",this.downwards=!1,requestAnimationFrame((()=>{const{x:t,y:o,right:n}=this.content.getBoundingClientRect();this.deltaX="0",this.downwards=o<0,this.content.style.transform="",t<0&&(this.deltaX=""+(-1*t+8)),n>window.innerWidth&&(this.deltaX=""+(window.innerWidth-n-8)),requestAnimationFrame((()=>{this.content.style.transition="",this.setTransform()}))}))}initTooltip(){this.eventListeners.forEach((t=>this.button.addEventListener(t,(t=>this.toggleTooltip(t)))))}toggleTooltip(t){const o=this.openEvents.includes(t.type);let n=500;o&&(n=0),clearTimeout(this.timeout),this.timeout=setTimeout((()=>{this.open=o}),n)}render(){return i("button",{key:"1898e87fa0848bb546807416112feb7ee9f8c5a5",class:"pn-tooltip","data-light":this.light,"data-warning":this.warning,"data-downwards":this.downwards,"data-open":this.open,ref:t=>this.button=t},i("pn-icon",{key:"d4a28061a6c69ffa41cb69c4fd39961b4927949c",icon:this.getSymbol(),"data-simple":!!this.tooltip}),i("div",{key:"cc7ae46d8c228136a29356083734104bfbb2a30d",class:"pn-tooltip-content","data-simple":!!this.tooltip,ref:t=>this.content=t},this.tooltip,i("div",{key:"9ccae396edf92999920b99bf97d0818541a44bf1",hidden:!!this.tooltip},i("slot",{key:"61b67be4486d95208e09630d58a3dc3b344c5354"}))))}static get watchers(){return{open:[{openHandler:0}]}}};r.style=`${t("pn-tooltip")}{display:inline-block;font-size:1em}${t("pn-tooltip")} .pn-tooltip{background:none;background-color:transparent;border:none;position:relative;padding:0;border-radius:50%;transition-property:outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tooltip")} .pn-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-tooltip")} .pn-tooltip{cursor:pointer;font-size:inherit;outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-tooltip")} .pn-tooltip:focus-visible{outline-color:#005d92;background-color:#e0f8ff}${t("pn-tooltip")} .pn-tooltip:hover{background-color:#e0f8ff}${t("pn-tooltip")} .pn-tooltip[data-light] ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-tooltip")} .pn-tooltip[data-light]:focus,${t("pn-tooltip")} .pn-tooltip[data-light]:hover{background-color:rgba(255, 255, 255, 0.2)}${t("pn-tooltip")} .pn-tooltip[data-warning] ${t("pn-icon")} .pn-icon-svg path{fill:#a70707}${t("pn-tooltip")} .pn-tooltip[data-warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-tooltip")} .pn-tooltip[data-warning]:focus-visible{outline-color:#a70707;background-color:#fdefee}${t("pn-tooltip")} .pn-tooltip[data-warning]:hover{background-color:#fdefee}${t("pn-tooltip")} .pn-tooltip-content{position:absolute;text-align:left;bottom:calc(100% + 0.75em);left:50%;background:#ffffff;padding:1em;border-radius:0.8rem;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:1;max-width:min(95vw, 40em);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tooltip")} .pn-tooltip-content{transition-duration:0s;transition-delay:0s}}${t("pn-tooltip")} .pn-tooltip-content{transition-delay:0.15s;transform:scale(0) translateX(-50%);transform-origin:bottom left;width:max-content;color:#2d2013}${t("pn-tooltip")} .pn-tooltip-content[data-simple]{background:#0d234b;color:#ffffff;border-radius:10em;padding:0.5em 0.85em;bottom:100%;font-size:0.875em;font-weight:300;margin-bottom:0.1em;margin-top:0.1em}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}{position:relative;pointer-events:none}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}:before{content:"";pointer-events:none;width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #ffffff;filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));bottom:102%;left:50%;position:absolute;z-index:2;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}:before{transition-duration:0s;transition-delay:0s}}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}:before{transition-delay:0;transform:scale(0) translateX(-50%);transform-origin:top left}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}[data-simple]:before{content:none}${t("pn-tooltip")} .pn-tooltip[data-open] .pn-tooltip-content{transition-delay:0}${t("pn-tooltip")} .pn-tooltip[data-open] ${t("pn-icon")}:before{transform:scale(1) translateX(-50%);transition-delay:0.15s;pointer-events:auto}${t("pn-tooltip")} .pn-tooltip[data-downwards] .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);transform-origin:top left}${t("pn-tooltip")} .pn-tooltip[data-downwards] ${t("pn-icon")}:before{top:102%;transform-origin:bottom left;filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #ffffff}`;export{r as pn_tooltip}
5
+ import{t,r as o,g as n,h as i}from"./p-XKg-ydzH.js";import{a as e}from"./p-B88w-Zxn.js";const r=class{constructor(t){o(this,t)}content;button;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];timeout;get hostElement(){return n(this)}downwards=!1;open=!1;deltaX="0";warning=!1;light=!1;tooltip;openHandler(){this.open?this.checkPosition():this.setTransform()}componentDidLoad(){this.initTooltip()}setTransform(){this.content.style.transform=`scale(${Number(this.open)}) translateX(-50%) translateX(${this.deltaX}px)`}getSymbol(){return this.warning?e:'<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.015 7.207c.14-.422.536-.707.981-.707h.18a.87.87 0 0 1 .854.871c0 .313-.179.6-.447.735A2.81 2.81 0 0 0 11 12.618V13a1 1 0 1 0 2 0v-.382a.81.81 0 0 1 .447-.724A2.83 2.83 0 0 0 15 9.371C15 7.807 13.734 6.5 12.146 6.5h-.18a3.03 3.03 0 0 0-2.878 2.075l-.037.109a1 1 0 1 0 1.898.632zM12 17.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>'}checkPosition(){this.content.style.transition="none",this.content.style.transform="scale(1) translateX(-50%)",this.downwards=!1,requestAnimationFrame((()=>{const{x:t,y:o,right:n}=this.content.getBoundingClientRect();this.deltaX="0",this.downwards=o<0,this.content.style.transform="",t<0&&(this.deltaX=""+(-1*t+8)),n>window.innerWidth&&(this.deltaX=""+(window.innerWidth-n-8)),requestAnimationFrame((()=>{this.content.style.transition="",this.setTransform()}))}))}initTooltip(){this.eventListeners.forEach((t=>this.button.addEventListener(t,(t=>this.toggleTooltip(t)))))}toggleTooltip(t){const o=this.openEvents.includes(t.type);let n=500;o&&(n=0),clearTimeout(this.timeout),this.timeout=setTimeout((()=>{this.open=o}),n)}render(){return i("button",{key:"b05404e6f5f07fd347bc701860e5653a9dbce3e8",class:"pn-tooltip","data-light":this.light,"data-warning":this.warning,"data-downwards":this.downwards,"data-open":this.open,ref:t=>this.button=t},i("pn-icon",{key:"f2842073c6434c74b4edc312fde550f71fb46657",icon:this.getSymbol(),"data-simple":!!this.tooltip}),i("div",{key:"cd9a95132eb2bcacc999fbb2d3e31d5cdee64fed",class:"pn-tooltip-content","data-simple":!!this.tooltip,ref:t=>this.content=t},this.tooltip,i("div",{key:"d10296fa39d348a197405296d62c5b11c4ccbd92",hidden:!!this.tooltip},i("slot",{key:"a12512c517fd7aca30f5dadf6cd8b6fbd1f5da56"}))))}static get watchers(){return{open:[{openHandler:0}]}}};r.style=`${t("pn-tooltip")}{display:inline-block;font-size:1em}${t("pn-tooltip")} .pn-tooltip{background:none;background-color:transparent;border:none;position:relative;padding:0;border-radius:50%;transition-property:outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tooltip")} .pn-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-tooltip")} .pn-tooltip{cursor:pointer;font-size:inherit;outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-tooltip")} .pn-tooltip:focus-visible{outline-color:#005d92;background-color:#e0f8ff}${t("pn-tooltip")} .pn-tooltip:hover{background-color:#e0f8ff}${t("pn-tooltip")} .pn-tooltip[data-light] ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-tooltip")} .pn-tooltip[data-light]:focus,${t("pn-tooltip")} .pn-tooltip[data-light]:hover{background-color:rgba(255, 255, 255, 0.2)}${t("pn-tooltip")} .pn-tooltip[data-warning] ${t("pn-icon")} .pn-icon-svg path{fill:#a70707}${t("pn-tooltip")} .pn-tooltip[data-warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-tooltip")} .pn-tooltip[data-warning]:focus-visible{outline-color:#a70707;background-color:#fdefee}${t("pn-tooltip")} .pn-tooltip[data-warning]:hover{background-color:#fdefee}${t("pn-tooltip")} .pn-tooltip-content{position:absolute;text-align:left;bottom:calc(100% + 0.75em);left:50%;background:#ffffff;padding:1em;border-radius:0.8rem;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:1;max-width:min(95vw, 40em);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tooltip")} .pn-tooltip-content{transition-duration:0s;transition-delay:0s}}${t("pn-tooltip")} .pn-tooltip-content{transition-delay:0.15s;transform:scale(0) translateX(-50%);transform-origin:bottom left;width:max-content;color:#2d2013}${t("pn-tooltip")} .pn-tooltip-content[data-simple]{background:#0d234b;color:#ffffff;border-radius:10em;padding:0.5em 0.85em;bottom:100%;font-size:0.875em;font-weight:300;margin-bottom:0.1em;margin-top:0.1em}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}{position:relative;pointer-events:none}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}:before{content:"";pointer-events:none;width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #ffffff;filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));bottom:102%;left:50%;position:absolute;z-index:2;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}:before{transition-duration:0s;transition-delay:0s}}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}:before{transition-delay:0;transform:scale(0) translateX(-50%);transform-origin:top left}${t("pn-tooltip")} .pn-tooltip>${t("pn-icon")}[data-simple]:before{content:none}${t("pn-tooltip")} .pn-tooltip[data-open] .pn-tooltip-content{transition-delay:0}${t("pn-tooltip")} .pn-tooltip[data-open] ${t("pn-icon")}:before{transform:scale(1) translateX(-50%);transition-delay:0.15s;pointer-events:auto}${t("pn-tooltip")} .pn-tooltip[data-downwards] .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);transform-origin:top left}${t("pn-tooltip")} .pn-tooltip[data-downwards] ${t("pn-icon")}:before{top:102%;transform-origin:bottom left;filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #ffffff}`;export{r as pn_tooltip}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as e,r as t,g as n,h as i,a as o}from"./p-XKg-ydzH.js";import{uuidv4 as l}from"./index.esm.js";const g=class{constructor(e){t(this,e)}id=`pn-toggle-${l()}`;idHelper=`${this.id}-helper`;get hostElement(){return n(this)}label;helpertext;value=null;name=null;checked=!1;required=!1;disabled=!1;small=!1;large=!1;loading=!1;pnId;pnAriaLabel;pnAriaLabelledby;toggleid;handleHelperId(){this.idHelper=`${this.getId()}-helper`}getId(){return this.pnId||this.toggleid||this.id}getSpinnerSize(){return this.small?1:this.large?1.25:1.125}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}displayLabel(){return!!this.label}getAriaLabel(){return this.displayLabel()||this.pnAriaLabelledby?null:this.pnAriaLabel}getAriaLabelledby(){return this.displayLabel()||this.pnAriaLabel?null:this.pnAriaLabelledby}render(){return i(o,{key:"e6a6de7ded1a69b16843133338ba8a1ae1294b19"},i("div",{key:"142125dd53902df30a93a5e5257650a7841a1644",class:"pn-toggle"},i("div",{key:"d4e35ed179dc5f1423cdf59cf0481ecbcb33021f",class:"pn-toggle-content"},this.label&&i("label",{key:"f38bdb380fb05349909e386dd6e22d841c0caf56",htmlFor:this.getId(),class:"pn-toggle-label"},i("span",{key:"94a35b2682a039613dd0814a25ba30f954018dc6"},this.label)),i("p",{key:"c621112acea7f18b7943d9d07c0af52dd7455329",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&i("span",{key:"1959f88dbe079595e3cd6bbb48098e2777ab642e"},this.helpertext),i("slot",{key:"e493dcb3022bd31c4ecfb349756d3d83bf51bf9a",name:"helpertext"}))),i("div",{key:"1f13bb2bcb798b5221d06e55640848034ad2b260",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},i("input",{key:"ebf1c43df4b75f8df0769d2d458c04fbf17385f6",id:this.getId(),class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,"aria-label":this.getAriaLabel(),"aria-labelledby":this.getAriaLabelledby(),"aria-describedby":this.describedBy()}),i("div",{key:"51c67cb5c61e3d3b93bd49013594109772b7d796",class:"pn-toggle-bg"}),i("div",{key:"1932ea8d92b8ab57a47fdd3ced9795be78cc1620",class:"pn-toggle-circle"},i("svg",{key:"67e5adc0818d3fe76de4dffa45bc8c1d5c9fba45",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},i("polyline",{key:"f1722e0d19629ea38eac2faa6d2ccaf007e78463",points:"4,12 9,17 20,6","stroke-width":"3"})),i("pn-spinner",{key:"60ab6b2fea45ddbc8793b06f18032df94c858a9d",size:this.getSpinnerSize()})))))}static get watchers(){return{pnId:[{handleHelperId:0}],toggleid:[{handleHelperId:1}]}}};g.style=`${e("pn-toggle-switch")}{display:inline-block;position:relative}${e("pn-toggle-switch")} .pn-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}${e("pn-toggle-switch")} .pn-toggle-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:500;color:#2d2013;margin:0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-label{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-label>span{font-size:1em}${e("pn-toggle-switch")} .pn-toggle-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${e("pn-toggle-switch")} .pn-toggle-content{flex:1 0}${e("pn-toggle-switch")} .pn-toggle-button{position:relative;font-size:1em;width:3.625em;height:2em;padding:0.1875em;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-button{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-button{-webkit-tap-highlight-color:transparent}${e("pn-toggle-switch")} .pn-toggle-button[data-small]{width:2.625em;height:1.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-small] .pn-toggle-circle{width:1.125em;height:1.125em}${e("pn-toggle-switch")} .pn-toggle-button[data-small][data-loading]>.pn-toggle-bg{width:1.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-large]{width:4.625em;height:2.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-large] .pn-toggle-circle{width:2.125em;height:2.125em}${e("pn-toggle-switch")} .pn-toggle-button[data-large][data-loading]>.pn-toggle-bg{width:2.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-bg{width:2em}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-circle,${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(50%)}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:0}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke-dashoffset:23;transition-delay:0s}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] ${e("pn-spinner")}{opacity:1;transform:translate(-50%, -50%);position:absolute;top:50%;left:50%}${e("pn-toggle-switch")} .pn-toggle-bg{position:absolute;top:0;left:50%;width:100%;height:100%;z-index:0;border-radius:2em;background-color:#969087;transform:translateX(-50%);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:width, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-bg{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-circle{position:relative;z-index:1;width:1.625em;height:1.625em;background-color:#ffffff;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;padding:0.25em;transform:translateX(0%);transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-circle{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-element{position:absolute;z-index:3;top:0;left:0;cursor:pointer;width:100%;height:100%;opacity:0;margin:0;}${e("pn-toggle-switch")} .pn-toggle-element:focus-visible+.pn-toggle-bg{outline-color:#005d92}${e("pn-toggle-switch")} .pn-toggle-element:hover+.pn-toggle-bg{background-color:#5e554a}${e("pn-toggle-switch")} .pn-toggle-element:hover:checked+.pn-toggle-bg{background-color:#0d234b}${e("pn-toggle-switch")} .pn-toggle-element:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#0d234b}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-bg{background-color:#005d92}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(100%)}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:1}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{transition-delay:0.2s, 0s;stroke-dashoffset:0}${e("pn-toggle-switch")} .pn-toggle-element:disabled{cursor:not-allowed}${e("pn-toggle-switch")} .pn-toggle-element:disabled+.pn-toggle-bg{background-color:#d3cecb;box-shadow:none}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle{background-color:#f3f2f2}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle ${e("pn-spinner")} .pn-spinner-circle{stroke:#969087}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle ${e("pn-spinner")} .pn-spinner-dot{fill:#969087}${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover+.pn-toggle-bg,${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover:checked+.pn-toggle-bg{background-color:#d3cecb}${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover~.pn-toggle-circle .pn-toggle-check polyline,${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}${e("pn-toggle-switch")} .pn-toggle-check{position:absolute;left:50%;top:50%;height:1.5em;width:1.5em;padding:0.25em;transform:translate(-50%, -50%);opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-check{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-check polyline{stroke:#005d92;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset, stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-check polyline{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")}{opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")}{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-circle{transition-property:stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-circle{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-dot{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-dot{transition-duration:0s;transition-delay:0s}}`;export{g as pn_toggle_switch}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as e,r as t,c as n,g as i,h as o,a as r}from"./p-XKg-ydzH.js";import{uuidv4 as a,awaitTopbar as s,en as l}from"./index.esm.js";const c={DECREASE:{en:"Decrease",sv:"Minska",da:"Reducere",fi:"Vähentää",no:"Redusere"},INCREASE:{en:"Increase",sv:"Öka",da:"Øge",fi:"Lisääntyä",no:"Øke"},MAX_VALUE_MESSAGE:{en:"Maximum value is ",sv:"Högsta värde är ",da:"Højeste værdi er",fi:"Korkein arvo on",no:"Høyeste verdi er"},MIN_VALUE_MESSAGE:{en:"Minimum value is ",sv:"Lägsta värde är ",da:"Laveste værdi er ",fi:"Pienin arvo on ",no:"Laveste verdi er "}},u=class{constructor(e){t(this,e),this.counterInput=n(this,"counterInput",7)}id=`pn-counter-${a()}`;idLabel=`${this.id}-label`;idText=`${this.id}-text`;idAmount=`${this.id}-count`;get hostElement(){return i(this)}clearAriaTimer;displaySrValue=!1;showMinMaxMessage=!1;lastDispatchedValue;interactType;label;helpertext;language=void 0;value=0;name;min;max;step=1;list;required=!1;readonly=!1;disabled=!1;compact=!1;labelDecrease;labelIncrease;hideTooltips=!1;minMessage;maxMessage;pnId;pnAriaLabel;pnAriaLabelledby;counterid;counterInput;watchValue(){this.showSrContent(),this.showMinMaxMessage=!1,this.hasMin()&&this.value<this.min&&(this.setMin(),this.showMinMaxMessage=!0),this.hasMax()&&this.value>this.max&&(this.setMax(),this.showMinMaxMessage=!0),this.lastDispatchedValue!==this.value&&this.counterInput.emit({value:this.value,input:"input"===this.interactType,decrease:"decrease"===this.interactType,increase:"increase"===this.interactType}),this.lastDispatchedValue=this.value}handleId(){this.idLabel=`${this.getId()}-label`,this.idText=`${this.getId()}-text`,this.idAmount=`${this.getId()}-count`}async componentWillLoad(){void 0===this.language&&await s(this.hostElement)}getId(){return this.pnId||this.counterid||this.id}setVal(e){const{valueAsNumber:t}=e.target;isNaN(t)||(this.interactType="input",this.value=t)}setMin(){this.hasMin()&&(this.value=this.min)}setMax(){this.hasMax()&&(this.value=this.max)}hasMin(){return"number"==typeof this.min}hasMax(){return"number"==typeof this.max}getAriaLabel(){return this.label||this.pnAriaLabelledby?null:this.pnAriaLabel}getAriaLabelledby(){return this.label||this.pnAriaLabel?null:this.pnAriaLabelledby}decreaseAmount(){this.hasMin()&&this.value<=this.min&&(this.showMinMaxMessage=!0),this.interactType="decrease",this.value=this.value-this.step}increaseAmount(){this.hasMax()&&this.value>=this.max&&(this.showMinMaxMessage=!0),this.interactType="increase",this.value=this.value+this.step}keyBoardInput(e){e.stopImmediatePropagation(),/^(Home|End)$/.test(e.key)&&(e.preventDefault(),this.interactType="input","Home"===e.key&&this.setMin(),"End"===e.key&&this.setMax())}showSrContent(){this.clearAriaTimer&&clearTimeout(this.clearAriaTimer),this.displaySrValue=!0,this.clearAriaTimer=setTimeout((()=>{this.displaySrValue=!1}),4e3)}toggleMinMaxMessage(){const e=this.value===this.max,t=this.translate((e?"MAX":"MIN")+"_VALUE_MESSAGE")+`${e?this.max:this.min}`.toString();return e?this.maxMessage||t:this.minMessage||t}getTextMessage(e=!1){return this.showMinMaxMessage?this.toggleMinMaxMessage():e?this.value.toString():this.helpertext}hideHelpertext(){const e=this.hostElement.querySelector('[slot="helpertext"]');return!(this.getTextMessage()||e?.textContent)}describedbyIds(){const e=[];return this.hideHelpertext()||e.push(this.idText),this.displaySrValue&&e.push(this.idAmount),0===e.length?null:e.join(" ")}translate(e){return c?.[e]?.[this.language||l]}noButtons(){return this.disabled||this.readonly}renderLabel(){return this.label?o("label",{htmlFor:this.getId(),class:"pn-counter-label",id:this.idLabel,"data-compact":this.compact},o("span",null,this.label)):null}renderButton(e=!1){const t=e?this.labelIncrease||this.translate("INCREASE"):this.labelDecrease||this.translate("DECREASE");return o("pn-button",{"data-increase":!!e||null,"data-decrease":!e||null,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:e?'<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 2a1 1 0 0 1 1 1v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8V3a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>':'<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>',iconOnly:!0,tooltip:this.hideTooltips?null:t,arialabel:this.hideTooltips?t:null,onPnClick:()=>e?this.increaseAmount():this.decreaseAmount()})}render(){return o(r,{key:"f1ff6cf51a77b28c5375f80c686106f82026eda8"},o("div",{key:"a6080106e0bf5ca0246e5a47a114c5ba967be4ef",class:"pn-counter",role:"group","aria-labelledby":this.idLabel,"aria-describedby":this.describedbyIds()},!this.compact&&this.renderLabel(),o("div",{key:"ef3c419277ca2f2a2f8fe8cefad5633c893b4736",class:"pn-counter-items","data-hidebuttons":this.noButtons()},this.renderButton(),o("div",{key:"c130e8c0d812eaad1cf794e9417ab62d3c12e1a7",class:"pn-counter-input"},o("input",{key:"908746fc89d2d70fb6f26f0f13bbe99961d66222",id:this.getId(),class:"pn-counter-element",type:"number",min:this.min,max:this.max,step:this.step,value:this.value,name:this.name,placeholder:this.compact?" ":null,required:this.required,readonly:this.readonly,disabled:this.disabled,"aria-label":this.getAriaLabel(),"aria-labelledby":this.getAriaLabelledby(),"aria-describedby":this.describedbyIds(),"data-compact":this.compact,onInput:e=>this.setVal(e),onKeyDown:e=>this.keyBoardInput(e)}),this.compact&&this.renderLabel()),this.renderButton(!0)),o("p",{key:"a25cd6e9abdb9fe8077e345cef828e187a11d260",id:this.idText,class:"pn-counter-helpertext",hidden:this.hideHelpertext()},o("span",{key:"533d9836452f3b21a176eb594c225ad44c21956e"},this.getTextMessage()),o("slot",{key:"35f10d13c8a1c65e6fc7b1a75b864e1cfd268837",name:"helpertext"})),o("p",{key:"1009ba0ea75131d6c19e3fb8960c39fc9d565d16",id:this.idAmount,class:"pn-counter-sr-only","aria-live":"assertive"},this.displaySrValue?this.getTextMessage(!0):"")))}static get watchers(){return{value:[{watchValue:0}],counterid:[{handleId:0}],pnId:[{handleId:1}]}}};u.style=`${e("pn-counter")}{display:inline-block}${e("pn-counter")} .pn-counter{display:flex;flex-direction:column}${e("pn-counter")} .pn-counter-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-counter")} .pn-counter-label{transition-duration:0s;transition-delay:0s}}${e("pn-counter")} .pn-counter-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${e("pn-counter")} .pn-counter-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${e("pn-counter")} .pn-counter-label>span{font-size:0.875em}${e("pn-counter")} .pn-counter-input{position:relative;flex:1 1 auto}${e("pn-counter")} .pn-counter-element{text-align:center;width:100%;appearance:textfield;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${e("pn-counter")} .pn-counter-element:-webkit-autofill,${e("pn-counter")} .pn-counter-element:-webkit-autofill:hover,${e("pn-counter")} .pn-counter-element:-webkit-autofill:focus,${e("pn-counter")} .pn-counter-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${e("pn-counter")} .pn-counter-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${e("pn-counter")} .pn-counter-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${e("pn-counter")} .pn-counter-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-counter")} .pn-counter-element{transition-duration:0s;transition-delay:0s}}${e("pn-counter")} .pn-counter-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${e("pn-counter")} .pn-counter-element[data-compact]::placeholder{color:transparent}${e("pn-counter")} .pn-counter-element[data-compact]:focus+.pn-counter-label,${e("pn-counter")} .pn-counter-element[data-compact]:not(:placeholder-shown)+.pn-counter-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${e("pn-counter")} .pn-counter-element::placeholder{color:#5e554a;font-weight:normal}${e("pn-counter")} .pn-counter-element:hover{border-color:#005d92}${e("pn-counter")} .pn-counter-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-counter")} .pn-counter-element:read-only{border-color:#ffffff}${e("pn-counter")} .pn-counter-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-counter")} .pn-counter-element:out-of-range{border-color:#a70707}${e("pn-counter")} .pn-counter-element:out-of-range:hover{border-color:#500715}${e("pn-counter")} .pn-counter-element:out-of-range:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${e("pn-counter")} .pn-counter-element:out-of-range:-webkit-autofill,${e("pn-counter")} .pn-counter-element:out-of-range:-webkit-autofill:hover,${e("pn-counter")} .pn-counter-element:out-of-range:-webkit-autofill:focus,${e("pn-counter")} .pn-counter-element:out-of-range:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${e("pn-counter")} .pn-counter-element::-webkit-inner-spin-button,${e("pn-counter")} .pn-counter-element::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}${e("pn-counter")} .pn-counter-items{display:inline-flex;flex-direction:row;gap:0.5em;transition-property:gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-counter")} .pn-counter-items{transition-duration:0s;transition-delay:0s}}${e("pn-counter")} .pn-counter-items[data-hidebuttons]{gap:0}${e("pn-counter")} .pn-counter-items[data-hidebuttons]>${e("pn-button")}{transform:scale(0) translateZ(0);width:0}${e("pn-counter")} .pn-counter-items>${e("pn-button")}{transform:scale(1) translateZ(0);transform-origin:center center;width:3em;will-change:width, transform;transition-property:transform, width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-counter")} .pn-counter-items>${e("pn-button")}{transition-duration:0s;transition-delay:0s}}${e("pn-counter")} .pn-counter-helpertext{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${e("pn-counter")} .pn-counter-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}`;export{u as pn_counter}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as e,r as t,c as a,g as i,h as n,a as s}from"./p-XKg-ydzH.js";const o=class{constructor(e){t(this,e),this.itemselection=a(this,"itemselection",7)}get hostElement(){return i(this)}value;href;icon;itemselection;select(e){this.value&&!this.href&&e.preventDefault(),this.itemselection.emit(this.value)}render(){return n(s,{key:"b4249e533daa9f96259d5379fdfcd90d87f3cc11"},n("li",{key:"86b933f5d6b4bc827826c679a6ddf04efca08ee9"},n("a",{key:"217797b771a53db8bbf53272eaafe816fc668ebc",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"8de359aa34e50caa65a66db5620590f24d409dae",icon:this.icon,color:"white"}),n("slot",{key:"5610d030d68f2e7f3f8eac68c02a01c3f9624f5e"}))))}};o.style=`${e("pn-page-nav-item")}{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}${e("pn-page-nav-item")} a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}${e("pn-page-nav-item")} a:focus{box-shadow:0 0 0 0.1em #d3cecb}${e("pn-page-nav-item")} a>${e("pn-icon")}{margin-right:0.5em}${e("pn-page-nav-item")}:last-of-type{margin-right:0}`;export{o as pn_page_nav_item}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as a,r as o,c as t,g as e,f as n,h as i,a as d}from"./p-XKg-ydzH.js";import{reduceMotion as l,awaitTopbar as s,en as r,isSmallScreen as m}from"./index.esm.js";import{c as p}from"./p-BvuWkoyY.js";const c={CLOSE_MODAL:{en:"Close dialog",sv:"Stäng dialogrutan",da:"Luk dialogboks",fi:"Sulje valintaikkuna",no:"Lukk dialogboksen"}},h=class{constructor(a){o(this,a),this.modalToggle=t(this,"modalToggle",7),this.modalVisibility=t(this,"modalVisibility",7),this.modalVisiblity=t(this,"modalVisiblity",7),this.close=t(this,"close",7)}mo;standardAnimationDuration=400;animationDuration=this.standardAnimationDuration;modalTimeout;modalElement;modalContainer;modalPicture;get hostElement(){return e(this)}isClosing=!1;isOpening=!1;removeOverflow=!1;label;helpertext;language=null;pnId=null;open=!1;persistent=!1;hideClose=!1;allowOverflow=!1;sheet=!1;maxWidth=null;handleOpen(){this.open?this.openModal():(this.closeModal(),this.close.emit(!0)),this.handleOverflow(),clearTimeout(this.modalTimeout),this.isClosing=!this.open&&!0,this.animationDuration=l()?0:this.standardAnimationDuration,this.modalTimeout=setTimeout((()=>{this.isClosing=!1,this.modalVisiblity.emit({visible:this.open}),this.modalVisibility.emit({visible:this.open})}),this.animationDuration)}handleMaxWidth(){this.modalElement.style.setProperty("--pn-modal-max-width",this.maxWidth||"45em")}handleOverflow(){this.allowOverflow&&this.setOverflow()}modalToggle;modalVisibility;modalVisiblity;close;connectedCallback(){this.mo=new MutationObserver((()=>n(this.hostElement))),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo&&this.mo.disconnect()}async componentWillLoad(){null===this.language&&await s(this.hostElement)}componentDidLoad(){this.handleMaxWidth(),this.open&&this.openModal()}translate(a){return c?.[a]?.[this.language||r]||a}showImage(){return!!this.modalPicture?.innerHTML}showHeader(){return!!(this.label||this.helpertext||this.hostElement.querySelector('[slot="header"]')?.textContent)}setOverflow(){this.removeOverflow=!this.hasOverflow()}hasOverflow(){const a=m()?.95:.85;return this.modalContainer?.scrollHeight>innerHeight*a}isSameModal(a){return this.modalElement.isSameNode(a)}handleKeyboard(a){"Escape"===a.key&&(a.preventDefault(),a.stopImmediatePropagation(),this.persistent||this.setModalClose())}clickModalBackground(a){const{clientY:o,clientX:t}=a,e=a.target.localName!==this.modalElement.localName,n=!this.isSameModal(a.target);if(e||n)return;const{top:i,left:d,height:l,width:s}=this.modalElement.getBoundingClientRect();i<=o&&o<=i+l&&d<=t&&t<=d+s||this.persistent||this.toggleOpen(!1)}setModalClose(){this.toggleOpen(!1)}closeModal(){this.modalElement.close()}openModal(){this.modalElement.showModal()}toggleOpen(a){this.open=a??!this.open}render(){return i(d,{key:"5b50fca359ed20cebcbdead766d08c2439463b4c"},i("dialog",{key:"43eb7bb4f09c6ce9a665f7478f25b1ae4a253562",id:this.pnId,class:"pn-modal","data-closing":this.isClosing,"data-sheet":this.sheet,"data-image":this.showImage(),"data-allow-overflow":this.removeOverflow,onClose:()=>this.setModalClose(),onCancel:()=>this.setModalClose(),onToggle:()=>this.modalToggle.emit({open:this.open}),onKeyDown:a=>this.handleKeyboard(a),onClick:a=>this.clickModalBackground(a),ref:a=>this.modalElement=a},!this.hideClose&&i("pn-button",{key:"0bdc665fe32c8531edb073166fe8940d12360661",small:!0,class:"pn-modal-close-button",icon:p,iconOnly:!0,arialabel:this.translate("CLOSE_MODAL"),appearance:"light",variant:"borderless",type:"button",onPnClick:()=>this.setModalClose()}),i("div",{key:"ce9529f76b572f6681e1b75528bcab67e3246dbd",class:"pn-modal-container",ref:a=>this.modalContainer=a},i("div",{key:"a2addec74c8af3fc9084a0d6faba9053a255bf86",class:"pn-modal-image",hidden:!this.showImage()},i("picture",{key:"4341ae13d01268cc0f9df74bf417522116bed2d9",class:"pn-modal-picture",ref:a=>this.modalPicture=a},i("slot",{key:"99a643af231cdcd76ad2dafbcdbaf4fbabac5390",name:"image"}))),i("header",{key:"849eea60adcfb7c3bbba8687dc49edf752004617",class:"pn-modal-header",hidden:!this.showHeader()},this.label&&i("h2",{key:"e57185ebd04cd622ceca5acb81c6606747afa6f9",class:"pn-modal-label"},this.label),this.helpertext&&i("p",{key:"2e0290387a2b96f3eb70db67dd7ac349c5c4fe9e",class:"pn-modal-text"},this.helpertext),i("slot",{key:"e05316839bfc8883a2e8f4c5079054e9edcd3859",name:"header"})),i("section",{key:"d59b818c18159c106df1f6c3b2b3f747f1b6af29",class:"pn-modal-content"},i("slot",{key:"c740eb0b7909c9fa5878caecb66887f5bb9b2b73"})),i("nav",{key:"22971631737901988e27f4f01c311d2d76839c6a",class:"pn-modal-buttons","data-divider":this.sheet},i("slot",{key:"3c0e8e66db96d8abc8f718270d94e09b2ad90320",name:"buttons"})))))}static get watchers(){return{open:[{handleOpen:0}],maxWidth:[{handleMaxWidth:0}]}}};h.style=`${a("pn-modal")} .pn-modal{--pn-modal-max-width:45em;z-index:10000;position:fixed;top:0;inset-block-start:0;inset-block-end:0;margin:auto;padding:0;max-width:var(--pn-modal-max-width);overflow:hidden;border:0;border-radius:1.5em;box-shadow:0 0.25em 0.875em rgba(0, 0, 0, 0.18), 0 1.625em 3.5em rgba(0, 0, 0, 0.22);background-color:#ffffff;display:none;opacity:0;transform:translate(0%, 20%);outline:0.2rem solid transparent;outline-offset:0.2rem}${a("pn-modal")} .pn-modal:focus-visible{outline-color:#ffffff}${a("pn-modal")} .pn-modal{transition-property:opacity, overlay, display, transform, outline-color, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-modal")} .pn-modal{transition-duration:0s;transition-delay:0s}}${a("pn-modal")} .pn-modal{transition-behavior:allow-discrete}${a("pn-modal")} .pn-modal[data-allow-overflow]{overflow:unset}${a("pn-modal")} .pn-modal[data-allow-overflow] .pn-modal-container{overflow:unset}${a("pn-modal")} .pn-modal[data-allow-overflow] .pn-modal-picture{border-top-right-radius:1.5em}${a("pn-modal")} .pn-modal[data-image]{padding-top:0}${a("pn-modal")} .pn-modal[data-sheet]{margin:0 0 0 auto;height:100%;max-height:unset;border-radius:1.5em 0 0 1.5em;transform:translate(20%, 0%)}${a("pn-modal")} .pn-modal[data-sheet] .pn-modal-container{max-height:unset}${a("pn-modal")} .pn-modal[open]{display:flex;opacity:1;transform:translate(0%, 0%)}@starting-style{${a("pn-modal")} .pn-modal[open]{display:flex;opacity:0;transform:translate(0%, 20%)}}${a("pn-modal")} .pn-modal[open][data-sheet]{transform:translate(0%, 0%)}@starting-style{${a("pn-modal")} .pn-modal[open][data-sheet]{transform:translate(20%, 0%)}}${a("pn-modal")} .pn-modal::backdrop{background-color:rgba(0, 0, 0, 0);transition-property:opacity, background-color, overlay, display;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-modal")} .pn-modal::backdrop{transition-duration:0s;transition-delay:0s}}${a("pn-modal")} .pn-modal::backdrop{transition-behavior:allow-discrete}${a("pn-modal")} .pn-modal[open]::backdrop{background-color:rgba(0, 0, 0, 0.55)}@starting-style{${a("pn-modal")} .pn-modal[open]::backdrop{background-color:rgba(0, 0, 0, 0)}}${a("pn-modal")} .pn-modal-container{max-height:85vh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden auto}${a("pn-modal")} .pn-modal-container::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${a("pn-modal")} .pn-modal-container::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${a("pn-modal")} .pn-modal-container::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${a("pn-modal")} .pn-modal-container::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${a("pn-modal")} .pn-modal-container::-webkit-scrollbar-corner,${a("pn-modal")} .pn-modal-container::-webkit-scrollbar-button{display:none}${a("pn-modal")} .pn-modal-close-button{position:absolute;z-index:10;right:0.75em;top:0.75em}${a("pn-modal")} .pn-modal-header{display:flex;flex-direction:column;gap:0.5em;padding:clamp(1em, 5vw, 1.5em)}${a("pn-modal")} .pn-modal-header[hidden]{display:none}${a("pn-modal")} .pn-modal-header:not([hidden])+.pn-modal-content:not([hidden]){padding-top:0}${a("pn-modal")} .pn-modal-label{line-height:1.5;padding-right:1.5em;margin:0}${a("pn-modal")} .pn-modal-text{margin:0}${a("pn-modal")} .pn-modal-content{padding:clamp(1em, 5vw, 1.5em)}${a("pn-modal")} .pn-modal-image{position:relative;display:flex;flex-direction:column}${a("pn-modal")} .pn-modal-image[hidden]{display:none}${a("pn-modal")} .pn-modal-picture{margin:0;padding:0;display:block;overflow:hidden;border-radius:1.5em 0 0 0}${a("pn-modal")} .pn-modal-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}${a("pn-modal")} .pn-modal-buttons{background-color:#ffffff;padding:clamp(1em, 5vw, 1.5em);display:flex;justify-content:flex-end;gap:0.5em;border-radius:0 0 1.5em 1.5em}${a("pn-modal")} .pn-modal-buttons[data-divider]{border-top:0.0625em solid #d3cecb;margin-top:auto}${a("pn-modal")} .pn-modal-buttons>[slot=buttons]:not(${a("pn-button")}){display:flex;justify-content:flex-end;gap:0.5em}${a("pn-modal")} .pn-modal-buttons>[slot=buttons]:not(${a("pn-button")})>[data-left]{margin-right:auto}${a("pn-modal")} .pn-modal-buttons>[data-left]{margin-right:auto}${a("pn-modal")} .pn-modal-buttons:empty{display:none}@media (max-width: 55em){${a("pn-modal")} .pn-modal{max-height:95vh;margin-bottom:0;bottom:0;transform:translate(0%, 20%);border-bottom-left-radius:0;border-bottom-right-radius:0}}`;export{h as pn_modal}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t,r as i,g as s,h as n,a as l}from"./p-XKg-ydzH.js";const e=class{constructor(t){i(this,t)}get hostElement(){return s(this)}illustration;width;height;fill=!1;handleFill(){this.fill&&(this.width="100%",this.height="100%")}componentWillRender(){if(this.handleFill(),this.width||this.height)return this.setSizes();this.getSizeFromSvg()}componentDidRender(){this.hostElement.querySelector("svg")?.setAttribute("width",this.width),this.hostElement.querySelector("svg")?.setAttribute("height",this.height)}getSizeFromSvg(){const t=this.illustration?.match(/<svg[^>]*?viewBox=(["\'])?((?:.(?!\1|>))*.?)\1?/)?.[2];if(!t)return;const[,,i="",s=""]=t?.split(" ")||[];i&&s&&(this.width=`${Number(i)}px`,this.height=`${Number(s)}px`,this.setSizes())}setSizes(){this.hostElement.style.setProperty("--pn-width",this.width),this.hostElement.style.setProperty("--pn-height",this.height)}render(){return n(l,{key:"30a6824eaa6972efee63b5f893defb80bac7821c"},n("span",{key:"d27b45f1789b6c93d34ab0b1c673bda9fff60c0b",role:"presentation",class:"pn-illustration","data-fill":this.fill,innerHTML:this.illustration}))}static get watchers(){return{fill:[{handleFill:0}]}}};e.style=`${t("pn-illustration")}{display:inline-block}${t("pn-illustration")} .pn-illustration{display:inline-block}${t("pn-illustration")} .pn-illustration[data-fill]{display:block}${t("pn-illustration")} .pn-illustration>svg{width:var(--pn-width);height:var(--pn-height);display:block}`;export{e as pn_illustration}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as i,M as t,r as o,c as a,g as n,h as e,a as r}from"./p-XKg-ydzH.js";import{uuidv4 as d}from"./index.esm.js";import{a as p}from"./p-BWAVaTWQ.js";const l=class extends(t(p)){constructor(i){super(),o(this,i),this.pnRadioChange=a(this,"pnRadioChange",3)}id=`pn-radio-${d()}`;idHelpertext=`${this.id}-helpertext`;contentArea;radioInput;get hostElement(){return n(this)}label;helpertext;value;name;checked=!1;required=!1;disabled=!1;tile=!1;expand=!1;icon=null;invalid=!1;pnId;pnAriaLabel;pnAriaLabelledby;radioid;handleId(){this.idHelpertext=`${this.getId()}-helpertext`}handleChecked(i){this.checked=i??this.radioInput.checked,this.displayContent()&&(this.checked?(this.openDropdown(this.contentArea),this.uncheckOtherRadios()):this.closeDropdown(this.contentArea))}handleChange(i){const t=i.target,{name:o}=t;o===this.name&&(this.checked=t===this.radioInput&&t.checked)}pnRadioChange;componentDidLoad(){requestAnimationFrame((()=>this.displayContent()&&this.checked&&this.openDropdown(this.contentArea)))}getId(){return this.pnId||this.radioid||this.id}uncheckOtherRadios(){if(!this.name)return;const i=document.querySelectorAll(`pn-radio-button[name="${this.name}"]`);Array.from(i).forEach((i=>i!==this.hostElement&&(i.checked=!1)))}isInvalid(){return this.invalid&&!this.disabled}displayText(){return this.displayLabel()||this.displayHelpertext()}displayLabel(){return!!this.label}displayHelpertext(){return!(!this.helpertext&&!this.hostElement.querySelector('[slot="helpertext"]')?.textContent)}displayIcon(){return this.tile&&!!this.icon}displayContent(){return this.tile&&this.expand}getAriaLabel(){return this.displayLabel()||this.pnAriaLabelledby?null:this.pnAriaLabel}getAriaLabelledby(){return this.displayLabel()||this.pnAriaLabel?null:this.pnAriaLabelledby}render(){return e(r,{key:"4cc4729921eef5f9076bb2b3ce409d105c37e7fc"},e("input",{key:"5081a5a1be4ebd3bfeca8559c3973b60e6257f6c",type:"radio",id:this.getId(),class:"pn-radio-input",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,required:this.required,"aria-label":this.getAriaLabel(),"aria-labelledby":this.getAriaLabelledby(),"aria-invalid":this.isInvalid()?.toString(),"aria-describedby":this.displayHelpertext()?this.idHelpertext:null,"data-tile":this.tile,"data-expand":this.expand,onChange:i=>this.pnRadioChange.emit(i),ref:i=>this.radioInput=i}),e("div",{key:"a933fc7fe850449df7c3c94ee387fa882b905fac",class:"pn-radio","data-tile":this.tile,"data-expand":this.expand,"data-invalid":this.isInvalid()},e("div",{key:"83f27a39013bd0674d1155aced4258da5c2cba58",class:"pn-radio-button"},e("div",{key:"fab4f7fbe57a2e9ae9c7cae444c2d603b23b6acb",class:"pn-radio-outer"},e("div",{key:"d672da19315841a7e1a46ada320739d8ced84a93",class:"pn-radio-inner"}))),e("div",{key:"e863aa9e7396ccead7fed2227bbee45ca96c2187",class:"pn-radio-content",hidden:!this.displayText()},e("label",{key:"221ea43c549af80b6b8c54fc611b0b48fe709f17",htmlFor:this.getId(),class:"pn-radio-label",hidden:!this.displayLabel()},this.label),e("p",{key:"9a1cc75ef224d5d6830c35ee20742a14ef2268ba",id:this.idHelpertext,class:"pn-radio-helpertext",hidden:!this.displayHelpertext()},this.helpertext,e("slot",{key:"fb77032b6ce781fbc45bc9a5914b7c64b6cb3fd5",name:"helpertext"})),e("slot",{key:"73d298a9ef742031d83de42b737f5a6289ec692d"})),this.displayIcon()&&e("pn-icon",{key:"8850771543bb69709196805cb46096bd706d32f7",icon:this.icon,color:"gray900"}),e("div",{key:"9ac6ed23cc447f4f7ed1bd0ab5311a211fc2f25d",class:"pn-radio-container","data-open":this.checked,hidden:!this.displayContent(),style:{height:"0px"},ref:i=>this.contentArea=i},e("div",{key:"b952ea9f31572a6d5933f3ea3342283aaf9901e4",class:"pn-radio-area"},e("slot",{key:"41e31f73b12b07ae647ccf89abcac486e5820592",name:"content"})))))}static get watchers(){return{radioid:[{handleId:0}],pnId:[{handleId:1}],checked:[{handleChecked:0}]}}};l.style=`${i("pn-radio-button")}{position:relative;display:inline-block}${i("pn-radio-button")} .pn-radio{position:relative;display:flex;flex-wrap:wrap;flex-direction:row}${i("pn-radio-button")} .pn-radio-label{cursor:pointer;color:#2d2013;-webkit-tap-highlight-color:transparent}${i("pn-radio-button")} .pn-radio-helpertext{color:#5e554a;margin:0 0 0.5em 0;display:flex;flex-direction:column}${i("pn-radio-button")} .pn-radio-helpertext:last-child{margin:0}${i("pn-radio-button")} .pn-radio-content{display:flex;flex-direction:column;align-items:flex-start;font-weight:400;line-height:1.5;flex:1;margin:0 0 0 0.75em}${i("pn-radio-button")} .pn-radio-button{display:flex;gap:0.75em;padding:0}${i("pn-radio-button")} .pn-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${i("pn-radio-button")} .pn-radio-outer{transition-duration:0s;transition-delay:0s}}${i("pn-radio-button")} .pn-radio-inner{height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform:scale(0);transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${i("pn-radio-button")} .pn-radio-inner{transition-duration:0s;transition-delay:0s}}${i("pn-radio-button")} .pn-radio[data-tile]{padding:1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${i("pn-radio-button")} .pn-radio[data-tile]{transition-duration:0s;transition-delay:0s}}${i("pn-radio-button")} .pn-radio[data-tile] .pn-radio-outer{outline:none}${i("pn-radio-button")} .pn-radio[data-invalid]{border-color:#a70707}${i("pn-radio-button")} .pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707}${i("pn-radio-button")} .pn-radio[data-invalid] .pn-radio-inner{background-color:#a70707}${i("pn-radio-button")} .pn-radio-container{flex:1 1 100%;overflow:hidden;visibility:hidden}${i("pn-radio-button")} .pn-radio-container[data-open]{visibility:visible;overflow:unset}${i("pn-radio-button")} .pn-radio-container[data-moving]{visibility:visible;overflow:hidden}${i("pn-radio-button")} .pn-radio-area{padding:0.75em 0 0 2.25em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em}${i("pn-radio-button")} .pn-radio>${i("pn-icon")}{margin-left:0.75em}${i("pn-radio-button")}>input[type=radio]{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;font-size:1em;width:1.5em;height:1.5em;-webkit-tap-highlight-color:transparent}${i("pn-radio-button")}>input[type=radio][data-tile]:not([data-expand]){width:100%;height:100%}${i("pn-radio-button")}>input[type=radio][data-expand]{top:1em;left:1em}${i("pn-radio-button")}>input[type=radio][aria-describedby]+.pn-radio[data-tile] .pn-radio-label{font-weight:500}${i("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}${i("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile] .pn-radio-outer{background-color:#e0f8ff}${i("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}${i("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile][data-invalid] .pn-radio-outer{background-color:#fdefee}${i("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707;background-color:#fdefee}${i("pn-radio-button")}>input[type=radio]:hover+.pn-radio .pn-radio-outer{border-color:#005d92;background-color:#e0f8ff}${i("pn-radio-button")}>input[type=radio]:checked:hover+.pn-radio[data-tile][data-invalid]{border-color:#500715}${i("pn-radio-button")}>input[type=radio]:checked:hover+.pn-radio[data-invalid]>.pn-radio-button>.pn-radio-outer{border-color:#500715}${i("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio .pn-radio-outer{outline-color:#005d92}${i("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-invalid] .pn-radio-outer{outline-color:#a70707}${i("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-tile]{outline-color:#005d92;border-color:#005d92}${i("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}${i("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-tile]>.pn-radio-button>.pn-radio-outer{outline:none}${i("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}${i("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}${i("pn-radio-button")}>input[type=radio]:checked+.pn-radio>.pn-radio-button>.pn-radio-outer{border-color:#005d92}${i("pn-radio-button")}>input[type=radio]:checked+.pn-radio>.pn-radio-button>.pn-radio-outer>.pn-radio-inner{transform:scale(1);background-color:#005d92}${i("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-button>.pn-radio-outer{border-color:#a70707}${i("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-button>.pn-radio-outer>.pn-radio-inner{background-color:#a70707}${i("pn-radio-button")}>input[type=radio]:disabled{pointer-events:none}${i("pn-radio-button")}>input[type=radio]:disabled+.pn-radio .pn-radio-label{pointer-events:none}${i("pn-radio-button")}>input[type=radio]:disabled+.pn-radio[data-tile]{background-color:#f3f2f2;border-color:#f3f2f2}${i("pn-radio-button")}>input[type=radio]:disabled+.pn-radio[data-tile]>${i("pn-icon")} .pn-icon-svg path{fill:#5e554a}${i("pn-radio-button")}>input[type=radio]:disabled+.pn-radio[data-tile]>.pn-radio-content>.pn-radio-label{color:#5e554a}${i("pn-radio-button")}>input[type=radio]:disabled+.pn-radio>.pn-radio-button>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}${i("pn-radio-button")}>input[type=radio]:disabled+.pn-radio>.pn-radio-button>.pn-radio-outer>.pn-radio-inner{background-color:#969087}`;export{l as pn_radio_button}
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * By PostNord.
4
4
  */
5
- import{r as i}from"./p-CAEP792y.js";import{reduceMotion as t}from"./index.esm.js";function s(s){return class extends s{constructor(t){super(),i(this,t)}animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;isClosing=!1;isExpanding=!1;animateDropdown(i,t,s,n){this.cancelAnimations(),this.setAnimationDuration(),i.dataset.moving="",this.animation=i.animate({height:[s,n]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"}),this.animation.onfinish=()=>this.animationFinish(i),this.animation.oncancel=()=>t?this.isExpanding=!1:this.isClosing=!1}openDropdown(i,t){const{clientHeight:s,scrollHeight:n}=i,h=this.isClosing?s:0;i.style.height=`${n}px`,this.isExpanding=!0,this.animateDropdown(i,!0,`${h}px`,`${t||i.scrollHeight}px`)}closeDropdown(i,t){const{scrollHeight:s,clientHeight:n}=i,h=this.isExpanding?n:s;i.style.height="0px",this.isClosing=!0,this.animateDropdown(i,!1,`${t||h}px`,"0px")}animationFinish(i){this.cancelAnimations(),i.style.height=this.isClosing?"0px":"",delete i.dataset.moving,this.isClosing=!1,this.isExpanding=!1}cancelAnimations(){this.animation&&this.animation.cancel()}setAnimationDuration(){this.animationDuration=t()?0:this.animationDurationDefault}isMoving(){return this.isClosing||this.isExpanding}}}export{s as a}
5
+ import{r as i}from"./p-XKg-ydzH.js";import{reduceMotion as t}from"./index.esm.js";function s(s){return class extends s{constructor(t){super(),i(this,t)}animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;isClosing=!1;isExpanding=!1;animateDropdown(i,t,s,n){this.cancelAnimations(),this.setAnimationDuration(),i.dataset.moving="",this.animation=i.animate({height:[s,n]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"}),this.animation.onfinish=()=>this.animationFinish(i),this.animation.oncancel=()=>t?this.isExpanding=!1:this.isClosing=!1}openDropdown(i,t){const{clientHeight:s,scrollHeight:n}=i,h=this.isClosing?s:0;i.style.height=`${n}px`,this.isExpanding=!0,this.animateDropdown(i,!0,`${h}px`,`${t||i.scrollHeight}px`)}closeDropdown(i,t){const{scrollHeight:s,clientHeight:n}=i,h=this.isExpanding?n:s;i.style.height="0px",this.isClosing=!0,this.animateDropdown(i,!1,`${t||h}px`,"0px")}animationFinish(i){this.cancelAnimations(),i.style.height=this.isClosing?"0px":"",delete i.dataset.moving,this.isClosing=!1,this.isExpanding=!1}cancelAnimations(){this.animation&&this.animation.cancel()}setAnimationDuration(){this.animationDuration=t()?0:this.animationDurationDefault}isMoving(){return this.isClosing||this.isExpanding}}}export{s as a}
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ var t=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(t||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),e="type",l="value",o="serialized:";function s(t,n,e){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,n);if(l&&(!e||l.get))return l;t=Object.getPrototypeOf(t)}}var i=(t,n)=>{var e;Object.entries(null!=(e=n.l.t)?e:{}).map((([e,[l]])=>{if(31&l||32&l){const l=t[e],o=s(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);o&&Object.defineProperty(t,e,{get(){return o.get.call(this)},set(t){o.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(e)?t[e]=n.o.get(e):void 0!==l&&(t[e]=l)}}))},r=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.i=t,512&n.l.u&&i(t,n))},u=(t,n)=>n in t,f=(t,n)=>(0,console.error)(t,n),a=new Map,d=new Map,h="s-id",p="sty-id",v="c-id",$="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",b="undefined"!=typeof window?window:{},y=b.HTMLElement||class{},g={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},w=t=>Promise.resolve(t),j=(()=>{try{return!!b.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),O=!!j&&(()=>!!b.document&&Object.getOwnPropertyDescriptor(b.document.adoptedStyleSheets,"length").writable)(),S=!1,N=[],k=[],x=(t,n)=>e=>{t.push(e),S||(S=!0,n&&4&g.u?M(E):g.raf(E))},C=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){f(t)}t.length=0},E=()=>{C(N),C(k),(S=N.length>0)&&g.raf(E)},M=t=>w().then(t),T=x(k,!0),L=t=>{const n=W(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&A(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!R(t,P(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&W(t,"childNodes").length&&L(t)}},I=t=>{const n=[];for(let e=0;e<t.length;e++){const l=t[e]["s-nr"]||void 0;l&&l.isConnected&&n.push(l)}return n};function A(t,n,e){let l,o=0,s=[];for(;o<t.length;o++){if(l=t[o],l["s-sr"]&&(!n||l["s-hn"]===n)&&(void 0===e||P(l)===e)&&(s.push(l),void 0!==e))return s;s=[...s,...A(l.childNodes,n,e)]}return s}var R=(t,n,e=!0)=>{const l=[];(e&&t["s-sr"]||!t["s-sr"])&&l.push(t);let o=t;for(;o=o.nextSibling;)P(o)!==n||!e&&o["s-sr"]||l.push(o);return l},F=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,D=(t,n,e,l)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const o=document.createTextNode("");if(o["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const s=n["s-cr"].parentNode,i=W(s,"appendChild");if(void 0!==l){o["s-oo"]=l;const t=W(s,"childNodes"),n=[o];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>i.call(s,t)))}else i.call(s,o);t["s-ol"]=o,t["s-sh"]=n["s-hn"]},P=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function _(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],l=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const o=this["s-cr"].parentElement;return(o.__childNodes?o.childNodes:I(o.childNodes)).forEach((t=>{l===P(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}var V=t=>{if(t.__cloneNode)return;const n=t.__cloneNode=t.cloneNode;t.cloneNode=function(t){const e=n.call(this,!1);if(t){let t,n,l=0;const o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],s=this.__childNodes||this.childNodes;for(;l<s.length;l++)t=s[l]["s-nr"],n=o.every((t=>!s[l][t])),t&&e.appendChild(t.cloneNode(!0)),n&&e.appendChild(s[l].cloneNode(!0))}return e}},H=t=>{class n extends Array{item(t){return this[t]}}B("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),B("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),B("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),B("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new n;return t.push(...I(this.__childNodes)),t}})},U=["children","nextElementSibling","previousElementSibling"],z=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function B(t,n){if(!globalThis.Node||!globalThis.Element)return;let e;U.includes(t)?e=Object.getOwnPropertyDescriptor(Element.prototype,t):z.includes(t)&&(e=Object.getOwnPropertyDescriptor(Node.prototype,t)),e||(e=Object.getOwnPropertyDescriptor(n,t)),e&&Object.defineProperty(n,"__"+t,e)}function W(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}function q(t){var n,e,l;return null!=(l=null==(e=null==(n=t.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?l:void 0}var Y=new WeakMap,G=t=>"sc-"+t.p,J=t=>"object"==(t=typeof t)||"function"===t,Z=(t,n,...e)=>{"string"==typeof t&&(t=$n(t));let l=null,o=null,s=null,i=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof t&&!J(l))&&(l+=""),i&&r?c[c.length-1].v+=l:c.push(i?K(null,l):l),r=i)};if(u(e),n){n.key&&(o=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,X);const f=K(t,null);return f.$=n,c.length>0&&(f.m=c),f.j=o,f.O=s,f},K=(t,n)=>({u:0,S:t,v:null!=n?n:null,N:null,m:null,$:null,j:null,O:null}),Q={},X={forEach:(t,n)=>t.map(tt).forEach(n),map:(t,n)=>t.map(tt).map(n).map(nt)},tt=t=>({vattrs:t.$,vchildren:t.m,vkey:t.j,vname:t.O,vtag:t.S,vtext:t.v}),nt=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),Z(t.vtag,n,...t.vchildren||[])}const n=K(t.vtag,t.vtext);return n.$=t.vattrs,n.m=t.vchildren,n.j=t.vkey,n.O=t.vname,n},et=(t,n,e,l,o,s,i,r=[])=>{let c,u,f,a;if(1===s.nodeType){if(c=s.getAttribute(v),c&&(u=c.split("."),u[0]===i||"0"===u[0])){f=ot({u:0,k:u[0],C:u[1],M:u[2],T:u[3],S:s.tagName.toLowerCase(),N:s,$:{class:s.className||""}}),n.push(f),s.removeAttribute(v),t.m||(t.m=[]);const l=f.N.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.S&&st(l,u[2],f,s,t,n,e,0,r),f.N["s-sn"]=l,f.N.removeAttribute("s-sn")),void 0!==f.T&&(t.m[f.T]=f),t=f}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)et(t,n,e,l,o,s.shadowRoot.childNodes[a],i,r);const d=s.__childNodes||s.childNodes;for(a=d.length-1;a>=0;a--)et(t,n,e,l,o,d[a],i,r)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===i||"0"===u[1])&&(c=u[0],f=ot({k:u[1],C:u[2],M:u[3],T:u[4]||"0",N:s,$:null,m:null,j:null,O:null,S:null,v:null}),"t"===c?(f.N=ut(s,3),f.N&&3===f.N.nodeType&&(f.v=f.N.textContent,n.push(f),s.remove(),i===f.k&&(t.m||(t.m=[]),t.m[f.T]=f))):"c"===c?(f.N=ut(s,8),f.N&&8===f.N.nodeType&&(n.push(f),s.remove())):f.k===i&&("s"===c?st(s["s-sn"]=u[5]||"",u[2],f,s,t,n,e,0,r):"r"===c&&(o["s-cr"]=s,s["s-cn"]=!0)));else if(t&&"style"===t.S){const n=K(null,s.textContent);n.N=s,n.T="0",t.m=[n]}return t},lt=(t,n)=>{if(1===t.nodeType){const e=t[h]||t.getAttribute(h);e&&n.set(e,t);let l=0;if(t.shadowRoot)for(;l<t.shadowRoot.childNodes.length;l++)lt(t.shadowRoot.childNodes[l],n);const o=t.__childNodes||t.childNodes;for(l=0;l<o.length;l++)lt(o[l],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},ot=t=>({u:0,k:null,C:null,M:null,T:"0",N:null,$:null,m:null,j:null,O:null,S:null,v:null,...t});function st(t,n,e,l,o,s,i,r,c){l["s-sr"]=!0,e.O=t||null,e.S="slot";const u=(null==o?void 0:o.N)?o.N["s-id"]||o.N.getAttribute("s-id"):"";{const s=e.N,i=u&&u!==e.k&&o.N.shadowRoot;ct(c,n,t,l,i?u:e.k),_(l),i&&o.N.insertBefore(s,o.N.children[0])}s.push(e),i.push(e),o.m||(o.m=[]),o.m[e.T]=e}var it,rt,ct=(t,n,e,l,o)=>{var s,i;let r=l.nextSibling;if(t[n]=t[n]||[],r&&!(null==(s=r.nodeValue)?void 0:s.startsWith("s.")))do{!r||(r.getAttribute&&r.getAttribute("slot")||r["s-sn"])!==e&&(""!==e||r["s-sn"]||r.getAttribute&&r.getAttribute("slot")||8!==r.nodeType&&3!==r.nodeType)||(r["s-sn"]=e,t[n].push({slot:l,node:r,hostId:o})),r=null==r?void 0:r.nextSibling}while(r&&!(null==(i=r.nodeValue)?void 0:i.startsWith("s.")))},ut=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},ft=class o{static fromLocalValue(t){const n=t[e],s=l in t?t[l]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((t=>o.fromLocalValue(t)));case"date":return new Date(s);case"map":const t=new Map;for(const[n,e]of s){const l="object"==typeof n&&null!==n?o.fromLocalValue(n):n,s=o.fromLocalValue(e);t.set(l,s)}return t;case"object":const e={};for(const[t,n]of s)e[t]=o.fromLocalValue(n);return e;case"regexp":const{pattern:l,flags:i}=s;return RegExp(l,i);case"set":const r=new Set;for(const t of s)r.add(o.fromLocalValue(t));return r;case"symbol":return Symbol(s);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(t){return t.map((t=>o.fromLocalValue(t)))}static isLocalValueObject(o){if("object"!=typeof o||null===o)return!1;if(!o.hasOwnProperty(e))return!1;const s=o[e];return!!Object.values({...t,...n}).includes(s)&&("null"===s||"undefined"===s||o.hasOwnProperty(l))}},at=(t,n)=>"string"==typeof t&&t.startsWith(o)?t=function(t){return"string"==typeof t&&t.startsWith(o)?ft.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||J(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?t+"":t,dt=t=>{var n;return null==(n=r(t))?void 0:n.$hostElement$},ht=(t,n,e)=>{const l=dt(t);return{emit:t=>pt(l,n,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:t})}},pt=(t,n,e)=>{const l=g.ce(n,e);return t.dispatchEvent(l),l},vt=(t,n,e,l,o,s,i)=>{if(e===l)return;let c=u(t,n),f=n.toLowerCase();if("class"===n){const n=t.classList,o=mt(e);let s=mt(l);if((t["s-si"]||t["s-sc"])&&i){const e=t["s-sc"]||t["s-si"];s.push(e),o.forEach((t=>{t.startsWith(e)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),n.add(...s)}else n.remove(...o.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===n){for(const n in e)l&&null!=l[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in l)e&&l[n]===e[n]||(n.includes("-")?t.style.setProperty(n,l[n]):t.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&_t(l,t);else if(c||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let o;{const n=r(t);if(n&&n.l&&n.l.t){const t=n.l.t[e];t&&t[1]&&(o=t[1])}}return o||(o=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===l?"":l))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=l}catch(t){}return}{const i=J(l);if((c||i&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[n]!==l&&(t[n]=l);else{const o=null==l?"":l;"list"===n?c=!1:null!=e&&t[n]===o||("function"==typeof t.__lookupSetter__(n)?t[n]=o:t.setAttribute(n,o))}}catch(t){}let r=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(n=f,r=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(n)||(r?t.removeAttributeNS(m,n):t.removeAttribute(n)):(!c||4&s||o)&&!i&&1===t.nodeType&&(l=!0===l?"":l,r?t.setAttributeNS(m,n,l):t.setAttribute(n,l))}}else if(n="-"===n[2]?n.slice(3):u(b,f)?f.slice(2):f[2]+n.slice(3),e||l){const o=n.endsWith(bt);n=n.replace(yt,""),e&&g.rel(t,n,e,o),l&&g.ael(t,n,l,o)}},$t=/\s/,mt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split($t):[]),bt="Capture",yt=RegExp(bt+"$"),gt=(t,n,e,l)=>{const o=11===n.N.nodeType&&n.N.host?n.N.host:n.N,s=t&&t.$||{},i=n.$||{};for(const t of wt(Object.keys(s)))t in i||vt(o,t,s[t],void 0,e,n.u,l);for(const t of wt(Object.keys(i)))vt(o,t,s[t],i[t],e,n.u,l)};function wt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var jt=!1,Ot=!1,St=!1,Nt=!1,kt=[],xt=[],Ct=(t,n,e)=>{var l;const o=n.m[e];let s,i,r,c=0;if(jt||(St=!0,"slot"===o.S&&(o.u|=o.m?2:1)),null!=o.v)s=o.N=b.document.createTextNode(o.v);else if(1&o.u)s=o.N=b.document.createTextNode(""),gt(null,o,Nt);else{if(Nt||(Nt="svg"===o.S),!b.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=o.N=b.document.createElementNS(Nt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!jt&&2&o.u?"slot-fb":o.S),Nt&&"foreignObject"===o.S&&(Nt=!1),gt(null,o,Nt),o.m){const n="template"===o.S?s.content:s;for(c=0;c<o.m.length;++c)i=Ct(t,o,c),i&&n.appendChild(i)}"svg"===o.S?Nt=!1:"foreignObject"===s.tagName&&(Nt=!0)}return s["s-hn"]=rt,3&o.u&&(s["s-sr"]=!0,s["s-cr"]=it,s["s-sn"]=o.O||"",s["s-rf"]=null==(l=o.$)?void 0:l.ref,_(s),r=t&&t.m&&t.m[e],r&&r.S===o.S&&t.N&&Et(t.N)),s},Et=t=>{g.u|=1;const n=t.closest(rt.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of e?l.reverse():l)null!=t["s-sh"]&&(Vt(n,t,null!=e?e:null),t["s-sh"]=void 0,St=!0)}g.u&=-2},Mt=(t,n)=>{g.u|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===rt&&e.push(n)}for(let t=e.length-1;t>=0;t--){const l=e[t];l["s-hn"]!==rt&&l["s-ol"]&&(Vt(At(l).parentNode,l,At(l)),l["s-ol"].remove(),l["s-ol"]=void 0,l["s-sh"]=void 0,St=!0),n&&Mt(l,n)}g.u&=-2},Tt=(t,n,e,l,o,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for("template"===e.S&&(r=r.content);o<=s;++o)l[o]&&(i=Ct(null,e,o),i&&(l[o].N=i,Vt(r,i,At(n))))},Lt=(t,n,e)=>{for(let l=n;l<=e;++l){const n=t[l];if(n){const t=n.N;Pt(n),t&&(Ot=!0,t["s-ol"]?t["s-ol"].remove():Mt(t,!0),t.remove())}}},It=(t,n,e=!1)=>t.S===n.S&&("slot"===t.S?t.O===n.O:e?(e&&!t.j&&n.j&&(t.j=n.j),!0):t.j===n.j),At=t=>t&&t["s-ol"]||t,Rt=(t,n,e=!1)=>{const l=n.N=t.N,o=t.m,s=n.m,i=n.S,r=n.v;let c;null==r?(Nt="svg"===i||"foreignObject"!==i&&Nt,"slot"!==i||jt||t.O!==n.O&&(n.N["s-sn"]=n.O||"",Et(n.N.parentElement)),gt(t,n,Nt,e),null!==o&&null!==s?((t,n,e,l,o=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=n.length-1,d=n[0],h=n[a],p=l.length-1,v=l[0],$=l[p];const m="template"===e.S?t.content:t;for(;r<=a&&c<=p;)if(null==d)d=n[++r];else if(null==h)h=n[--a];else if(null==v)v=l[++c];else if(null==$)$=l[--p];else if(It(d,v,o))Rt(d,v,o),d=n[++r],v=l[++c];else if(It(h,$,o))Rt(h,$,o),h=n[--a],$=l[--p];else if(It(d,$,o))"slot"!==d.S&&"slot"!==$.S||Mt(d.N.parentNode,!1),Rt(d,$,o),Vt(m,d.N,h.N.nextSibling),d=n[++r],$=l[--p];else if(It(h,v,o))"slot"!==d.S&&"slot"!==$.S||Mt(h.N.parentNode,!1),Rt(h,v,o),Vt(m,h.N,d.N),h=n[--a],v=l[++c];else{for(u=-1,f=r;f<=a;++f)if(n[f]&&null!==n[f].j&&n[f].j===v.j){u=f;break}u>=0?(i=n[u],i.S!==v.S?s=Ct(n&&n[c],e,u):(Rt(i,v,o),n[u]=void 0,s=i.N),v=l[++c]):(s=Ct(n&&n[c],e,c),v=l[++c]),s&&Vt(At(d.N).parentNode,s,At(d.N))}r>a?Tt(t,null==l[p+1]?null:l[p+1].N,e,l,c,p):c>p&&Lt(n,r,a)})(l,o,n,s,e):null!==s?(null!==t.v&&(l.textContent=""),Tt(l,null,n,s,0,s.length-1)):e||null===o?e&&null!==o&&null===s&&(n.m=o):Lt(o,0,o.length-1),Nt&&"svg"===i&&(Nt=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:t.v!==r&&(l.data=r)},Ft=[],Dt=t=>{let n,e,l;const o=t.__childNodes||t.childNodes;for(const t of o){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const o=t["s-sn"];for(l=e.length-1;l>=0;l--)if(n=e[l],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(F(n,o)){let e=Ft.find((t=>t.L===n));Ot=!0,n["s-sn"]=n["s-sn"]||o,e?(e.L["s-sh"]=t["s-hn"],e.I=t):(n["s-sh"]=t["s-hn"],Ft.push({I:t,L:n})),n["s-sr"]&&Ft.map((t=>{F(t.L,n["s-sn"])&&(e=Ft.find((t=>t.L===n)),e&&!t.I&&(t.I=e.I))}))}else Ft.some((t=>t.L===n))||Ft.push({L:n})}1===t.nodeType&&Dt(t)}},Pt=t=>{t.$&&t.$.ref&&kt.push((()=>t.$.ref(null))),t.m&&t.m.map(Pt)},_t=(t,n)=>{xt.push((()=>t(n)))},Vt=(t,n,e,l)=>{if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:o}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const l=t["s-sn"]=P(t)||"";return{slotNode:A(W(n,"childNodes"),n.tagName,l)[0],slotName:l}}(n);return o&&!l&&function(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(o),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)},Ht=(t,n)=>{if(n&&!t.A&&n["s-p"]){const e=n["s-p"].push(new Promise((l=>t.A=()=>{n["s-p"].splice(e-1,1),l()})))}},Ut=(t,n)=>{if(t.u|=16,4&t.u)return void(t.u|=512);Ht(t,t.R);const e=()=>zt(t,n);if(!n)return T(e);queueMicrotask((()=>{e()}))},zt=(t,n)=>{const e=t.$hostElement$,l=t.i;if(!l)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return n?(t.F&&(t.F=!1,Kt(l,"connectedCallback",void 0,e)),t.u|=256,t.D&&(t.D.map((([t,n])=>Kt(l,t,n,e))),t.D=void 0),t.P.length&&t.P.forEach((t=>t(e))),o=Kt(l,"componentWillLoad",void 0,e)):o=Kt(l,"componentWillUpdate",void 0,e),o=Bt(o,(()=>Kt(l,"componentWillRender",void 0,e))),Bt(o,(()=>qt(t,l,n)))},Bt=(t,n)=>Wt(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),Wt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,qt=async(t,n,e)=>{var l;const o=t.$hostElement$,s=o["s-rc"];e&&(t=>{const n=t.l;((t,n)=>{var e,l,o;const s=G(n),i=d.get(s);if(!b.document)return s;if(t=11===t.nodeType?t:b.document,i)if("string"==typeof i){let o,r=Y.get(t=t.head||t);r||Y.set(t,r=new Set);const c=t.querySelector(`[${p}="${s}"]`);if(c)c.textContent=i;else if(!r.has(s)){o=b.document.createElement("style"),o.textContent=i;const c=null!=(e=g._)?e:q(b.document);if(null!=c&&o.setAttribute("nonce",c),!(1&n.u))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(j){const n=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(i),O?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=i+n.textContent:t.prepend(o)}else t.append(o);1&n.u&&t.insertBefore(o,null),4&n.u&&(o.textContent+=$),r&&r.add(s)}}else{let n=Y.get(t);if(n||Y.set(t,n=new Set),!n.has(s)){const e=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(i.constructor===e.CSSStyleSheet)l=i;else{l=new e.CSSStyleSheet;for(let t=0;t<i.cssRules.length;t++)l.insertRule(i.cssRules[t].cssText,t)}if(O?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],n.add(s),"host"in t){const n=t.querySelector(`[${p}="${s}"]`);n&&T((()=>n.remove()))}}}})(t.$hostElement$.getRootNode(),n)})(t);Yt(t,n,o,e),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const n=null!=(l=o["s-p"])?l:[],e=()=>Gt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.u|=4,n.length=0)}},Yt=(t,n,e,l)=>{try{n=n.render(),t.u&=-17,t.u|=2,((t,n,e=!1)=>{var l,o,s,i,r;const c=t.$hostElement$,u=t.l,f=t.V||K(null,null),a=(t=>t&&t.S===Q)(n)?n:Z(null,null,n);if(rt=c.tagName,u.H&&(a.$=a.$||{},u.H.forEach((([t,n])=>{a.$[n]=c[t]}))),e&&a.$)for(const t of Object.keys(a.$))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.$[t]=c[t]);if(a.S=null,a.u|=4,t.V=a,a.N=f.N=c,jt=!1,it=c["s-cr"],Ot=!1,Rt(f,a,e),g.u|=1,St){Dt(a.N);for(const t of Ft){const n=t.L;if(!n["s-ol"]&&b.document){const t=b.document.createTextNode("");t["s-nr"]=n,Vt(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of Ft){const n=t.L,r=t.I;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(l=n.hidden)&&l),r){const t=r.parentNode;let l=r.nextSibling;if(l&&1===l.nodeType){let e=null==(o=n["s-ol"])?void 0:o.previousSibling;for(;e;){let o=null!=(s=e["s-nr"])?s:null;if(o&&o["s-sn"]===n["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===n||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}e=e.previousSibling}}if((!l&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==l)&&n!==l){if(Vt(t,n,l,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=b.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,Vt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(i=n["s-ih"])&&i)}n&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===n.nodeType&&(n.hidden=!0)}}if(Ot&&L(a.N),g.u&=-2,Ft.length=0,!jt&&!(1&u.u)&&c["s-cr"]){const t=a.N.__childNodes||a.N.childNodes;for(const n of t)if(n["s-hn"]!==rt&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(r=n.hidden)&&r),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=b.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],Vt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}it=void 0,kt.forEach((t=>t())),kt.length=0,xt.forEach((t=>t())),xt.length=0})(t,n,l)}catch(n){f(n,t.$hostElement$)}return null},Gt=t=>{const n=t.$hostElement$,e=t.i,l=t.R;Kt(e,"componentDidRender",void 0,n),64&t.u?Kt(e,"componentDidUpdate",void 0,n):(t.u|=64,Qt(n),Kt(e,"componentDidLoad",void 0,n),t.U(n),l||Zt()),t.B(n),t.A&&(t.A(),t.A=void 0),512&t.u&&M((()=>Ut(t,!1))),t.u&=-517},Jt=t=>{var n;{const e=r(t),l=null==(n=null==e?void 0:e.$hostElement$)?void 0:n.isConnected;return l&&2==(18&e.u)&&Ut(e,!1),l}},Zt=()=>{var t;M((()=>pt(b,"appload",{detail:{namespace:"postnord-web-components"}}))),(null==(t=g.W)?void 0:t.size)&&g.W.clear()},Kt=(t,n,e,l)=>{if(t&&t[n])try{return t[n](e)}catch(t){f(t,l)}},Qt=t=>t.classList.add("hydrated"),Xt=(t,n,e,l)=>{const o=r(t);if(!o)return;if(!o)throw Error(`Couldn't find host element for "${l.p}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=o.$hostElement$,i=o.o.get(n),c=o.u,u=o.i;if(e=at(e,l.t[n][0]),!(8&c&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e))){if(o.o.set(n,e),l.q){const t=l.q[n];t&&t.map((t=>{try{const[[l,s]]=Object.entries(t);(128&c||1&s)&&(u?u[l](e,i,n):o.P.push((()=>{o.i[l](e,i,n)})))}catch(t){f(t,s)}}))}if(2&c){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(e,i,n)&&!(16&c))return;16&c||Ut(o,!1)}}},tn=(t,n,e)=>{var l,o;const i=t.prototype;{t.watchers&&!n.q&&(n.q=t.watchers),t.deserializers&&!n.Y&&(n.Y=t.deserializers),t.serializers&&!n.G&&(n.G=t.serializers);const c=Object.entries(null!=(l=n.t)?l:{});if(c.map((([t,[l]])=>{if(31&l||2&e&&32&l){const{get:o,set:c}=s(i,t)||{};o&&(n.t[t][0]|=2048),c&&(n.t[t][0]|=4096),(1&e||!o)&&Object.defineProperty(i,t,{get(){{if(!(2048&n.t[t][0]))return((t,n)=>r(this).o.get(n))(0,t);const e=r(this),l=e?e.i:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(o){const s=r(this);if(s){if(c)return void 0===(32&l?this[t]:s.$hostElement$[t])&&s.o.get(t)&&(o=s.o.get(t)),c.call(this,at(o,l)),void Xt(this,t,o=32&l?this[t]:s.$hostElement$[t],n);{if(!(1&e&&4096&n.t[t][0]))return Xt(this,t,o,n),void(1&e&&!s.i&&s.P.push((()=>{4096&n.t[t][0]&&s.i[t]!==s.o.get(t)&&(s.i[t]=o)})));const i=()=>{const e=s.i[t];!s.o.get(t)&&e&&s.o.set(t,e),s.i[t]=at(o,l),Xt(this,t,s.i[t],n)};s.i?i():s.P.push((()=>{i()}))}}}})}else 1&e&&64&l&&Object.defineProperty(i,t,{value(...n){var e;const l=r(this);return null==(e=null==l?void 0:l.J)?void 0:e.then((()=>{var e;return null==(e=l.i)?void 0:e[t](...n)}))}})})),1&e){const e=new Map;i.attributeChangedCallback=function(t,l,o){g.jmp((()=>{var s;const u=e.get(t),f=r(this);if(this.hasOwnProperty(u)&&(o=this[u],delete this[u]),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==o)return;if(null==u){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&o!==l){const i=f.i,r=null==(s=n.q)?void 0:s[t];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=i[s]&&(128&e||1&r)&&i[s].call(i,o,l,t)}))}return}const a=c.find((([t])=>t===u));a&&4&a[1][0]&&(o=null!==o&&"false"!==o);const d=Object.getOwnPropertyDescriptor(i,u);o==this[u]||d.get&&!d.set||(this[u]=o)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=n.q)?o:{}),...c.filter((([t,n])=>31&n[0])).map((([t,l])=>{var o;const s=l[1]||t;return e.set(s,t),512&l[0]&&(null==(o=n.H)||o.push([t,s])),s}))]))}}return t},nn=(t,n)=>{Kt(t,"connectedCallback",void 0,n)},en=t=>{if(!(1&g.u)){const n=r(t);if(!n)return;const e=n.l,l=()=>{};if(1&n.u)cn(t,n,e.Z),(null==n?void 0:n.i)?nn(n.i,t):(null==n?void 0:n.K)&&n.K.then((()=>nn(n.i,t)));else{let l;n.u|=1,l=t.getAttribute(h),l&&((t,n,e,l)=>{var o,s,i,c;const u=t.shadowRoot,f=[],a=[],d=K(n,null);d.N=t,!b.document||g.W&&g.W.size||lt(b.document.body,g.W=new Map),t[h]=e,t.removeAttribute(h),l.V=et(d,f,[],null,t,t,e,a);let p=0;const v=f.length;let $;for(;p<v;p++){$=f[p];const e=$.k+"."+$.C,l=g.W.get(e),s=$.N;if(u){if((null==(o=$.S)?void 0:(""+o).includes("-"))&&"slot-fb"!==$.S&&!$.N.shadowRoot){const t=r($.N);if(t){const n=G(t.l),e=b.document.querySelector(`style[sty-id="${n}"]`);e&&null.unshift(e.cloneNode(!0))}}}else s["s-hn"]=$n(n).toUpperCase(),"slot"===$.S&&(s["s-cr"]=t["s-cr"]);"slot"===$.S&&($.O=$.N["s-sn"]||$.N.name||null,$.m?($.u|=2,$.N.childNodes.length||$.m.forEach((t=>{$.N.appendChild(t.N)}))):$.u|=1),l&&l.isConnected&&(l.parentElement.shadowRoot&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),l.parentNode.removeChild(l),u||(s["s-oo"]=parseInt($.C))),l&&!l["s-id"]&&g.W.delete(e)}const m=[],y=a.length;let w,j,O,S,N=0,k=0;for(;N<y;N++)if(w=a[N],w&&w.length)for(O=w.length,j=0;j<O;j++){if(S=w[j],m[S.hostId]||(m[S.hostId]=g.W.get(S.hostId)),!m[S.hostId])continue;const t=m[S.hostId];t.shadowRoot&&S.node.parentElement!==t&&t.insertBefore(S.node,null==(i=null==(s=w[j-1])?void 0:s.node)?void 0:i.nextSibling),t.shadowRoot&&u||(S.slot["s-cr"]||(S.slot["s-cr"]=t["s-cr"],S.slot["s-cr"]=!S.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),D(S.node,S.slot,0,S.node["s-oo"]||k),(null==(c=S.node.parentElement)?void 0:c.shadowRoot)&&S.node.getAttribute&&S.node.getAttribute("slot")&&S.node.removeAttribute("slot")),k=(S.node["s-oo"]||k)+1}l.$hostElement$=t})(t,e.p,l,n),l||12&e.u&&ln(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Ht(n,n.R=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let l;try{if(!(32&n.u)){if(n.u|=32,e.X){const o=((t,n)=>{const e=t.p.replace(/-/g,"_"),l=t.X;if(!l)return;const o=a.get(l);return o?o[e]:import(`./${l}.entry.js`).then((t=>(a.set(l,t),t[e])),(t=>{f(t,n.$hostElement$)}))
6
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,n);if(o&&"then"in o){const t=()=>{};l=await o,t()}else l=o;if(!l)throw Error(`Constructor for "${e.p}#${n.tt}" was not found`);l.isProxied||(e.q=l.watchers,e.G=l.serializers,e.Y=l.deserializers,tn(l,e,2),l.isProxied=!0);const s=()=>{};n.u|=8;try{new l(n)}catch(n){f(n,t)}n.u&=-9,n.u|=128,s(),4&e.u?n.F=!0:nn(n.i,t)}else l=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));if(l&&l.style){let t;"string"==typeof l.style&&(t=l.style);const n=G(e);if(!d.has(n)){const l=()=>{};((t,n,e)=>{let l=d.get(t);j&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,d.set(t,l)})(n,t,!!(1&e.u)),l()}}}const o=n.R,s=()=>Ut(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(e){f(e,t),n.A&&(n.A(),n.A=void 0),n.U&&n.U(t)}})(t,n,e)}l()}},ln=t=>{if(!b.document)return;const n=t["s-cr"]=b.document.createComment("");n["s-cn"]=!0,Vt(t,n,t.firstChild)},on=(t,n)=>{Kt(t,"disconnectedCallback",void 0,n||t)},sn=(t,n={})=>{var e;if(!b.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],o=n.exclude||[],s=b.customElements,i=b.document.head,c=i.querySelector("meta[charset]"),u=b.document.createElement("style"),f=[];let a,d=!0;Object.assign(g,n),g.h=new URL(n.resourcesUrl||"./",b.document.baseURI).href,g.u|=2;let h=!1;if(t.map((t=>{t[1].map((e=>{var i,c,u;const p={u:e[0],p:e[1],t:e[2],Z:e[3]};4&p.u&&(h=!0),p.t=e[2],p.Z=e[3],p.H=[],p.q=null!=(i=e[4])?i:{},p.G=null!=(c=e[5])?c:{},p.Y=null!=(u=e[6])?u:{};const v=n.transformTagName?n.transformTagName(p.p):$n(p.p),$=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){super(t),((t,n)=>{const e={u:0,$hostElement$:t,l:n,o:new Map,nt:new Map};e.J=new Promise((t=>e.B=t)),e.K=new Promise((t=>e.U=t)),t["s-p"]=[],t["s-rc"]=[],e.P=[];const l=e;t.__stencil__getHostRef=()=>l})(t=this,p)}connectedCallback(){const t=r(this);t&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,cn(this,t,p.Z)),a&&(clearTimeout(a),a=null),d?f.push(this):g.jmp((()=>en(this))))}disconnectedCallback(){g.jmp((()=>(async t=>{if(!(1&g.u)){const n=r(t);(null==n?void 0:n.et)&&(n.et.map((t=>t())),n.et=void 0),(null==n?void 0:n.i)?on(n.i,t):(null==n?void 0:n.K)&&n.K.then((()=>on(n.i,t)))}Y.has(t)&&Y.delete(t),t.shadowRoot&&Y.has(t.shadowRoot)&&Y.delete(t.shadowRoot)})(this))),g.raf((()=>{var t;const n=r(this);if(!n)return;const e=f.findIndex((t=>t===this));e>-1&&f.splice(e,1),(null==(t=null==n?void 0:n.V)?void 0:t.N)instanceof Node&&!n.V.N.isConnected&&delete n.V.N}))}componentOnReady(){var t;return null==(t=r(this))?void 0:t.K}};!(1&p.u)&&256&p.u?(H($.prototype),V($.prototype)):V($.prototype),p.X=t[0],o.includes(v)||s.get(v)||(l.push(v),s.define(v,tn($,p,1)))}))})),l.length>0&&(h&&(u.textContent+=$),u.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(e=g._)?e:q(b.document);null!=t&&u.setAttribute("nonce",t),i.insertBefore(u,c?c.nextSibling:i.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):g.jmp((()=>a=setTimeout(Zt,30)))},rn=(t,n)=>n,cn=(t,n,e)=>{e&&b.document&&e.map((([e,l,o])=>{const s=fn(b.document,t,e),i=un(n,o),r=an(e);g.ael(s,l,i,r),(n.et=n.et||[]).push((()=>g.rel(s,l,i,r)))}))},un=(t,n)=>e=>{var l;try{256&t.u?null==(l=t.i)||l[n](e):(t.D=t.D||[]).push([n,e])}catch(n){f(n,t.$hostElement$)}},fn=(t,n,e)=>8&e?b:n,an=t=>({passive:!!(1&t),capture:!!(2&t)}),dn=class{};function hn(...t){return t.reduceRight(((t,n)=>n(t)),dn)}var pn=t=>g._=t,vn=void 0;function $n(t){return vn?vn(t):t}function mn(t){vn&&console.warn("\n A tagTransformer has already been set. \n Overwriting it may lead to error and unexpected results if your components have already been defined.\n "),vn=t}export{rn as F,y as H,hn as M,Q as a,sn as b,ht as c,mn as d,Jt as f,dt as g,Z as h,w as p,c as r,pn as s,$n as t}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as a,r as e,c as r,g as n,h as t,a as i}from"./p-XKg-ydzH.js";import{a as c}from"./p-D_UyW-KH.js";import{o as d}from"./p-IFVOY5Gf.js";import{uuidv4 as o,ripple as p}from"./index.esm.js";const l=class{constructor(a){e(this,a),this.pnCard=r(this,"pnCard",7)}id=`pn-card-${o()}`;idTitle=`${this.id}-title`;visibleOutline=!1;get hostElement(){return n(this)}label;labelTag="h3";overline;text;cardId=null;horizontal=!1;reverse=!1;aspectRatio="";href;hrefLabel;target;rel="noopener noreferrer";icon=null;watchCardId(){this.idTitle=`${this.cardId||this.id}-title`}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return"_blank"===this.target}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){return this.icon?this.icon:this.isExternal()?d:c}getHeadingTag(){return["h2","h3","h4","h5","h6","p"].includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:a,target:e}){this.visibleOutline="focus"===a&&e.matches(":focus-visible")}handleClick(a){p(a,this.hostElement,".pn-card"),this.pnCard.emit({click:a})}render(){const a=this.getHeadingTag();return t(i,{key:"8126385831d763637aed6ebe4fa61fd0bdb42764"},t("article",{key:"93c75dc2d9e71844e36a9cdd6914f42eae34f7b0",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"140936bb72867a5ef4351363dfda52698b9d9df0",class:"pn-card-image"},t("picture",{key:"60de2f3f53b4d7f1e1cbe37b1ff47686c9e48b72",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"47cffafc0d642f6cf0c682cd96f9fd11609f924e",name:"image"}))),t("div",{key:"6768342177fe3884d9bd20b0ca516cf026b69751",class:"pn-card-content"},t("header",{key:"91e023c92c33bf74c39200387edc7a3d3c2f2d42",class:"pn-card-header"},t("div",{key:"9d7771c4275569012021a07f9165ba4a8ce8c297",class:"pn-card-tags"},t("slot",{key:"c45641bd02093f8001dee361b6b8577a383f72ba",name:"tags"})),!!this.overline&&t("p",{key:"b152b16d2488e82556e9f56f90daf0edfe8ae33f",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"3bc086490090afc05ad44c0e1736009b82fbe814",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"1188ca2c3260dd509811cfb5aa5356488f211e1a",name:"header"})),t("section",{key:"ba0b7362ddd721041466ac979ba198170b016fb1",class:"pn-card-section"},!!this.text&&t("p",{key:"76aa9e90ac18ff66ec15a436ec8eec9e22c67748",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"bd0f035ce418425c1ac1871ec1cb98f850cd97e1"})),t("nav",{key:"1a538e55ed6c9c07f3f8c5dd823f80ed3a149ed6",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"a18605058f0dc733ceeeab9fa6a44fb524c93630",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:a=>this.handleClick(a),onFocus:a=>this.handleFocus(a),onBlur:a=>this.handleFocus(a)},this.hrefLabel,t("pn-icon",{key:"066242008cd49a69d64db93da7a87bbdcdd1beda",color:"blue700",icon:this.getIcon()})),t("slot",{key:"bbe0271663622b8adf542232daa573a467b34f16",name:"navigation"})))))}static get watchers(){return{cardId:[{watchCardId:0}]}}};l.style=`${a("pn-card")}{position:relative;display:block}${a("pn-card")} .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-card")} .pn-card{transition-duration:0s;transition-delay:0s}}${a("pn-card")} .pn-card[data-link]:hover{background-color:#e0f8ff}${a("pn-card")} .pn-card[data-link][data-focus]{outline-color:#005d92}${a("pn-card")} .pn-card{}${a("pn-card")} .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}${a("pn-card")} .pn-card[data-horizontal]{flex-direction:row}${a("pn-card")} .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}${a("pn-card")} .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}${a("pn-card")} .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}${a("pn-card")} .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}${a("pn-card")} .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}${a("pn-card")} .pn-card[data-reverse]{flex-direction:column-reverse}${a("pn-card")} .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}${a("pn-card")} .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}${a("pn-card")} .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}${a("pn-card")} .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}${a("pn-card")} .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-card")} .pn-card-link{transition-duration:0s;transition-delay:0s}}${a("pn-card")} .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}${a("pn-card")} .pn-card-link:hover>${a("pn-icon")} .pn-icon-svg>path{fill:#0d234b}${a("pn-card")} .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}${a("pn-card")} .pn-card-link:focus>${a("pn-icon")} .pn-icon-svg>path{fill:#0d234b}${a("pn-card")} .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}${a("pn-card")} .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}${a("pn-card")} .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}${a("pn-card")} .pn-card-section-paragraph,${a("pn-card")} .pn-card-section p{margin:0 0 0.25em}${a("pn-card")} .pn-card-section-paragraph:last-child,${a("pn-card")} .pn-card-section p:last-child{margin:0em}${a("pn-card")} .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${a("pn-card")} .pn-card-navigation>${a("pn-button")}{flex:1 1 12em}${a("pn-card")} .pn-card-navigation:empty{display:none}${a("pn-card")} .pn-card-image{position:relative;display:flex;flex-direction:column}${a("pn-card")} .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}${a("pn-card")} .pn-card-picture:empty{display:none}${a("pn-card")} .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}${a("pn-card")} .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${a("pn-card")} .pn-card-tags:empty{display:none}${a("pn-card")} .pn-card>.pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}`;export{l as pn_card}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as n,r as t,c as e,g as a,f as i,h as s,a as o}from"./p-XKg-ydzH.js";import{uuidv4 as r}from"./index.esm.js";import{a as p}from"./p-CQaMdITw.js";import{a as d}from"./p-D_UyW-KH.js";import{c as h}from"./p-DrYFvs2M.js";const c=class{constructor(n){t(this,n),this.navchange=e(this,"navchange",7)}mo;navContainer;navWrapper;navItems=[];dropdownButton;dropdownEl;dropdownItems;dropdownEls;eventHandler=this.keyboardEvents.bind(this);globalEventHandler=this.globalEvents.bind(this);activeBg;hoverBg;scrollRegistered=!1;get hostElement(){return a(this)}currentSelection;showScrollArrows=!1;showLeftArrow=!1;showRightArrow=!1;dropdownOpen=!1;dropdownLinks=[];dropdownActive=!1;value;dropdown=!1;navid=`pn-page-nav-${r()}`;navchange;changeHandler({target:t}){this.currentSelection=t.closest(`${n("pn-page-nav-item")}`),t.value&&(this.value=t.value),this.dropdownOpen&&(this.dropdownOpen=!1)}handleResize(){this.rerender()}valueHandler(){this.value||(this.currentSelection=null),this.calcHighlight(this.currentSelection,this.activeBg),this.navchange.emit(this.value),this.dropdownActive&&this.isDropdownItemActive()}dropdownHandler(){this.dropdownOpen?requestAnimationFrame((()=>{this.addGlobalEventListeners()})):this.removeGlobalEventListeners()}componentWillLoad(){this.dropdown&&(this.dropdownEls=Array.from(this.hostElement.querySelectorAll(`${n("pn-page-nav-dropdown-item")}`)),this.dropdownEls.length&&(this.dropdownActive=!0,this.initiateDropdown()))}componentDidLoad(){this.mo&&this.mo.disconnect(),this.mo=new MutationObserver((()=>{i(this.hostElement),this.setActiveNavItem(),this.rerender()})),this.mo.observe(this.hostElement,{childList:!0,subtree:!0}),this.navWrapper=this.hostElement.querySelector(".pn-page-nav"),this.navContainer=this.hostElement.querySelector(".pn-page-nav-items"),this.activeBg=this.hostElement.querySelector(".pn-pn-active"),this.hoverBg=this.hostElement.querySelector(".pn-pn-hover"),this.hostElement.addEventListener("mouseover",(({target:n})=>this.calcHighlight(n,this.hoverBg))),this.setActiveNavItem(),this.rerender()}setActiveNavItem(){this.navItems=Array.from(this.hostElement.querySelectorAll(`${n("pn-page-nav-item")}`)),this.navItems.forEach((n=>{this.value===n.value?this.currentSelection=n:n.removeAttribute("selected"),n.querySelector("a").addEventListener("focus",(({target:n})=>this.calcHighlight(n,this.hoverBg)))})),this.dropdownActive&&(this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item")),this.isDropdownItemActive(),this.dropdownLinks=this.dropdownItems.map(((t,e)=>(t.setAttribute("data-index",`${e}`),t.closest(`${n("pn-page-nav-dropdown-item")}`).value))))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg),this.scrollArrowRender()}))}calcHighlight(t,e){if(!t?.closest(`${n("pn-page-nav-item")}`))return void e?.classList.add("hidden");e&&e.classList.remove("hidden");const a=t.closest(`${n("pn-page-nav-item")}`).getBoundingClientRect(),{left:i}=this.navContainer.getBoundingClientRect(),{left:s,height:o,width:r}=a;e.style.setProperty("transform",`translate(${s-i+this.navContainer.scrollLeft}px, -50%`),e.style.setProperty("width",`${r}px`),e.style.setProperty("height",`${o}px`)}scrollArrowRender(){if(this.navWrapper){if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=!0,this.scrollRegistered||(this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this)),this.scrollRegistered=!0);const n=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft)-this.navWrapper.clientWidth;return this.showLeftArrow=this.navWrapper.scrollLeft>0,void(this.showRightArrow=n>0)}this.showLeftArrow=!1,this.showRightArrow=!1,this.showScrollArrows=!1}}scroll(n){this.navWrapper.scroll({left:this.navWrapper.scrollLeft+n,behavior:"smooth"})}scrollArrowClasses(){let n="pn-pn-arrows ";return this.showLeftArrow&&(n+="pn-pn-left-visible "),this.showRightArrow&&(n+="pn-pn-right-visible "),n}initiateDropdown(){requestAnimationFrame((()=>{this.dropdownButton=this.hostElement.querySelector(".pn-page-nav-dropdown-button"),this.dropdownEl=this.hostElement.querySelector(".pn-page-nav-dropdown"),this.addDropdownEventListeners()}))}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}isDropdownItemActive(){this.dropdownEls.forEach((n=>{n.value&&this.value===n.value?n.setAttribute("active","true"):n.removeAttribute("active")}))}addDropdownEventListeners(){this.hostElement.addEventListener("keydown",this.eventHandler),this.hostElement.addEventListener("click",this.eventHandler)}addGlobalEventListeners(){const n=this.hostElement.getRootNode();n.addEventListener("focusin",this.globalEventHandler),n.addEventListener("keydown",this.globalEventHandler),n.addEventListener("click",this.globalEventHandler)}removeGlobalEventListeners(){const n=this.hostElement.getRootNode();n.removeEventListener("focusin",this.globalEventHandler),n.removeEventListener("keydown",this.globalEventHandler),n.removeEventListener("click",this.globalEventHandler)}keyboardEvents(n){const t=n.composedPath()[0];"keydown"===n.type&&!this.dropdownOpen&&t===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(n.code)&&(this.dropdownOpen=!0,requestAnimationFrame((()=>{this.focusNextDropdownItem()})))}globalEvents(n){const t=n.composedPath()[0];"keydown"===n.type&&"Escape"===n.code&&(this.dropdownOpen=!1,this.dropdownButton.focus()),"ArrowDown"===n.code&&this.focusNextDropdownItem(),"ArrowUp"===n.code&&this.focusPrevDropdownItem(),"click"!==n.type&&"focusin"!==n.type||this.dropdownEl.contains(t)||(this.dropdownOpen=!1)}focusNextDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("pn-page-nav-dropdown-item"))return void this.dropdownItems[0].focus();const t=parseInt(n.getAttribute("data-index"));t<this.dropdownItems.length-1&&this.dropdownItems[t+1].focus()}focusPrevDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();n.classList.contains("dropdown-item")||this.dropdownItems[this.dropdownItems.length-1].focus();const t=parseInt(n.getAttribute("data-index"));t>0?this.dropdownItems[t-1].focus():this.dropdownButton.focus()}dropdownButtonClasses(){let n="pn-page-nav-dropdown-button ";return this.dropdownLinks.includes(this.value)&&(n+="pn-page-nav-dropdown-active "),n}dropdownClasses(){let n="pn-page-nav-dropdown ";return this.dropdownOpen&&(n+="pn-page-nav-dropdown-open "),n}render(){return s(o,{key:"2bca6384910b5b314ddbb6f4f646fa95ee084c09"},s("div",{key:"2322adc21546db4fcf950f0136516ef3a059b409",class:"pn-page-nav-wrapper"},s("nav",{key:"62ce2c8c14c2748b8e5f4fd91263c19b70db1559",class:"pn-page-nav"},this.dropdownActive&&s("button",{key:"a7839cdd22ca1fbb7f2a1dcb56ebf8d9d7dda05d",type:"button",class:this.dropdownButtonClasses(),onClick:()=>this.toggleDropdown(),"aria-controls":"page-nav-dropdown","aria-expanded":`${this.dropdownOpen}`},this.dropdown,s("pn-icon",{key:"1a91a0a67c34295456c3bdb943740b257d942a53",icon:h,color:"white",small:!0}),s("div",{key:"1197635d3c157fae6b5fd90b52a8a61af8de4b8e",class:"pn-page-nav-divider"})),s("ul",{key:"3a19fcbe877e2dc81c76d378fffe1536ac1af54f",class:"pn-page-nav-items"},s("slot",{key:"aff622272002a021fc4606cb9d43aa9d86e06ba3"}),s("li",{key:"eb6d08cc390d742576a633629ee930b979ee9fdf",class:"pn-pn-bg pn-pn-active",role:"presentation"}),s("li",{key:"86be3cba39c47f3bc7f3c87afedfef66afcd6fb2",class:"pn-pn-bg pn-pn-hover",role:"presentation"}))),this.showScrollArrows&&s("div",{key:"875412be070486024d5886f5f4099747b0d51b8a",class:this.scrollArrowClasses()},s("button",{key:"358199bf37ce3473f002ae20e6dfab31a1ae0ac5",class:"pn-pn-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},s("pn-icon",{key:"c40ceef73645e7bf9cec3935e892faf8c369a158",icon:p,color:"white"})),s("button",{key:"8ac847b47005a0d61f72de5122601c38ff268655",class:"pn-pn-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},s("pn-icon",{key:"dc21c3242fe32126adca3ebc38c8a8eeed705aca",icon:d,color:"blue700"})))),this.dropdownActive&&s("ul",{key:"7666ab6c68d3b9fe0bd39ac4bd1cec2e240e6871",id:this.navid,class:this.dropdownClasses()},s("slot",{key:"64c6a3b285fb8058eb8085f2557e001c6711db4c",name:"dropdown-item"})))}static get watchers(){return{value:[{valueHandler:0}],dropdownOpen:[{dropdownHandler:0}]}}};c.style=`${n("pn-page-nav")}{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:inline-flex;border-radius:3em}.pn-page-nav{display:flex;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.0625em solid #d3cecb;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.0625em solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}${n("pn-page-nav")} .pn-pn-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0.125em 0.1em}${n("pn-page-nav")} .pn-pn-arrows svg{width:1.5em}${n("pn-page-nav")} .pn-pn-arrows svg.pn-icon-svg path{fill:#005d92}${n("pn-page-nav")} .pn-pn-arrows>*{transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:#ffffff;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.0625em solid #0d234b}${n("pn-page-nav")} .pn-pn-arrows>*.pn-pn-arrow-left{transform:translateX(-100%)}${n("pn-page-nav")} .pn-pn-arrows>*.pn-pn-arrow-right{transform:translateX(100%)}@media screen and (max-width: 30em){${n("pn-page-nav")} .pn-pn-arrows>*{border:none}${n("pn-page-nav")} .pn-pn-arrows>* ${n("pn-icon")} .pn-icon-svg{width:100%;height:2em;animation:arrow 0.6s ease-in-out alternate infinite}${n("pn-page-nav")} .pn-pn-arrows>* ${n("pn-icon")} .pn-icon-svg path{fill:#ffffff}${n("pn-page-nav")} .pn-pn-arrows>*.pn-pn-arrow-left{background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}${n("pn-page-nav")} .pn-pn-arrows>*.pn-pn-arrow-right{background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}${n("pn-page-nav")} .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,${n("pn-page-nav")} .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;transform:translateX(0)}@keyframes arrow{to{transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:flex;align-items:center;border:none;transition:background 0.15s;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button ${n("pn-icon")}{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#005d92}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;box-shadow:0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}`;export{c as pn_page_nav}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as e,r as n,c as t,g as o,h as a}from"./p-XKg-ydzH.js";import{a as i}from"./p-D_UyW-KH.js";const p=class{constructor(e){n(this,e),this.itemselection=t(this,"itemselection",7)}get hostElement(){return o(this)}value;href;active=!1;itemselection;select(e){this.value&&!this.href&&e.preventDefault(),this.itemselection.emit(this.value)}setClassnames(){let e="pn-page-nav-dropdown-item ";return this.active&&(e+="pn-page-nav-dropdown-item-active "),e}getType(){return this.value?null:"button"}getTagName(){return this.value?"a":"button"}render(){const e=this.getTagName();return a("li",{key:"93c6bd31a88c76797cee2bc915c31e6ecfa5aace"},a(e,{key:"2818d4f3a1572f863f9b9a8609d572f5994f6e75",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},a("slot",{key:"e04f130737445747a2b93bf9d7372bf22889fcff"}),a("pn-icon",{key:"934d46f6bd482171d974efec7c4494f8b1b1faff",icon:i,color:"white"})),a("hr",{key:"c5c9c4a24affe5b10d56e8a6ca5d6bee434aa571"}))}};p.style=`${e("pn-page-nav-dropdown-item")}:first-of-type li>a,${e("pn-page-nav-dropdown-item")}:first-of-type li>button{border-radius:0.5em 0.5em 0 0}${e("pn-page-nav-dropdown-item")}:last-of-type li>a,${e("pn-page-nav-dropdown-item")}:last-of-type li>button{border-radius:0 0 0.5em 0.5em}${e("pn-page-nav-dropdown-item")}:last-of-type li>hr{display:none}${e("pn-page-nav-dropdown-item")} li{font-size:inherit}${e("pn-page-nav-dropdown-item")} li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}${e("pn-page-nav-dropdown-item")} li>*>${e("pn-icon")}{margin-left:1em}${e("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active{background:#005d92}${e("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active:hover,${e("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}${e("pn-page-nav-dropdown-item")} li>*:hover,${e("pn-page-nav-dropdown-item")} li>*:focus{background:#0d234b}${e("pn-page-nav-dropdown-item")} li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}${e("pn-page-nav-dropdown-item")} li>a{text-decoration:none}${e("pn-page-nav-dropdown-item")} li>button{background:none}${e("pn-page-nav-dropdown-item")} li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}`;export{p as pn_page_nav_dropdown_item}
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * By PostNord.
4
4
  */
5
- import{t as e,r as a,g as t,f as d,h as s,a as i}from"./p-CAEP792y.js";import{awaitTopbar as n,en as c}from"./index.esm.js";import{a as r}from"./p-CQaMdITw.js";const h={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"},b=class{constructor(e){a(this,e)}mo;hasBreadcrumb=!1;hasButtons=!1;get hostElement(){return t(this)}heading;maxWidth;setMaxWidth(){this.maxWidth&&this.hostElement.style.setProperty("--max-width",this.maxWidth)}goBackHref;goBackText;language=null;connectedCallback(){this.mo=new MutationObserver((()=>{d(this.hostElement),this.checkSlots()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.checkSlots(),this.setMaxWidth(),null===this.language&&await n(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]'),this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}getButtonText(){return this.goBackText||h[this.language||c]}render(){return s(i,{key:"f19310a092999791304499d72c1b8e566949c0d3"},s("header",{key:"c6b50a1d93bf18f2050b37a9bdf69d3706b8aea4",class:"pn-header"},s("div",{key:"7bfa1bd37978daf85d266b7306a71705bdc8cac5",class:"pn-header-container"},s("div",{key:"09ed187b0f201d435c99b3c6e0f245ca48857d47",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"ba657cb77da06d42009738c64d815a23d8dae527",label:this.getButtonText(),href:this.goBackHref,icon:r,leftIcon:!0}),s("slot",{key:"278bf254489dbd76f53e047cd16c247bcfd696eb",name:"breadcrumb"})),s("div",{key:"e9b2e873fb9ed01fabbd669aa7cace973a55cbfa",class:"pn-header-content"},this.heading&&s("h1",{key:"baec009bf6807009ea53d184be9a8c15ea0253a0"},this.heading),s("slot",{key:"7a777967b19a19077486d88d775b4a1c4f9d3134"})),s("div",{key:"46fa0cc4120b341e4a03c60bb865e077c6231986",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"8932d6bbb5e1647be6b666d1879b163575dfd760",name:"buttons"})),s("slot",{key:"afc6e39f45ef72ba762772f84a66cc24fdbcf368",name:"menu"}))))}static get watchers(){return{maxWidth:[{setMaxWidth:0}]}}};b.style=`${e("pn-header")}{display:block}${e("pn-header")} h1{color:#2d2013;margin:0}${e("pn-header")} p{color:#5e554a;margin:0}${e("pn-header")} .pn-header-breadcrumbs{width:100%}${e("pn-header")} .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}${e("pn-header")} .pn-header-container>${e("pn-text-link")}{display:block}${e("pn-header")} .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}${e("pn-header")} .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}`;export{b as pn_header}
5
+ import{t as e,r as a,g as t,f as d,h as s,a as i}from"./p-XKg-ydzH.js";import{awaitTopbar as n,en as c}from"./index.esm.js";import{a as r}from"./p-CQaMdITw.js";const h={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"},b=class{constructor(e){a(this,e)}mo;hasBreadcrumb=!1;hasButtons=!1;get hostElement(){return t(this)}heading;maxWidth;setMaxWidth(){this.maxWidth&&this.hostElement.style.setProperty("--max-width",this.maxWidth)}goBackHref;goBackText;language=null;connectedCallback(){this.mo=new MutationObserver((()=>{d(this.hostElement),this.checkSlots()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.checkSlots(),this.setMaxWidth(),null===this.language&&await n(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]'),this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}getButtonText(){return this.goBackText||h[this.language||c]}render(){return s(i,{key:"cffcb3a6763d13783bad5d6b75f5402cfd92798b"},s("header",{key:"7b6d663687fe12546ed88aaea3b97efd82afac69",class:"pn-header"},s("div",{key:"aec8dbf448077f14036f0cd4885add8bb650d647",class:"pn-header-container"},s("div",{key:"bff188666b4aa2f5df35476eddf17ac4ba5ba182",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"0f2ad8624741de50b2ed1c13cf7cfcae9ad6c223",label:this.getButtonText(),href:this.goBackHref,icon:r,leftIcon:!0}),s("slot",{key:"ece3524aafbff34f28e0d9cc6eafc587e1daeba5",name:"breadcrumb"})),s("div",{key:"1356eb7d669666b327575a00abdf86bbf9a9e38a",class:"pn-header-content"},this.heading&&s("h1",{key:"c3e1419dbf20e789c98ea32bb73a3e5e1021f75a"},this.heading),s("slot",{key:"94491e7af78f2ee44bc45b3a261f2bcc8af81377"})),s("div",{key:"e2db0dcd84f2fbeb58ab793cd4220861c2320433",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"1745323caaf67eb3f316f4ff56451ffefb6d9b7e",name:"buttons"})),s("slot",{key:"17d56ba2c125c766c05ae84eb82839391447dd74",name:"menu"}))))}static get watchers(){return{maxWidth:[{setMaxWidth:0}]}}};b.style=`${e("pn-header")}{display:block}${e("pn-header")} h1{color:#2d2013;margin:0}${e("pn-header")} p{color:#5e554a;margin:0}${e("pn-header")} .pn-header-breadcrumbs{width:100%}${e("pn-header")} .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}${e("pn-header")} .pn-header-container>${e("pn-text-link")}{display:block}${e("pn-header")} .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}${e("pn-header")} .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}`;export{b as pn_header}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t,M as e,r as i,c as n,g as l,h as o,a as s}from"./p-XKg-ydzH.js";import{a as c}from"./p-BWAVaTWQ.js";import{a as r}from"./p-B88w-Zxn.js";import{c as a}from"./p-DrYFvs2M.js";import{c as p}from"./p-BvuWkoyY.js";import{uuidv4 as u,awaitTopbar as d,ripple as m,getTotalHeightOffset as h,getMenuWidth as b,en as f}from"./index.esm.js";const g={SELECT_AN_OPTION:{en:"Select an option",sv:"Välj ett alternativ",da:"Vælg en mulighed",fi:"Valitse vaihtoehto",no:"Velg et alternativ"},SELECT_ALL_OPTIONS:{en:"Select all options",sv:"Välj alla alternativ",da:"Vælg alle muligheder",fi:"Valitse kaikki vaihtoehdot",no:"Velg alle alternativer"},SELECT_FOUND_OPTIONS:{en:"Select {number} options",sv:"Välj {number} alternativ",da:"Vælg {number} muligheder",fi:"Valitse {number} vaihtoehtoa",no:"Velg {number} alternativer"},SELECTED_OPTIONS:{en:"Selected options.",sv:"Valda alternativ.",da:"Valgte muligheder.",fi:"Valitut vaihtoehdot.",no:"Valgte alternativer."},BUTTON_OPEN:{en:"Open list",sv:"Öppna listan",da:"Open list",fi:"Open list",no:"Open list"},BUTTON_CLOSE:{en:"Close list",sv:"Stäng listan",da:"Close list",fi:"Close list",no:"Close list"},REMOVE:{en:"Remove",sv:"Ta bort",da:"Remove",fi:"Remove",no:"Remove"},REMOVED:{en:"Removed",sv:"Tog bort",da:"Fjernet",fi:"Poistettu",no:"Fjernet"},MORE_OPTION:{en:"more option.",sv:"alternativ till.",da:"mulighed mere.",fi:"vaihtoehto lisää.",no:"alternativ til."},MORE_OPTIONS:{en:"more options.",sv:"fler alternativ.",da:"more options.",fi:"more options.",no:"more options."},SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},RESULTS_FOUND:{en:"options found",sv:"alternativ hittades",da:"muligheder fundet",fi:"vaihtoehtoja löytyi",no:"alternativer funnet"},NO_SEARCH_RESULTS:{en:"No options found",sv:"Inga alternativ hittades",da:"Ingen muligheder fundet",fi:"Vaihtoehtoja ei löytynyt",no:"Finner ingen alternativer"},NO_OPTIONS:{en:"No options available",sv:"Inga alternativ tillgängliga",da:"Ingen tilgængelige muligheder",fi:"Ei vaihtoehtoja",no:"Ingen tilgjengelige alternativer"}},k=class extends(e(c)){constructor(t){super(),i(this,t),this.toggleSelect=n(this,"toggleSelect",7),this.allOptions=n(this,"allOptions",7),this.selectedOption=n(this,"selectedOption",7),this.selectedAllOptions=n(this,"selectedAllOptions",7),this.searchInput=n(this,"searchInput",7)}id=`pn-multiselect-${u()}`;idLegend=`${this.id}-legend`;idButton=`${this.id}-button`;idOptions=`${this.id}-options`;idHelper=`${this.id}-text`;idError=`${this.id}-error`;idChips=`${this.id}-chips`;idSr=`${this.id}-sr`;elGroup;elButton;elInput;elList;elChips;srTimer;get hostElement(){return l(this)}isSearching=!1;open=!1;upwards=!1;srMessage;label;helpertext;language=void 0;name;selectName;placeholder;required=!1;disabled=!1;options;compact=!1;icon;selectAll=!1;allValue="pn_multiselect_all";search=!1;searchQuery="";itemCount=5;maxHeight;top=!1;bottom=!1;invalid=!1;error;pnId;pnAriaLabel;pnAriaLabelledby;selectId;handleOpen(){this.open?(this.addGlobalEventListeners(),this.handleDirection(),this.handleMaxHeight(),this.handleOffset()):this.removeGlobalEventListeners(),this.dropdownHandler()}handleSearch(){this.search||(this.options=[...this.options.map((t=>{const e={...t,hide:!1};return e?.group?.length&&e.group.map((t=>({...t,hide:!1}))),e}))])}handleSearchQuery(){this.search&&"string"==typeof this.searchQuery&&this.handleInputSearch()}handleSelectId(){const t=this.getId();this.idLegend=`${t}-legend`,this.idButton=`${t}-button`,this.idOptions=`${t}-options`,this.idHelper=`${t}-text`,this.idError=`${t}-error`,this.idChips=`${t}-chips`,this.idSr=`${t}-sr`}handleResize(){this.open&&(this.toggleOpen(!1),this.elGroup.style.removeProperty("--pn-select-max-height"),this.elGroup.style.removeProperty("--pn-select-options-offset"))}toggleSelect;allOptions;selectedOption;selectedAllOptions;searchInput;async componentWillLoad(){void 0===this.language&&await d(this.hostElement)}componentDidLoad(){this.searchQuery?.length&&this.handleSearchQuery()}getId(){return this.pnId||this.selectId||this.id}hasHelperText(){return this.helpertext?.length>0||this.checkSlottedHelper()}hasErrorMessage(){return this.error?.length>0||this.checkSlottedError()}hasError(){return this.hasErrorMessage()||this.invalid}checkSlottedHelper(){return!!this.hostElement.querySelector("[slot=helpertext]")}checkSlottedError(){return!!this.hostElement.querySelector("[slot=error]")}hideHelpertext(){return this.hasErrorMessage()||!this.hasHelperText()}hideError(){return!this.hasErrorMessage()}globalEvents=t=>{this.hostElement.contains(t.target)&&"Escape"!==t?.key||this.toggleOpen(!1)};addGlobalEventListeners(){this.hostElement.getRootNode().addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){this.hostElement.getRootNode().removeEventListener("click",this.globalEvents)}dropdownHandler(){this.open?this.openDropdown(this.elList):this.closeDropdown(this.elList)}emitEvents(t,e){if(this.allOptions.emit(this.options),t)return this.selectedOption.emit(t);const i={checked:e,searching:this.isSearching};this.search&&this.optionsTotal()!==this.optionsSearch().length&&(i.query=this.searchQuery,i.found=this.optionsSearch()),this.selectedAllOptions.emit(i)}optionsChecked(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({checked:t})=>t))]:[];return e.checked&&t.push(e),i?.length&&t.push(...i),t}),[]);return t}optionsTotal(){return this.options?.reduce(((t,e)=>t+(e?.group?.length?e.group.length+1:1)),0)}optionsIndex(t){const e=({group:e=[]})=>e?.findIndex((({value:e})=>e===t)),i=this.options.findIndex((i=>i.value===t||-1!==e(i)));return{indexGroup:i,indexNested:e(this.options?.[i])}}optionsCheckedTotal(){return this.optionsChecked()?.length}optionsCheckedPreview(){return this.optionsChecked()?.slice(0,this.itemCount)}optionsCheckedLabels(){return this.optionsChecked()?.map((({label:t})=>t))?.join(", ")?.trim()}optionsSearch(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({hide:t})=>!t))]:[];return e.hide||t.push(e),i?.length&&t.push(...i),t}),[]);return t}noResults(){return 0===this.optionsSearch()?.length}isIndeterminate(t){const e=this.options?.[t];if(e?.group?.length){const t=e.group.every((({checked:t})=>t)),i=e.group.every((({checked:t})=>!t));return!(t||i)}return!1}optionSelect({val:t,checked:e,chip:i}){if(t===this.allValue)return this.optionSelectAll(e);const n=this.options,{indexGroup:l,indexNested:o}=this.optionsIndex(t),s=n[l]?.group,c=s?.[o];if(c?.value){n[l].group[o].checked=e;const t=s?.every((({checked:t})=>t));n[l].checked=!!t}else n[l].checked=e,s?.length&&(n[l].group=s?.map((t=>({...t,checked:e}))));const r=-1===o?n[l]:n[l].group[o];this.emitEvents(r),this.options=[...n],"number"==typeof i&&(this.handleSrMesssage(`${this.translate("REMOVED")} ${r.label}`),requestAnimationFrame((()=>{const t=i===this.optionsCheckedTotal()?i-1:i,e=Array.from(this.elChips.children)?.[t];e?.querySelector("button").focus({preventScroll:!0})})))}optionSelectAll(t){this.options=[...this.options.map((e=>{const i={...e,checked:this.isSearching&&e.hide?e.checked:t};i.group&&(i.group=[...i.group.map((e=>({...e,checked:this.isSearching&&e.hide?e.checked:t})))]);const n=i?.group?.every((({checked:t})=>t));return i?.group?.length&&(i.checked=n),i}))],this.emitEvents(null,t)}optionSelected(t){return!!this.optionsChecked()?.find((({value:e,checked:i})=>e===t&&i))}translate(t){const e=g?.[t]?.[this.language||f];return e.includes("{number}")?e.replace("{number}",this.optionsSearch().length):e}getRect(t){return t?.getBoundingClientRect()}ripple({clientX:t,clientY:e,target:i}){const n=0===t&&0===e,l=i.nextElementSibling,{x:o,width:s,y:c,top:r}=this.getRect(l);m(n?{clientX:o+s-24,clientY:c-r}:{clientX:t,clientY:e},l)}handleSrMesssage(t){this.srMessage=t,clearTimeout(this.srTimer),this.srTimer=setTimeout((()=>this.srMessage=null),2e3)}handleDirection(){if(this.top)return this.upwards=!0;if(this.bottom)return this.upwards=!1;const{bottom:t,top:e}=this.getRect(this.elInput),i=window.innerHeight-t-16;this.upwards=(e-16)/2>i}handleMaxHeight(){if(this.maxHeight)return this.elGroup.style.setProperty("--pn-select-max-height",this.maxHeight);const{bottom:t,top:e}=this.getRect(this.elInput),i=this.upwards?e:t,n=h(),l=this.upwards?n+16:16,o=this.upwards?i-l:window.innerHeight-i-l;this.elGroup.style.setProperty("--pn-select-max-height",`${Math.ceil(o)}px`)}handleOffset(){this.elGroup.style.removeProperty("--pn-select-options-offset"),requestAnimationFrame((()=>{const{left:t,right:e}=this.getRect(this.elList),i=b()+8,n=window.innerWidth-8;let l=0;t<i?l=i-t:e>n&&(l=n-e),0!==l&&this.elGroup.style.setProperty("--pn-select-options-offset",`${Math.floor(l)}px`)}))}setFocus(){this.search?this.elInput.focus({preventScroll:!0}):this.elButton.focus({preventScroll:!0})}toggleOpen(t){"boolean"==typeof t&&t===this.open||(this.open=t??!this.open,this.toggleSelect.emit({open:this.open}))}handleInputKeyboard(t){t.stopImmediatePropagation();const{code:e}=t;if("Escape"===e)return this.toggleOpen(!1);!this.open&&e.match(/^(Space|Enter)$|Arrow|^Key.*$/)&&this.toggleOpen()}setSearchQuery(t){this.open||this.toggleOpen(!0),this.searchQuery=t}handleInputSearch(){if(this.isEmpty())return;const t=this.searchQuery,e=({label:e,helpertext:i,value:n})=>`${e} ${i} ${n}`.trim().toLowerCase().includes(t.toLowerCase()),i=this.options.map((t=>{const i=t?.group?.map((t=>({...t,hide:!e(t)})))||[],n=e(t)||i?.some((({hide:t})=>!t));return t.hide=!n,t?.group?.length&&(t.group=[...i]),t}));this.isSearching=""!==t,this.options=[...i],this.searchInput.emit({query:t,found:this.optionsSearch()})}getListItem(t){const{value:e}=this.options[t];return this.elList.querySelector(`.pn-multiselect-option-input[value='${e}']`)}getOptionIndex(t,e,i){const n=this.optionsTotal()-1;if("End"===i)return n;if("Home"===i)return 0;const l=this.options.findIndex((({value:e})=>e===t))+e.find((t=>"number"==typeof t));return l>=n?n:l<=0?0:l}checkboxNav(t,e){const{code:i}=t,n="Tab"===i,l="Space"===i,o="Enter"===i,s="Escape"===i,c=["ArrowUp"===i&&-1,"ArrowDown"===i&&1,"PageUp"===i&&-10,"PageDown"===i&&10,"Home"===i&&0,"End"===i&&this.optionsTotal()-1,n,l,o,s];if(!c.some((t=>"number"==typeof t||t)))return;if(n||l||o)return;if(t.stopImmediatePropagation(),t.preventDefault(),s)return this.setFocus(),this.toggleOpen(!1);const r=this.getOptionIndex(e,c,i);return this.getListItem(r)?.focus()}handleBlur(t){const e=t.target,i=t.relatedTarget;"pn-multiselect-chip-button"===(i||e)?.className&&this.toggleOpen(!1)}handleLabel(){this.disabled||this.setFocus()}isEmpty(){return 0===(this.options?.length||0)}showSelectAll(){return this.selectAll&&!this.isEmpty()&&!this.noResults()}showEmptyOption(){return this.isSearching&&this.noResults()||this.isEmpty()}getPlaceholder(){return this.placeholder||this.translate(this.search?"SEARCH":"SELECT_AN_OPTION")}handleChange({target:t}){const{value:e,checked:i}=t;this.optionSelect({val:e,checked:i})}additonalOptions(){const t=this.optionsCheckedTotal()-this.itemCount;return`${t} ${this.translate("MORE_OPTION"+(1===t?"":"S"))}`}displayLabel(){return!!this.label}getAriaLabel(){return this.displayLabel()||this.pnAriaLabelledby?null:this.pnAriaLabel}getAriaLabelledby(){return this.displayLabel()?this.idLegend:this.pnAriaLabel?null:this.pnAriaLabelledby}describedBy(){const t=[];return this.search&&t.push(this.idChips),this.srMessage&&t.push(this.idSr),this.hasHelperText()&&!this.hasErrorMessage()&&t.push(this.idHelper),this.hasErrorMessage()&&t.push(this.idError),t.length?t.join(" "):null}renderItemIcon(t,e){return(this.open||this.isMoving())&&!!t&&!e}renderOption({label:t,value:e,checked:i,helpertext:n,icon:l,id:s=`${this.getId()}-${e||t}`,invalid:c,disabled:r,hide:a,group:p},u,d){return o("li",{class:"pn-multiselect-option",key:s,hidden:a},o("input",{type:"checkbox",id:s,class:"pn-multiselect-option-input",checked:i??this.optionSelected(e),indeterminate:void 0===d&&this.isIndeterminate(u),name:this.name,value:e,disabled:this.disabled||r,required:this.required,"aria-invalid":c?"true":null,"aria-describedby":n?`${s}-helper`:null,onClick:t=>this.ripple(t),onKeyDown:t=>this.checkboxNav(t,e),onBlur:t=>this.handleBlur(t)}),o("div",{class:"pn-multiselect-option-content"},this.renderItemIcon(l,a)&&o("pn-icon",{icon:l,color:"blue900"}),o("div",{class:"pn-multiselect-option-text"},o("label",{class:"pn-multiselect-option-label",htmlFor:s},o("span",null,t)),n&&o("p",{class:"pn-multiselect-option-helper",id:`${s}-helper`},n)),o("div",{class:"pn-multiselect-option-checkbox"},o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},o("polyline",{class:"pn-multiselect-option-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),o("polyline",{class:"pn-multiselect-option-checkbox-indeterminate-path",points:"4,12 20,12","stroke-width":"3"})))),p?.length&&o("ul",{class:"pn-multiselect-optgroup"},p?.map(((t,e)=>this.renderOption(t,u,e)))))}renderOptions(){return o("ul",{id:this.idOptions,class:"pn-multiselect-options","data-open":this.open,"data-upwards":this.upwards,onChange:t=>this.handleChange(t),style:{height:"0px"},ref:t=>this.elList=t},this.showSelectAll()&&this.renderOption({label:this.translate(`SELECT_${this.isSearching?"FOUND":"ALL"}_OPTIONS`),value:this.allValue,checked:this.optionsTotal()===this.optionsCheckedTotal()}),this.options?.map(((t,e)=>this.renderOption(t,e))),this.showEmptyOption()&&o("li",{class:"pn-multiselect-option"},o("div",{class:"pn-multiselect-option-content",role:"alert"},o("div",{class:"pn-multiselect-option-text"},o("span",{class:"pn-multiselect-option-label"},this.translate(this.isEmpty()?"NO_OPTIONS":"NO_SEARCH_RESULTS"))))))}renderChips(){return o("ul",{id:this.idChips,class:"pn-multiselect-chips","aria-label":this.translate("SELECTED_OPTIONS"),ref:t=>this.elChips=t},this.optionsCheckedPreview()?.map((({label:t,value:e,icon:i},n)=>o("li",{class:"pn-multiselect-chip","aria-setsize":this.optionsCheckedTotal(),"aria-posinset":n+1,key:`${t}-${e}`},!!i&&o("pn-icon",{icon:i,small:!0}),o("span",{class:"pn-multiselect-chip-label"},t),o("button",{type:"button",class:"pn-multiselect-chip-button","aria-label":`${this.translate("REMOVE")} ${t}`,onClick:()=>this.optionSelect({val:e,checked:!1,chip:n})},o("pn-icon",{icon:p,small:!0,color:"blue700"}))))),this.optionsCheckedTotal()>this.itemCount&&o("li",{class:"pn-multiselect-chip","data-count":!0},o("span",{class:"pn-multiselect-chip-label"},"+ ",this.additonalOptions())))}renderLabel(t=!1){return this.label?o(t?"div":"legend",{id:t?null:this.idLegend,class:{"pn-multiselect-label":!0,"pn-multiselect-sr-only":this.compact&&!t},"data-compact":this.compact,...t?{inert:!0}:{onClick:()=>this.handleLabel()}},o("span",null,this.label),!!this.optionsChecked()?.length&&o("span",null,this.optionsCheckedTotal(),"/",this.optionsTotal())):null}render(){return o(s,{key:"326b1351c1600920a89b49a4ca04fb48af112bb7"},o("fieldset",{key:"069b0689d499ad99b65f29597cc3968a47a3fc86",class:"pn-multiselect","data-icon":!!this.icon,"data-error":this.hasError(),disabled:this.disabled},this.renderLabel(),o("div",{key:"0a96f922421c6a1adb664714ec0d593cfdf950e5",class:"pn-multiselect-group",ref:t=>this.elGroup=t},o("div",{key:"3c6cadb7ff3dbc67fb8bab786133d64ad330c5d7",class:"pn-multiselect-input"},!!this.icon&&o("pn-icon",{key:"20bb5b6b273bea94903648a3465e14cf8dad2f77",class:"pn-multiselect-icon","data-custom":!0,icon:this.icon}),o("input",{key:"905179f50885d27bc7f41df667be93731dd5e4be",tabindex:this.search?null:"-1",type:this.search?"search":"input",id:this.getId(),class:"pn-multiselect-element",value:this.search?this.searchQuery:this.optionsCheckedLabels(),name:this.selectName,placeholder:this.getPlaceholder(),required:this.search?null:this.required,"aria-label":this.getAriaLabel(),"aria-labelledby":this.getAriaLabelledby(),"aria-describedby":this.describedBy(),"aria-controls":`${this.idOptions} ${this.search?this.idChips:""}`,"aria-invalid":this.hasError()?.toString(),disabled:this.disabled,readonly:!this.search,"data-compact":this.compact,onClick:()=>this.search&&this.open?null:this.toggleOpen(),onKeyDown:t=>this.handleInputKeyboard(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.search&&this.setSearchQuery(t.target.value),ref:t=>this.elInput=t}),this.compact&&this.renderLabel(!0),this.hasError()&&o("pn-icon",{key:"635d97c6b8f780e6bd6daab225a97d1057b4bf0d",class:"pn-multiselect-icon","data-error":!0,icon:r,color:"warning"}),o("button",{key:"77e9862561cd9ed80c5aa1b386ae772476a34e76",id:this.idButton,type:"button",class:"pn-multiselect-button","aria-label":this.translate("BUTTON_"+(this.open?"CLOSE":"OPEN")),"aria-describedby":this.search?null:this.getId(),"aria-controls":this.idOptions,"aria-expanded":this.open.toString(),onClick:()=>this.toggleOpen(),ref:t=>this.elButton=t},o("pn-icon",{key:"28092398e64c04af103142d8f459579eb2b70a1b",class:"pn-multiselect-icon",icon:a,color:"blue700"}))),this.renderOptions()),o("p",{key:"17d396f1b3175b502ce8d54c6ec059588bbe8128",id:this.idHelper,class:"pn-multiselect-text",hidden:this.hideHelpertext()},o("span",{key:"693ba0a687b9b9766249e6703d0252beeeb762e9"},this.helpertext),o("slot",{key:"a70b1dff00b4ec936461f73354ebe18ce1a0a0c1",name:"helpertext"})),o("p",{key:"94c44db96a270fd7d3180c6dfddb53a46e85c2aa",id:this.idError,class:"pn-multiselect-text",role:"alert",hidden:this.hideError()},o("span",{key:"0297ed1e18f374c0c3f0909a1ee5685b75c73a7c"},this.error),o("slot",{key:"9c545b960d440978e46858b69ac86ad0112510c7",name:"error"})),this.search&&this.renderChips(),o("slot",{key:"9551563c6a72fa6e06ce473eadbc73a0428b551e"}),this.search&&o("p",{key:"96863325f57e613f0272d652e05a70e1c5c35dde",id:this.idSr,class:"pn-multiselect-sr-only",role:"alert","aria-live":"assertive"},this.srMessage&&o("span",{key:"21b84e0522ca16702a9ccabb071d30c0317631ef"},this.srMessage))))}static get watchers(){return{open:[{handleOpen:0}],search:[{handleSearch:0}],searchQuery:[{handleSearchQuery:0}],selectId:[{handleSelectId:0}],pnId:[{handleSelectId:1}]}}};k.style=`${t("pn-multiselect")}{display:inline-block}${t("pn-multiselect")} .pn-multiselect{position:relative;border:0;margin:0;padding:0}${t("pn-multiselect")} .pn-multiselect[data-icon]{--pn-input-offset-left:2em}${t("pn-multiselect")} .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:2.75em}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-label{color:#a70707}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-label[data-compact]{color:#2d2013}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill,${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:hover,${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:focus,${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${t("pn-multiselect")} .pn-multiselect-label{width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${t("pn-multiselect")} .pn-multiselect-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${t("pn-multiselect")} .pn-multiselect-label>span{font-size:0.875em}${t("pn-multiselect")} .pn-multiselect-label[data-compact]{justify-content:start}${t("pn-multiselect")} .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-multiselect")} .pn-multiselect-group{position:relative;padding:0;margin:0}${t("pn-multiselect")} .pn-multiselect-input{position:relative}${t("pn-multiselect")} .pn-multiselect-input>${t("pn-icon")}{pointer-events:none;position:absolute;top:0.75em;right:3.5em}${t("pn-multiselect")} .pn-multiselect-input>${t("pn-icon")}[data-custom]{left:0.75em;right:unset}${t("pn-multiselect")} .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-multiselect")} .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-button>${t("pn-icon")} svg>path{transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}${t("pn-multiselect")} .pn-multiselect-button:hover{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]>${t("pn-icon")} svg>path{transform:rotate(180deg);transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element{cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em 3.5em 0.75em 0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill,${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:hover,${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:focus,${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${t("pn-multiselect")} .pn-multiselect-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-multiselect")} .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${t("pn-multiselect")} .pn-multiselect-element[data-compact]::placeholder{color:transparent}${t("pn-multiselect")} .pn-multiselect-element[data-compact]:focus+.pn-multiselect-label,${t("pn-multiselect")} .pn-multiselect-element[data-compact]:not(:placeholder-shown)+.pn-multiselect-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}${t("pn-multiselect")} .pn-multiselect-element:hover{border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${t("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}${t("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}${t("pn-multiselect")} .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}${t("pn-multiselect")} .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}${t("pn-multiselect")} .pn-multiselect-element:focus-visible{transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element::-webkit-search-cancel-button,${t("pn-multiselect")} .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${t("pn-multiselect")} .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;right:0;background-color:#ffffff;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);border-radius:0.5em;list-style:none;margin:0;padding:0;width:clamp(100%, 95vw, 20em);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left;transform:translateX(var(--pn-select-options-offset, 0))}${t("pn-multiselect")} .pn-multiselect-options[data-open]{visibility:visible}${t("pn-multiselect")} .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}${t("pn-multiselect")} .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-corner,${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-button{display:none}${t("pn-multiselect")} .pn-multiselect-options>${t("pn-input")}{padding:0.5em}${t("pn-multiselect")} .pn-multiselect-optgroup{list-style:none;padding:0}${t("pn-multiselect")} .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}${t("pn-multiselect")} .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}${t("pn-multiselect")} .pn-multiselect-chips:empty{display:none}${t("pn-multiselect")} .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}${t("pn-multiselect")} .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}${t("pn-multiselect")} .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;-webkit-tap-highlight-color:transparent;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-chip-button:hover{background-color:#8eddf9}${t("pn-multiselect")} .pn-multiselect-chip-button:focus{outline:0}${t("pn-multiselect")} .pn-multiselect-no-results{margin:0;padding:0.75em}${t("pn-multiselect")} .pn-multiselect-text{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${t("pn-multiselect")} .pn-multiselect-text[hidden]{display:none}${t("pn-multiselect")} .pn-multiselect-text[role=alert]{color:#a70707}${t("pn-multiselect")} .pn-multiselect-option{position:relative;margin:0;padding:0}${t("pn-multiselect")} .pn-multiselect-option .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}${t("pn-multiselect")} .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}${t("pn-multiselect")} .pn-multiselect-option-input:disabled{pointer-events:none}${t("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${t("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}${t("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-icon-svg path{fill:#5e554a}${t("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}${t("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-icon-svg path{fill:#5e554a}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}${t("pn-multiselect")} .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}${t("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}${t("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}${t("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${t("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}${t("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}${t("pn-multiselect")} .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}${t("pn-multiselect")} .pn-multiselect-option-helper{color:#5e554a;margin:0}${t("pn-multiselect")} .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-delay:0s;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}`;export{k as pn_multiselect}
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * By PostNord.
4
4
  */
5
- import{t,r as n,g as o,h as e,a as i}from"./p-CAEP792y.js";import{awaitTopbar as a}from"./index.esm.js";const s=class{constructor(t){n(this,t)}get hostElement(){return o(this)}readOnlyModeText="";tooltipOpen=!1;tooltipEl;tooltipDx;icon;leftIcon=!1;iconOnly=!1;small=!1;language=null;setReadOnlyModeText(){this.readOnlyModeText={en:"You cannot complete this action while in read only mode",sv:"Du kan inte utföra denna handling i skrivskyddat läge",da:"Du kan ikke gennemføre denne handling i skrivebeskyttet tilstand",fi:"Et voi suorittaa tätä toimintoa vain luku -tilassa",no:"Du kan ikke utføre denne handlingen i skrivebeskyttet modus"}[this.language]}async componentWillLoad(){this.setReadOnlyModeText(),this.language||await a(this.hostElement)}componentDidLoad(){this.initTooltip()}openHandler(){this.tooltipOpen?this.checkTooltipPosition():this.setTooltipOffset()}initTooltip(){this.tooltipEl=this.hostElement.querySelector(".button-tooltip");const t=this.hostElement,n=["mouseenter","focus"],o=["mouseleave","blur"];[...n,...o].forEach((e=>{t.addEventListener(e,(t=>{n.includes(t.type)?this.tooltipOpen=!0:o.includes(t.type)&&(this.tooltipOpen=!1)}))}))}setTooltipOffset(){this.tooltipEl.style.transform=`translateX(-50%) translateX(${this.tooltipDx}px)`}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)",requestAnimationFrame((()=>{const{x:t,right:n}=this.tooltipEl.getBoundingClientRect();this.tooltipDx="0",this.tooltipEl.style.transform="",t<0&&(this.tooltipDx=""+(-1*t+8)),n>window.innerWidth&&(this.tooltipDx=""+(window.innerWidth-n-8)),requestAnimationFrame((()=>{this.setTooltipOffset()}))}))}getClassNames(){let t="pn-button ";return this.small&&(t+="pn-button-small "),this.leftIcon&&(t+="pn-button-left-icon "),this.iconOnly&&(t+="icon-only "),t}render(){return e(i,{key:"050c438370b6d5c86e327be03d206880f2f572e5",class:"pn-read-only-button"},e("button",{key:"a6cd36bc8f112d3ff7cb6ea65768339dd789813c",class:this.getClassNames(),"data-tooltip-open":this.tooltipOpen,disabled:!0},!this.iconOnly&&e("slot",{key:"94979edec979712e7ecc1f683dcf2f32a7889f48"}),this.icon&&e("pn-icon",{key:"14012e9a320767c993fab05c614c659f188783e3",icon:this.icon,color:"gray700"}),this.iconOnly&&e("span",{key:"4f75372bf50ec504504ecbd808d3bf1e746c1418",class:"read-only-icon-only"},e("slot",{key:"a12bca58ae471729cbb2442b1791bb4ee16c7db5"})),e("div",{key:"3ec03d46dc7c44229112a90b0df8ea4737a09e79",class:"button-tooltip"},this.readOnlyModeText)))}static get watchers(){return{language:[{setReadOnlyModeText:0}],tooltipOpen:[{openHandler:0}]}}};s.style=`${t("pn-read-only-button")}{display:inline-block}${t("pn-read-only-button")} button{cursor:not-allowed;color:#5e554a;background:#f3f2f2;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent}${t("pn-read-only-button")} button ${t("pn-icon")}{flex-shrink:0;margin:0 0 0 0.5em}${t("pn-read-only-button")} button .button-tooltip{position:absolute;bottom:calc(100% + 0.35em);left:50%;background:#a70707;color:#ffffff;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);transform:translateX(-50%);width:max-content;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-read-only-button")} button .button-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-read-only-button")} button[data-tooltip-open] .button-tooltip{opacity:1}${t("pn-read-only-button")} button.pn-button-left-icon{flex-direction:row-reverse}${t("pn-read-only-button")} button.pn-button-left-icon ${t("pn-icon")}{margin:0 0.5em 0 0}${t("pn-read-only-button")} button.icon-only{width:3em;min-width:0}${t("pn-read-only-button")} button.icon-only ${t("pn-icon")}{margin:0}${t("pn-read-only-button")} button.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}${t("pn-read-only-button")} button.icon-only span.read-only-icon-only{display:none}${t("pn-read-only-button")} button.pn-button-small{font-size:0.875em;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}${t("pn-read-only-button")} button.pn-button-small ${t("pn-icon")} .pn-icon-svg{height:1.28em;width:1.28em}`;export{s as pn_read_only_button}
5
+ import{t,r as n,g as o,h as e,a as i}from"./p-XKg-ydzH.js";import{awaitTopbar as a}from"./index.esm.js";const s=class{constructor(t){n(this,t)}get hostElement(){return o(this)}readOnlyModeText="";tooltipOpen=!1;tooltipEl;tooltipDx;icon;leftIcon=!1;iconOnly=!1;small=!1;language=null;setReadOnlyModeText(){this.readOnlyModeText={en:"You cannot complete this action while in read only mode",sv:"Du kan inte utföra denna handling i skrivskyddat läge",da:"Du kan ikke gennemføre denne handling i skrivebeskyttet tilstand",fi:"Et voi suorittaa tätä toimintoa vain luku -tilassa",no:"Du kan ikke utføre denne handlingen i skrivebeskyttet modus"}[this.language]}async componentWillLoad(){this.setReadOnlyModeText(),this.language||await a(this.hostElement)}componentDidLoad(){this.initTooltip()}openHandler(){this.tooltipOpen?this.checkTooltipPosition():this.setTooltipOffset()}initTooltip(){this.tooltipEl=this.hostElement.querySelector(".button-tooltip");const t=this.hostElement,n=["mouseenter","focus"],o=["mouseleave","blur"];[...n,...o].forEach((e=>{t.addEventListener(e,(t=>{n.includes(t.type)?this.tooltipOpen=!0:o.includes(t.type)&&(this.tooltipOpen=!1)}))}))}setTooltipOffset(){this.tooltipEl.style.transform=`translateX(-50%) translateX(${this.tooltipDx}px)`}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)",requestAnimationFrame((()=>{const{x:t,right:n}=this.tooltipEl.getBoundingClientRect();this.tooltipDx="0",this.tooltipEl.style.transform="",t<0&&(this.tooltipDx=""+(-1*t+8)),n>window.innerWidth&&(this.tooltipDx=""+(window.innerWidth-n-8)),requestAnimationFrame((()=>{this.setTooltipOffset()}))}))}getClassNames(){let t="pn-button ";return this.small&&(t+="pn-button-small "),this.leftIcon&&(t+="pn-button-left-icon "),this.iconOnly&&(t+="icon-only "),t}render(){return e(i,{key:"050c438370b6d5c86e327be03d206880f2f572e5",class:"pn-read-only-button"},e("button",{key:"a6cd36bc8f112d3ff7cb6ea65768339dd789813c",class:this.getClassNames(),"data-tooltip-open":this.tooltipOpen,disabled:!0},!this.iconOnly&&e("slot",{key:"94979edec979712e7ecc1f683dcf2f32a7889f48"}),this.icon&&e("pn-icon",{key:"14012e9a320767c993fab05c614c659f188783e3",icon:this.icon,color:"gray700"}),this.iconOnly&&e("span",{key:"4f75372bf50ec504504ecbd808d3bf1e746c1418",class:"read-only-icon-only"},e("slot",{key:"a12bca58ae471729cbb2442b1791bb4ee16c7db5"})),e("div",{key:"3ec03d46dc7c44229112a90b0df8ea4737a09e79",class:"button-tooltip"},this.readOnlyModeText)))}static get watchers(){return{language:[{setReadOnlyModeText:0}],tooltipOpen:[{openHandler:0}]}}};s.style=`${t("pn-read-only-button")}{display:inline-block}${t("pn-read-only-button")} button{cursor:not-allowed;color:#5e554a;background:#f3f2f2;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent}${t("pn-read-only-button")} button ${t("pn-icon")}{flex-shrink:0;margin:0 0 0 0.5em}${t("pn-read-only-button")} button .button-tooltip{position:absolute;bottom:calc(100% + 0.35em);left:50%;background:#a70707;color:#ffffff;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);transform:translateX(-50%);width:max-content;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-read-only-button")} button .button-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-read-only-button")} button[data-tooltip-open] .button-tooltip{opacity:1}${t("pn-read-only-button")} button.pn-button-left-icon{flex-direction:row-reverse}${t("pn-read-only-button")} button.pn-button-left-icon ${t("pn-icon")}{margin:0 0.5em 0 0}${t("pn-read-only-button")} button.icon-only{width:3em;min-width:0}${t("pn-read-only-button")} button.icon-only ${t("pn-icon")}{margin:0}${t("pn-read-only-button")} button.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}${t("pn-read-only-button")} button.icon-only span.read-only-icon-only{display:none}${t("pn-read-only-button")} button.pn-button-small{font-size:0.875em;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}${t("pn-read-only-button")} button.pn-button-small ${t("pn-icon")} .pn-icon-svg{height:1.28em;width:1.28em}`;export{s as pn_read_only_button}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * By PostNord.
4
+ */
5
+ import{t as c,r as i,g as e,h as n,a as o}from"./p-XKg-ydzH.js";import{uuidv4 as p}from"./index.esm.js";import{c as h}from"./p-BpI8peGn.js";const t=class{constructor(c){i(this,c)}id=`pn-choice-chip-${p()}`;get hostElement(){return e(this)}label;value;name;checked=!1;required=!1;disabled=!1;radio=!1;icon;small=!1;large=!1;pnId;choiceid;inputType(){return this.radio?"radio":"checkbox"}getId(){return this.pnId||this.choiceid||this.id}render(){return n(o,{key:"34b4a84a6fa6ebd0c592a4d585d333084e72c89f"},n("div",{key:"66c7aa91b09795d9d452b1d6c0b65f0b64ba25f9",class:"pn-choice-chip"},n("input",{key:"8723fd54d3ff2fed1a64c955ab3ea2e4812ff04f",type:this.inputType(),id:this.getId(),value:this.value,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled}),n("div",{key:"9fd84d08b519181f954c3b62b1644afab67569ad",class:"pn-choice-chip-container","data-icon":!!this.icon,"data-small":this.small,"data-large":this.large},n("div",{key:"29b394a6806acbd2d9f905971555242f8bf81d32",class:"pn-choice-chip-icon"},n("pn-icon",{key:"22031f1693f50efa6b9e049c643e9ecbc931bea6",color:"blue700",class:"pn-choice-chip-icon-check",icon:h}),!!this.icon&&n("pn-icon",{key:"573e411940efa3054290a5cb574978dddddfb766",color:"blue700",class:"pn-choice-chip-icon-user",icon:this.icon})),n("label",{key:"c0deb7c6cd33da32bc4b89af84d04a7383664024",class:"pn-choice-chip-label",htmlFor:this.getId()},n("span",{key:"ea43103d3f3d2332a52e9191ff37262bce642dbb"},this.label),n("slot",{key:"904ac98a84bd191e74323154b7ea6de39dca964a"})))))}};t.style=`${c("pn-choice-chip")}{display:inline-block}${c("pn-choice-chip")} .pn-choice-chip{position:relative;font-size:1em;font-weight:500;text-align:center}${c("pn-choice-chip")} .pn-choice-chip-container{cursor:pointer;position:relative;display:flex;align-items:center;gap:0;padding:0.5em 1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;transition-property:border-color, outline-color, background-color, padding, gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${c("pn-choice-chip")} .pn-choice-chip-container{transition-duration:0s;transition-delay:0s}}${c("pn-choice-chip")} .pn-choice-chip-container{outline:0.2rem solid transparent;outline-offset:0.2rem}${c("pn-choice-chip")} .pn-choice-chip-container[data-icon]{gap:0.25em;padding-left:0.75em}${c("pn-choice-chip")} .pn-choice-chip-container[data-icon][data-small]{padding-left:0.5em}${c("pn-choice-chip")} .pn-choice-chip-container[data-icon][data-large]{padding-left:1em}${c("pn-choice-chip")} .pn-choice-chip-container[data-icon]>.pn-choice-chip-icon{width:1.5em}${c("pn-choice-chip")} .pn-choice-chip-container[data-small]{padding:0.25em 0.75em}${c("pn-choice-chip")} .pn-choice-chip-container[data-small] .pn-choice-chip-label{line-height:1.25em}${c("pn-choice-chip")} .pn-choice-chip-container[data-small] .pn-choice-chip-label>span{font-size:0.875em}${c("pn-choice-chip")} .pn-choice-chip-container[data-large]{padding:0.6875em 1.25em}${c("pn-choice-chip")} .pn-choice-chip-icon{position:relative;width:0;height:1.5em;transition-property:width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${c("pn-choice-chip")} .pn-choice-chip-icon{transition-duration:0s;transition-delay:0s}}${c("pn-choice-chip")} .pn-choice-chip-icon ${c("pn-icon")}{opacity:0;transform:scale(0);position:absolute;top:0;left:0;transition-property:transform, opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${c("pn-choice-chip")} .pn-choice-chip-icon ${c("pn-icon")}{transition-duration:0s;transition-delay:0s}}${c("pn-choice-chip")} .pn-choice-chip-icon ${c("pn-icon")}.pn-choice-chip-icon-user{opacity:1;transform:scale(1)}${c("pn-choice-chip")} .pn-choice-chip-label{color:#005d92;line-height:1.5em;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${c("pn-choice-chip")} .pn-choice-chip-label{transition-duration:0s;transition-delay:0s}}${c("pn-choice-chip")} .pn-choice-chip-label{cursor:pointer;display:flex;align-items:center;flex-grow:1;height:100%}${c("pn-choice-chip")} .pn-choice-chip>input{position:absolute;z-index:1;opacity:0;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}${c("pn-choice-chip")} .pn-choice-chip>input:not(:checked)~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-user{transform:scale(1);opacity:1}${c("pn-choice-chip")} .pn-choice-chip>input:hover~.pn-choice-chip-container{background-color:#effbff;border-color:#005d92}${c("pn-choice-chip")} .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-icon-user .pn-icon-svg path,${c("pn-choice-chip")} .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-icon-check .pn-icon-svg path{fill:#005d92}${c("pn-choice-chip")} .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-label{color:#005d92}${c("pn-choice-chip")} .pn-choice-chip>input:checked~.pn-choice-chip-container{gap:0.25em;background-color:#e0f8ff;border-color:#005d92}${c("pn-choice-chip")} .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon{width:1.5em;stroke-dashoffset:23}${c("pn-choice-chip")} .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-check{transform:scale(1);opacity:1}${c("pn-choice-chip")} .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-user{transform:scale(0);opacity:0}${c("pn-choice-chip")} .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-label{color:#0d234b}${c("pn-choice-chip")} .pn-choice-chip>input:checked:hover~.pn-choice-chip-container{background-color:#effbff;border-color:#0d234b}${c("pn-choice-chip")} .pn-choice-chip>input:checked:hover~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-check path{fill:#0d234b}${c("pn-choice-chip")} .pn-choice-chip>input:checked:hover~.pn-choice-chip-container>.pn-choice-chip-label{color:#0d234b}${c("pn-choice-chip")} .pn-choice-chip>input:focus-visible~.pn-choice-chip-container{outline-color:#005d92;border-color:#005d92}${c("pn-choice-chip")} .pn-choice-chip>input:disabled{cursor:not-allowed}${c("pn-choice-chip")} .pn-choice-chip>input:disabled:active~.pn-choice-chip-container{outline:none}${c("pn-choice-chip")} .pn-choice-chip>input:disabled~.pn-choice-chip-container{background-color:#f3f2f2;border-color:#f3f2f2;cursor:not-allowed}${c("pn-choice-chip")} .pn-choice-chip>input:disabled~.pn-choice-chip-container .pn-choice-chip-label{color:#5e554a;cursor:not-allowed}${c("pn-choice-chip")} .pn-choice-chip>input:disabled~.pn-choice-chip-container ${c("pn-icon")} .pn-icon-svg path{fill:#5e554a}`;export{t as pn_choice_chip}