@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
@@ -1 +0,0 @@
1
- {"version":3,"names":["pnTeaserCardCss","PnTeaserCardStyle0","PnTeaserCard","componentWillLoad","this","hasCtaSlotContent","hostElement","querySelector","hasIllustrationSlot","render","labelToCapitals","label","toUpperCase","h","Host","key","name","class","heading","HeadingTag","level","headingLevel","cssClass","text"],"sources":["src/components/cards/pn-teaser-card/pn-teaser-card.scss?tag=pn-teaser-card","src/components/cards/pn-teaser-card/pn-teaser-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n//making pn wrapping link clickable over card image\n.block.teasercardblock {\n a[data-block-clickable-link='true'] {\n z-index: 1;\n }\n}\n\n//mobile first\npn-teaser-card {\n width: 100%;\n height: 100%;\n display: flex;\n\n .pn-teaser-card__container {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n border-radius: 2.4rem;\n width: 100%;\n }\n\n .pn-teaser-card__container__image__container {\n width: 100%;\n position: relative;\n\n & > [slot='illustration'] {\n clip-path: ellipse(100% 90% at 50% 0%);\n height: 100%;\n overflow: hidden;\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n\n & > picture > img {\n width: 100%;\n height: auto;\n transition: 0.4s ease-in-out;\n transform: scale(1);\n aspect-ratio: 16/9;\n object-fit: cover;\n object-position: 50% 0;\n }\n }\n }\n\n .pn-teaser-card__container__content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex: 1 1 100%;\n gap: 3.2rem;\n padding: 2.4rem 2.4rem;\n padding-top: 0;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 2.64rem;\n margin-bottom: 0;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n padding-top: 1.6rem;\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 2.24rem;\n margin-bottom: 0;\n }\n\n .pn-teaser-card__container__content__text__container__label {\n display: block;\n margin-bottom: 1.6rem;\n font-weight: 400;\n font-size: 1.2rem;\n line-height: 140%;\n }\n\n .pn-teaser-card__container__content__cta {\n & > pn-button {\n align-self: flex-end;\n width: 100%;\n\n & a:hover {\n text-decoration: none;\n }\n\n & > button,\n & > a {\n & > .pn-button-bg {\n transition: 0.4s ease-in-out;\n }\n }\n\n @media screen and (min-width: $min-width-md) {\n width: fit-content;\n }\n }\n\n .secondary-link--animated {\n font-weight: 500;\n font-size: 1.6rem;\n text-decoration: none;\n color: $blue700;\n\n pn-icon svg {\n transition: 0.3s ease-in-out;\n position: relative;\n left: -0.3rem;\n\n path {\n fill: $blue700;\n }\n }\n\n &[target='_blank']:not(.pn-button):after {\n display: none;\n }\n }\n }\n}\n\n//colors\npn-teaser-card[data-card-color='coral'] {\n & > .pn-teaser-card__container {\n background-color: $coral50;\n }\n}\n\npn-teaser-card[data-card-color='green'] {\n & > .pn-teaser-card__container {\n background-color: $green50;\n }\n}\n\npn-teaser-card[data-card-color='blue'] {\n & > .pn-teaser-card__container {\n background-color: $blue25;\n }\n}\n\npn-teaser-card[data-card-color='blue50'] {\n & > .pn-teaser-card__container {\n background-color: $blue50;\n }\n}\n\npn-teaser-card[data-card-color='blue400'] {\n & > .pn-teaser-card__container {\n background-color: $blue400;\n\n .pn-teaser-card__container__content__text__container__label,\n .pn-teaser-card__container__content__text__container__heading,\n .pn-teaser-card__container__content__text__container__preamble,\n .pn-teaser-card__container__content__cta .secondary-link--animated {\n color: $white;\n }\n\n .secondary-link--animated {\n & > pn-icon > svg > path {\n fill: $white;\n }\n }\n }\n}\n\npn-teaser-card[data-card-color='blue900'] {\n & > .pn-teaser-card__container {\n background-color: $blue900;\n .pn-teaser-card__container__content__text__container__heading {\n color: $blue200;\n }\n\n .pn-teaser-card__container__content__text__container__label,\n .pn-teaser-card__container__content__text__container__preamble,\n .pn-teaser-card__container__content__cta .secondary-link--animated {\n color: $white;\n }\n\n .secondary-link--animated {\n & > pn-icon > svg > path {\n fill: $white;\n }\n }\n }\n}\n\npn-teaser-card[data-card-color='white'] {\n & > .pn-teaser-card__container {\n background-color: $white;\n }\n}\n\n//color override when in a listblock\n.teasercardlistblock {\n .teasercardblock.has-bg {\n background-color: transparent;\n background: transparent;\n }\n}\n\n// variants\n\n.onequarterwidth:not(.familywrapperblock) {\n .pn-teaser-card__container__content__text__container__label {\n @media screen and (min-width: $min-width-xl) {\n margin-bottom: 0.8rem;\n }\n }\n}\n\n.onethirdwidth:not(.familywrapperblock),\n.onequarterwidth:not(.familywrapperblock) {\n & pn-teaser-card {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 2.4rem;\n }\n }\n\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n}\n\n.halfwidth:not(.familywrapperblock) {\n & pn-teaser-card {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 2.4rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 500;\n }\n }\n }\n\n @media screen and (min-width: $min-width-xl) {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 4rem;\n }\n\n .pn-teaser-card__container__content {\n padding: 0 4rem 4rem;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 3.2rem;\n line-height: 3.52rem;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n\n @media screen and (min-width: $min-width-xxl) {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 5.6rem;\n }\n\n .pn-teaser-card__container__content {\n padding: 0 5.6rem 5.6rem;\n }\n }\n }\n}\n\n.fullwidth:not(.familywrapperblock) {\n & pn-teaser-card {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n\n .pn-teaser-card__container__image__container--no-image {\n width: auto;\n padding-top: 2.4rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n min-height: 35rem;\n\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 500;\n }\n }\n\n .pn-teaser-card__container {\n flex-direction: row;\n }\n\n .pn-teaser-card__container__content {\n align-self: center;\n gap: 2.4rem;\n padding: 3.2rem 3.2rem 3.2rem 2.4rem;\n }\n\n .pn-teaser-card__container__image__container {\n & > [slot='illustration'] {\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n clip-path: ellipse(100% 100% at 0% 50%);\n\n & > picture > img {\n height: 100%;\n object-fit: cover;\n }\n }\n }\n }\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 52rem;\n\n .pn-teaser-card__container__content {\n padding: 4rem 4rem 4rem 3.2rem;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 4.8rem;\n line-height: 5.28rem;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n }\n\n pn-teaser-card[data-card-alignment='right'] {\n @media screen and (min-width: $min-width-md) {\n .pn-teaser-card__container {\n flex-direction: row-reverse;\n }\n\n .pn-teaser-card__container__content {\n padding: 3.2rem 2.4rem 3.2rem 3.2rem;\n }\n\n .pn-teaser-card__container__image__container {\n & > [slot='illustration'] {\n border-bottom-right-radius: 2.4rem;\n clip-path: ellipse(100% 100% at 100% 50%);\n }\n }\n }\n\n @media screen and (min-width: $min-width-xl) {\n .pn-teaser-card__container__content {\n padding: 4rem 3.2rem 4rem 4rem;\n }\n }\n }\n}\n\n//effect class\npn-teaser-card.teaser-card--hover-effect {\n &:hover {\n cursor: pointer;\n .pn-teaser-card__container__image__container {\n & [slot='illustration'] {\n & picture > img {\n transform: scale(1.02);\n filter: brightness(0.85);\n }\n }\n }\n\n .secondary-link--animated {\n text-decoration: underline;\n\n pn-icon svg {\n left: 0;\n }\n }\n\n pn-button {\n button,\n a {\n .pn-button-bg {\n background-color: $blue900;\n }\n }\n }\n\n &[data-card-color='blue900'] {\n pn-button {\n button,\n a {\n .pn-button-bg {\n background-color: $blue400;\n }\n }\n }\n }\n }\n}\n","import { Component, Prop, h, Element, State, Host } from \"@stencil/core\";\nimport { HeadingTag } from '@/globals/HeadingTag';\n\n@Component({\n tag: 'pn-teaser-card',\n styleUrl: 'pn-teaser-card.scss'\n})\nexport class PnTeaserCard {\n @Element() hostElement: HTMLElement;\n \n @Prop() text: string = null;\n @Prop() heading: string = null;\n @Prop() label?: string = null;\n @Prop() headingLevel?: string = 'h3';\n @Prop({ reflect: true }) dataCardColor: string = 'coral';\n @Prop({ reflect: true }) dataCardAlignment: string = 'left';\n\n @State() hasCtaSlotContent: boolean = false;\n @State() hasIllustrationSlot: boolean = true;\n\n componentWillLoad() {\n this.hasCtaSlotContent = !!this.hostElement.querySelector('[slot=\"cta\"]');\n this.hasIllustrationSlot = !!this.hostElement.querySelector('[slot=\"illustration\"]');\n }\n\n render() {\n const labelToCapitals = this.label?.toUpperCase();\n\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-teaser-card__container\">\n <div class={`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}`}>\n <slot name=\"illustration\" />\n </div>\n <div class=\"pn-teaser-card__container__content\">\n <div class=\"pn-teaser-card__container__content__text__container\">\n {labelToCapitals && <span class=\"pn-teaser-card__container__content__text__container__label\">{labelToCapitals}</span>}\n {this.heading && <HeadingTag level={this.headingLevel} cssClass=\"pn-teaser-card__container__content__text__container__heading\">\n {this.heading}\n </HeadingTag>}\n <p class=\"pn-teaser-card__container__content__text__container__preamble\">{this.text}</p>\n </div>\n {this.hasCtaSlotContent && (\n <div class=\"pn-teaser-card__container__content__cta\">\n <slot name=\"cta\" />\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,w3TACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,mCAGA,K,aACG,K,WACD,K,kBACO,K,mBACiB,Q,uBACI,O,uBAEf,M,yBACE,I,kCAExC,iBAAAC,GACEC,KAAKC,oBAAsBD,KAAKE,YAAYC,cAAc,gBAC1DH,KAAKI,sBAAwBJ,KAAKE,YAAYC,cAAc,wB,CAG9D,MAAAE,GACE,MAAMC,EAAkBN,KAAKO,OAAOC,cAEpC,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,4BACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,6BACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAO,gDAAgDb,KAAKI,oBAAsB,wDAA0D,MAC/IK,EAAA,QAAAE,IAAA,2CAAMC,KAAK,kBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sCACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,uDACRP,GAAmBG,EAAA,QAAAE,IAAA,2CAAME,MAAM,8DAA8DP,GAC7FN,KAAKc,SAAWL,EAACM,EAAU,CAAAJ,IAAA,2CAACK,MAAOhB,KAAKiB,aAAcC,SAAS,gEAC3DlB,KAAKc,SAEVL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,iEAAiEb,KAAKmB,OAEhFnB,KAAKC,mBACJQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,2CACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t as e,r as t,g as n,h as o,a as i}from"./p-CAEP792y.js";import{uuidv4 as g}from"./index.esm.js";const l=class{constructor(e){t(this,e)}id=`pn-toggle-${g()}`;idHelper=`${this.id}-helper`;get hostElement(){return n(this)}label;helpertext;checked=!1;toggleid=this.id;name=null;value=null;small=!1;large=!1;disabled=!1;loading=!1;handleHelperId(){this.id!==this.toggleid&&(this.idHelper=`${this.toggleid}-helper`)}componentWillLoad(){this.handleHelperId()}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}render(){return o(i,{key:"b88bbc2385be79dd584ecee5e53dc89832de49c3"},o("div",{key:"4a413f2b2acf8551dc2852ba0d3a45f4cbf17a4d",class:"pn-toggle"},this.label&&o("div",{key:"944a36f2018335a283092c909af2f37846850eb8",class:"pn-toggle-content"},o("label",{key:"2536eaf65117b1c70d1ec31f17faa41f2a6fced4",htmlFor:this.toggleid,class:"pn-toggle-label"},o("span",{key:"eae8a38d31f6bc05faa9d56c08517f9302be9a3e"},this.label)),o("p",{key:"6173ba384459c406eb98fe4318e080b6cd36031a",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&o("span",{key:"d4a52d7786e7a63ca3f201c3ad7cb8793e377c12"},this.helpertext),o("slot",{key:"06406382d523b70b8acb094a82794652a4481528",name:"helpertext"}))),o("div",{key:"4676dd88652c903f94d3f887e97841e00bbe09e2",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},o("input",{key:"d2656b2f8ff8e74bd4d4c2f1c4791e984ec3e50b",id:this.toggleid,class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedBy()}),o("div",{key:"93caefd228460120aae22ba48e6c93d6df676fcf",class:"pn-toggle-bg"}),o("div",{key:"03299104835602d126960ad67ab51f94d27cf3c5",class:"pn-toggle-circle"},o("svg",{key:"5f61f589797b3ca97a66cd42deab3065543679d2",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},o("polyline",{key:"d974e5cc198d19cf17e42e0b35097f87d11404a0",points:"4,12 9,17 20,6","stroke-width":"3"})),o("pn-spinner",{key:"6f5c5fb05e0c9fd95b16d45833f50167af22e358",size:1.125})))))}static get watchers(){return{toggleid:[{handleHelperId:0}]}}};l.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}${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;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-circle{transform:translateX(0%)}${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{l as pn_toggle_switch}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{r as s,c as e,g as t,t as r,h as i}from"./p-CAEP792y.js";const a=class{constructor(t){s(this,t),this.progresschange=e(this,"progresschange")}get hostElement(){return t(this)}activeStep=0;progresschange;setActiveStepHandler({detail:s}){this.activeStep=s,this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){Array.from(this.hostElement.querySelectorAll(`${r("pn-progress-indicator-step")}`)).forEach(((s,e)=>{s.activeStep=this.activeStep,s.index=e}))}render(){return i("div",{key:"1108f70edf525c6e7e0e45d34a6d58e69c5b9ab2",class:"pn-progress-indicator"},i("slot",{key:"c4035cf9fadb46f4e573c0225bebb2f8f7187da6"}))}};a.style=".pn-progress-indicator{display:flex;padding:2.8em 1em 0}";export{a as pn_progress_indicator}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t,r as i,c as e,g as r,h as a,a as n}from"./p-CAEP792y.js";import{uuidv4 as s,reduceMotion as o,awaitTopbar as d,en as h,isSmallScreen as p}from"./index.esm.js";import{a as l}from"./p-D_UyW-KH.js";import{c}from"./p-BvuWkoyY.js";const f={NEXT:{sv:"Nästa",en:"Next",da:"Næste",fi:"Seuraava",no:"Neste"},PREV:{sv:"Föregående",en:"Previous",da:"Forrige",fi:"Edellinen",no:"Forrige"},FINISH:{sv:"Slutför",en:"Finish",da:"Afslut",fi:"Valmis",no:"Fullfør"},CANCEL:{sv:"Avbryt",en:"Cancel",da:"Annuller",fi:"Peruuta",no:"Avbryt"}},w=class{constructor(t){i(this,t),this.wizardStep=e(this,"wizardStep"),this.wizardHighlightClick=e(this,"wizardHighlightClick"),this.wizardClose=e(this,"wizardClose")}id=`pn-wizard-${s()}`;wizardIdLabel;wizardIdHelpertext;wizardElement;wizardContent;wizardArrow;timeoutRerender;get hostElement(){return r(this)}label="";helpertext="";language=null;pnId=this.id;step=-1;steps=[];progress="";scrollBlock="center";displayOverflow=!1;hideBack=!1;hideNext=!1;hideFinish=!1;labelBack="";labelNext="";labelFinish="";wizardStep;wizardHighlightClick;wizardClose;handleStepChange(t,i){if(-1===i&&(this.highlightElement(),this.positionModal()),-1===t){const t=i===this.steps.length;this.wizardClose.emit({step:t?i-1:i,finished:t})}if(!this.isActive())return this.wizardElement?.close(),void setTimeout((()=>this.handleDisplayOverflow()),o()?0:400);this.wizardElement.open||(this.handleDisplayOverflow(),this.wizardElement?.showModal()),this.wizardStep.emit({step:t,next:t>(i??-1),prev:t<(i??-1)})}handleIdChange(){this.wizardIdLabel=`${this.pnId||this.id}-label`,this.wizardIdHelpertext=`${this.pnId||this.id}-helpertext`}handleOverflow(){this.isActive()&&(clearTimeout(this.timeoutRerender),this.timeoutRerender=setTimeout((()=>{this.highlightElement(),this.positionModal()}),250))}async componentWillLoad(){this.handleIdChange(),null===this.language&&await d(this.hostElement)}componentDidRender(){this.runStepLogic()}getRect(t){return t.getBoundingClientRect()}translate(t){return f?.[t]?.[this.language||h]||t}handleDisplayOverflow(){if(this.displayOverflow)return;const t=document.body,i=innerWidth-document.documentElement.clientWidth;this.isActive()?(t.style.setProperty("overflow","hidden"),t.style.marginRight=`${i}px`):(t.style.removeProperty("overflow"),t.style.removeProperty("margin-right"))}isActive(t=this.step){return t>=0&&t<this.steps.length}isOpen(){return this.isActive()&&this.wizardElement?.open}isClosed(t=this.step){return-1===t}isFirstStep(){return 0===this.step}isLastStep(t=this.step){return 1===this.steps.length||t===this.steps.length-1}isProgressDots(){return"dots"===this.progress}isProgressText(){return"text"===this.progress}renderProgress(){return 7>=this.steps.length&&(this.isProgressDots()||this.isProgressText())}showBackButton(){return!(this.hideBack||this.isClosed()||this.isFirstStep())}showNextButton(){return!this.hideNext&&(!this.isLastStep()||this.showFinishButton())}showFinishButton(){return!this.hideFinish&&this.isLastStep()}runStepLogic(){this.isOpen()&&requestAnimationFrame((()=>{this.highlightElement(),this.positionModal(),this.scrollToElement()}))}nextStep(){this.step=this.step+1}prevStep(){this.step=this.step-1}endWizard(){this.step=-1}getNextLabel(){const t=this.labelFinish||"FINISH",i=this.labelNext||"NEXT",e=this.isLastStep()?t:i;return this.translate(e)}getHighlightTarget(){return document.querySelector(this.steps[this.step])}getHighlightRect(){const t=this.getHighlightTarget();if(!t)return;const i=this.getRect(t),e=parseFloat(getComputedStyle(t).margin)||0;return{top:i.top+window.scrollY-e,left:i.left+window.scrollX-e,width:i.width+2*e,height:i.height+2*e,radius:parseFloat(getComputedStyle(t).borderRadius)||4}}scrollToElement(){const t=this.getHighlightTarget();t&&t.scrollIntoView({behavior:"smooth",block:this.scrollBlock})}highlightElement(){this.getHighlightTarget()&&this.setHighlightVars(this.getHighlightRect())}positionModal(){if(!this.getHighlightTarget())return;const t=16,{top:i,left:e,width:r,height:a}=this.getHighlightRect(),{width:n,height:s}=this.getRect(this.wizardContent),o=e+r/2;let d=0,h=0;const{scrollY:l,scrollX:c,innerWidth:f,innerHeight:w}=window,u=f-document.documentElement.clientWidth,b=i+a+t+s<l+w,g=i-t-s>l,m=e-t-n>c,z=e+r+t+n<c+f,y=m||z;let x=8,v=8;x=b?i+a+t:i-s-t,v=c+f-n-u-8;let $=0,k="top";b||g?(d=o-n/2,h=b?i+a+t:i-s-t,k=b?"top":"bottom",$=o-d):y?(d=z?e+r+t:e-n-t,h=i+a/2-s/2,x=i+a/2,k=z?"left":"right",$=s/2):!(b||g||m||z)&&(d=o-n/2,h=i+a-s/2,x=w-s-8,k="top",$=o-d),d=Math.max(c+u||8,Math.min(d,v)),h=Math.max(8,Math.min(h,x)),this.setModalVars({top:h,left:d}),p()&&(k="top"),$="top"===k||"bottom"===k?o-d:i+a/2-h,$=Math.max(32,Math.min($-8,(y?s:n)-32)),this.setArrowVars(k,$)}setHighlightVars({top:t,left:i,width:e,height:r,radius:a}){this.hostElement.style.setProperty("--pn-spotlight-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-spotlight-y",`${Math.round(t)}px`),this.hostElement.style.setProperty("--pn-spotlight-width",`${Math.round(e)}px`),this.hostElement.style.setProperty("--pn-spotlight-height",`${Math.round(r)}px`),this.hostElement.style.setProperty("--pn-spotlight-radius",`${Math.round(a)}px`)}setModalVars({top:t,left:i}){this.hostElement.style.setProperty("--pn-wizard-content-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-wizard-content-y",`${Math.round(t)}px`)}setArrowVars(t,i){this.wizardArrow.setAttribute("data-arrow",t),this.hostElement.style.setProperty("--pn-arrow-offset",`${Math.round(i)}px`)}render(){return a(n,{key:"08f0d484f684188c7283535da328d6bd681b74d5"},a("dialog",{key:"56810278e58795390973a9ebbe0bd797b731b1f8",id:this.pnId,"aria-labelledby":this.label?this.wizardIdLabel:null,"aria-describedby":this.helpertext?this.wizardIdHelpertext:null,class:"pn-wizard",ref:t=>this.wizardElement=t,onCancel:()=>this.endWizard(),onClose:()=>this.endWizard()},a("div",{key:"824bbd673177648865e9328ee5aa51e157aa7347",class:"pn-wizard-overlay"},a("div",{key:"a2236247ba49e18de2a4aa2666fa1e07e6aaa1c4",class:"pn-wizard-highlight",onClick:t=>this.wizardHighlightClick.emit(t)})),a("div",{key:"77d5f6e74c49b2a92a8c9c8f9207594bec0545c7",class:"pn-wizard-content",ref:t=>this.wizardContent=t},a("pn-button",{key:"28fdec2fa470ff03b916325d0085a7bd4cd8f504",class:"pn-wizard-cancel",arialabel:this.translate("CANCEL"),icon:c,iconOnly:!0,small:!0,appearance:"light",variant:"borderless",onPnClick:()=>this.endWizard()}),a("div",{key:"ff7e6051e041c008c639e392896e885e4dcb0364",class:"pn-wizard-text"},this.label&&a("h2",{key:"9b8098099707558b66f1b422dc6ada70084d9829",class:"pn-wizard-label",id:this.wizardIdLabel},this.label),this.helpertext&&a("p",{key:"4db3b8ab391daf06f5731be43c9c116acd934b1f",class:"pn-wizard-helpertext",id:this.wizardIdHelpertext},this.helpertext),a("slot",{key:"5f72315df3102a605d2d4a220cfebfa216101f8c"}),this.renderProgress()&&a("pn-progress-stepper",{key:"becee14c8d2ad3fe3a9d902dd080f4df760e227e",class:!this.isProgressDots()&&"pn-wizard-sr-only",totalSteps:this.steps.length,currentStep:this.step>0?this.step+1:1,dots:!0})),a("div",{key:"264270d944373b1570a09a330bef6c6e8ad07e4d",class:"pn-wizard-arrow",ref:t=>this.wizardArrow=t}),a("div",{key:"1420663b8cc3996eb67f640d3a7f981f1fafff82",class:"pn-wizard-controls"},this.isProgressText()&&a("span",{key:"99cd61e352d16b15129239c8c1932a1e8ff3d675",class:"pn-wizard-indicator","aria-hidden":"true"},this.step+1,"/",this.steps.length),a("slot",{key:"f48e48097089a24ed48726046e5bb9b8a36ca1ec",name:"buttons"}),this.showBackButton()&&a("pn-button",{key:"9504536c3602f6280d30aa6f95043d2a66c2ac98",label:this.labelBack||this.translate("PREV"),small:!0,appearance:"light",variant:"outlined",onPnClick:()=>this.prevStep()}),this.showNextButton()&&a("pn-button",{key:"c5997f60733d2f220138fbf3caf24f44271d63f3",label:this.getNextLabel(),small:!0,icon:l,onPnClick:()=>this.nextStep()})))))}static get watchers(){return{step:[{handleStepChange:0}],pnId:[{handleIdChange:0}]}}};w.style=`${t("pn-wizard")} .pn-wizard{z-index:10000;position:absolute;top:0;border:none;margin:0;padding:0;background-color:transparent;outline:none;overflow:unset;height:100%;width:100%;max-width:unset;max-height:unset;display:none;opacity:0;transition-property:display, opacity;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard{transition-behavior:allow-discrete}${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:1}@starting-style{${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:0}}${t("pn-wizard")} .pn-wizard::backdrop{background-color:transparent}${t("pn-wizard")} .pn-wizard-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-wizard")} .pn-wizard-overlay{z-index:0}${t("pn-wizard")} .pn-wizard-highlight{position:absolute;left:0;top:0;width:var(--pn-spotlight-width, 0%);height:var(--pn-spotlight-height, 0%);border-radius:var(--pn-spotlight-radius, 0.25em);box-shadow:0 0 0 9999px rgba(0, 0, 0, 0.55);z-index:0;transform:translate(var(--pn-spotlight-x, 0%), var(--pn-spotlight-y, 0%));transition-property:transform, width, height, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-highlight{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-content{position:absolute;z-index:1;background:#ffffff;border-radius:2em;max-width:20em;box-shadow:0 0 0.5em rgba(0, 0, 0, 0.3);left:0;top:0;transform:translate(var(--pn-wizard-content-x), var(--pn-wizard-content-y));transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-content{transition-duration:0s;transition-delay:0s}}@media (max-width: 55em){${t("pn-wizard")} .pn-wizard-content{position:fixed;top:unset;bottom:0;left:0.5em;border-radius:2em 2em 0 0;width:calc(100vw - 1em);max-width:unset;transform:none}}${t("pn-wizard")} .pn-wizard-cancel{position:absolute;top:1em;right:1em;z-index:10}${t("pn-wizard")} .pn-wizard-text{padding:3em 1em 1em;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:clamp(0.5em, 5vw, 1em)}${t("pn-wizard")} .pn-wizard-label{margin:0;font-size:clamp(1.25em, 5vw, 1.5em);font-weight:700;color:#2d2013}${t("pn-wizard")} .pn-wizard-helpertext{margin:0;font-size:clamp(0.875em, 5vw, 1em);font-weight:400;color:#5e554a}${t("pn-wizard")} .pn-wizard-controls{border-top:0.0625em solid #d3cecb;padding:1em;display:flex;justify-content:end;gap:0.5em;flex-wrap:wrap}${t("pn-wizard")} .pn-wizard-indicator{margin-right:auto;align-self:center;font-size:1em;color:#5e554a;padding:0 0.625em}${t("pn-wizard")} .pn-wizard-arrow{position:absolute;width:0;height:0;border:0.5em solid transparent;top:0;right:0;bottom:0;left:0;transition-property:top, right, bottom, left, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-arrow{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=bottom]{top:100%;bottom:-1em;left:var(--pn-arrow-offset);border-top-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=top]{top:-1em;left:var(--pn-arrow-offset);border-bottom-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=right]{right:-1em;left:100%;top:var(--pn-arrow-offset);border-left-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=left]{left:-1em;top:var(--pn-arrow-offset);border-right-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=none]{display:none}`;export{w as pn_wizard}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t as s,r as e,c as t,g as i,h as a,a as r}from"./p-CAEP792y.js";import{uuidv4 as h,awaitTopbar as n,sv as o}from"./index.esm.js";const l={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}},c=class{constructor(s){e(this,s),this.searchsuccessful=t(this,"searchsuccessful")}searchId=`pn-zipcode-${h()}`;get hostElement(){return i(this)}validZipCode;loading=!1;showResult=!1;zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};error=!1;errorMessage;language=null;value;searchsuccessful;async componentWillLoad(){null===this.language&&await n(this.hostElement),this.value&&this.handleSearch(this.value)}translation(s){return l[s][this.language||o]}handleSearch(s){this.value=s,this.validateZipCode(),this.error?this.errorMessage="VALIDATION_ERROR_MESSAGE":this.zipCodeSearch()}async zipCodeSearch(){this.loading=!0,await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`).then((s=>s.json())).then((s=>{this.showResult=!0,this.zipCodeSearchResult=s,this.searchsuccessful.emit(!0)})).catch((()=>{this.error=!0,this.errorMessage="SERVER_ERROR_MESSAGE",this.searchsuccessful.emit(!1)})).finally((()=>{this.loading=!1}))}validateZipCode(){const s=this.value?this.value.replace(/[ -]/gi,""):"",e=/^\d{5}$/.test(s);this.error=!e,e&&(this.validZipCode=s)}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult)return a("output",{class:"pn-search-results",htmlFor:this.searchId},a("p",{class:"text-row"},a("span",null,this.translation("CLOSEST_DELIVERY_DATE")),a("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),a("p",{class:"text-row"},a("span",null,this.translation("NEXT_DELIVERY_DATE")),a("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),a("p",{class:"text-row"},a("span",null,this.translation("ZIP_CODE")),a("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}renderErrorMessage(){if(this.error&&!this.loading)return a("p",{class:"pn-error-text",role:"alert"},a("small",null,this.translation(this.errorMessage)))}render(){return a(r,{key:"b9314bbca808c725bc074d1dc9e58223bb551468"},a("pn-search-field",{key:"4c7eaf8c96aa36e17c546371345c7aac6a0c5ee7",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:s=>this.handleSearch(s.detail)}),this.renderSearchResult(),this.renderErrorMessage())}};c.style=`${s("pn-zipcode-search")}{display:block;color:#5e554a}${s("pn-zipcode-search")} .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}${s("pn-zipcode-search")} .pn-search-results span{color:#5e554a}${s("pn-zipcode-search")} .pn-search-results h3{color:#2d2013}${s("pn-zipcode-search")} .pn-error-text{color:#a70707;padding:0 0.75em}${s("pn-zipcode-search")}>${s("pn-search-field")}{width:100%;margin-bottom:1em}`;export{c as pn_zipcode_search}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t,M as e,r as i,c as n,g as a,h as r,a as s}from"./p-CAEP792y.js";import{uuidv4 as d,getTotalHeightOffset as o,getMenuWidth as c,awaitTopbar as p,en as h}from"./index.esm.js";import{a as l}from"./p-BlM_xfdt.js";import{a as u}from"./p-CQaMdITw.js";import{a as f}from"./p-D_UyW-KH.js";const k={CALENDAR_NAVIGATION:{en:"Calendar",sv:"Kalender",da:"Kalender",fi:"Kalenteri",no:"Kalender"},NEXT_YEAR:{en:"Scroll forward",sv:"Bläddra framåt",da:"Rul frem",fi:"Vieritä eteenpäin",no:"Rull fremover"},PREVIOUS_YEAR:{en:"Scroll backwards",sv:"Bläddra bakåt",da:"Rul baglæns",fi:"Vieritä taaksepäin",no:"Bla bakover"},NEXT_DATE:{en:"Next month",sv:"Nästa månad",da:"Næste måned",fi:"Ensi kuussa",no:"Neste måned"},PREVIOUS_DATE:{en:"Previous month",sv:"Föregående månad",da:"Forrige måned",fi:"Edellinen kuukausi",no:"Forrige måned"},SELECT_YEAR:{en:"Choose year",sv:"Välj år",da:"Vælg år",fi:"Valitse vuosi",no:"Velg år"},SELECT_MONTH:{en:"Choose month",sv:"Välj månad",da:"Vælg måned",fi:"Valitse kuukausi",no:"Velg måned"},SELECT_DATE:{en:"Choose date",sv:"Välj datum",da:"Vælg dato",fi:"Valitse päivämäärä",no:"Velg dato"},SELECTED_DATE:{en:"selected date is {date}.",sv:"valt datum är {date}.",da:"den valgte dato er {date}.",fi:"valittu päivämäärä on {date}.",no:"valgt dato er {date}."},SELECTED_START_DATE:{en:"selected start date is {date}.",sv:"valt startdatum är {date}.",da:"den valgte startdato er {date}.",fi:"valittu aloituspäivä on {date}.",no:"valgt startdato er {date}."},SELECTED_END_DATE:{en:"selected end date is {date}.",sv:"valt slutdatum är {date}.",da:"den valgte slutdato er {date}.",fi:"valittu lopetuspäivä on {date}.",no:"valgt sluttdato er {date}."},WEEK_NAME:{en:"Week",sv:"Vecka",da:"Uge",fi:"Viikko",no:"Uke"},GO_CALENDAR:{en:"Calendar view",sv:"Kalendervyn",da:"Kalendervisning",fi:"Kalenterinäkymä",no:"Kalendervisning"}};function m(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var b,g={exports:{}};function _(){return b||(b=1,g.exports=function(){var t=6e4,e=36e5,i="millisecond",n="second",a="minute",r="hour",s="day",d="week",o="month",c="quarter",p="year",h="date",l="Invalid Date",u=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,k={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],i=t%100;return"["+t+(e[(i-20)%10]||e[i]||e[0])+"]"}},m=function(t,e,i){var n=String(t);return!n||n.length>=e?t:""+Array(e+1-n.length).join(i)+t},b={s:m,z:function(t){var e=-t.utcOffset(),i=Math.abs(e),n=Math.floor(i/60),a=i%60;return(e<=0?"+":"-")+m(n,2,"0")+":"+m(a,2,"0")},m:function t(e,i){if(e.date()<i.date())return-t(i,e);var n=12*(i.year()-e.year())+(i.month()-e.month()),a=e.clone().add(n,o),r=i-a<0,s=e.clone().add(n+(r?-1:1),o);return+(-(n+(i-a)/(r?a-s:s-a))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:o,y:p,w:d,d:s,D:h,h:r,m:a,s:n,ms:i,Q:c}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",_={};_[g]=k;var y="$isDayjsObject",v=function(t){return t instanceof Y||!(!t||!t[y])},w=function t(e,i,n){var a;if(!e)return g;if("string"==typeof e){var r=e.toLowerCase();_[r]&&(a=r),i&&(_[r]=i,a=r);var s=e.split("-");if(!a&&s.length>1)return t(s[0])}else{var d=e.name;_[d]=e,a=d}return!n&&a&&(g=a),a||!n&&g},M=function(t,e){if(v(t))return t.clone();var i="object"==typeof e?e:{};return i.date=t,i.args=arguments,new Y(i)},$=b;$.l=w,$.i=v,$.w=function(t,e){return M(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Y=function(){function k(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[y]=!0}var m=k.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,i=t.utc;if(null===e)return new Date(NaN);if($.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var n=e.match(u);if(n){var a=n[2]-1||0,r=(n[7]||"0").substring(0,3);return i?new Date(Date.UTC(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)):new Date(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return $},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var i=M(t);return this.startOf(e)<=i&&i<=this.endOf(e)},m.isAfter=function(t,e){return M(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<M(t)},m.$g=function(t,e,i){return $.u(t)?this[e]:this.set(i,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var i=this,c=!!$.u(e)||e,l=$.p(t),u=function(t,e){var n=$.w(i.$u?Date.UTC(i.$y,e,t):new Date(i.$y,e,t),i);return c?n:n.endOf(s)},f=function(t,e){return $.w(i.toDate()[t].apply(i.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(e)),i)},k=this.$W,m=this.$M,b=this.$D,g="set"+(this.$u?"UTC":"");switch(l){case p:return c?u(1,0):u(31,11);case o:return c?u(1,m):u(0,m+1);case d:var _=this.$locale().weekStart||0,y=(k<_?k+7:k)-_;return u(c?b-y:b+(6-y),m);case s:case h:return f(g+"Hours",0);case r:return f(g+"Minutes",1);case a:return f(g+"Seconds",2);case n:return f(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var d,c=$.p(t),l="set"+(this.$u?"UTC":""),u=(d={},d[s]=l+"Date",d[h]=l+"Date",d[o]=l+"Month",d[p]=l+"FullYear",d[r]=l+"Hours",d[a]=l+"Minutes",d[n]=l+"Seconds",d[i]=l+"Milliseconds",d)[c],f=c===s?this.$D+(e-this.$W):e;if(c===o||c===p){var k=this.clone().set(h,1);k.$d[u](f),k.init(),this.$d=k.set(h,Math.min(this.$D,k.daysInMonth())).$d}else u&&this.$d[u](f);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[$.p(t)]()},m.add=function(i,c){var h,l=this;i=Number(i);var u=$.p(c),f=function(t){var e=M(l);return $.w(e.date(e.date()+Math.round(t*i)),l)};if(u===o)return this.set(o,this.$M+i);if(u===p)return this.set(p,this.$y+i);if(u===s)return f(1);if(u===d)return f(7);var k=(h={},h[a]=t,h[r]=e,h[n]=1e3,h)[u]||1,m=this.$d.getTime()+i*k;return $.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,i=this.$locale();if(!this.isValid())return i.invalidDate||l;var n=t||"YYYY-MM-DDTHH:mm:ssZ",a=$.z(this),r=this.$H,s=this.$m,d=this.$M,o=i.weekdays,c=i.months,p=function(t,i,a,r){return t&&(t[i]||t(e,n))||a[i].slice(0,r)},h=function(t){return $.s(r%12||12,t,"0")},u=i.meridiem||function(t,e,i){var n=t<12?"AM":"PM";return i?n.toLowerCase():n};return n.replace(f,(function(t,n){return n||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return $.s(e.$y,4,"0");case"M":return d+1;case"MM":return $.s(d+1,2,"0");case"MMM":return p(i.monthsShort,d,c,3);case"MMMM":return p(c,d);case"D":return e.$D;case"DD":return $.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return p(i.weekdaysMin,e.$W,o,2);case"ddd":return p(i.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(r);case"HH":return $.s(r,2,"0");case"h":return h(1);case"hh":return h(2);case"a":return u(r,s,!0);case"A":return u(r,s,!1);case"m":return String(s);case"mm":return $.s(s,2,"0");case"s":return String(e.$s);case"ss":return $.s(e.$s,2,"0");case"SSS":return $.s(e.$ms,3,"0");case"Z":return a}return null}(t)||a.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(i,h,l){var u,f=this,k=$.p(h),m=M(i),b=(m.utcOffset()-this.utcOffset())*t,g=this-m,_=function(){return $.m(f,m)};switch(k){case p:u=_()/12;break;case o:u=_();break;case c:u=_()/3;break;case d:u=(g-b)/6048e5;break;case s:u=(g-b)/864e5;break;case r:u=g/e;break;case a:u=g/t;break;case n:u=g/1e3;break;default:u=g}return l?u:$.a(u)},m.daysInMonth=function(){return this.endOf(o).$D},m.$locale=function(){return _[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var i=this.clone(),n=w(t,e,!0);return n&&(i.$L=n),i},m.clone=function(){return $.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},k}(),D=Y.prototype;return M.prototype=D,[["$ms",i],["$s",n],["$m",a],["$H",r],["$W",s],["$M",o],["$y",p],["$D",h]].forEach((function(t){D[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),M.extend=function(t,e){return t.$i||(t(e,Y,M),t.$i=!0),M},M.locale=w,M.isDayjs=v,M.unix=function(t){return M(1e3*t)},M.en=_[g],M.Ls=_,M.p={},M}()),g.exports}var y,v,w,M,$,Y,D,x,L,S,E=m(_()),H={exports:{}},T=m(y?H.exports:(y=1,H.exports=(v="week",w="year",function(t,e,i){var n=e.prototype;n.week=function(t){if(void 0===t&&(t=null),null!==t)return this.add(7*(t-this.week()),"day");var e=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var n=i(this).startOf(w).add(1,w).date(e),a=i(this).endOf(v);if(n.isBefore(a))return 1}var r=i(this).startOf(w).date(e).startOf(v).subtract(1,"millisecond"),s=this.diff(r,v,!0);return s<0?i(this).startOf("week").week():Math.ceil(s)},n.weeks=function(t){return void 0===t&&(t=null),this.week(t)}}))),A={exports:{}},V=(M||(M=1,A.exports=function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,n=/\d\d/,a=/\d\d?/,r=/\d*[^-_:/,()\s\d]+/,s={},d=function(t){return(t=+t)+(t>68?1900:2e3)},o=function(t){return function(e){this[t]=+e}},c=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),i=60*e[1]+(+e[2]||0);return 0===i?0:"+"===e[0]?-i:i}(t)}],p=function(t){var e=s[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var i,n=s.meridiem;if(n){for(var a=1;a<=24;a+=1)if(t.indexOf(n(a,0,e))>-1){i=a>12;break}}else i=t===(e?"pm":"PM");return i},l={A:[r,function(t){this.afternoon=h(t,!1)}],a:[r,function(t){this.afternoon=h(t,!0)}],Q:[i,function(t){this.month=3*(t-1)+1}],S:[i,function(t){this.milliseconds=100*+t}],SS:[n,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[a,o("seconds")],ss:[a,o("seconds")],m:[a,o("minutes")],mm:[a,o("minutes")],H:[a,o("hours")],h:[a,o("hours")],HH:[a,o("hours")],hh:[a,o("hours")],D:[a,o("day")],DD:[n,o("day")],Do:[r,function(t){var e=s.ordinal,i=t.match(/\d+/);if(this.day=i[0],e)for(var n=1;n<=31;n+=1)e(n).replace(/\[|\]/g,"")===t&&(this.day=n)}],w:[a,o("week")],ww:[n,o("week")],M:[a,o("month")],MM:[n,o("month")],MMM:[r,function(t){var e=p("months"),i=(p("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[r,function(t){var e=p("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,o("year")],YY:[n,function(t){this.year=d(t)}],YYYY:[/\d{4}/,o("year")],Z:c,ZZ:c};function u(i){var n;n=s&&s.formats;for(var a=(i=i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,i,a){var r=a&&a.toUpperCase();return i||n[a]||t[a]||n[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,i){return e||i.slice(1)}))}))).match(e),r=a.length,d=0;d<r;d+=1){var o=a[d],c=l[o],p=c&&c[1];a[d]=p?{regex:c&&c[0],parser:p}:o.replace(/^\[|\]$/g,"")}return function(t){for(var e={},i=0,n=0;i<r;i+=1){var s=a[i];if("string"==typeof s)n+=s.length;else{var d=s.regex,o=s.parser,c=t.slice(n),p=d.exec(c)[0];o.call(e,p),t=t.replace(p,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var i=t.hours;e?i<12&&(t.hours+=12):12===i&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,i){i.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(d=t.parseTwoDigitYear);var n=e.prototype,a=n.parse;n.parse=function(t){var e=t.date,n=t.utc,r=t.args;this.$u=n;var d=r[1];if("string"==typeof d){var o=!0===r[2],c=!0===r[3],p=o||c,h=r[2];c&&(h=r[2]),s=this.$locale(),!o&&h&&(s=i.Ls[h]),this.$d=function(t,e,i,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var a=u(e)(t),r=a.year,s=a.month,d=a.day,o=a.hours,c=a.minutes,p=a.seconds,h=a.milliseconds,l=a.zone,f=a.week,k=new Date,m=d||(r||s?1:k.getDate()),b=r||k.getFullYear(),g=0;r&&!s||(g=s>0?s-1:k.getMonth());var _,y=o||0,v=c||0,w=p||0,M=h||0;return l?new Date(Date.UTC(b,g,m,y,v,w,M+60*l.offset*1e3)):i?new Date(Date.UTC(b,g,m,y,v,w,M)):(_=new Date(b,g,m,y,v,w,M),f&&(_=n(_).week(f).toDate()),_)}catch(t){return new Date("")}}(e,d,n,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),p&&e!=this.format(d)&&(this.$d=new Date("")),s={}}else if(d instanceof Array)for(var l=d.length,f=1;f<=l;f+=1){r[1]=d[f-1];var k=i.apply(this,r);if(k.isValid()){this.$d=k.$d,this.$L=k.$L,this.init();break}f===l&&(this.$d=new Date(""))}else a.call(this,t)}}}()),A.exports),j=m(V),C={exports:{}},N=($||($=1,C.exports=function(t,e){e.prototype.isSameOrBefore=function(t,e){return this.isSame(t,e)||this.isBefore(t,e)}}),C.exports),z=m(N),R={exports:{}},F=(Y||(Y=1,R.exports=function(t,e){e.prototype.isSameOrAfter=function(t,e){return this.isSame(t,e)||this.isAfter(t,e)}}),R.exports),P=m(F),I={exports:{}},O=(D||(D=1,I.exports=function(t,e){e.prototype.toObject=function(){return{years:this.$y,months:this.$M,date:this.$D,hours:this.$H,minutes:this.$m,seconds:this.$s,milliseconds:this.$ms}}}),I.exports),U=m(O);x||(x=1,L=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_()),S={name:"sv",weekdays:"söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag".split("_"),weekdaysShort:"sön_mån_tis_ons_tor_fre_lör".split("_"),weekdaysMin:"sö_må_ti_on_to_fr_lö".split("_"),months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function(t){var e=t%10;return"["+t+(1===e||2===e?"a":"e")+"]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},relativeTime:{future:"om %s",past:"för %s sedan",s:"några sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en månad",MM:"%d månader",y:"ett år",yy:"%d år"}},L.default.locale(S,null,!0));var K;K||(K=1,"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),"January_February_March_April_May_June_July_August_September_October_November_December".split("_"));var Z;Z||(Z=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_()),e={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,yearStart:4,ordinal:function(t){return t+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};t.default.locale(e,null,!0)}());var B;B||(B=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_());function e(t,e,i,n){var a={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"päivä",dd:"%d päivää",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän".split("_")},r={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"päivän",dd:"%d päivän",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän".split("_")},s=n&&!e?r:a;return s[i].replace("%d",t<10?s.numbers[t]:t)}var i={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s päästä",past:"%s sitten",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};t.default.locale(i,null,!0)}());var G;G||(G=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_()),e={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};t.default.locale(e,null,!0)}()),E.extend(T),E.extend(j),E.extend(z),E.extend(P),E.extend(U);const W="calendar",q="months",J="years";function X({year:t,month:e,date:i}){return E().set("year",t).set("month",e).set("date",i)}function Q(t,e){if(!t)return!1;const i="string"==typeof t?t:X(t);return E(i,e,!0).isValid()}function tt(t,e){const i="string"==typeof t?t:X(t);return E(i,e)}function et(t,e,i){const n=function({year:t,month:e,date:i,day:n}){const a=E().set("y",t).set("M",e).set("D",i);return"number"==typeof n?a.set("d",n):a}(t);return n.locale("no"===e?"nb":e).format(i)}function it(t,e){const i="string"==typeof t?tt(t,e):t;return{year:i.get("year"),month:i.get("month"),date:i.get("date"),day:i.get("day")}}function nt(t,e,i,n){const a=tt(t,i),r=tt(e,i);return a.isSameOrBefore(r,n)}function at(t,e,i,n){const a=tt(t,i),r=tt(e,i);return a.isSameOrAfter(r,n)}function rt(t,e,i,n){if(!Q(t,i)||!Q(e,i))return!1;let a=tt(t,i),r=tt(e,i);return"month"===n&&(a=a.set("year",2e3),r=r.set("year",2e3)),a.isSame(r,n)}function st({data:t,amount:e=1,unit:i,minus:n,plus:a}){return n?t.subtract(e,i):a?t.add(e,i):t}const dt=class extends(e(l)){constructor(t){super(),i(this,t),this.dateselection=n(this,"dateselection"),this.dateSelection=n(this,"dateSelection"),this.dateInvalid=n(this,"dateInvalid"),this.toggleCalendar=n(this,"toggleCalendar"),this.currentView=n(this,"currentView")}id=`pn-date-picker-${d()}`;idFrom=`${this.id}-from`;idTo=`${this.id}-to`;idFromButton=`${this.id}-from-button`;idToButton=`${this.id}-to-button`;idHelper=`${this.id}-helper`;idError=`${this.id}-error`;idCalendar=`${this.id}-calendar`;calendarElement;today=function(){return E()}();separators=[];separatorRegex=/[^a-zA-Z\d\s:]/g;listMonths=[0,1,2,3,4,5,6,7,8,9,10,11];listWeek=[1,2,3,4,5,6,0];get hostElement(){return a(this)}open=!1;openUp=!1;selectingTo=!1;grid;viewYearStart=null;dateViewYear;dateViewMonth;dateViewDate;showHelperSlot;showErrorSlot;labelFrom;labelTo;helpertext;start="";end="";format="YYYY-MM-DD";compact=!1;language=null;dateId=this.id;name;placeholder=this.format;endPlaceholder=this.format;autocomplete;list;listEnd;pattern;range=!1;rangeLimit;view=W;calendarUp=!1;weekNumbers=!1;disableTypeAhead=!1;disableWeekends=!1;disabledDates;disableMaxLength=!1;required=!1;readonly=!1;disabled=!1;error;invalid=!1;minDate=null;watchMin(){null!==this.minDate&&(Q(this.minDate,this.format)||(this.minDate=null))}maxDate=null;watchMax(){null!==this.maxDate&&(Q(this.maxDate,this.format)||(this.maxDate=null))}watchValue(){if(!Q(this.start,this.format))return this.dateInvalid.emit({start:this.start});const{year:t,month:e,date:i}=it(this.start,this.format);this.setViewYear({year:t}),this.setViewMonth({month:e}),this.setViewDate({date:i}),this.range&&at(this.start,this.end,this.format,"date")&&(this.end=""),this.emitSelection()}watchValueTo(){if(!this.range)return;if(!Q(this.end,this.format))return this.dateInvalid.emit({end:this.end});const t=tt(this.end,this.format);if(this.setViewYear({year:t.year()}),this.setViewMonth({month:t.month()}),this.setViewDate({date:t.date()}),at(this.start,this.end,this.format,"date")){const t=this.start;this.start=this.end,this.end=t}this.emitSelection()}handleFormat(){this.separators.length=0,this.format.split("").forEach(((t,e)=>this.separatorRegex.exec(t)&&this.separators.push({name:t,index:e})))}watchId(){this.idFrom=`${this.dateId}-from`,this.idTo=`${this.dateId}-to`,this.idFromButton=`${this.id}-from-button`,this.idToButton=`${this.id}-to-button`,this.idHelper=`${this.dateId}-helper`,this.idError=`${this.dateId}-error`,this.idCalendar=`${this.dateId}-calendar`}watchView(){Q(this.getCurrentDateObject(),this.format)&&this.updateGrid()}watchOpen(){if(this.toggleCalendar.emit(this.open),this.dropdownHandler(),!this.open)return this.removeGlobalEventListeners();this.addGlobalEventListeners(),this.calendarElement.style.removeProperty("--pn-calendar-offset-left"),this.openUp=this.calendarUp,requestAnimationFrame((()=>{const t=this.getRect(this.hostElement),{scrollHeight:e}=this.calendarElement,{innerHeight:i,innerWidth:n}=window,a=o(),r=t.y-a,s=i-t.bottom,d=r>e;this.openUp=this.openUp&&(d||r>s)||!(s>e)&&d;const p=this.getRect(this.calendarElement),h=c(),l=t.x+t.width/2-p.width/2-p.x,u=p.x+l,f=h+16;let k=l;u<f?k=f-p.x:u+p.width>n-16&&(k=n-16-p.width-p.x),this.calendarElement.style.setProperty("--pn-calendar-offset-left",`${Math.floor(k)}px`)}))}handleMessage(){this.checkSlottedHelper(),this.checkSlottedError()}handleView(){this.currentView.emit(this.view)}dateselection;dateSelection;emitSelection(){const t={start:this.start};if(this.range){const e=function(t,e,i){const n=tt(t,i);return tt(e,i).diff(n,"d")}(this.start,this.end,this.format);t.end=this.end,t.days="number"==typeof e?e+1:null}this.dateSelection.emit(t),this.dateselection.emit(t)}dateInvalid;toggleCalendar;currentView;handleResize(){this.open&&this.toggleGrid(!1)}async componentWillLoad(){this.watchMin(),this.watchMax(),this.watchId(),this.handleFormat(),this.handleMessage();const t=Q(this.start||this.end,this.format)&&it(this.start||this.end,this.format),{year:e,month:i,date:n}=it(this.today);this.setViewDate({date:t.date||n}),this.setViewMonth({month:t.month||i}),this.setViewYear({year:t.year||e}),null===this.language&&await p(this.hostElement)}dropdownHandler(){this.open?this.openDropdown(this.calendarElement):this.closeDropdown(this.calendarElement)}globalEvents=t=>{const e=t.target,i=e?.closest(this.hostElement.localName);i||this.toggleGrid(!1)};addGlobalEventListeners(){this.hostElement.getRootNode().addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){this.hostElement.getRootNode().removeEventListener("click",this.globalEvents)}translate(t){return k?.[t?.toUpperCase()]?.[this.language||h]||t?.toUpperCase()}translateDateText(t,e){return et({...this.getCurrentDateObject(),...t},this.language,e)}getRect(t){return t.getBoundingClientRect()}toggleGrid(t,e){this.open=t??!this.open,this.selectingTo=e}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}checkSlottedHelper(){const t=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!t?.length}checkSlottedError(){const t=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!t?.length}viewingCalendar(){return this.view===W}viewingMonth(){return this.view===q}viewingYears(){return this.view===J}viewType(){return this.viewingCalendar()?"date":this.viewingMonth()?"month":"year"}isBeforeMax(t){return!this.maxDate||nt(t,this.maxDate,this.format,this.viewType())}isAfterMin(t){return!this.minDate||at(t,this.minDate,this.format,this.viewType())}isDisabledWeekend(t){return!!this.viewingCalendar()&&!!this.disableWeekends&&t>=6}isDisabledDate(t){return!(!this.disabledDates?.length||!this.viewingCalendar())&&!!this.disabledDates.split(",").find((e=>rt(e,t,this.format,this.viewType())))}isDisabled(t){const e=!this.isBeforeMax(t),i=!this.isAfterMin(t),n=this.viewingCalendar()&&this.isDisabledWeekend(t.day),a=this.isDisabledDate(t);return{disabled:e||i||n||a,manualDisable:a,weekendDisable:n,minMaxDisable:e||i}}updateGrid(){this.grid=function(t,e){const i=[],n=[],a=E().set("year",t).set("month",e),r=a.daysInMonth();for(let t=0;r>t;t++){const e=a.set("date",t),n=e.week();i.push({week:n,day:e.day()+1,date:t+1})}const s=[...new Set(i.map((({week:t})=>t)))];return s.forEach(((t,e)=>{const a=i.filter((e=>e.week===t));if(0===e&&7!==a.length){const e=7-a.length;for(let i=0;e>i;i++)a.unshift({week:t,blank:!0})}if(e+1===s.length&&7!==a.length){const e=7-a.length;for(let i=0;e>i;i++)a.push({week:t,blank:!0})}n.push({week:t,list:a})})),n}(this.dateViewYear,this.dateViewMonth)}getCurrentViewDate(t=this.getCurrentDateObject()){return et(t,this.language,"MMMM YYYY")}isSelected(t,e=!1){return rt(e?this.end:this.start,this.getCurrentDateObject(t),this.format,this.viewType())}isToday(t){return rt(this.today.format(this.format),this.getCurrentDateObject(t),this.format,this.viewType())}getCurrentDateObject({year:t=this.dateViewYear,month:e=this.dateViewMonth,date:i=this.dateViewDate,day:n}={}){return{year:t,month:e,date:i,day:n}}calendarKeyboardNavigation(t,e,i=!1){if(!["Enter","Space","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Home","End","PageDown","PageUp","Escape"].includes(t.code))return;if(t.preventDefault(),"Escape"===t.code)return this.toggleGrid(!1);const n=!i&&t.code.match(/^(Enter|Space)$/);if(n&&this.viewingYears())return this.setViewYear({year:e.year,reset:!0});if(n&&this.viewingMonth())return this.setViewMonth({month:e.month,grid:!0,reset:!0});if(n&&this.viewingCalendar())return this.setValue(e.date);const a=this.navDirection(t,e);if(!a)return;const{year:r,month:s,date:d}=a;this.setViewYear({year:r}),this.setViewMonth({month:s,grid:!0}),this.setViewDate({date:d}),this.resetFocus()}navDirection(t,e){const{code:i}=t;return it(function(t,e,i,n){return"date"===n?function(t,e,i){const n=X(e),{space:a,enter:r,next:s,down:d,previous:o,upwards:c,pageDown:p,pageUp:h,end:l,home:u}=function(t){return{enter:"Enter"===t,space:"Space"===t,next:"ArrowRight"===t,previous:"ArrowLeft"===t,down:"ArrowDown"===t,upwards:"ArrowUp"===t,pageDown:"PageDown"===t,pageUp:"PageUp"===t,end:"End"===t,home:"Home"===t}}(t);if(a||r)return n;if(s||d)return n.add(s?1:7,"day");if(o||c)return n.subtract(o?1:7,"day");if(p)return n.add(1,"month");if(h)return n.subtract(1,"month");const f=n.get("day"),k=0===f?-6:1;return l&&0!==f?n.set("day",i?5:7):u&&1!==f?n.set("day",k):n}(t,e,i):function(t,e,i){const n=X(e);if(t.match(/^(Enter|Space)$/))return n;const a="ArrowRight"===t,r="ArrowLeft"===t,s="ArrowDown"===t,d="ArrowUp"===t,o=a||r?1:3,{years:c,months:p}=n.toObject(),h="year"===i?c:p,l="year"===i?"month":"year";return a||s?n.set(i,h+o).set(l,e[l]):r||d?n.set(i,h-o).set(l,e[l]):n}(t,e,n)}(i,e,this.disableWeekends,this.viewType()))}getYearGrid(){const t=[];let e=this.viewYearStart-7;for(let i=0;15>i;i++)t.push(e++);return t}setView(t){this.view=t,requestAnimationFrame((()=>this.focusCalendar()))}setNavView(t){return this.viewingYears()?this.setViewYear({...t,grid:!0}):this.setViewMonth(t)}setViewYear({year:t=this.dateViewYear,minus:e=!1,plus:i=!1,reset:n=!1,grid:a=!1}){const r=function({year:t,minus:e=!1,plus:i=!1}){return st({data:E().set("year",t),unit:"y",plus:i,minus:e}).year()}({year:t,minus:e,plus:i}),s=this.viewYearStart,d=s+7,o=s-7;a?(this.viewYearStart=e?this.viewYearStart-15:this.viewYearStart+15,this.dateViewYear=this.viewYearStart):this.dateViewYear=r,(null===s||r>d||o>r)&&(this.viewYearStart=r),n&&this.setView(W)}setViewMonth({month:t=this.dateViewMonth,minus:e=!1,plus:i=!1,reset:n=!1,grid:a=!1}){const r=function({month:t,minus:e=!1,plus:i=!1}){return st({data:E().set("month",t),unit:"M",plus:i,minus:e}).month()}({month:t,minus:e,plus:i});this.dateViewMonth=r,!a&&0===t&&e&&this.setViewYear({minus:!0}),!a&&11===t&&i&&this.setViewYear({plus:!0}),n&&this.setView(W)}setViewDate({date:t}){this.dateViewDate=t}handleSeparator(t){let e=t.target.value;const i=this.separators.find((({index:t})=>t===e.length));return i?.name&&(e+=i.name),e}inputHandler(t,e=!1){const i=e?"end":"start",n=this.disableTypeAhead?t.target.value:this.handleSeparator(t);this[i]=n}setValue(t){const e=et(this.getCurrentDateObject({date:t}),this.language,this.format);this.selectingTo?this.end=e:this.start=e,this.setViewDate({date:t}),this.range&&!this.selectingTo||(this.toggleGrid(!1),this.focusToggleCalendarButton()),this.range&&!this.selectingTo&&(this.selectingTo=!0)}getDayAttributes(t,e){const i=this.getCurrentDateObject(t),{disabled:n}=this.isDisabled(i);if(e)return{"data-blank":!0};const a=this.viewType(),r=i[a],s="date"!==a?"disabled":"aria-disabled",d="date"!==a?"aria-pressed":"aria-selected",o=this.isSelected(i),c=this.isSelected(i,!0),p=o||c,h=this.range&&at(i,this.start,this.format,this.viewType()),l=this.range&&nt(i,this.end,this.format,this.viewType()),u=h&&l,f=n&&("date"===a||!p);var k;const m={onKeyDown:t=>this.calendarKeyboardNavigation(t,i,f),tabindex:this[`dateView${k=a,k.charAt(0).toUpperCase()+k.slice(1)}`]===r?"0":"-1",[d]:(p||u)?.toString(),"aria-current":this.isToday(i)?"date":null,"data-active":f?null:p,"data-today":this.isToday(i),"data-option":"true",[`data-${a}`]:r,[s]:f?"true":null},b=rt(this.start,this.end,this.format,"date");return this.range&&!b?(m["data-range"]=u,m["data-range-from"]=o&&""!==this.end,m["data-range-to"]=c&&""!==this.start):m["data-single"]=!0,this.viewingCalendar()&&(m.onClick=()=>this.setValue(i.date)),this.viewingMonth()&&(m.onClick=()=>this.setViewMonth({month:i.month,reset:!0})),this.viewingYears()&&(m.onClick=()=>this.setViewYear({year:i.year,reset:!0})),f&&delete m.onClick,m}focusToggleCalendarButton(){requestAnimationFrame((()=>{this.hostElement.querySelector(`#${this.range?this.idToButton:this.idFromButton}`).focus({preventScroll:!0})}))}focusCalendar(){requestAnimationFrame((()=>{const t=this.calendarTabElement({first:!0,grid:!0});t?.focus({preventScroll:!0})}))}resetFocus(){if(this.open)return this.focusCalendar();this.focusToggleCalendarButton()}handleButtonBlur(t){if("Escape"===t.code&&(t.preventDefault(),t.stopImmediatePropagation()),this.open&&"Tab"===t.key)return this.focusCalendar()}calendarTabElement({first:t,grid:e}){const i=':is(input, select, button:not([tabindex="-1"]), td[tabindex="0"])',n=this.calendarElement.querySelectorAll(i),a=Array.from(n).filter((({localName:t,offsetParent:e})=>i.includes(t)&&null!==e)),r=a.find((({dataset:t,tabIndex:e})=>t.option&&0===e));return e&&r?r:t?a.shift():a.pop()}handleCalendarTabEsc(t){const e=t.target,i=this.calendarTabElement({first:t.shiftKey});if(t.stopImmediatePropagation(),"Escape"===t.code)return t.preventDefault(),this.toggleGrid(!1),void this.focusToggleCalendarButton();"Tab"===t.code&&e.isEqualNode(i)&&(t.preventDefault(),this.calendarTabElement({first:!t.shiftKey}).focus({preventScroll:!0}))}ariaDescribedby(){const t=[];return this.hasErrorMessage()?t.push(this.idError):this.hasHelperText()&&t.push(this.idHelper),t.length?t.join(" "):null}renderDateGrid(){return r("table",{role:"grid",class:"pn-date-picker-table","aria-multiselectable":this.range?"true":null},r("caption",{class:"pn-date-picker-sr-only",key:this.getCurrentViewDate()},this.getCurrentViewDate()),r("thead",{class:"pn-date-picker-thead"},r("tr",{class:"pn-date-picker-tr"},this.weekNumbers&&r("th",{class:"pn-date-picker-th",scope:"col","aria-hidden":"true"}),this.listWeek.map((t=>r("th",{class:"pn-date-picker-th",scope:"col",abbr:this.translateDateText({day:t},"dddd")},this.translateDateText({day:t},"ddd")))))),r("tbody",{class:"pn-date-picker-tbody"},this.grid?.map((({week:t,list:e})=>r("tr",{key:`${this.dateViewYear}-${t}`,class:"pn-date-picker-tr"},this.weekNumbers&&r("td",{class:"pn-date-picker-td","data-blank":!0,"data-week":!0,title:`${this.translate("WEEK_NAME")} ${t}`,"aria-hidden":"true"},r("span",{class:"pn-date-picker-td-week"},t)),e.map((({day:t,date:e,blank:i})=>r("td",{key:`${this.dateViewYear}-${this.dateViewMonth}-${e}`,class:"pn-date-picker-td",...this.getDayAttributes({date:e,day:t},i)},r("span",{class:"pn-date-picker-td-text"},e)))))))))}renderMonthGrid(){return r("ul",{class:"pn-date-picker-list"},this.listMonths.map((t=>r("li",{key:t,class:"pn-date-picker-item","data-item":"month"},r("button",{type:"button",class:"pn-date-picker-button",...this.getDayAttributes({month:t},!1)},r("span",{class:"pn-date-picker-month","data-full":!0},this.translateDateText({month:t},"MMMM")),r("span",{class:"pn-date-picker-month","data-abbr":!0},this.translateDateText({month:t},"MMM")))))))}renderYearGrid(){return r("ul",{class:"pn-date-picker-list"},this.getYearGrid()?.map((t=>r("li",{key:t,class:"pn-date-picker-item","data-item":"year"},r("button",{type:"button",class:"pn-date-picker-button",...this.getDayAttributes({year:t},!1)},r("span",null,t))))))}renderLabel(t=!1){return r("label",{class:"pn-date-picker-label",htmlFor:t?this.idTo:this.idFrom,"data-compact":this.compact},r("span",null,t?this.labelTo:this.labelFrom))}renderInput({to:t=!1}={}){const e=t?this.idTo:this.idFrom,i=t?this.idToButton:this.idFromButton,n=t?this.end:this.start,a=t?this.endPlaceholder:this.placeholder,s=t?this.listEnd:this.list,d=!!this.open&&(this.selectingTo?t:!t),o=this.translate("SELECT_DATE"),c=this.translate(`SELECTED_${this.range?t?"END_":"START_":""}DATE`);let p=o;n&&(p+=`, ${c.replace("{date}",n)}`);const h=!(this.disabled||this.readonly);return r("div",{class:"pn-date-picker-container","data-error":this.hasError()},!this.compact&&this.renderLabel(t),r("div",{class:"pn-date-picker-field"},r("input",{type:"text",id:e,class:"pn-date-picker-input",name:this.name,placeholder:this.compact?" ":a,autocomplete:this.autocomplete,maxlength:this.disableMaxLength?null:this.format.length,list:s,pattern:this.pattern,value:n,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-describedby":this.ariaDescribedby(),"aria-invalid":this.hasError()?.toString(),"data-active":d,"data-compact":this.compact,onInput:e=>this.inputHandler(e,t)}),this.compact&&this.renderLabel(t),h&&r("pn-button",{class:"pn-date-picker-toggle",buttonId:i,icon:'<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="M9 3.5a1 1 0 0 1 1 1V5h4v-.5a1 1 0 1 1 2 0V5h2a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h2v-.5a1 1 0 0 1 1-1M8 7H6a1 1 0 0 0-1 1v1.5h14V8a1 1 0 0 0-1-1h-2v.5a1 1 0 1 1-2 0V7h-4v.5a1 1 0 0 1-2 0zm11 4.5H5V17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z" clip-rule="evenodd"/></svg>',iconOnly:!0,appearance:"light",arialabel:p,ariaexpanded:this.open.toString(),ariacontrols:this.idCalendar,"data-active":this.open,"data-input":!0,small:!0,onPnClick:()=>this.toggleGrid(null,t),onKeyDown:t=>this.handleButtonBlur(t)})))}render(){return r(s,{key:"0485d508d1df7d71009ab2c22096384928750697"},r("div",{key:"31514c4b9c216ca227ac91c90e82846992df283c",class:"pn-date-picker"},this.renderInput(),this.range&&r("div",{key:"2d924b59e6f7e41364413935b08640db0aa1622e",class:"pn-date-picker-range-icon test"},r("pn-icon",{key:"51ec54178bbf69c66fe17228017aeb8985e551fc",icon:f})),this.range&&this.renderInput({to:this.range})),r("div",{key:"16d60d86b8d9c01b7732a3c7b773d1157eedbd2b",id:this.idCalendar,class:"pn-date-picker-calendar",role:"dialog","aria-label":this.translate("CALENDAR_NAVIGATION"),"data-open":this.open,"data-direction":this.openUp?"top":"bottom","data-range":this.range,style:{height:"0px"},ref:t=>this.calendarElement=t,onKeyDown:t=>this.handleCalendarTabEsc(t)},r("div",{key:"703d253840d5e9943750469c9495c3151b85f08c",class:"pn-date-picker-wrapper"},r("nav",{key:"e25723946681d630dffeeddbf814b3a720c9685c",class:"pn-date-picker-nav","aria-labelledby":this.idCalendar},r("pn-button",{key:"9dec68c96c3ab4f8ca0c29783cd1e693e43281e1",hidden:this.viewingMonth(),small:!0,appearance:"light",arialabel:this.translate(`PREVIOUS_${this.viewType().toUpperCase()}`),icon:u,iconOnly:!0,onPnClick:()=>this.setNavView({minus:!0})}),r("pn-button",{key:"33dfc7f288f489eb814f27f61869793bf718fb6a",hidden:!this.viewingCalendar(),small:!0,appearance:"light",onPnClick:()=>this.setView(q)},r("span",{key:"67b029ff5dae525732dc78d1be4a3c706848078c",class:"pn-date-picker-month","data-full":!0},this.translateDateText({date:1},"MMMM")),r("span",{key:"82b2346a120e52d3f55d40eae85d191673c4e906",class:"pn-date-picker-month","data-abbr":!0},this.translateDateText({date:1},"MMM"))),r("h2",{key:"64c4b74c742c62370e8fe74b7ffd0c8e10c8c8d7",hidden:this.viewingCalendar(),class:"pn-date-picker-title"},this.translate(`SELECT_${this.viewType().toUpperCase()}`)),r("pn-button",{key:"065dcdbccfaf4f4b3eeae1bba9772a8bce804b66",hidden:!this.viewingCalendar(),small:!0,appearance:"light",onPnClick:()=>this.setView(J)},r("span",{key:"2c0b032610650aa43701a3f52052defad495569d"},this.dateViewYear)),r("pn-button",{key:"feb54d3c95595a39aa93eb2c74c7582a82b3031a",hidden:this.viewingMonth(),small:!0,appearance:"light",arialabel:this.translate(`NEXT_${this.viewType().toUpperCase()}`),icon:f,iconOnly:!0,onPnClick:()=>this.setNavView({plus:!0})})),this.viewingYears()&&this.renderYearGrid(),this.viewingMonth()&&this.renderMonthGrid(),this.viewingCalendar()&&this.renderDateGrid(),r("aside",{key:"1d1aa223f4314d714db6e994a7f87f3f0004f472",class:"pn-date-picker-chips"},r("slot",{key:"1239efd56b8aa01558c9671e3a1c198af8cdec28",name:"chips"})),r("nav",{key:"0410b4a1a92b1ccb56dee901be8df49933301142",class:"pn-date-picker-bottom",hidden:this.viewingCalendar()},r("pn-button",{key:"ec803a3af2c22f05f1416e0f62424b3341256d0f",appearance:"light",variant:"outlined",small:!0,icon:'<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="M11.707 21.707a1 1 0 0 0 0-1.414L8.414 17H11.5a7.5 7.5 0 0 0 0-15H11a1 1 0 1 0 0 2h.5a5.5 5.5 0 1 1 0 11H8.414l3.293-3.293a1 1 0 0 0-1.414-1.414l-5 5a1 1 0 0 0 0 1.414l5 5a1 1 0 0 0 1.414 0M7 3a1 1 0 0 0 1 1h.01a1 1 0 0 0 0-2H8a1 1 0 0 0-1 1" clip-rule="evenodd"/></svg>',onPnClick:()=>this.setView(W)},r("span",{key:"76b1889719347c417b5366bc511f48604aad35e1"},this.translate("GO_CALENDAR")))))),r("p",{key:"efb966a5373f0a1b0e300999af60a1f8b9194429",id:this.idHelper,class:"pn-date-picker-helpertext",hidden:!this.hasHelperText()||this.hasError()},r("span",{key:"cf169a86e1a4c9ca46d835a536971306dba5224f"},this.helpertext),r("slot",{key:"858470af2c9febb68a7beffa3014485d91297893",name:"helpertext"})),r("p",{key:"219d57d13eebcb6d6621fe8e1a717fedcc39e641",id:this.idError,class:"pn-date-picker-error",role:"alert",hidden:!this.hasErrorMessage()},r("span",{key:"92b84f913d27642f9487f6316040f95478a75373"},this.error),r("slot",{key:"31a3de009f3b54f775f558ae6a9aa17ebb2bbc88",name:"error"})))}static get watchers(){return{minDate:[{watchMin:0}],maxDate:[{watchMax:0}],start:[{watchValue:0}],end:[{watchValueTo:0}],format:[{handleFormat:0}],id:[{watchId:0}],dateViewYear:[{watchView:0}],dateViewMonth:[{watchView:0}],dateViewDate:[{watchView:0}],open:[{watchOpen:0}],helpertext:[{handleMessage:0}],error:[{handleMessage:0}],view:[{handleView:0}]}}};dt.style=`${t("pn-date-picker")}{position:relative;display:block}${t("pn-date-picker")} .pn-date-picker{width:100%;display:flex;flex-wrap:wrap;gap:0.25em;container-type:inline-size}@container (max-width: 24em){${t("pn-date-picker")} .pn-date-picker .pn-date-picker-container{flex:1 1 20em}${t("pn-date-picker")} .pn-date-picker .pn-date-picker-range-icon{display:none}}${t("pn-date-picker")} .pn-date-picker-container{display:block;flex:1 1 11em}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-label{color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input{border-color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:hover{border-color:#500715}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:hover,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:focus,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${t("pn-date-picker")} .pn-date-picker-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){${t("pn-date-picker")} .pn-date-picker-label{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-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-date-picker")} .pn-date-picker-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${t("pn-date-picker")} .pn-date-picker-label>span{font-size:0.875em}${t("pn-date-picker")} .pn-date-picker-field{position:relative;display:flex}${t("pn-date-picker")} .pn-date-picker-input{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}${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:hover,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:focus,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${t("pn-date-picker")} .pn-date-picker-input{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input{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-date-picker")} .pn-date-picker-input{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-input[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${t("pn-date-picker")} .pn-date-picker-input[data-compact]::placeholder{color:transparent}${t("pn-date-picker")} .pn-date-picker-input[data-compact]:focus+.pn-date-picker-label,${t("pn-date-picker")} .pn-date-picker-input[data-compact]:not(:placeholder-shown)+.pn-date-picker-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${t("pn-date-picker")} .pn-date-picker-input::placeholder{color:#5e554a;font-weight:normal}${t("pn-date-picker")} .pn-date-picker-input:hover{border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-input{padding-right:3em;flex:auto;width:100%}${t("pn-date-picker")} .pn-date-picker-input::-webkit-calendar-picker-indicator{visibility:hidden;inline-size:0}${t("pn-date-picker")} .pn-date-picker-input::-webkit-textfield-decoration-container,${t("pn-date-picker")} .pn-date-picker-input::-webkit-search-cancel-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-inner-spin-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-outer-spin-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${t("pn-date-picker")} .pn-date-picker-input[data-active]{border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input:read-only{border-color:#ffffff}${t("pn-date-picker")} .pn-date-picker-range-icon{width:1.5em;margin-bottom:0.8125em;align-self:end}${t("pn-date-picker")} .pn-date-picker-helpertext,${t("pn-date-picker")} .pn-date-picker-error{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em;text-align:left}${t("pn-date-picker")} .pn-date-picker-helpertext[hidden],${t("pn-date-picker")} .pn-date-picker-error[hidden]{display:none}${t("pn-date-picker")} .pn-date-picker-error{color:#a70707}${t("pn-date-picker")} .pn-date-picker-toggle{position:absolute;top:0.5em;right:0.5em;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-button{cursor:pointer;font-size:1em;background-color:transparent;border:0.0625em solid #969087;border-color:transparent;padding:0.25em;margin:0;flex:auto;border-radius:3em}${t("pn-date-picker")} .pn-date-picker-button:first-child,${t("pn-date-picker")} .pn-date-picker-button:last-child{flex:0 0 auto}${t("pn-date-picker")} .pn-date-picker-button{transition-property:outline-color, background-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-date-picker")} .pn-date-picker-button{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-button:focus{background-color:#ffffff;outline-color:#005d92}${t("pn-date-picker")} .pn-date-picker-button:hover{background-color:#e0f8ff}${t("pn-date-picker")} .pn-date-picker-button[data-active],${t("pn-date-picker")} .pn-date-picker-button[data-range]{background-color:#e0f8ff;border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-button:disabled{cursor:not-allowed}${t("pn-date-picker")} .pn-date-picker-button:disabled:hover{background-color:transparent}${t("pn-date-picker")} .pn-date-picker-month{text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-month[data-full]{display:none}@media (min-width: 25em){${t("pn-date-picker")} .pn-date-picker-month[data-full]{display:inline}}${t("pn-date-picker")} .pn-date-picker-month[data-abbr]{display:inline}@media (min-width: 25em){${t("pn-date-picker")} .pn-date-picker-month[data-abbr]{display:none}}${t("pn-date-picker")} .pn-date-picker-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-date-picker")} .pn-date-picker{}${t("pn-date-picker")} .pn-date-picker-calendar{position:absolute;z-index:4;top:calc(100% + 0.5em);left:var(--pn-calendar-offset-left);width:clamp(100%, 95vw, 20em);max-width:20em;text-align:center;border-radius:0.5em;background-color:#ffffff;overflow:hidden;visibility:hidden;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1)}${t("pn-date-picker")} .pn-date-picker-calendar[data-range]{max-width:unset}${t("pn-date-picker")} .pn-date-picker-calendar[data-open],${t("pn-date-picker")} .pn-date-picker-calendar[data-moving]{visibility:visible}${t("pn-date-picker")} .pn-date-picker-calendar[data-direction=top]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left}${t("pn-date-picker")} .pn-date-picker-calendar ${t("pn-button")}[hidden]{display:none}${t("pn-date-picker")} .pn-date-picker-calendar ${t("pn-button")} span{text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-wrapper{padding:0.5em}${t("pn-date-picker")} .pn-date-picker-title{margin:0.5em auto 0;font-size:0.875em;font-weight:500;color:#2d2013}${t("pn-date-picker")} .pn-date-picker-nav{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1em}${t("pn-date-picker")} .pn-date-picker-table{width:100%;table-layout:fixed;border-spacing:0;border:0;margin:0 0 0.5em}${t("pn-date-picker")} .pn-date-picker-th{font-size:0.75em;font-weight:500;color:#5e554a;padding:0.25em;border:0;text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-td{cursor:pointer;position:relative;padding:0.25em;outline:0;border:0;line-height:0;width:2em;height:2em;-webkit-tap-highlight-color:transparent}${t("pn-date-picker")} .pn-date-picker-td-text{position:relative;display:block;line-height:1.5em;border-radius:0.5em;color:#2d2013;padding:0.25em;transition-property: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){${t("pn-date-picker")} .pn-date-picker-td-text{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-td-text{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-td[data-blank]{cursor:auto}${t("pn-date-picker")} .pn-date-picker-td[data-blank] .pn-date-picker-td-text{background-color:transparent}${t("pn-date-picker")} .pn-date-picker-td-week{font-size:0.75em;color:#5e554a;display:block}${t("pn-date-picker")} .pn-date-picker-td:before{content:"";position:absolute;left:0;top:0.25em;height:calc(100% - 0.5em);width:100%;background-color:transparent;border:0.0625em solid transparent;border-radius:0.5em;transition-property:border-color, background-color, width, transform, left;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-td:before{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]{cursor:not-allowed;pointer-events:none}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]>.pn-date-picker-td-text{color:#5e554a;background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:focus>.pn-date-picker-td-text{outline-color:#a70707}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:hover>.pn-date-picker-td-text,${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:focus>.pn-date-picker-td-text{background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true] .pn-date-picker-td-text{font-weight:500}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true]:before{border-color:#005d92;background-color:#effbff}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-single]:before{width:2em;left:50%;transform:translateX(-50%)}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range]:before{border-radius:0;border-left-width:0;border-right-width:0}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range-from]:before{border-radius:0.5em 0 0 0.5em;border-right-width:0;border-left-width:0.0625em}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range-to]:before{border-radius:0 0.5em 0.5em 0;border-right-width:0.0625em;border-left-width:0}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]:before{border-color:#a70707;background-color:#fdefee}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]>.pn-date-picker-td-text{background-color:unset}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]:focus>.pn-date-picker-td-text{background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=false]:hover>.pn-date-picker-td-text{background-color:#e0f8ff}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text{font-weight:500}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text::after{content:"";position:absolute;bottom:0.25em;left:calc(50% - 0.125em);height:0.25em;width:0.25em;background-color:#005d92;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text:after{bottom:0.15em}${t("pn-date-picker")} .pn-date-picker-td[data-active][data-today]>.pn-date-picker-td-text:after{background-color:#005d92}${t("pn-date-picker")} .pn-date-picker-td:focus-visible>.pn-date-picker-td-text{outline-color:#005d92}${t("pn-date-picker")} .pn-date-picker{}${t("pn-date-picker")} .pn-date-picker-list{margin:0 0 1em;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:0.5em}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button{display:block;width:100%;border-radius:0.5em;padding:0.5em 0.25em}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button[data-today]{position:relative;font-weight:500}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button[data-today]::after{content:"";position:absolute;bottom:0.25em;left:calc(50% - 0.125em);height:0.25em;width:0.25em;background-color:#005d92;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-chips>[slot=chips]{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0.5em;margin-bottom:0.5em}${t("pn-date-picker")} .pn-date-picker-chips>[slot=chips]:empty{display:none}${t("pn-date-picker")} .pn-date-picker-bottom{display:flex;justify-content:flex-end;gap:0.5em}${t("pn-date-picker")} .pn-date-picker-bottom[hidden]{display:none}`;export{dt as pn_date_picker}
@@ -1,5 +0,0 @@
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-CAEP792y.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")}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:"66bfbab30790857e909606b687989d845eef9c42"},t("article",{key:"eb3d30790de5f65da87dc40731b81fb9120c88db",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:"626daade06dd8b45c47e58cd5fbcef0322e3398f",class:"pn-card-image"},t("picture",{key:"5f0539bf93afe3a8070c4e31bcabcd6e09f6cd5b",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"ead1ab12ad886e48daf022a26afc0deb29998d9e",name:"image"}))),t("div",{key:"79b1e1dcf658daf770ef2038770ad36d827d61fb",class:"pn-card-content"},t("header",{key:"9b122547f47bace150f3dd17ccbe0ffe17a499b7",class:"pn-card-header"},t("div",{key:"eff03ae597d4d47ec6ef78634b9f1e3b3c65d420",class:"pn-card-tags"},t("slot",{key:"bce8ed2e135c2f7575923678477c278c82b26664",name:"tags"})),!!this.overline&&t("p",{key:"4c5012ffa0d5e4054be3dc99fea4fd3d2d2e4383",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"a1a2a9ce01834943f3909a95dd4ac9c12c62fcc5",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"7e231155db5155d5d4a5a272f845c6822235bb54",name:"header"})),t("section",{key:"118b273cd31a00de1fd16ee297bb206a33e7f977",class:"pn-card-section"},!!this.text&&t("p",{key:"66addec056571f3b511718cc8a4a60f64c3ac62b",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"f9ec7149a4e48f59143b81470677be0b24791c8e"})),t("nav",{key:"bb0ea19f4db135fd1b32496e167b67358df6ada8",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"182c9afcbb00b56c16b53ad15f12449e5feaf11a",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:"50ed52dbc3fd815c9d7b37542ad566a607e43da3",color:"blue700",icon:this.getIcon()})),t("slot",{key:"6204a8a4944a85d522b4522352f67e73bc52792a",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}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t as e,M as c,r as o,g as n,h as t,a as i}from"./p-CAEP792y.js";import{uuidv4 as a}from"./index.esm.js";import{a as r}from"./p-BlM_xfdt.js";const d=class extends(c(r)){constructor(e){super(),o(this,e)}id=`pn-checkbox-${a()}`;idHelpertext=`${this.id}-helpertext`;contentArea;get hostElement(){return n(this)}label;helpertext;value;name;checked=!1;checkboxid=this.id;required=!1;disabled=!1;invalid=!1;indeterminate=!1;tile=!1;expand=!1;icon=null;handleId(){this.idHelpertext=`${this.checkboxid}-helpertext`}handleChecked(){this.displayContent()&&(this.checked?this.openDropdown(this.contentArea):this.closeDropdown(this.contentArea))}componentWillLoad(){this.handleId()}componentDidLoad(){this.displayContent()&&this.checked&&requestAnimationFrame((()=>this.openDropdown(this.contentArea)))}handleChange(e){const{checked:c}=e.target;this.indeterminate=!1,this.checked=c}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}render(){return t(i,{key:"52273e4f6d71183fa2360c147c5d2ed6fbb3d31a"},t("input",{key:"fba94a81a38009f36d938751c6362ed7340d68d7",type:"checkbox",id:this.checkboxid,class:"pn-checkbox-input",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,required:this.required,indeterminate:this.indeterminate,"aria-invalid":this.isInvalid()?.toString(),"aria-describedby":this.helpertext&&this.idHelpertext,"data-tile":this.tile,"data-expand":this.expand,onChange:e=>this.handleChange(e)}),t("div",{key:"850ecfd3abddccfe8b0ada1d0272dfa3155a669f",class:"pn-checkbox","data-tile":this.tile,"data-expand":this.expand,"data-invalid":this.isInvalid()},t("div",{key:"728efcdb0cd59f1af39839dd9fd1accc66f2da00",class:"pn-checkbox-outer"},t("svg",{key:"55d82cc64b735706a57d301e9c8f64edc4aeebe9",class:"pn-checkbox-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},t("polyline",{key:"02a30f7a2cbf5d502be29ff14945f22e89ca19c5",class:"pn-checkbox-svg-line pn-checkbox-svg-checkmark",points:"4,12 9,17 20,6","stroke-width":"3"}),t("polyline",{key:"9c01a39dec7dc5d3961bffd07badf694ebdbadc1",class:"pn-checkbox-svg-line pn-checkbox-svg-indeterminate",points:"4,12 20,12","stroke-width":"3"}))),t("p",{key:"0b63e31f00d2dea465e9e36b3cceb56bf0a4ad48",class:"pn-checkbox-content",hidden:!this.displayText()},t("label",{key:"9aeebad0076718474224594b5c17cd5e3c3590dc",htmlFor:this.checkboxid,class:"pn-checkbox-label",hidden:!this.displayLabel()},this.label),t("span",{key:"1d99d825512267e4560b817f8853319b10b05d08",id:this.idHelpertext,class:"pn-checkbox-helpertext",hidden:!this.displayHelpertext()},this.helpertext,t("slot",{key:"981da5a8b25f6e780a5c0a1f9e32ee7aa11fef11",name:"helpertext"})),t("slot",{key:"192f09f50bd3592c41e8836c70dc264edfc3e332"})),this.displayIcon()&&t("pn-icon",{key:"4ab2aaf2819ca83f08233cac99922e5234837408",icon:this.icon,color:"gray900"}),t("div",{key:"6247821b031e2d57a216612b166db6622aaa2225",class:"pn-checkbox-container","data-open":this.checked,hidden:!this.displayContent(),style:{height:"0px"},ref:e=>this.contentArea=e},t("div",{key:"d35445d61a6e9a7faca6ca349f56b36097a077d2",class:"pn-checkbox-area"},t("slot",{key:"7cbcc9648ae405d6aa8729f2071c3b03a914a027",name:"content"})))))}static get watchers(){return{checkboxid:[{handleId:0}],checked:[{handleChecked:0}]}}};d.style=`${e("pn-checkbox")}{position:relative;display:inline-block}${e("pn-checkbox")} .pn-checkbox{position:relative;display:flex;flex-wrap:wrap;flex-direction:row}${e("pn-checkbox")} .pn-checkbox-label{cursor:pointer;color:#2d2013;-webkit-tap-highlight-color:transparent}${e("pn-checkbox")} .pn-checkbox-helpertext{color:#5e554a;margin:0 0 0.5em 0}${e("pn-checkbox")} .pn-checkbox-helpertext:last-child{margin:0}${e("pn-checkbox")} .pn-checkbox-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}${e("pn-checkbox")} .pn-checkbox-outer{width:1.5em;height:1.5em;background-color:#ffffff;display:flex;align-items:center;justify-content:center;position:relative;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, border-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox-outer{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox-svg{width:1.25em;fill:none}${e("pn-checkbox")} .pn-checkbox-svg-line{stroke:#ffffff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox-svg-line{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox-svg-line{transition-delay:0s}${e("pn-checkbox")} .pn-checkbox[data-tile]{position:relative;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:1em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox[data-tile]{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox[data-tile][data-invalid]{border-color:#a70707}${e("pn-checkbox")} .pn-checkbox[data-invalid] .pn-checkbox-outer{border-color:#a70707}${e("pn-checkbox")} .pn-checkbox-container{flex:1 1 100%;overflow:hidden;visibility:hidden}${e("pn-checkbox")} .pn-checkbox-container[data-open]{visibility:visible;overflow:unset}${e("pn-checkbox")} .pn-checkbox-container[data-moving]{visibility:visible;overflow:hidden}${e("pn-checkbox")} .pn-checkbox-area{padding:0.75em 0 0 2.25em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em}${e("pn-checkbox")} .pn-checkbox>${e("pn-icon")}{margin-left:0.75em}${e("pn-checkbox")}>input{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}${e("pn-checkbox")}>input[data-tile]:not([data-expand]){width:100%;height:100%}${e("pn-checkbox")}>input[data-expand]{top:1em;left:1em}${e("pn-checkbox")}>input[aria-describedby]+.pn-checkbox[data-tile] .pn-checkbox-label{font-weight:500}${e("pn-checkbox")}>input:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-tile]{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-tile][data-invalid]{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox>.pn-checkbox-outer{outline-color:#005d92}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile]{outline-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile][data-invalid]>.pn-checkbox-outer{outline-color:transparent}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile]>.pn-checkbox-outer{outline-color:transparent}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-invalid]>.pn-checkbox-outer{outline-color:#a70707}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer{background-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-indeterminate{stroke-dashoffset:23}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-checkmark{transition-delay:0.2s;stroke-dashoffset:0}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-tile]{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-tile][data-invalid]{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-tile]{border-color:#0d234b}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#0d234b;border-color:#0d234b}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-invalid]{border-color:#500715}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#500715;border-color:#500715}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer{background-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-checkmark{stroke-dashoffset:23}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-indeterminate{stroke-dashoffset:0}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:indeterminate:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#0d234b;border-color:#0d234b}${e("pn-checkbox")}>input:indeterminate:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#500715;border-color:#500715}${e("pn-checkbox")}>input:disabled{pointer-events:none}${e("pn-checkbox")}>input:disabled+.pn-checkbox .pn-checkbox-label{pointer-events:none}${e("pn-checkbox")}>input:disabled+.pn-checkbox>.pn-checkbox-outer{background-color:#f3f2f2;border-color:#969087}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]{background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]>${e("pn-icon")}>.pn-icon-svg path{fill:#5e554a}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]>.pn-checkbox-content>.pn-checkbox-label{color:#5e554a}${e("pn-checkbox")}>input:disabled:checked+.pn-checkbox>.pn-checkbox-outer{background-color:#969087;border-color:#969087}${e("pn-checkbox")}>input:disabled:indeterminate+.pn-checkbox>.pn-checkbox-outer{background-color:#969087;border-color:#969087}`;export{d as pn_checkbox}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t,r as e,g as n,f as i,h as a,a as p}from"./p-CAEP792y.js";import{uuidv4 as s,awaitTopbar as r,en as o}from"./index.esm.js";import{a as l}from"./p-B88w-Zxn.js";import{c as u}from"./p-BpI8peGn.js";import{c as d}from"./p-BvuWkoyY.js";const c={SHOW:{sv:"Visa",en:"Show",da:"At vise",fi:"Näytä",no:"Vise"},HIDE:{sv:"Dölj",en:"Hide",da:"Skjule",fi:"Piilottaa",no:"Gjemme seg"},CLEAR:{sv:"Rensa",en:"Clear",da:"Klar",fi:"Asia selvä",no:"Klar"}},h=class{constructor(t){e(this,t)}id=`pn-input-${s()}`;idMessage=`${this.id}-message`;prefix;suffix;mo;get hostElement(){return n(this)}offsetLeft=0;offsetRight=0;showHelperSlot=!1;showErrorSlot=!1;showPassword=!1;togglePassword(){this.showPassword=!this.showPassword}label;helpertext;inputid=this.id;value="";language=null;compact=!1;icon;textPrefix;textSuffix;type="text";name;placeholder;autocomplete;maxlength;inputmode;list;pattern;min;max;step;arialabel;ariacontrols;required=!1;disabled=!1;readonly=!1;valid=!1;invalid=!1;error;handleOffset(){requestAnimationFrame((()=>{const t=this.prefix?.clientWidth?this.prefix.clientWidth+8:0,e=this.suffix?.clientWidth?this.suffix.clientWidth+8:0;this.offsetLeft=t,this.offsetRight=e}))}handleMessage(){this.checkSlottedHelper(),this.checkSlottedError()}connectedCallback(){this.mo=new MutationObserver((()=>{i(this.hostElement),this.handleOffset(),this.handleMessage()})),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo&&this.mo.disconnect()}async componentWillLoad(){this.handleMessage(),this.inputid!==this.id&&(this.idMessage=`${this.inputid}-message`),null===this.language&&await r(this.hostElement)}componentDidLoad(){this.handleOffset()}setVal(t){const e=t.composedPath?.()[0];this.value=e.value}clearVal(){const t=new InputEvent("input",{bubbles:!0,data:""}),e=this.hostElement.querySelector("input");this.value="",e.focus(),e.value=this.value,e.dispatchEvent(t)}translate(t){return c?.[t]?.[this.language||o]}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}hasMessage(){return this.hasHelperText()||this.hasErrorMessage()}checkSlottedHelper(){const t=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!t?.length}checkSlottedError(){const t=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!t?.length}getInputType(){return["text","password","url","tel","search","number","email"].includes(this.type)&&!this.showPassword?this.type:"text"}isPassword(){return!this.disabled&&("password"===this.type||"text"===this.type&&this.showPassword)}passwordText(){return this.translate(this.showPassword?"HIDE":"SHOW")}displayState(){return this.valid||this.hasError()}stateIcon(){return this.valid?u:l}stateColor(){return this.valid?"green700":"warning"}showPrefix(){return this.textPrefix&&!this.icon}showSuffix(){return!this.showPrefix()&&!!this.textSuffix?.length&&!this.isPassword()&&"search"!==this.type}showClear(){return!this.disabled&&!this.readonly&&"search"===this.type&&!!this.value?.length}validLabel(){return this.label?.length>0||this.maxlength>=1}useLabel(){return this.validLabel()&&!this.compact}useCompactLabel(){return this.validLabel()&&this.compact}renderLabel(){return a("label",{htmlFor:this.inputid,class:"pn-input-label","data-compact":this.compact},this.label&&a("span",null,this.label),this.maxlength>=0&&a("span",null,`${this.value.length}/${this.maxlength}`))}render(){return a(p,{key:"3250630450288d09811b7c78bca5091ba93ec7ab"},a("div",{key:"db673ba19f300966eaf5c38136fe7d6143aa661d",class:"pn-input","data-valid":this.valid,"data-error":this.hasError(),style:{"--pn-input-offset-left":`${this.offsetLeft}px`,"--pn-input-offset-right":`${this.offsetRight}px`}},this.useLabel()&&this.renderLabel(),a("div",{key:"b216b7f951be237aed6e46f1ccbcfd29b2a3cad1",class:"pn-input-group"},a("input",{key:"4ee129c35c6a74a359df9d611b236132d7afac38",type:this.getInputType(),id:this.inputid,class:"pn-input-element",name:this.name,placeholder:this.compact?this.placeholder||" ":this.placeholder,autocomplete:this.autocomplete,maxlength:this.maxlength,list:this.list,pattern:this.pattern,min:this.min,max:this.max,step:this.step,value:this.value,inputmode:this.inputmode,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-label":this.arialabel,"aria-describedby":this.hasMessage()?this.idMessage:null,"aria-controls":this.ariacontrols,"aria-invalid":this.hasError()?.toString(),"data-compact":this.compact,"data-value":this.value?.length>0,onInput:t=>this.setVal(t)}),this.useCompactLabel()&&this.renderLabel(),a("div",{key:"753a9abeaf5bfa5ffb3be10042a76aa7863bce9c",class:"pn-input-eyecandy","data-prefix":!0,ref:t=>this.prefix=t},!!this.icon&&a("pn-icon",{key:"acf1a6e42c9d37cab6f6a0453d8ea674df1cd0c3",icon:this.icon,"aria-hidden":"true"}),this.showPrefix()&&a("span",{key:"70d2eb7e94e790d665a57557595c2bce4855b827",class:"pn-input-text"},this.textPrefix)),a("div",{key:"1dcae3fb8489d2dc6aa7325baea693591acef31c",class:"pn-input-eyecandy","data-suffix":!0,ref:t=>this.suffix=t},this.showSuffix()&&a("span",{key:"05044f3fbea582d507de30a0ff751abaf1da3206",class:"pn-input-text"},this.textSuffix),this.displayState()&&a("pn-icon",{key:"727650c9e6c9b9da2ef43e933fab95b6adc8a6bb","aria-hidden":"true",icon:this.stateIcon(),color:this.stateColor()}),this.isPassword()&&a("pn-button",{key:"4e28eddff11c9aea670a6764aeb0316bccba1c1c",icon:this.showPassword?'<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 7c-5.382 0-7.908 3.33-8.758 4.775a.43.43 0 0 0 0 .45C4.092 13.67 6.618 17 12 17s7.908-3.33 8.758-4.775a.43.43 0 0 0 0-.45C19.908 10.33 17.382 7 12 7M1.518 10.761C2.55 9.005 5.618 5 12 5s9.45 4.005 10.482 5.761a2.43 2.43 0 0 1 0 2.478C21.45 14.995 18.382 19 12 19s-9.45-4.005-10.482-5.761a2.43 2.43 0 0 1 0-2.478M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" 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="M1.81 11.727a1 1 0 0 1 1.363.378c.29.513.835 1.343 1.7 2.174a9.5 9.5 0 0 0 3.457 2.128c1.03.361 2.244.593 3.67.593s2.64-.232 3.67-.593a9.5 9.5 0 0 0 3.458-2.128 9.7 9.7 0 0 0 1.698-2.174 1 1 0 0 1 1.742.984 11.5 11.5 0 0 1-1.445 2.001l1.686 2.322a1 1 0 1 1-1.618 1.175l-1.537-2.116a11.4 11.4 0 0 1-2.453 1.48l.763 2.785a1 1 0 1 1-1.928.528l-.73-2.661c-.993.251-2.093.397-3.306.397s-2.313-.146-3.306-.397l-.73 2.661a1 1 0 1 1-1.928-.528l.763-2.786a11.4 11.4 0 0 1-2.453-1.479L2.81 18.587a1 1 0 0 1-1.618-1.175l1.686-2.322a11.5 11.5 0 0 1-1.445-2 1 1 0 0 1 .379-1.363" clip-rule="evenodd"/></svg>',iconOnly:!0,arialabel:this.passwordText(),small:!0,appearance:"light",variant:"borderless",onClick:()=>this.togglePassword()}),this.showClear()&&a("pn-button",{key:"2181adb68c152d837ef03bf9b7e0eb66eb3ea6d2",icon:d,iconOnly:!0,arialabel:this.translate("CLEAR"),small:!0,appearance:"light",variant:"borderless",onClick:()=>this.clearVal()}))),a("p",{key:"b8b1039a61a23efd24ebd71285b15cce7bfc5ec0",class:"pn-input-message",id:this.idMessage,role:this.hasErrorMessage()?"alert":null,hidden:!this.hasMessage()},this.hasHelperText()&&!this.hasError()&&a("span",{key:"4433df6b700cc40ce2ae698d2474f57163b398a1",class:"pn-input-helper"},this.helpertext),a("span",{key:"41c8fb1cbbc17b7c349922cac2ff42244a017e0c",class:"pn-input-helper-slot",hidden:!this.showHelperSlot||this.hasError()},a("slot",{key:"5628bbc8db75161d18ad3e75c259bf3eb5fc9052",name:"helpertext"})),this.hasErrorMessage()&&a("span",{key:"e41145d7fab9f3ae35dd428971c79673d0531301",class:"pn-input-error"},this.error),a("span",{key:"ae85a9420fcb449cc874eadc7a066dd772f097a9",class:"pn-input-error-slot",hidden:!this.showErrorSlot},a("slot",{key:"bdd31ab2f706cac6e243562d035361a381ecfa43",name:"error"})))))}static get watchers(){return{textPrefix:[{handleOffset:0}],textSuffix:[{handleOffset:0}],helpertext:[{handleMessage:0}],error:[{handleMessage:0}]}}};h.style=`${t("pn-input")}{display:inline-flex;flex-direction:column}${t("pn-input")} .pn-input{--pn-input-offset-left:0em;--pn-input-offset-right:0em}${t("pn-input")} .pn-input-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){${t("pn-input")} .pn-input-label{transition-duration:0s;transition-delay:0s}}${t("pn-input")} .pn-input-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-input")} .pn-input-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${t("pn-input")} .pn-input-label>span{font-size:0.875em}${t("pn-input")} .pn-input-group{position:relative}${t("pn-input")} .pn-input-element{width:100%;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em calc(0.75em + var(--pn-input-offset-right)) 0.75em calc(0.75em + var(--pn-input-offset-left));font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${t("pn-input")} .pn-input-element:-webkit-autofill,${t("pn-input")} .pn-input-element:-webkit-autofill:hover,${t("pn-input")} .pn-input-element:-webkit-autofill:focus,${t("pn-input")} .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${t("pn-input")} .pn-input-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-input")} .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-input")} .pn-input-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-input")} .pn-input-element{transition-duration:0s;transition-delay:0s}}${t("pn-input")} .pn-input-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${t("pn-input")} .pn-input-element[data-compact]::placeholder{color:transparent}${t("pn-input")} .pn-input-element[data-compact]:focus+.pn-input-label,${t("pn-input")} .pn-input-element[data-compact]:not(:placeholder-shown)+.pn-input-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${t("pn-input")} .pn-input-element::placeholder{color:#5e554a;font-weight:normal}${t("pn-input")} .pn-input-element:hover{border-color:#005d92}${t("pn-input")} .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-input")} .pn-input-element:read-only{border-color:#ffffff}${t("pn-input")} .pn-input-element:disabled~.pn-input-eyecandy>${t("pn-icon")}>.pn-icon-svg>path{fill:#969087}${t("pn-input")} .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none !important}${t("pn-input")} .pn-input-element::-webkit-textfield-decoration-container,${t("pn-input")} .pn-input-element::-webkit-search-cancel-button,${t("pn-input")} .pn-input-element::-webkit-inner-spin-button,${t("pn-input")} .pn-input-element::-webkit-outer-spin-button,${t("pn-input")} .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${t("pn-input")} .pn-input-element[type=number]{appearance:textfield}${t("pn-input")} .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}${t("pn-input")} .pn-input-eyecandy[data-prefix]{left:0.75em}${t("pn-input")} .pn-input-eyecandy[data-suffix]{right:0.75em}${t("pn-input")} .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}${t("pn-input")} .pn-input-message{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-input")} .pn-input-message[hidden],${t("pn-input")} .pn-input-message>span[hidden]{display:none}${t("pn-input")} .pn-input[data-error]>.pn-input-label{color:#a70707}${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill,${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill:hover,${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill:focus,${t("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${t("pn-input")} .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}${t("pn-input")} .pn-input[data-valid]>.pn-input-label{color:#005e41}${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill,${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill:hover,${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill:focus,${t("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #edfbf3 inset;-webkit-text-fill-color:#2d2013}`;export{h as pn_input}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t,r as i,c as a,g as s,f as e,h as n,a as l}from"./p-CAEP792y.js";import{a as o,c as r}from"./p-B6SVpr61.js";import{awaitTopbar as c,en as b}from"./index.esm.js";var p={LEFT:{sv:"Bläddra åt vänster",en:"Scroll to the left",da:"Rul til venstre",fi:"Vieritä vasemmalle",no:"Rull til venstre"},RIGHT:{sv:"Bläddra åt höger",en:"Scroll to the right",da:"Rul til højre",fi:"Vieritä oikealle",no:"Rull til høyre"}};const d=class{constructor(t){i(this,t),this.tabchange=a(this,"tabchange")}mo;isMenu=!1;isTabHovered=!1;tabListEl;lineActive;lineHovered;tabElement;get hostElement(){return s(this)}showScrollArrows=!1;arrowLeft=!1;arrowRight=!1;label;value;small;stackedicons=!1;language=null;tabchange;setValue(){Array.from(this.hostElement.querySelectorAll(`${t("pn-tab")}`)).forEach((t=>{t.activeTab=this.value}))}scrollHandler(){this.showScrollArrows?this.tabListEl.addEventListener("scroll",this.scrollIndicators.bind(this)):this.tabListEl.removeEventListener("scroll",this.scrollIndicators)}setActiveTabHandler({detail:t}){this.tabElement=t.el,requestAnimationFrame((()=>this.activateTab(t.el))),this.value!==t.val&&(this.value=t.val,this.tabchange.emit(this.value),this.tabElement.querySelector(".pn-tab").focus())}rerender(){requestAnimationFrame((()=>{this.scrollIndicators(),this.isTabHovered=!1}))}handleEnter(t){this.isTabHovered=!0,this.styleLines(t.target)}handleLeave(){this.isTabHovered=!1,setTimeout((()=>{this.isTabHovered||this.lineHovered.style.setProperty("--pn-hover-opacity","0")}),500)}connectedCallback(){this.mo=new MutationObserver((()=>{e(this.hostElement),this.setValue(),this.rerender()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.isMenu="menu"===this.hostElement.slot,null===this.language&&await c(this.hostElement)}componentDidRender(){this.setValue(),this.rerender()}getRect(t){return t.getBoundingClientRect()}activateTab(t){this.styleLines(t,!0),this.styleLines(t,!1)}styleLines(t,i=!1){const a=this.getRect(this.tabListEl),s=this.tabListEl.scrollLeft,e=this.getRect(t),n=e.left+s-a.left,l=i?"active":"hover",o=i?"lineActive":"lineHovered";this[o].style.setProperty(`--pn-${l}-width`,`${e.width}px`),this[o].style.setProperty(`--pn-${l}-offset`,`${n}px`),this[o].style.setProperty(`--pn-${l}-opacity`,"1")}scrollIndicators(){const{scrollWidth:t,scrollLeft:i}=this.tabListEl,{clientWidth:a}=this.hostElement;this.showScrollArrows=t>a,this.arrowLeft=this.showScrollArrows&&i>0,this.arrowRight=this.showScrollArrows&&a+16+i<t}scroll({right:t=!1}={}){const i=this.tabListEl,{scrollLeft:a,clientWidth:s}=i;let e=a;const n=s-64;t?e+=n:e-=n,i.scrollTo({left:e,behavior:"smooth"})}translate(t){return p?.[t]?.[this.language||b]}render(){return n(l,{key:"41730f7c2c9bf8dcd0094e3485daaef03d32077d"},n("nav",{key:"671968d8fc09799313c5cc84182c0f574c4c32c2",class:"pn-tablist",role:this.isMenu?null:"tablist","aria-label":this.label,"data-stacked":this.stackedicons,"data-small":!this.isMenu&&this.small,"data-large":this.isMenu,"data-scroll":this.showScrollArrows,ref:t=>this.tabListEl=t},n("slot",{key:"9a29c7b0b2be65f13f0c54782f95381b44184928"}),n("div",{key:"5c7d7811e65c236592cbc86ccb36a1f4b9c2d83f",class:"pn-tablist-line"},n("div",{key:"fa070fd0ad1bd2baaaaedcd83d3a184f9acd8775",ref:t=>this.lineActive=t,class:"pn-tablist-line-item pn-tablist-line-active"}),n("div",{key:"f1d81e3ba4363412d5f35cae105766fbb77ba31e",ref:t=>this.lineHovered=t,class:"pn-tablist-line-item pn-tablist-line-hovered"}))),n("div",{key:"14d644cb2ae344966b8056422ce52966fb06058b",class:"pn-tablist-scroll"},n("pn-button",{key:"f8c8f0f36459b6415208679196ed15fb9cd482d2",class:"pn-tablist-arrow","data-show":this.arrowLeft,onClick:()=>this.scroll(),noTab:!0,appearance:"light",variant:"outlined",icon:o,iconOnly:!0,arialabel:this.translate("LEFT"),small:!0}),n("pn-button",{key:"588b9a9619087bd05a9d359b139240d054431848",class:"pn-tablist-arrow","data-show":this.arrowRight,onClick:()=>this.scroll({right:!0}),noTab:!0,appearance:"light",variant:"outlined",icon:r,iconOnly:!0,arialabel:this.translate("RIGHT"),small:!0})))}static get watchers(){return{value:[{setValue:0}],showScrollArrows:[{scrollHandler:0}]}}};d.style=`${t("pn-tablist")}{width:100%;min-width:0;position:relative;border-bottom:0.0625em solid #d3cecb;display:block}${t("pn-tablist")} .pn-tablist,${t("pn-tablist")} ol,${t("pn-tablist")} ul{display:flex;width:100%;flex-direction:row;gap:1em;position:relative;list-style:none;padding:0;margin:0}${t("pn-tablist")} .pn-tablist[data-stacked] .pn-tab,${t("pn-tablist")} ol[data-stacked] .pn-tab,${t("pn-tablist")} ul[data-stacked] .pn-tab{margin:0.5em 0.25em 0.75em;gap:0.25em;flex-direction:column}${t("pn-tablist")} .pn-tablist[data-small] .pn-tab,${t("pn-tablist")} ol[data-small] .pn-tab,${t("pn-tablist")} ul[data-small] .pn-tab{margin:0.25em 0.25em 0.75em}${t("pn-tablist")} .pn-tablist[data-small] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ol[data-small] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ul[data-small] .pn-tab>*:not(${t("pn-icon")}){font-size:0.875em}${t("pn-tablist")} .pn-tablist[data-large] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ol[data-large] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ul[data-large] .pn-tab>*:not(${t("pn-icon")}){font-size:1.25em}${t("pn-tablist")} .pn-tablist[data-scroll],${t("pn-tablist")} ol[data-scroll],${t("pn-tablist")} ul[data-scroll]{overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory}${t("pn-tablist")} .pn-tablist::-webkit-scrollbar,${t("pn-tablist")} ol::-webkit-scrollbar,${t("pn-tablist")} ul::-webkit-scrollbar{display:none}${t("pn-tablist")} .pn-tablist-line{height:0.25em;position:absolute;bottom:0}${t("pn-tablist")} .pn-tablist-line-item{position:absolute;width:100%;height:inherit;border-radius:0.25em 0.25em 0 0;transform-origin:left center;opacity:0;transition-property:transform, opacity, width;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tablist")} .pn-tablist-line-item{transition-duration:0s;transition-delay:0s}}${t("pn-tablist")} .pn-tablist-line-active{z-index:1;background-color:#005d92;width:var(--pn-active-width);transform:translateX(var(--pn-active-offset));opacity:var(--pn-active-opacity)}${t("pn-tablist")} .pn-tablist-line-hovered{background-color:#00a0d6;width:var(--pn-hover-width);transform:translateX(var(--pn-hover-offset));opacity:var(--pn-hover-opacity)}${t("pn-tablist")} .pn-tablist-scroll{position:absolute;top:50%;left:0;right:0;pointer-events:none;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;z-index:1;height:100%}${t("pn-tablist")} .pn-tablist-arrow{pointer-events:all;transform:scaleY(0);opacity:0;visibility:hidden;transition-property:transform, opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tablist")} .pn-tablist-arrow{transition-duration:0s;transition-delay:0s}}${t("pn-tablist")} .pn-tablist-arrow[data-show]{opacity:1;visibility:visible;transform:scaleY(1)}`;export{d as pn_tablist}
@@ -1,5 +0,0 @@
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-CAEP792y.js";import{a as i}from"./p-D_UyW-KH.js";const d=class{constructor(e){n(this,e),this.itemselection=t(this,"itemselection")}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:"a4ca23ac5a53d78c87f2c955c3da18372a7d572d"},a(e,{key:"20639a9f58133cf65d8719943d9d11630166b8d4",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},a("slot",{key:"5440c1e919238f6aaa55ca9df2dec18ebbce2f83"}),a("pn-icon",{key:"ff16474c7bc9fc6664c64c5b4567e88a88bd29fb",icon:i,color:"white"})),a("hr",{key:"5201ae642f54f3ad7b157762dedfddb08d865486"}))}};d.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{d as pn_page_nav_dropdown_item}
@@ -1,5 +0,0 @@
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-CAEP792y.js";import{uuidv4 as p}from"./index.esm.js";import{c as h}from"./p-BpI8peGn.js";const a=class{constructor(c){i(this,c)}get hostElement(){return e(this)}moving=!1;label;value;name;checked=!1;radio=!1;choiceid=`pn-choice-chip-${p()}`;icon;required=!1;disabled=!1;small=!1;large=!1;render(){return n(o,{key:"8d5686163aba07794c4700e91a9d378200aa2bf9"},n("div",{key:"233605ae9b531853d9f941f99cc0cf6fcce21bba",class:"pn-choice-chip"},n("input",{key:"aacdd59b76f20029234722e49ab5b2aa27198206",type:this.radio?"radio":"checkbox",id:this.choiceid,value:this.value,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled}),n("div",{key:"69a287ffabea602b28360dc5a15d979dcb3d6526",class:"pn-choice-chip-container","data-icon":!!this.icon,"data-small":this.small,"data-large":this.large},n("div",{key:"c2d89b6817b623264e903aed26947d8a422a1ee2",class:"pn-choice-chip-icon"},n("pn-icon",{key:"d405b85cec9b30f85a5949862dec48cdacc618de",color:"blue700",class:"pn-choice-chip-icon-check",icon:h}),!!this.icon&&n("pn-icon",{key:"4a23075f0cfb6c6f3e7fbf49c5de06137c1bc961",color:"blue700",class:"pn-choice-chip-icon-user",icon:this.icon})),n("label",{key:"af080ab55ce96b7d0bc3e0c168130bd772302d52",class:"pn-choice-chip-label",htmlFor:this.choiceid},n("span",{key:"2ed2b62f84c1e2c85ace67151bd1997bcc762027"},this.label),n("slot",{key:"3512fdee318749598e66d096ec56a66e3daa564a"})))))}};a.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.625em 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{a as pn_choice_chip}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t,r as i,g as s,h,a as e}from"./p-CAEP792y.js";const n=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 h(e,{key:"3f2e44ec10a5a2fc9fd9a69f94963ab4e79fb877",role:"presentation",innerHTML:this.illustration,"data-fill":this.fill})}static get watchers(){return{fill:[{handleFill:0}]}}};n.style=`${t("pn-illustration")}{display:inline-block}${t("pn-illustration")}[data-fill]{display:block}${t("pn-illustration")}>svg{width:var(--pn-width);height:var(--pn-height);display:block}`;export{n as pn_illustration}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t,r as n,c as o,g as a,h as e,a as i}from"./p-CAEP792y.js";import{ripple as r}from"./index.esm.js";const p=class{constructor(t){n(this,t),this.pnClick=o(this,"pnClick")}buttonEl;tooltipEl;tooltipDx;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];get hostElement(){return a(this)}tooltipOpen=!1;tooltipUpwards=!1;label="";appearance="";variant="";small=!1;loading=!1;icon;iconOnly=!1;leftIcon=!1;tooltip;tooltipUp=!1;type="button";form;href;rel;target;download;buttonId=null;arialabel=null;arialabelledby=null;ariacurrent=null;ariacontrols=null;ariapressed=null;ariahaspopup=null;ariaexpanded=null;noTab=!1;openHandler(){this.tooltipOpen&&this.checkTooltipPosition()}iconOnlyHandler(){this.checkTooltipPosition(),this.tooltip?this.initTooltip():this.removeTooltip()}pnClick;componentWillLoad(){this.tooltipUpwards=this.tooltipUp}componentDidLoad(){this.iconOnlyHandler()}getRect(t){return t.getBoundingClientRect()}initTooltip(){this.eventListeners.forEach((t=>this.buttonEl.addEventListener(t,this.toggleTooltip)))}removeTooltip(){this.eventListeners.forEach((t=>this.buttonEl.removeEventListener(t,this.toggleTooltip)))}toggleTooltip=t=>{this.tooltipOpen=this.openEvents.includes(t.type)};setTooltipOffset(){this.tooltipEl.style.setProperty("--pn-dx",`${this.tooltipDx}px`)}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)",this.tooltipUpwards=this.tooltipUp,requestAnimationFrame((()=>{const{top:t,x:n,y:o,right:a,height:e}=this.getRect(this.tooltipEl);this.tooltipDx=0,this.tooltipUpwards=this.tooltipUp?t>e:o+e>window.innerHeight,this.tooltipEl.style.transform="",n<0&&(this.tooltipDx=-1*n+16),a>window.innerWidth&&(this.tooltipDx=window.innerWidth-a-16-8),requestAnimationFrame((()=>this.setTooltipOffset()))}))}getAttributes(){const t=this.href?{href:this.href,rel:this.rel||"_blank"!==this.target?this.rel:"noopener",target:this.target??null,download:this.download??null,"aria-current":this.ariacurrent,"aria-disabled":this.loading?"true":null}:{type:this.type,form:this.form,disabled:this.loading,"aria-pressed":this.ariapressed,"aria-controls":this.ariacontrols,"aria-haspopup":this.ariahaspopup,"aria-expanded":this.ariaexpanded};return{tabindex:this.noTab||this.href&&this.loading?"-1":null,"data-small":this.small,"data-loading":this.loading,"data-tooltip-open":this.tooltipOpen,"data-tooltip-upwards":this.tooltipUpwards,"data-icon-only":this.showIconOnly(),"data-left-icon":this.leftIcon,"data-appearance":["light","warning"].includes(this.appearance)?this.appearance:null,"data-variant":["borderless","outlined"].includes(this.variant)?this.variant:null,...t}}getTagName(){return this.href?"a":"button"}showIconOnly(){return!!this.icon&&this.iconOnly&&!!(this.tooltip||this.arialabel||this.arialabelledby)}handleClick(t){r(t,this.hostElement,".pn-button-bg"),this.pnClick.emit(t)}render(){const t=this.getTagName();return e(i,{key:"9fd62df52e09b5f7915c1652c3bd23c47c40db42"},e(t,{key:"aecef05e4c20bb9c501399f18b7290a33e5d82e7",class:"pn-button",id:this.buttonId,"aria-label":this.arialabel,"aria-labelledby":this.arialabelledby,onClick:t=>this.handleClick(t),...this.getAttributes(),ref:t=>this.buttonEl=t},e("div",{key:"9cb56181926a77cd985be9447dd5277720370bf6",class:"pn-button-bg"}),e("div",{key:"f81963c493162009d2219d72171f753c3ba5dcb8",class:"pn-button-content"},e("div",{key:"d6cc476c9bb3eaa59ae9cf80700b33e4bc836494",class:"pn-button-text",hidden:this.showIconOnly()},this.label,e("slot",{key:"83b07110e17088f980e4a7f0094f5330f7dcc17b"})),!!this.icon&&e("pn-icon",{key:"6d352caac885f7f5cf3819a7b555e278e7761259",icon:this.icon})),e("pn-spinner",{key:"3176c1f592b5e48c14f7baccc9366bf0fc0187dd",light:!0}),e("div",{key:"b97ecf99cdf1c4fa0c8db3b26c2eac33c5c9bba4",class:"pn-button-tooltip",hidden:!this.tooltip,ref:t=>this.tooltipEl=t},e("span",{key:"7825cd9635f5897db28ee4b32d2ac56a8c9a9b0d",class:"pn-button-tooltip-text"},this.tooltip))))}static get watchers(){return{tooltipOpen:[{openHandler:0}],tooltip:[{iconOnlyHandler:0}]}}};p.style=`${t("pn-button")}{display:inline-block}${t("pn-button")} .pn-button{position:relative;cursor:pointer;padding:0.75em 1.5em;width:round(up, 100%, 1px);min-height:3em;min-width:5.5em;border:none;border-radius:3em;font-family:inherit;font-size:1em;font-weight:500;color:#ffffff;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.5em;-webkit-tap-highlight-color:transparent;transition-property: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-button")} .pn-button{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-button")} .pn-button:focus-visible{outline-color:#005d92}${t("pn-button")} .pn-button:disabled,${t("pn-button")} .pn-button[aria-disabled]{cursor:auto;pointer-events:none}${t("pn-button")} .pn-button-content{z-index:2;display:flex;justify-content:center;align-items:center;gap:0.5em;transition-property:opacity, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button")} .pn-button-content{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-content{transition-delay:0.2s}${t("pn-button")} .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%) translateY(0);border-radius:3em;border:none;background-color:#005d92;overflow:hidden;transition-property:width, background-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-button")} .pn-button-bg{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-bg{transition-delay:0.2s, 0s, 0s}${t("pn-button")} .pn-button-bg::after{content:"";position:absolute;will-change:transform;width:100%;height:100%;background-color:#0d234b;border-radius:inherit;left:0;transform:translateX(-103%);opacity:0.5;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-button")} .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#ffffff;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-button")} .pn-button-tooltip{z-index:5;position:absolute;top:calc(100% + 0.35em);left:50%;pointer-events:none;color:#ffffff;background-color:#0d234b;box-shadow:0 0.075em 0.225em rgba(0, 0, 0, 0.1), 0 0.4em 0.9em rgba(0, 0, 0, 0.13);padding:0.25em 0.75em;border-radius:inherit;max-width:min(95vw, 40em);transform:translateX(-50%) translateX(var(--pn-dx));width:max-content;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-button")} .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-tooltip-text{font-size:0.875em;font-weight:300}${t("pn-button")} .pn-button ${t("pn-icon")}{flex-shrink:0}${t("pn-button")} .pn-button ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-button")} .pn-button ${t("pn-spinner")}{position:absolute;transform:scale(0)}${t("pn-button")} .pn-button:hover .pn-button-bg:after,${t("pn-button")} .pn-button:focus .pn-button-bg:after{transform:translateX(0)}${t("pn-button")} .pn-button[data-appearance=light]{color:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-icon")} .pn-icon-svg path{fill:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-spinner")} .pn-spinner-circle{stroke:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-spinner")} .pn-spinner-dot{fill:#005d92}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}${t("pn-button")} .pn-button[data-appearance=warning]{color:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-icon")} .pn-icon-svg path{fill:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-spinner")} .pn-spinner-circle{stroke:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-spinner")} .pn-spinner-dot{fill:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}${t("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-appearance=warning]:hover,${t("pn-button")} .pn-button[data-appearance=warning]:focus{color:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-icon")} .pn-icon-svg path,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-spinner")} .pn-spinner-circle,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-spinner")} .pn-spinner-circle{stroke:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-spinner")} .pn-spinner-dot,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-spinner")} .pn-spinner-dot{fill:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-button")} .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}${t("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}${t("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${t("pn-button")} .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${t("pn-button")} .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}${t("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}${t("pn-button")} .pn-button[data-icon-only]{width:3em;min-width:0}${t("pn-button")} .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}${t("pn-button")} .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}${t("pn-button")} .pn-button[data-small] .pn-button-content{gap:0.25em}${t("pn-button")} .pn-button[data-small] .pn-button-text{font-size:0.875em}${t("pn-button")} .pn-button[data-small] ${t("pn-icon")} .pn-icon-svg{height:1.25em;width:1.25em}${t("pn-button")} .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}${t("pn-button")} .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transform:scale(1);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-button")} .pn-button[data-loading] ${t("pn-spinner")}{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transition-delay:0.2s}${t("pn-button")} .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}${t("pn-button")} .pn-button[data-loading] .pn-button-bg{width:3em}${t("pn-button")} .pn-button[data-loading][data-small] .pn-button-bg{width:2em}`;const s=class{constructor(t){n(this,t)}get hostElement(){return a(this)}light=!1;size=1.5;getColor(){return this.light?"#fff":"#005d92"}getSize(){return`${this.size}em`}render(){return e(i,{key:"a9ecba01b5b30a660a44439c714b7ad57cf02a88"},e("svg",{key:"03fbe990bf1ae0402fcb27707e0c1712d8a84492",class:"pn-spinner",style:{"--pn-spinner-size":this.getSize(),"--pn-spinner-color":this.getColor()},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},e("circle",{key:"c48784865cd9c8c3d55cd9b1bd3e0dff7a4ebe35",class:"pn-spinner-circle",cx:"12",cy:"12",r:"10","stroke-width":"3"}),e("circle",{key:"5f69d1bbbf864842f9ae54dc9a29b61603a83bff",class:"pn-spinner-dot",cx:"21.3",cy:"16",r:"1.48"})))}};s.style=`${t("pn-spinner")}{display:inline-block}${t("pn-spinner")} .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-spinner")} .pn-spinner{animation-duration:2s}}${t("pn-spinner")} .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-spinner")} .pn-spinner-circle{animation-duration:4s}}${t("pn-spinner")} .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}`;export{p as pn_button,s as pn_spinner}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t as e,r as i,c as n,g as t,h as a,a as s}from"./p-CAEP792y.js";import{uuidv4 as l,awaitTopbar as r,en as c}from"./index.esm.js";const d='<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 11.442A7.44 7.44 0 0 1 11.44 4c6.24 0 9.617 7.154 5.923 11.949l2.844 2.844a1 1 0 0 1-1.414 1.414l-2.837-2.837C11.21 21.045 4 17.73 4 11.441m11.277 3.867C11.846 18.714 6 16.284 6 11.442A5.44 5.44 0 0 1 11.44 6c4.724 0 7.204 5.605 4.026 9.1z" clip-rule="evenodd"/></svg>',o={SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},CLEAR:{en:"Clear search field",sv:"Rensa sökfältet",da:"Ryd søgefeltet",fi:"Tyhjennä hakukenttä",no:"Tøm søkefeltet"}},h=class{constructor(e){i(this,e),this.search=n(this,"search"),this.update=n(this,"update")}id=`pn-search-field-${l()}`;searchElement;get hostElement(){return t(this)}label;value="";placeholder;searchid=this.id;name;autocomplete;list;language=null;disabled=!1;required=!1;loading=!1;button="";buttonLabel;buttonTooltip;buttonLight=!1;search;update;inputHandler(){this.update.emit(this.value)}async componentWillLoad(){null===this.language&&await r(this.hostElement)}translate(e){return o?.[e]?.[this.language||c]}emitSearch({click:e,button:i}){("click"===e?.type||"keydown"===i?.type&&"Enter"===i?.key)&&((e||i).preventDefault(),this.search.emit(this.value))}setVal(e){this.value=e.target.value}clearInput(){this.value="",this.update.emit(this.value),this.hostElement.querySelector("input").focus()}getButtonLabel(){return this.buttonLabel||this.translate("SEARCH")}searchSimple(){return"icon"===this.button||"simple"===this.button}searchAuto(){return"icon-inline"===this.button||"none"===this.button||"auto"===this.button}searchJumbo(){return"jumbo"===this.button}searchButtonAppearance(){return this.searchSimple()?"light":null}searchButtonVariant(){return this.searchSimple()?"outlined":null}render(){return a(s,{key:"d6e76c457e99f83b3d47a4b0c951168c6b5fc086"},a("div",{key:"203055449e80dfd9bf19d94f340e4081d358a7b5",class:"pn-search-field","data-inline":this.searchAuto(),"data-loading":this.loading,"data-searching":!!this.value,"data-jumbo":this.searchJumbo()},a("div",{key:"bb86197c5f7e88c162eac8c899557bb5941ed6c6",class:"pn-search-field-container"},a("input",{key:"ba497f96d2afd9554e842010edf8cef656a994fc",class:"pn-search-field-input",type:"search",value:this.value,id:this.searchid,name:this.name,"aria-label":this.label,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,list:this.list,ref:e=>this.searchElement=e,onKeyDown:e=>this.emitSearch({button:e}),onInput:e=>this.setVal(e)}),a("div",{key:"bd11b1ec64b10dbc3b93fd0bcc163d5d120766cf",class:"pn-search-field-inline"},this.searchAuto()&&a("pn-button",{key:"c8961cb53609cc7d290b528af7e23a363a348833",class:"pn-search-field-button",type:"button",appearance:"light",small:!0,icon:d,iconOnly:!0,arialabel:this.getButtonLabel(),noTab:this.loading,onPnClick:e=>this.emitSearch({click:e.detail})}),!this.disabled&&a("pn-button",{key:"45197b884106304f5e3a4dc66b58333d8b79d4cb",small:!0,class:"pn-search-field-clear",type:"button",appearance:"light",icon:'<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="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>',iconOnly:!0,arialabel:this.translate("CLEAR"),noTab:!this.value||this.loading,onPnClick:()=>this.clearInput()}),this.searchAuto()&&a("pn-spinner",{key:"f681e4d08d66c9658f09b9cd947b70e4cd0f0837",class:"pn-search-field-spinner"}))),!this.searchAuto()&&a("pn-button",{key:"8498355d5d49c64755c58ce4d599938e3e25c84b",class:"pn-search-field-submit",label:this.getButtonLabel(),tooltip:this.buttonTooltip,appearance:this.searchButtonAppearance(),variant:this.searchButtonVariant(),icon:d,iconOnly:this.searchSimple()||this.searchJumbo(),arialabel:this.searchSimple()||this.searchJumbo()?this.getButtonLabel():null,loading:this.loading,onPnClick:e=>this.emitSearch({click:e.detail})})))}};h.style=`${e("pn-search-field")}{display:inline-block}${e("pn-search-field")} .pn-search-field{display:flex;gap:0.5em}${e("pn-search-field")} .pn-search-field-container{width:100%;flex:1 1 100%;position:relative}${e("pn-search-field")} .pn-search-field-input{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-search-field")} .pn-search-field-input:-webkit-autofill,${e("pn-search-field")} .pn-search-field-input:-webkit-autofill:hover,${e("pn-search-field")} .pn-search-field-input:-webkit-autofill:focus,${e("pn-search-field")} .pn-search-field-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${e("pn-search-field")} .pn-search-field-input{outline:0.2rem solid transparent;outline-offset:0.2rem}${e("pn-search-field")} .pn-search-field-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${e("pn-search-field")} .pn-search-field-input{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-search-field")} .pn-search-field-input{transition-duration:0s;transition-delay:0s}}${e("pn-search-field")} .pn-search-field-input::placeholder{color:#5e554a;font-weight:normal}${e("pn-search-field")} .pn-search-field-input:hover{border-color:#005d92}${e("pn-search-field")} .pn-search-field-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-search-field")} .pn-search-field-input{min-height:3em;height:100%;width:100%;border-radius:3em}${e("pn-search-field")} .pn-search-field-input::-webkit-search-cancel-button{display:none}${e("pn-search-field")} .pn-search-field-inline{pointer-events:none;position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}${e("pn-search-field")} .pn-search-field-inline ${e("pn-button")}{position:absolute;left:50%;top:50%;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-search-field")} .pn-search-field-inline ${e("pn-button")}{transition-duration:0s;transition-delay:0s}}${e("pn-search-field")} .pn-search-field-inline ${e("pn-button")}{transition-delay:0.2s;transform:translate(100%, -50%)}${e("pn-search-field")} .pn-search-field-submit{white-space:nowrap}${e("pn-search-field")} .pn-search-field-spinner{position:absolute;left:50%;top:50%;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transform:translate(100%, -50%)}${e("pn-search-field")} .pn-search-field[data-inline] .pn-search-field-inline{pointer-events:unset}${e("pn-search-field")} .pn-search-field[data-inline] .pn-search-field-button{transform:translate(-50%, -50%)}${e("pn-search-field")} .pn-search-field[data-inline][data-loading] ${e("pn-button")}{transform:translate(100%, -50%)}${e("pn-search-field")} .pn-search-field[data-inline][data-loading] .pn-search-field-spinner{transform:translate(-50%, -50%)}${e("pn-search-field")} .pn-search-field[data-inline][data-searching] .pn-search-field-button{transform:translate(150%, -50%)}${e("pn-search-field")} .pn-search-field[data-jumbo] .pn-search-field-input{min-height:4em;padding-left:1.25em}${e("pn-search-field")} .pn-search-field[data-jumbo] .pn-search-field-submit .pn-button[data-icon-only]{width:4em;height:4em}${e("pn-search-field")} .pn-search-field[data-jumbo] .pn-search-field-submit .pn-button[data-icon-only][data-loading] .pn-button-bg{width:4em;height:4em}${e("pn-search-field")} .pn-search-field[data-searching] .pn-search-field-inline{pointer-events:unset}${e("pn-search-field")} .pn-search-field[data-searching] .pn-search-field-clear{transform:translate(-50%, -50%)}`;export{h as pn_search_field}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * By PostNord.
4
- */
5
- import{t as e,r as t,g as a,h as r,a as n}from"./p-CAEP792y.js";import{uuidv4 as o}from"./index.esm.js";const l=class{constructor(e){t(this,e)}id=`pn-textarea-${o()}`;idHelper=`${this.id}-text`;get hostElement(){return a(this)}label;value="";helpertext;compact=!1;textareaid=this.id;name;form;rows=2;cols=20;wrap="soft";maxlength;autocomplete="off";spellcheck=!1;placeholder;resize=!1;required=!1;valid=!1;invalid=!1;error;disabled=!1;readonly=!1;handleId(){this.textareaid!==this.id&&(this.idHelper=`${this.getId()}-helper`)}setVal(e){this.value=e.target.value}hasError(){return this.invalid||!!this.error}hasMessage(){return!(!this.helpertext?.length&&!this.error?.length)}getId(){return this.textareaid||this.id}renderLabel(){return r("label",{class:"pn-textarea-label",htmlFor:this.getId(),"data-compact":this.compact},r("span",null,this.label),this.maxlength>=1&&r("span",null,`${this.value?.length||0}/${this.maxlength}`))}render(){return r(n,{key:"890e6c29daa489bdf44588c91457e71172e40dae"},r("div",{key:"c35d279a237c2411faebd0823d3a03f8212c54d0",class:"pn-textarea","data-valid":this.valid,"data-error":this.hasError(),"data-resize":this.resize},!this.compact&&this.renderLabel(),r("textarea",{key:"f2358babec0d5eb02e1d3ba5c21c33998e9582b3",class:"pn-textarea-element",id:this.getId(),name:this.name,rows:this.rows,cols:this.cols,wrap:this.wrap,autocomplete:this.autocomplete,spellcheck:this.spellcheck,placeholder:this.compact?this.placeholder||" ":this.placeholder,maxlength:this.maxlength,value:this.value,required:this.required,disabled:this.disabled,readonly:this.readonly,"aria-describedby":this.hasMessage()?this.idHelper:null,"aria-invalid":this.hasError().toString(),"data-compact":this.compact,onInput:e=>this.setVal(e)}),this.compact&&this.renderLabel(),this.hasMessage()&&r("p",{key:"ccdaed7f958b1ef07da159973690ddd86be791f3",id:this.idHelper,class:"pn-textarea-text",role:this.error?.length?"alert":null},r("span",{key:"62d9b78ed5370629548e67001689b3d14d40deaa"},this.error||this.helpertext))))}static get watchers(){return{textareaid:[{handleId:1}]}}};l.style=`${e("pn-textarea")}{display:inline-flex;flex-direction:column}${e("pn-textarea")} .pn-textarea{position:relative}${e("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-label{transition-duration:0s;transition-delay:0s}}${e("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${e("pn-textarea")} .pn-textarea-label>span{font-size:0.875em}${e("pn-textarea")} .pn-textarea-label[data-compact]>span{background-color:#ffffff;color:#2d2013}${e("pn-textarea")} .pn-textarea-text{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-textarea")} .pn-textarea-text>${e("pn-icon")}{margin-right:0.25em}${e("pn-textarea")} .pn-textarea-element{width:100%;resize:none;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-textarea")} .pn-textarea-element:-webkit-autofill,${e("pn-textarea")} .pn-textarea-element:-webkit-autofill:hover,${e("pn-textarea")} .pn-textarea-element:-webkit-autofill:focus,${e("pn-textarea")} .pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${e("pn-textarea")} .pn-textarea-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${e("pn-textarea")} .pn-textarea-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${e("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-element{transition-duration:0s;transition-delay:0s}}${e("pn-textarea")} .pn-textarea-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${e("pn-textarea")} .pn-textarea-element[data-compact]::placeholder{color:transparent}${e("pn-textarea")} .pn-textarea-element[data-compact]:focus+.pn-textarea-label,${e("pn-textarea")} .pn-textarea-element[data-compact]:not(:placeholder-shown)+.pn-textarea-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${e("pn-textarea")} .pn-textarea-element::placeholder{color:#5e554a;font-weight:normal}${e("pn-textarea")} .pn-textarea-element:hover{border-color:#005d92}${e("pn-textarea")} .pn-textarea-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-textarea")} .pn-textarea-element::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${e("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${e("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${e("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${e("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-corner,${e("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-button{display:none}${e("pn-textarea")} .pn-textarea-element:read-only{border-color:#ffffff}${e("pn-textarea")} .pn-textarea-element:disabled+.pn-textarea-label>span{background-color:#f3f2f2}${e("pn-textarea")} .pn-textarea-element::-webkit-resizer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2017L17%207M12%2017L17%2012%22%20stroke%3D%22%23005D92%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center}${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-label{color:#005e41}${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element{border-color:#005e41}${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:hover{border-color:#002f24}${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill,${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill:hover,${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill:focus,${e("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #edfbf3 inset;-webkit-text-fill-color:#2d2013}${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-label{color:#a70707}${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element{border-color:#a70707}${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:hover{border-color:#500715}${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill,${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill:hover,${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill:focus,${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${e("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-text[role=alert]{color:#a70707}${e("pn-textarea")} .pn-textarea[data-resize]>.pn-textarea-element{resize:vertical}`;export{l as pn_textarea}