@oiz/stzh-components 4.0.0-beta3 → 4.0.0

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 (459) hide show
  1. package/dist/cjs/{app-globals-17244c89.js → app-globals-89889638.js} +2 -2
  2. package/dist/cjs/{app-globals-17244c89.js.map → app-globals-89889638.js.map} +1 -1
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/stzh-audio.cjs.entry.js +1 -1
  5. package/dist/cjs/stzh-audio.cjs.entry.js.map +1 -1
  6. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +1 -1
  7. package/dist/cjs/stzh-card-searchresult.cjs.entry.js +1 -1
  8. package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
  9. package/dist/cjs/stzh-card.cjs.entry.js +11 -8
  10. package/dist/cjs/stzh-card.cjs.entry.js.map +1 -1
  11. package/dist/cjs/stzh-cardlist_3.cjs.entry.js +1 -1
  12. package/dist/cjs/stzh-components.cjs.js +2 -2
  13. package/dist/cjs/stzh-datalist_2.cjs.entry.js +3 -3
  14. package/dist/cjs/stzh-datalist_2.cjs.entry.js.map +1 -1
  15. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +3 -3
  16. package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
  17. package/dist/cjs/stzh-popover.cjs.entry.js.map +1 -1
  18. package/dist/cjs/stzh-print_2.cjs.entry.js +1 -1
  19. package/dist/cjs/stzh-ratio.cjs.entry.js +1 -1
  20. package/dist/cjs/stzh-ratio.cjs.entry.js.map +1 -1
  21. package/dist/cjs/stzh-readspeaker.cjs.entry.js +3 -3
  22. package/dist/cjs/stzh-readspeaker.cjs.entry.js.map +1 -1
  23. package/dist/cjs/stzh-row.cjs.entry.js +2 -2
  24. package/dist/cjs/stzh-saptcha.cjs.entry.js +2 -2
  25. package/dist/cjs/stzh-scrollup.cjs.entry.js +1 -1
  26. package/dist/cjs/stzh-search.cjs.entry.js +2 -2
  27. package/dist/cjs/stzh-section.cjs.entry.js +2 -2
  28. package/dist/cjs/stzh-sitemap.cjs.entry.js +1 -1
  29. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +2 -2
  30. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
  31. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
  32. package/dist/cjs/stzh-skiplink.cjs.entry.js +1 -1
  33. package/dist/cjs/stzh-socialmediastream-item.cjs.entry.js +1 -1
  34. package/dist/cjs/stzh-socialmediastream.cjs.entry.js +1 -1
  35. package/dist/cjs/stzh-space.cjs.entry.js +2 -2
  36. package/dist/cjs/stzh-status.cjs.entry.js +4 -4
  37. package/dist/cjs/stzh-stepper-item.cjs.entry.js +4 -4
  38. package/dist/cjs/stzh-stepper.cjs.entry.js +2 -2
  39. package/dist/cjs/stzh-sticky-actions.cjs.entry.js +1 -1
  40. package/dist/cjs/stzh-sticky.cjs.entry.js +1 -1
  41. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  42. package/dist/cjs/stzh-text.cjs.entry.js +2 -2
  43. package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
  44. package/dist/cjs/stzh-timeline-item.cjs.entry.js +3 -3
  45. package/dist/cjs/stzh-timeline.cjs.entry.js +1 -1
  46. package/dist/cjs/stzh-timepicker.cjs.entry.js +1 -1
  47. package/dist/cjs/stzh-toast_2.cjs.entry.js +4 -4
  48. package/dist/cjs/stzh-toggle.cjs.entry.js +4 -4
  49. package/dist/cjs/stzh-tooltip.cjs.entry.js +2 -2
  50. package/dist/cjs/stzh-tooltip.cjs.entry.js.map +1 -1
  51. package/dist/cjs/stzh-twocolumns.cjs.entry.js +1 -1
  52. package/dist/cjs/stzh-upload.cjs.entry.js +2 -2
  53. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js +1 -1
  54. package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js +1 -1
  55. package/dist/cjs/stzh-vbz-intro.cjs.entry.js +1 -1
  56. package/dist/cjs/stzh-vbz-linechip.cjs.entry.js +2 -2
  57. package/dist/cjs/stzh-vbz-majorticker.cjs.entry.js +2 -2
  58. package/dist/cjs/stzh-vbz-ticker.cjs.entry.js +2 -2
  59. package/dist/cjs/stzh-visuallyhidden.cjs.entry.js +2 -2
  60. package/dist/cjs/stzh-vspace.cjs.entry.js +2 -2
  61. package/dist/cjs/stzh-youtube.cjs.entry.js +1 -1
  62. package/dist/collection/components/stzh-audio/stzh-audio.css +2 -2
  63. package/dist/collection/components/stzh-card/stzh-card.css +10 -1
  64. package/dist/collection/components/stzh-card/stzh-card.js +28 -7
  65. package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
  66. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js +1 -1
  67. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -1
  68. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +12 -10
  69. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +5 -5
  70. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
  71. package/dist/collection/components/stzh-popover/stzh-popover.css +2 -2
  72. package/dist/collection/components/stzh-ratio/stzh-ratio.js +1 -1
  73. package/dist/collection/components/stzh-ratio/stzh-ratio.js.map +1 -1
  74. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -4
  75. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js +2 -2
  76. package/dist/collection/components/stzh-richtext/stzh-richtext.js +1 -1
  77. package/dist/collection/components/stzh-row/stzh-row.js +2 -2
  78. package/dist/collection/components/stzh-saptcha/stzh-saptcha.js +2 -2
  79. package/dist/collection/components/stzh-scrollup/stzh-scrollup.js +1 -1
  80. package/dist/collection/components/stzh-search/stzh-search.js +2 -2
  81. package/dist/collection/components/stzh-section/stzh-section.js +2 -2
  82. package/dist/collection/components/stzh-share/stzh-share.js +1 -1
  83. package/dist/collection/components/stzh-show/stzh-show.js +2 -2
  84. package/dist/collection/components/stzh-sitemap/stzh-sitemap.js +1 -1
  85. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +168 -4
  86. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.js +1 -1
  87. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.js +1 -1
  88. package/dist/collection/components/stzh-skiplink/stzh-skiplink.js +1 -1
  89. package/dist/collection/components/stzh-socialmediastream/stzh-socialmediastream.js +1 -1
  90. package/dist/collection/components/stzh-socialmediastream-item/stzh-socialmediastream-item.js +1 -1
  91. package/dist/collection/components/stzh-sortable/stzh-sortable.js +1 -1
  92. package/dist/collection/components/stzh-space/stzh-space.js +2 -2
  93. package/dist/collection/components/stzh-status/stzh-status.js +4 -4
  94. package/dist/collection/components/stzh-stepper/stzh-stepper.component.js +2 -2
  95. package/dist/collection/components/stzh-stepper-item/stzh-stepper-item.js +4 -4
  96. package/dist/collection/components/stzh-sticky/stzh-sticky.js +1 -1
  97. package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.js +1 -1
  98. package/dist/collection/components/stzh-table/stzh-table.js +1 -1
  99. package/dist/collection/components/stzh-tag/stzh-tag.js +1 -1
  100. package/dist/collection/components/stzh-text/stzh-text.js +2 -2
  101. package/dist/collection/components/stzh-textandimage/stzh-textandimage.js +1 -1
  102. package/dist/collection/components/stzh-timeline/stzh-timeline.js +1 -1
  103. package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.js +3 -3
  104. package/dist/collection/components/stzh-timepicker/stzh-timepicker.js +1 -1
  105. package/dist/collection/components/stzh-toast/stzh-toast.js +3 -3
  106. package/dist/collection/components/stzh-toastbar/stzh-toastbar.js +1 -1
  107. package/dist/collection/components/stzh-toggle/stzh-toggle.js +4 -4
  108. package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +2 -2
  109. package/dist/collection/components/stzh-tooltip/stzh-tooltip.js +1 -1
  110. package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.js +1 -1
  111. package/dist/collection/components/stzh-upload/stzh-upload.js +2 -2
  112. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js +1 -1
  113. package/dist/collection/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js +1 -1
  114. package/dist/collection/components/stzh-vbz-intro/stzh-vbz-intro.js +1 -1
  115. package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.js +2 -2
  116. package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.js +2 -2
  117. package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js +2 -2
  118. package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.js +2 -2
  119. package/dist/collection/components/stzh-vspace/stzh-vspace.js +2 -2
  120. package/dist/collection/components/stzh-youtube/stzh-youtube.js +1 -1
  121. package/dist/components/index.js +1 -1
  122. package/dist/components/{p-84f171a0.js → p-02bdd12e.js} +2 -2
  123. package/dist/components/{p-84f171a0.js.map → p-02bdd12e.js.map} +1 -1
  124. package/dist/components/{p-324831e2.js → p-0dae7190.js} +3 -3
  125. package/dist/components/{p-324831e2.js.map → p-0dae7190.js.map} +1 -1
  126. package/dist/components/{p-631b7bfa.js → p-123ddd01.js} +5 -5
  127. package/dist/components/{p-631b7bfa.js.map → p-123ddd01.js.map} +1 -1
  128. package/dist/components/{p-18ad2006.js → p-1e02d63c.js} +17 -13
  129. package/dist/components/p-1e02d63c.js.map +1 -0
  130. package/dist/components/{p-ef28cd34.js → p-1fe5af54.js} +3 -3
  131. package/dist/components/{p-ef28cd34.js.map → p-1fe5af54.js.map} +1 -1
  132. package/dist/components/{p-0b0557e7.js → p-55042ae5.js} +4 -4
  133. package/dist/components/{p-0b0557e7.js.map → p-55042ae5.js.map} +1 -1
  134. package/dist/components/{p-48a20e2d.js → p-6c821944.js} +5 -5
  135. package/dist/components/{p-48a20e2d.js.map → p-6c821944.js.map} +1 -1
  136. package/dist/components/{p-3d24141a.js → p-7eced0db.js} +2 -2
  137. package/dist/components/{p-3d24141a.js.map → p-7eced0db.js.map} +1 -1
  138. package/dist/components/{p-e5a0d7ce.js → p-84f3d0c4.js} +6 -6
  139. package/dist/components/{p-e5a0d7ce.js.map → p-84f3d0c4.js.map} +1 -1
  140. package/dist/components/{p-875cd549.js → p-86473146.js} +2 -2
  141. package/dist/components/{p-875cd549.js.map → p-86473146.js.map} +1 -1
  142. package/dist/components/{p-8123a294.js → p-87537095.js} +2 -2
  143. package/dist/components/{p-8123a294.js.map → p-87537095.js.map} +1 -1
  144. package/dist/components/{p-1ee94681.js → p-877e658f.js} +3 -3
  145. package/dist/components/{p-1ee94681.js.map → p-877e658f.js.map} +1 -1
  146. package/dist/components/{p-0c5f315f.js → p-8c4ca44f.js} +3 -3
  147. package/dist/components/{p-0c5f315f.js.map → p-8c4ca44f.js.map} +1 -1
  148. package/dist/components/{p-70aa77ed.js → p-978466ee.js} +4 -4
  149. package/dist/components/{p-70aa77ed.js.map → p-978466ee.js.map} +1 -1
  150. package/dist/components/{p-043132df.js → p-9c27b812.js} +2 -2
  151. package/dist/components/{p-043132df.js.map → p-9c27b812.js.map} +1 -1
  152. package/dist/components/{p-6a5f4569.js → p-9fd614bc.js} +3 -3
  153. package/dist/components/{p-6a5f4569.js.map → p-9fd614bc.js.map} +1 -1
  154. package/dist/components/{p-da29e441.js → p-a518f263.js} +4 -4
  155. package/dist/components/{p-da29e441.js.map → p-a518f263.js.map} +1 -1
  156. package/dist/components/{p-d8b73add.js → p-a74ffd15.js} +4 -4
  157. package/dist/components/{p-d8b73add.js.map → p-a74ffd15.js.map} +1 -1
  158. package/dist/components/{p-1036baa8.js → p-a93fe963.js} +2 -2
  159. package/dist/components/{p-1036baa8.js.map → p-a93fe963.js.map} +1 -1
  160. package/dist/components/{p-b5d9d5a1.js → p-adf66b29.js} +4 -4
  161. package/dist/components/{p-b5d9d5a1.js.map → p-adf66b29.js.map} +1 -1
  162. package/dist/components/{p-adc06dc4.js → p-ae7adee7.js} +3 -3
  163. package/dist/components/{p-adc06dc4.js.map → p-ae7adee7.js.map} +1 -1
  164. package/dist/components/{p-a367fa4a.js → p-b4ffee20.js} +2 -2
  165. package/dist/components/p-b4ffee20.js.map +1 -0
  166. package/dist/components/{p-8bab76e0.js → p-bed8abab.js} +5 -5
  167. package/dist/components/{p-8bab76e0.js.map → p-bed8abab.js.map} +1 -1
  168. package/dist/components/{p-6be31cce.js → p-c056c339.js} +3 -3
  169. package/dist/components/{p-6be31cce.js.map → p-c056c339.js.map} +1 -1
  170. package/dist/components/{p-c06d0057.js → p-d19eef5f.js} +4 -4
  171. package/dist/components/{p-c06d0057.js.map → p-d19eef5f.js.map} +1 -1
  172. package/dist/components/{p-ded0ad1c.js → p-d40751ba.js} +4 -4
  173. package/dist/components/{p-ded0ad1c.js.map → p-d40751ba.js.map} +1 -1
  174. package/dist/components/{p-3e69bb48.js → p-e48a4be2.js} +3 -3
  175. package/dist/components/{p-3e69bb48.js.map → p-e48a4be2.js.map} +1 -1
  176. package/dist/components/{p-d9bd5b30.js → p-f0db184a.js} +3 -3
  177. package/dist/components/{p-d9bd5b30.js.map → p-f0db184a.js.map} +1 -1
  178. package/dist/components/{p-5748d860.js → p-f254ab81.js} +8 -8
  179. package/dist/components/p-f254ab81.js.map +1 -0
  180. package/dist/components/{p-7d72e50c.js → p-fd0fbd98.js} +2 -2
  181. package/dist/components/{p-7d72e50c.js.map → p-fd0fbd98.js.map} +1 -1
  182. package/dist/components/{p-af0ed46a.js → p-fe546990.js} +3 -3
  183. package/dist/components/{p-af0ed46a.js.map → p-fe546990.js.map} +1 -1
  184. package/dist/components/{p-3d684a4f.js → p-fef8bda1.js} +2 -2
  185. package/dist/components/{p-3d684a4f.js.map → p-fef8bda1.js.map} +1 -1
  186. package/dist/components/stzh-actionset.js +1 -1
  187. package/dist/components/stzh-amount.js +4 -4
  188. package/dist/components/stzh-appointments.js +8 -8
  189. package/dist/components/stzh-audio.js +3 -3
  190. package/dist/components/stzh-audio.js.map +1 -1
  191. package/dist/components/stzh-calendar.js +1 -1
  192. package/dist/components/stzh-card-searchresult.js +8 -8
  193. package/dist/components/stzh-card-searchresult.js.map +1 -1
  194. package/dist/components/stzh-card-superteaser.js +7 -7
  195. package/dist/components/stzh-card.js +1 -1
  196. package/dist/components/stzh-cardlist.js +1 -1
  197. package/dist/components/stzh-checkbox.js +1 -1
  198. package/dist/components/stzh-checkboxgroup.js +2 -2
  199. package/dist/components/stzh-chipselect.js +1 -1
  200. package/dist/components/stzh-contact-cv.js +1 -1
  201. package/dist/components/stzh-cta.js +1 -1
  202. package/dist/components/stzh-datalist-item.js +1 -1
  203. package/dist/components/stzh-datalist.js +1 -1
  204. package/dist/components/stzh-datamessagelist-item.js +2 -2
  205. package/dist/components/stzh-datatable.js +9 -9
  206. package/dist/components/stzh-datepicker.js +1 -1
  207. package/dist/components/stzh-dropdown.js +1 -1
  208. package/dist/components/stzh-feedreader.js +1 -1
  209. package/dist/components/stzh-gallery.js +1 -1
  210. package/dist/components/stzh-geo-ref-data.js +9 -9
  211. package/dist/components/stzh-header.js +1 -1
  212. package/dist/components/stzh-homepage-service-highlights.js +1 -1
  213. package/dist/components/stzh-http-error.js +1 -1
  214. package/dist/components/stzh-input.js +1 -1
  215. package/dist/components/stzh-microsite-teaserlist.js +9 -9
  216. package/dist/components/stzh-monthyearpicker.js +3 -3
  217. package/dist/components/stzh-offline-indicator.js +2 -2
  218. package/dist/components/stzh-pagebottom.js +3 -3
  219. package/dist/components/stzh-pagetitle-home.js +1 -1
  220. package/dist/components/stzh-pagetitle.js +1 -1
  221. package/dist/components/stzh-pagination.js +1 -1
  222. package/dist/components/stzh-panorama.js +5 -5
  223. package/dist/components/stzh-pi-content-navigation.js +1 -1
  224. package/dist/components/stzh-pi-pagetitle.js +1 -1
  225. package/dist/components/stzh-pi-teaser.js +1 -1
  226. package/dist/components/stzh-poicard.js +1 -1
  227. package/dist/components/stzh-poilist.js +6 -6
  228. package/dist/components/stzh-popover.js +1 -1
  229. package/dist/components/stzh-radio.js +1 -1
  230. package/dist/components/stzh-radiogroup.js +1 -1
  231. package/dist/components/stzh-ratio.js +1 -1
  232. package/dist/components/stzh-readspeaker.js +3 -3
  233. package/dist/components/stzh-readspeaker.js.map +1 -1
  234. package/dist/components/stzh-richtext.js +1 -1
  235. package/dist/components/stzh-row.js +2 -2
  236. package/dist/components/stzh-saptcha.js +5 -5
  237. package/dist/components/stzh-scrollup.js +1 -1
  238. package/dist/components/stzh-search.js +6 -6
  239. package/dist/components/stzh-section.js +2 -2
  240. package/dist/components/stzh-share.js +1 -1
  241. package/dist/components/stzh-show.js +1 -1
  242. package/dist/components/stzh-sitemap.js +6 -6
  243. package/dist/components/stzh-skin-portal-mitwirken.js +2 -2
  244. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  245. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  246. package/dist/components/stzh-skiplink.js +1 -1
  247. package/dist/components/stzh-socialmediastream-item.js +1 -1
  248. package/dist/components/stzh-socialmediastream.js +4 -4
  249. package/dist/components/stzh-sortable.js +1 -1
  250. package/dist/components/stzh-space.js +2 -2
  251. package/dist/components/stzh-status.js +1 -1
  252. package/dist/components/stzh-stepper-item.js +1 -1
  253. package/dist/components/stzh-stepper.js +3 -3
  254. package/dist/components/stzh-sticky-actions.js +2 -2
  255. package/dist/components/stzh-sticky.js +1 -1
  256. package/dist/components/stzh-table.js +1 -1
  257. package/dist/components/stzh-tag.js +1 -1
  258. package/dist/components/stzh-text.js +1 -1
  259. package/dist/components/stzh-textandimage.js +1 -1
  260. package/dist/components/stzh-timeline-item.js +3 -3
  261. package/dist/components/stzh-timeline.js +1 -1
  262. package/dist/components/stzh-timepicker.js +4 -4
  263. package/dist/components/stzh-toast.js +1 -1
  264. package/dist/components/stzh-toastbar.js +1 -1
  265. package/dist/components/stzh-toggle.js +6 -6
  266. package/dist/components/stzh-tooltip.js +1 -1
  267. package/dist/components/stzh-twocolumns.js +1 -1
  268. package/dist/components/stzh-upload.js +6 -6
  269. package/dist/components/stzh-vbz-carousel.js +1 -1
  270. package/dist/components/stzh-vbz-connection-finder.js +1 -1
  271. package/dist/components/stzh-vbz-intro.js +1 -1
  272. package/dist/components/stzh-vbz-linechip.js +1 -1
  273. package/dist/components/stzh-vbz-majorticker.js +4 -4
  274. package/dist/components/stzh-vbz-ticker.js +5 -5
  275. package/dist/components/stzh-visuallyhidden.js +2 -2
  276. package/dist/components/stzh-vspace.js +2 -2
  277. package/dist/components/stzh-youtube.js +2 -2
  278. package/dist/esm/{app-globals-4169aa9e.js → app-globals-069a4797.js} +2 -2
  279. package/dist/esm/{app-globals-4169aa9e.js.map → app-globals-069a4797.js.map} +1 -1
  280. package/dist/esm/loader.js +2 -2
  281. package/dist/esm/stzh-audio.entry.js +1 -1
  282. package/dist/esm/stzh-audio.entry.js.map +1 -1
  283. package/dist/esm/stzh-breadcrumb_2.entry.js +1 -1
  284. package/dist/esm/stzh-card-searchresult.entry.js +1 -1
  285. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  286. package/dist/esm/stzh-card.entry.js +11 -8
  287. package/dist/esm/stzh-card.entry.js.map +1 -1
  288. package/dist/esm/stzh-cardlist_3.entry.js +1 -1
  289. package/dist/esm/stzh-components.js +2 -2
  290. package/dist/esm/stzh-datalist_2.entry.js +3 -3
  291. package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
  292. package/dist/esm/stzh-ghettobox_3.entry.js +3 -3
  293. package/dist/esm/stzh-popover.entry.js +1 -1
  294. package/dist/esm/stzh-popover.entry.js.map +1 -1
  295. package/dist/esm/stzh-print_2.entry.js +1 -1
  296. package/dist/esm/stzh-ratio.entry.js +1 -1
  297. package/dist/esm/stzh-ratio.entry.js.map +1 -1
  298. package/dist/esm/stzh-readspeaker.entry.js +3 -3
  299. package/dist/esm/stzh-readspeaker.entry.js.map +1 -1
  300. package/dist/esm/stzh-row.entry.js +2 -2
  301. package/dist/esm/stzh-saptcha.entry.js +2 -2
  302. package/dist/esm/stzh-scrollup.entry.js +1 -1
  303. package/dist/esm/stzh-search.entry.js +2 -2
  304. package/dist/esm/stzh-section.entry.js +2 -2
  305. package/dist/esm/stzh-sitemap.entry.js +1 -1
  306. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +2 -2
  307. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  308. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  309. package/dist/esm/stzh-skiplink.entry.js +1 -1
  310. package/dist/esm/stzh-socialmediastream-item.entry.js +1 -1
  311. package/dist/esm/stzh-socialmediastream.entry.js +1 -1
  312. package/dist/esm/stzh-space.entry.js +2 -2
  313. package/dist/esm/stzh-status.entry.js +4 -4
  314. package/dist/esm/stzh-stepper-item.entry.js +4 -4
  315. package/dist/esm/stzh-stepper.entry.js +2 -2
  316. package/dist/esm/stzh-sticky-actions.entry.js +1 -1
  317. package/dist/esm/stzh-sticky.entry.js +1 -1
  318. package/dist/esm/stzh-table.entry.js +1 -1
  319. package/dist/esm/stzh-text.entry.js +2 -2
  320. package/dist/esm/stzh-textandimage.entry.js +1 -1
  321. package/dist/esm/stzh-timeline-item.entry.js +3 -3
  322. package/dist/esm/stzh-timeline.entry.js +1 -1
  323. package/dist/esm/stzh-timepicker.entry.js +1 -1
  324. package/dist/esm/stzh-toast_2.entry.js +4 -4
  325. package/dist/esm/stzh-toggle.entry.js +4 -4
  326. package/dist/esm/stzh-tooltip.entry.js +2 -2
  327. package/dist/esm/stzh-tooltip.entry.js.map +1 -1
  328. package/dist/esm/stzh-twocolumns.entry.js +1 -1
  329. package/dist/esm/stzh-upload.entry.js +2 -2
  330. package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
  331. package/dist/esm/stzh-vbz-connection-finder.entry.js +1 -1
  332. package/dist/esm/stzh-vbz-intro.entry.js +1 -1
  333. package/dist/esm/stzh-vbz-linechip.entry.js +2 -2
  334. package/dist/esm/stzh-vbz-majorticker.entry.js +2 -2
  335. package/dist/esm/stzh-vbz-ticker.entry.js +2 -2
  336. package/dist/esm/stzh-visuallyhidden.entry.js +2 -2
  337. package/dist/esm/stzh-vspace.entry.js +2 -2
  338. package/dist/esm/stzh-youtube.entry.js +1 -1
  339. package/dist/stzh-components/{p-96fe4abd.entry.js → p-043ad510.entry.js} +2 -2
  340. package/dist/stzh-components/{p-bb73cb7c.entry.js → p-0a9f2a26.entry.js} +2 -2
  341. package/dist/stzh-components/{p-fc5fd4e3.entry.js → p-0c454ed4.entry.js} +2 -2
  342. package/dist/stzh-components/{p-5b908c23.entry.js → p-0c7abc07.entry.js} +2 -2
  343. package/dist/stzh-components/{p-7026a4fd.entry.js → p-12ea12f4.entry.js} +2 -2
  344. package/dist/stzh-components/p-17d26a11.entry.js +2 -0
  345. package/dist/stzh-components/{p-404ba037.entry.js.map → p-17d26a11.entry.js.map} +1 -1
  346. package/dist/stzh-components/{p-adb98a13.entry.js → p-24c37b16.entry.js} +2 -2
  347. package/dist/stzh-components/{p-c2837379.entry.js → p-263f1fc6.entry.js} +2 -2
  348. package/dist/stzh-components/p-29ff3759.entry.js +2 -0
  349. package/dist/stzh-components/{p-6b57e800.entry.js.map → p-29ff3759.entry.js.map} +1 -1
  350. package/dist/stzh-components/{p-0971c453.entry.js → p-2b22da62.entry.js} +2 -2
  351. package/dist/stzh-components/{p-e5935628.entry.js → p-3edb8127.entry.js} +2 -2
  352. package/dist/stzh-components/p-43390ffd.entry.js +2 -0
  353. package/dist/stzh-components/p-43390ffd.entry.js.map +1 -0
  354. package/dist/stzh-components/{p-cb78d001.entry.js → p-44860eb8.entry.js} +2 -2
  355. package/dist/stzh-components/{p-c63ce489.entry.js → p-4a0e5c91.entry.js} +2 -2
  356. package/dist/stzh-components/{p-e4083254.entry.js → p-52b21470.entry.js} +2 -2
  357. package/dist/stzh-components/{p-4423fbf1.entry.js → p-5ea61577.entry.js} +2 -2
  358. package/dist/stzh-components/p-5ea61577.entry.js.map +1 -0
  359. package/dist/stzh-components/{p-dce69ebb.entry.js → p-628b2a1b.entry.js} +2 -2
  360. package/dist/stzh-components/{p-28f4fd43.entry.js → p-6f71f9a1.entry.js} +2 -2
  361. package/dist/stzh-components/p-705fb85c.entry.js +2 -0
  362. package/dist/stzh-components/{p-e0743aaf.entry.js.map → p-705fb85c.entry.js.map} +1 -1
  363. package/dist/stzh-components/{p-da065baa.entry.js → p-7467c517.entry.js} +2 -2
  364. package/dist/stzh-components/{p-46d8ebf9.entry.js → p-77c64b4b.entry.js} +2 -2
  365. package/dist/stzh-components/{p-46d8ebf9.entry.js.map → p-77c64b4b.entry.js.map} +1 -1
  366. package/dist/stzh-components/{p-a128eb07.entry.js → p-79a63bd9.entry.js} +2 -2
  367. package/dist/stzh-components/p-836ee7e5.entry.js +2 -0
  368. package/dist/stzh-components/p-836ee7e5.entry.js.map +1 -0
  369. package/dist/stzh-components/{p-1a3a2442.entry.js → p-84ae023f.entry.js} +2 -2
  370. package/dist/stzh-components/{p-3c60c70f.entry.js → p-976d5ab9.entry.js} +2 -2
  371. package/dist/stzh-components/{p-04669d52.entry.js → p-99d39d04.entry.js} +2 -2
  372. package/dist/stzh-components/{p-2b75dc62.entry.js → p-a08056c1.entry.js} +2 -2
  373. package/dist/stzh-components/{p-c6552960.entry.js → p-ab439c71.entry.js} +2 -2
  374. package/dist/stzh-components/{p-c6552960.entry.js.map → p-ab439c71.entry.js.map} +1 -1
  375. package/dist/stzh-components/{p-71886cdf.entry.js → p-ac4b1753.entry.js} +2 -2
  376. package/dist/stzh-components/{p-444ba687.entry.js → p-b0d12ac9.entry.js} +2 -2
  377. package/dist/stzh-components/p-b159d0bc.entry.js +2 -0
  378. package/dist/stzh-components/{p-624be23e.entry.js.map → p-b159d0bc.entry.js.map} +1 -1
  379. package/dist/stzh-components/p-b40a0635.js +2 -0
  380. package/dist/stzh-components/{p-1c01ddd2.js.map → p-b40a0635.js.map} +1 -1
  381. package/dist/stzh-components/{p-fb73afa9.entry.js → p-b6b39492.entry.js} +2 -2
  382. package/dist/stzh-components/{p-97e2a5ae.entry.js → p-c26e45c7.entry.js} +2 -2
  383. package/dist/stzh-components/{p-68dccf19.entry.js → p-c34c7f87.entry.js} +2 -2
  384. package/dist/stzh-components/{p-5ca3df89.entry.js → p-cd9be844.entry.js} +2 -2
  385. package/dist/stzh-components/{p-592452c5.entry.js → p-d12700c1.entry.js} +2 -2
  386. package/dist/stzh-components/{p-6802415a.entry.js → p-d17b4c21.entry.js} +2 -2
  387. package/dist/stzh-components/{p-8060775b.entry.js → p-d83dbb08.entry.js} +2 -2
  388. package/dist/stzh-components/p-d83dbb08.entry.js.map +1 -0
  389. package/dist/stzh-components/{p-549b5a54.entry.js → p-d98330d6.entry.js} +2 -2
  390. package/dist/stzh-components/p-dcf670a7.entry.js +2 -0
  391. package/dist/stzh-components/{p-8d664896.entry.js.map → p-dcf670a7.entry.js.map} +1 -1
  392. package/dist/stzh-components/{p-9c76b2dd.entry.js → p-dde1ffb8.entry.js} +2 -2
  393. package/dist/stzh-components/{p-420e839d.entry.js → p-e19dd2da.entry.js} +2 -2
  394. package/dist/stzh-components/{p-97fa8644.entry.js → p-e452b478.entry.js} +2 -2
  395. package/dist/stzh-components/{p-9130582f.entry.js → p-e496eb1a.entry.js} +2 -2
  396. package/dist/stzh-components/{p-6872230d.entry.js → p-e8a87eaf.entry.js} +2 -2
  397. package/dist/stzh-components/{p-ecb3ab05.entry.js → p-ec7f8a5a.entry.js} +2 -2
  398. package/dist/stzh-components/{p-824068d6.entry.js → p-f957fa77.entry.js} +2 -2
  399. package/dist/stzh-components/{p-7d590d24.entry.js → p-f9e3c785.entry.js} +2 -2
  400. package/dist/stzh-components/stzh-components.css +168 -4
  401. package/dist/stzh-components/stzh-components.esm.js +1 -1
  402. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  403. package/dist/types/components/stzh-card/stzh-card.d.ts +2 -0
  404. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +2 -2
  405. package/dist/types/components.d.ts +16 -8
  406. package/dist/vscode-data.json +16 -4
  407. package/package.json +1 -1
  408. package/dist/components/p-18ad2006.js.map +0 -1
  409. package/dist/components/p-5748d860.js.map +0 -1
  410. package/dist/components/p-a367fa4a.js.map +0 -1
  411. package/dist/stzh-components/p-1c01ddd2.js +0 -2
  412. package/dist/stzh-components/p-404ba037.entry.js +0 -2
  413. package/dist/stzh-components/p-4423fbf1.entry.js.map +0 -1
  414. package/dist/stzh-components/p-6042015f.entry.js +0 -2
  415. package/dist/stzh-components/p-6042015f.entry.js.map +0 -1
  416. package/dist/stzh-components/p-624be23e.entry.js +0 -2
  417. package/dist/stzh-components/p-6b57e800.entry.js +0 -2
  418. package/dist/stzh-components/p-8060775b.entry.js.map +0 -1
  419. package/dist/stzh-components/p-8d664896.entry.js +0 -2
  420. package/dist/stzh-components/p-b35032a8.entry.js +0 -2
  421. package/dist/stzh-components/p-b35032a8.entry.js.map +0 -1
  422. package/dist/stzh-components/p-e0743aaf.entry.js +0 -2
  423. /package/dist/stzh-components/{p-96fe4abd.entry.js.map → p-043ad510.entry.js.map} +0 -0
  424. /package/dist/stzh-components/{p-bb73cb7c.entry.js.map → p-0a9f2a26.entry.js.map} +0 -0
  425. /package/dist/stzh-components/{p-fc5fd4e3.entry.js.map → p-0c454ed4.entry.js.map} +0 -0
  426. /package/dist/stzh-components/{p-5b908c23.entry.js.map → p-0c7abc07.entry.js.map} +0 -0
  427. /package/dist/stzh-components/{p-7026a4fd.entry.js.map → p-12ea12f4.entry.js.map} +0 -0
  428. /package/dist/stzh-components/{p-adb98a13.entry.js.map → p-24c37b16.entry.js.map} +0 -0
  429. /package/dist/stzh-components/{p-c2837379.entry.js.map → p-263f1fc6.entry.js.map} +0 -0
  430. /package/dist/stzh-components/{p-0971c453.entry.js.map → p-2b22da62.entry.js.map} +0 -0
  431. /package/dist/stzh-components/{p-e5935628.entry.js.map → p-3edb8127.entry.js.map} +0 -0
  432. /package/dist/stzh-components/{p-cb78d001.entry.js.map → p-44860eb8.entry.js.map} +0 -0
  433. /package/dist/stzh-components/{p-c63ce489.entry.js.map → p-4a0e5c91.entry.js.map} +0 -0
  434. /package/dist/stzh-components/{p-e4083254.entry.js.map → p-52b21470.entry.js.map} +0 -0
  435. /package/dist/stzh-components/{p-dce69ebb.entry.js.map → p-628b2a1b.entry.js.map} +0 -0
  436. /package/dist/stzh-components/{p-28f4fd43.entry.js.map → p-6f71f9a1.entry.js.map} +0 -0
  437. /package/dist/stzh-components/{p-da065baa.entry.js.map → p-7467c517.entry.js.map} +0 -0
  438. /package/dist/stzh-components/{p-a128eb07.entry.js.map → p-79a63bd9.entry.js.map} +0 -0
  439. /package/dist/stzh-components/{p-1a3a2442.entry.js.map → p-84ae023f.entry.js.map} +0 -0
  440. /package/dist/stzh-components/{p-3c60c70f.entry.js.map → p-976d5ab9.entry.js.map} +0 -0
  441. /package/dist/stzh-components/{p-04669d52.entry.js.map → p-99d39d04.entry.js.map} +0 -0
  442. /package/dist/stzh-components/{p-2b75dc62.entry.js.map → p-a08056c1.entry.js.map} +0 -0
  443. /package/dist/stzh-components/{p-71886cdf.entry.js.map → p-ac4b1753.entry.js.map} +0 -0
  444. /package/dist/stzh-components/{p-444ba687.entry.js.map → p-b0d12ac9.entry.js.map} +0 -0
  445. /package/dist/stzh-components/{p-fb73afa9.entry.js.map → p-b6b39492.entry.js.map} +0 -0
  446. /package/dist/stzh-components/{p-97e2a5ae.entry.js.map → p-c26e45c7.entry.js.map} +0 -0
  447. /package/dist/stzh-components/{p-68dccf19.entry.js.map → p-c34c7f87.entry.js.map} +0 -0
  448. /package/dist/stzh-components/{p-5ca3df89.entry.js.map → p-cd9be844.entry.js.map} +0 -0
  449. /package/dist/stzh-components/{p-592452c5.entry.js.map → p-d12700c1.entry.js.map} +0 -0
  450. /package/dist/stzh-components/{p-6802415a.entry.js.map → p-d17b4c21.entry.js.map} +0 -0
  451. /package/dist/stzh-components/{p-549b5a54.entry.js.map → p-d98330d6.entry.js.map} +0 -0
  452. /package/dist/stzh-components/{p-9c76b2dd.entry.js.map → p-dde1ffb8.entry.js.map} +0 -0
  453. /package/dist/stzh-components/{p-420e839d.entry.js.map → p-e19dd2da.entry.js.map} +0 -0
  454. /package/dist/stzh-components/{p-97fa8644.entry.js.map → p-e452b478.entry.js.map} +0 -0
  455. /package/dist/stzh-components/{p-9130582f.entry.js.map → p-e496eb1a.entry.js.map} +0 -0
  456. /package/dist/stzh-components/{p-6872230d.entry.js.map → p-e8a87eaf.entry.js.map} +0 -0
  457. /package/dist/stzh-components/{p-ecb3ab05.entry.js.map → p-ec7f8a5a.entry.js.map} +0 -0
  458. /package/dist/stzh-components/{p-824068d6.entry.js.map → p-f957fa77.entry.js.map} +0 -0
  459. /package/dist/stzh-components/{p-7d590d24.entry.js.map → p-f9e3c785.entry.js.map} +0 -0
package/dist/stzh-components/{p-444ba687.entry.js → p-b0d12ac9.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as e,a as s}from"./p-ef5985a3.js";const i='.sc-stzh-text-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-text-h,[stzh-hidden].sc-stzh-text-h{display:none}.sc-stzh-text-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-text-h *.sc-stzh-text,.sc-stzh-text-h *.sc-stzh-text::before,.sc-stzh-text-h *.sc-stzh-text::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-text-h .has-focus.sc-stzh-text{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text{outline-style:none !important}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text::-moz-focus-inner{border:0 !important}.sc-stzh-text-h{--icon-size:1.25em;--icon-vertical-align:text-bottom;--color:var(--stzh-base-color);--display:var(--stzh-text-display, block);width:100%;color:var(--color);--grid-template-areas:var(\n --stzh-text-grid-template-areas,\n "text text text text"\n );--grid-template-columns:var(\n --stzh-text-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 600px){.sc-stzh-text-h{--grid-template-areas:var(\n --stzh-text-grid-template-areas,\n "text text text text"\n )}}@media screen and (min-width: 900px){.sc-stzh-text-h{--grid-template-areas:var(\n --stzh-text-grid-template-areas,\n "text text text text text text text text"\n );--grid-template-columns:var(\n --stzh-text-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}.sc-stzh-text-h.sc-stzh-text-s>*:first-child,.sc-stzh-text-h .sc-stzh-text-s>*:first-child{margin-top:0 !important}.sc-stzh-text-h.sc-stzh-text-s>*:last-child,.sc-stzh-text-h .sc-stzh-text-s>*:last-child{margin-bottom:0 !important}.sc-stzh-text-h.sc-stzh-text-s>a,.sc-stzh-text-h .sc-stzh-text-s>a,.sc-stzh-text-h .sc-stzh-text-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-text-h.sc-stzh-text-s>a,.sc-stzh-text-h.sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}@media (hover: none){.sc-stzh-text-h.sc-stzh-text-s>a,.sc-stzh-text-h.sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s a:hover{color:inherit}}.sc-stzh-text-h.sc-stzh-text-s>b,.sc-stzh-text-h .sc-stzh-text-s>b,.sc-stzh-text-h.sc-stzh-text-s>strong,.sc-stzh-text-h .sc-stzh-text-s>strong,.sc-stzh-text-h .sc-stzh-text-s b,.sc-stzh-text-h .sc-stzh-text-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-text-h.sc-stzh-text-s>i,.sc-stzh-text-h .sc-stzh-text-s>i,.sc-stzh-text-h.sc-stzh-text-s>em,.sc-stzh-text-h .sc-stzh-text-s>em,.sc-stzh-text-h .sc-stzh-text-s i,.sc-stzh-text-h .sc-stzh-text-s em{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}[lead].sc-stzh-text-h:not([lead=false]){--color:var(--stzh-base-lead-color)}[color=primary].sc-stzh-text-h{--color:var(--stzh-color-primary70)}[color=secondary].sc-stzh-text-h{--color:var(--stzh-color-secondary60)}[color=info].sc-stzh-text-h{--color:var(--stzh-text-info-color)}[color=inherit].sc-stzh-text-h{--color:initial}.stzh-text.sc-stzh-text{--stzh-icon-size:var(--icon-size);--stzh-icon-vertical-align:var(--icon-vertical-align);--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);column-gap:var(--stzh-grid-gutter);display:var(--display);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);color:var(--color)}@media screen and (min-width: 900px){.stzh-text.sc-stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-text__text.sc-stzh-text{grid-area:text;display:flex}.stzh-text__icon.sc-stzh-text{flex-shrink:0}.stzh-text__icon.sc-stzh-text:not(:empty){margin-right:0.25em}.stzh-text__text-inner.sc-stzh-text{flex-grow:1}.stzh-text--is-lead.sc-stzh-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-lead-line-height, var(--stzh-font-milli-lead-line-height));letter-spacing:var(--stzh-font-curve-lead-default-lead-letter-spacing)}@media screen and (min-width: 1260px){.stzh-text--is-lead.sc-stzh-text{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-lead-line-height, var(--stzh-font-deci-lead-line-height));letter-spacing:var(--stzh-font-curve-lead-large-lead-letter-spacing)}}.stzh-text--font-light.sc-stzh-text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:var(--stzh-font-style-light)}.stzh-text--font-regular.sc-stzh-text{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-text--font-medium.sc-stzh-text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-text--font-medium-italic.sc-stzh-text{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-text--font-heavy.sc-stzh-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-text--font-title.sc-stzh-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title)}.stzh-text--curve-none.sc-stzh-text{font-size:inherit}.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-text--curve-lead.sc-stzh-text{font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-lead-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-text--curve-lead.sc-stzh-text{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-lead-large-text-letter-spacing)}}.stzh-text--curve-teaser.sc-stzh-text{font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-text--curve-teaser.sc-stzh-text{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-text--curve-p1.sc-stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-text--curve-p1.sc-stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-default-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-hero-small-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-large-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-ultra-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-ultra-text-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-ultra-text-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1home-default-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-default-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1home-small-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-small-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1home-medium-text-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-medium-text-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1home-large-text-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-large-text-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-ultra-font-size, var(--stzh-font-zetta-font-size));line-height:var(--stzh-font-curve-h1home-ultra-text-line-height, var(--stzh-font-zetta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-ultra-text-letter-spacing, var(--stzh-font-zetta-text-letter-spacing))}}.stzh-text--size-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-text--size-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-text--size-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-text--size-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}.stzh-text--size-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}.stzh-text--size-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}.stzh-text--size-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}.stzh-text--size-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}.stzh-text--size-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}.stzh-text--size-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}.stzh-text--size-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}.stzh-text--size-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--size-small-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 900px){.stzh-text--size-medium-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 900px){.stzh-text--size-medium-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 900px){.stzh-text--size-medium-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}.stzh-text__text-inner.sc-stzh-text{text-overflow:var(--text-overflow, clip);white-space:var(--white-space, normal);overflow:var(--overflow, visible);width:var(--width, initial);max-width:var(--max-width, initial)}';const h=i;const n=class{constructor(e){t(this,e);this.font="default";this.curve="default";this.lead=false;this.color="default";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit"}render(){return e(s,{key:"61c5c6a5f53f75776c9dac1afd98b8f4f7174102"},e("div",{key:"789c5cd13bf06d4773cf9124d4b7b29dcc52679b",class:{"stzh-text":true,"stzh-text--is-lead":this.lead,[`stzh-text--font-${this.font}`]:!!this.font,[`stzh-text--curve-${this.curve}`]:!!this.curve,[`stzh-text--size-${this.size}`]:!!this.size,[`stzh-text--size-small-${this.sizeSmall}`]:!!this.sizeSmall,[`stzh-text--size-medium-${this.sizeMedium}`]:!!this.sizeMedium,[`stzh-text--size-large-${this.sizeLarge}`]:!!this.sizeLarge,[`stzh-text--size-ultra-${this.sizeUltra}`]:!!this.sizeUltra}},e("div",{key:"320e3f9cf3d9e202c7ca7e9588ffcf66bb62a3c4",class:"stzh-text__text"},e("div",{key:"a8f63afbe37274200b61c33f9ccef976c2fcc252",class:"stzh-text__icon"},e("slot",{key:"af3a5a42889bafbbb7964c06b0ecab52d45ccdd7",name:"icon"})),e("div",{key:"830b9489e16ff331a87e480ebce32683a52b7fb8",class:"stzh-text__text-inner"},e("slot",{key:"d3b1eab9fc95af842efa1dce25f3df2d942df929"})))))}};n.style=h;export{n as stzh_text};
2
- //# sourceMappingURL=p-444ba687.entry.js.map
1
+ import{r as t,h as e,a as s}from"./p-ef5985a3.js";const i='.sc-stzh-text-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-text-h,[stzh-hidden].sc-stzh-text-h{display:none}.sc-stzh-text-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-text-h *.sc-stzh-text,.sc-stzh-text-h *.sc-stzh-text::before,.sc-stzh-text-h *.sc-stzh-text::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-text-h .has-focus.sc-stzh-text{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text{outline-style:none !important}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text::-moz-focus-inner{border:0 !important}.sc-stzh-text-h{--icon-size:1.25em;--icon-vertical-align:text-bottom;--color:var(--stzh-base-color);--display:var(--stzh-text-display, block);width:100%;color:var(--color);--grid-template-areas:var(\n --stzh-text-grid-template-areas,\n "text text text text"\n );--grid-template-columns:var(\n --stzh-text-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 600px){.sc-stzh-text-h{--grid-template-areas:var(\n --stzh-text-grid-template-areas,\n "text text text text"\n )}}@media screen and (min-width: 900px){.sc-stzh-text-h{--grid-template-areas:var(\n --stzh-text-grid-template-areas,\n "text text text text text text text text"\n );--grid-template-columns:var(\n --stzh-text-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}.sc-stzh-text-h.sc-stzh-text-s>*:first-child,.sc-stzh-text-h .sc-stzh-text-s>*:first-child{margin-top:0 !important}.sc-stzh-text-h.sc-stzh-text-s>*:last-child,.sc-stzh-text-h .sc-stzh-text-s>*:last-child{margin-bottom:0 !important}.sc-stzh-text-h.sc-stzh-text-s>a,.sc-stzh-text-h .sc-stzh-text-s>a,.sc-stzh-text-h .sc-stzh-text-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-text-h.sc-stzh-text-s>a,.sc-stzh-text-h.sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}@media (hover: none){.sc-stzh-text-h.sc-stzh-text-s>a,.sc-stzh-text-h.sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s a:hover{color:inherit}}.sc-stzh-text-h.sc-stzh-text-s>b,.sc-stzh-text-h .sc-stzh-text-s>b,.sc-stzh-text-h.sc-stzh-text-s>strong,.sc-stzh-text-h .sc-stzh-text-s>strong,.sc-stzh-text-h .sc-stzh-text-s b,.sc-stzh-text-h .sc-stzh-text-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-text-h.sc-stzh-text-s>i,.sc-stzh-text-h .sc-stzh-text-s>i,.sc-stzh-text-h.sc-stzh-text-s>em,.sc-stzh-text-h .sc-stzh-text-s>em,.sc-stzh-text-h .sc-stzh-text-s i,.sc-stzh-text-h .sc-stzh-text-s em{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}[lead].sc-stzh-text-h:not([lead=false]){--color:var(--stzh-base-lead-color)}[color=primary].sc-stzh-text-h{--color:var(--stzh-color-primary70)}[color=secondary].sc-stzh-text-h{--color:var(--stzh-color-secondary60)}[color=info].sc-stzh-text-h{--color:var(--stzh-text-info-color)}[color=inherit].sc-stzh-text-h{--color:initial}.stzh-text.sc-stzh-text{--stzh-icon-size:var(--icon-size);--stzh-icon-vertical-align:var(--icon-vertical-align);--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);column-gap:var(--stzh-grid-gutter);display:var(--display);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);color:var(--color)}@media screen and (min-width: 900px){.stzh-text.sc-stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-text.sc-stzh-text{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-text__text.sc-stzh-text{grid-area:text;display:flex}.stzh-text__icon.sc-stzh-text{flex-shrink:0}.stzh-text__icon.sc-stzh-text:not(:empty){margin-right:0.25em}.stzh-text__text-inner.sc-stzh-text{flex-grow:1}.stzh-text--is-lead.sc-stzh-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-lead-line-height, var(--stzh-font-milli-lead-line-height));letter-spacing:var(--stzh-font-curve-lead-default-lead-letter-spacing)}@media screen and (min-width: 1260px){.stzh-text--is-lead.sc-stzh-text{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-lead-line-height, var(--stzh-font-deci-lead-line-height));letter-spacing:var(--stzh-font-curve-lead-large-lead-letter-spacing)}}.stzh-text--font-light.sc-stzh-text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:var(--stzh-font-style-light)}.stzh-text--font-regular.sc-stzh-text{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-text--font-medium.sc-stzh-text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-text--font-medium-italic.sc-stzh-text{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-text--font-heavy.sc-stzh-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-text--font-title.sc-stzh-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title)}.stzh-text--curve-none.sc-stzh-text{font-size:inherit}.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-text--curve-lead.sc-stzh-text{font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-lead-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-text--curve-lead.sc-stzh-text{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-lead-large-text-letter-spacing)}}.stzh-text--curve-teaser.sc-stzh-text{font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-text--curve-teaser.sc-stzh-text{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-text--curve-p1.sc-stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-text--curve-p1.sc-stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-default-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-hero-small-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-large-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-ultra-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-ultra-text-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-ultra-text-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1home-default-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-default-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1home-small-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-small-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1home-medium-text-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-medium-text-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1home-large-text-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-large-text-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-text--curve-h1home.sc-stzh-text{font-size:var(--stzh-font-curve-h1home-ultra-font-size, var(--stzh-font-zetta-font-size));line-height:var(--stzh-font-curve-h1home-ultra-text-line-height, var(--stzh-font-zetta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-ultra-text-letter-spacing, var(--stzh-font-zetta-text-letter-spacing))}}.stzh-text--size-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-text--size-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-text--size-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-text--size-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}.stzh-text--size-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}.stzh-text--size-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}.stzh-text--size-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}.stzh-text--size-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}.stzh-text--size-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}.stzh-text--size-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}.stzh-text--size-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}.stzh-text--size-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--size-small-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 900px){.stzh-text--size-medium-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 900px){.stzh-text--size-medium-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 900px){.stzh-text--size-medium-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-text--size-medium-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-peta.sc-stzh-text{font-size:var(--stzh-font-peta-font-size);line-height:var(--stzh-font-peta-text-line-height);letter-spacing:var(--stzh-font-peta-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-exa.sc-stzh-text{font-size:var(--stzh-font-exa-font-size);line-height:var(--stzh-font-exa-text-line-height);letter-spacing:var(--stzh-font-exa-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-text--size-ultra-zetta.sc-stzh-text{font-size:var(--stzh-font-zetta-font-size);line-height:var(--stzh-font-zetta-text-line-height);letter-spacing:var(--stzh-font-zetta-text-letter-spacing)}}.stzh-text__text-inner.sc-stzh-text{text-overflow:var(--text-overflow, clip);white-space:var(--white-space, normal);overflow:var(--overflow, visible);width:var(--width, initial);max-width:var(--max-width, initial)}';const h=i;const n=class{constructor(e){t(this,e);this.font="default";this.curve="default";this.lead=false;this.color="default";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit"}render(){return e(s,{key:"a55b760c2ecea8d11303ba01de4c7a43c4962825"},e("div",{key:"23986e04a637d528f3ce41bd996b8269a323b74e",class:{"stzh-text":true,"stzh-text--is-lead":this.lead,[`stzh-text--font-${this.font}`]:!!this.font,[`stzh-text--curve-${this.curve}`]:!!this.curve,[`stzh-text--size-${this.size}`]:!!this.size,[`stzh-text--size-small-${this.sizeSmall}`]:!!this.sizeSmall,[`stzh-text--size-medium-${this.sizeMedium}`]:!!this.sizeMedium,[`stzh-text--size-large-${this.sizeLarge}`]:!!this.sizeLarge,[`stzh-text--size-ultra-${this.sizeUltra}`]:!!this.sizeUltra}},e("div",{key:"f55974cde6b8322fd85c53fb6c01d8c9f6a751ad",class:"stzh-text__text"},e("div",{key:"502dd43d10239fb7acdd51aca63f96190d7a1ed4",class:"stzh-text__icon"},e("slot",{key:"573b0cefe0cb21a2c411761cbc6cc4bf3b5c5b23",name:"icon"})),e("div",{key:"58f2bf38ed27bc40133c6bd7b86ada47921b1d72",class:"stzh-text__text-inner"},e("slot",{key:"56eb73492152a96905c3cf594a773529ce7efc13"})))))}};n.style=h;export{n as stzh_text};
2
+ //# sourceMappingURL=p-b0d12ac9.entry.js.map
package/dist/stzh-components/p-b159d0bc.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,c as e,h as i,a as o,g as n}from"./p-ef5985a3.js";import{w as s}from"./p-70ec7e79.js";import{s as r,a,b as l}from"./p-2c0bec3e.js";import{h}from"./p-24caf6c1.js";import"./p-dae15605.js";const c=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--content-padding-bottom:var(--stzh-space-medium);--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--description-color:var(--stzh-color-black);--heading-margin-bottom:var(--stzh-space-medium);--button-color:var(--stzh-color-primary70);--button-background-color:transparent;--button-font-size:var(--stzh-timeline-nested-button-font-size, var(--stzh-font-milli-font-size));--button-line-height:var(--stzh-timeline-nested-button-line-height, var(--stzh-font-milli-heading-line-height));--button-letter-spacing:var(--stzh-timeline-nested-button-line-height, normal);--bullet-color:var(--stzh-color-primary70);--bullet-background-color:var(--stzh-color-grey20);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media screen and (min-width: 600px){:host{--button-font-size:var(--stzh-timeline-nested-button-font-size, var(--stzh-font-centi-font-size));--button-line-height:var(--stzh-timeline-nested-button-line-height, var(--stzh-font-centi-heading-line-height))}}:host(:where([is-foldable])){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-color-black);--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable])){--button-color:Highlight;--hover-button-color:Highlight}}:host(:where([open]:not([open=false]))){--heading-margin-bottom:0px}:host(:where([is-foldable][open]:not([open=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-primary70);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable][open]:not([open=false]))){--button-color:SelectedItem;--bullet-color:SelectedItem;--hover-button-color:SelectedItem;--hover-bullet-color:SelectedItem}}:host(:where([completed]:not([completed=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}:host(:where([is-foldable][open]:not([open=false]))){--hover-bullet-background-color:var(--stzh-color-secondary70)}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}.stzh-timeline-item{display:flex;flex-direction:column;}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall);align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__bullet{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);background-color:var(--hover-bullet-background-color)}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall);--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(--stzh-font-micro-heading-line-height);overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(--stzh-font-milli-heading-line-height)}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}';const d=c;const m={keyframes:[{height:"0"},{height:"auto"}],options:{duration:300,easing:"linear"}};const b={keyframes:[{height:"auto"},{height:"0"}],options:{duration:300,easing:"linear"}};let f=0;const u=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhFocus=e(this,"stzhFocus",7);this.stzhBlur=e(this,"stzhBlur",7);this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-timeline-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-timeline-item",originalEvent:t})};this.handleFoldableChange=t=>{this.foldableWatcher(this.foldable)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.timeline||this.timeline.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onButtonKeydown=t=>{let e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.foldable=undefined;this.collapsible=undefined;this.open=false;this.disabled=false;this.completed=false;this.heading="";this.description="";this.step=1;this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined;this.rootTabindex=0;this._foldable=false}async show(){if(this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=true;return s(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=false;return s(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-timeline-item"})}await r(this.bodyElement);this.bodyElement.hidden=false;await a(this.bodyElement,l(m.keyframes,{height:this.bodyElement.scrollHeight}),m.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-timeline-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-timeline-item"})}await r(this.bodyElement);this.bodyElement.style.overflow="hidden";await a(this.bodyElement,l(b.keyframes,{height:this.bodyElement.scrollHeight}),b.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-timeline-item"})}}this.toggledByMethod=false}foldableWatcher(t){if(typeof t!=="undefined"){this._foldable=t}else if(this.timeline){this._foldable=this.timeline.foldable}if(!this._foldable){this.open=true}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.timelineItemId=`stzh-timeline-item-${f++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.timeline=this.element.closest("stzh-timeline");if(this.timeline){this.timeline.addEventListener("stzhFoldableChange",this.handleFoldableChange)}this.foldableWatcher(this.foldable)}disconnectedCallback(){if(this.timeline){this.timeline.removeEventListener("stzhFoldableChange",this.handleFoldableChange);this.timeline=null}}render(){const t=`h${this.headingLevel}`;const e=!!this.icon||h(this.element,"icon");const n={"stzh-timeline-item":true,"stzh-timeline-item--has-description":!!this.description,"stzh-timeline-item--is-open":this.open,"stzh-timeline-item--is-disabled":this.disabled,"stzh-timeline-item--is-foldable":this._foldable,"stzh-timeline-item--is-completed":this.completed};return i(o,{key:"70787bd88b596b5c4736893f39e5cc9ccbc64795",role:"listitem","is-foldable":this._foldable,tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"f3a72bf983fdc9d9fbf1b6840499a2b483477aca",class:n},i(t,{key:"5887636ef7ec9ab71d5412901d4a2ebda7957c2d",id:`${this.timelineItemId}-header`,class:"stzh-timeline-item__heading",onClick:this.handleHeaderClick},i("button",{key:"3c867676abb0eb2bf70ef7779414ed1a66a767f5",ref:t=>this.buttonElement=t,class:"stzh-timeline-item__button","aria-controls":`${this.timelineItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,"aria-disabled":!this._foldable?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"7aa2788ddced447876028a1685a81887fbf51dc8",class:"stzh-timeline-item__bullet"},e||this.completed?i("span",{class:"stzh-timeline-item__bullet-icon-wrapper"},this.icon||this.completed?i("stzh-icon",{class:"stzh-timeline-item__bullet-icon",name:this.icon?this.icon:"checkmark"}):i("slot",{name:"icon"})):i("span",{class:"stzh-timeline-item__bullet-text"},this.step),(this.badge||this.badgeEmpty)&&i("stzh-badge",{key:"e86c10326af0de8833404b45017520689284218d",class:"stzh-timeline-item__badge",label:this.badge,type:this.badgeType})),i("div",{key:"b549a15d35f6dbd8f4be0d17965361e602a81ce4",class:"stzh-timeline-item__button-inner"},i("span",{key:"c880c5e1a1928e703591c24979e774732487e266",class:"stzh-timeline-item__button-text"},i("span",{key:"26f8b525e57179bddffa7ea6ff925d124169570c",class:"stzh-timeline-item__heading-text"},this.heading),i("span",{key:"ff3be11d26e696ddf5a0b6b67666730033e97e71",class:"stzh-timeline-item__description"},this.description)),this._foldable&&i("span",{key:"edd3a46e0926faf5a64dbb212a4b37a6a1a161d3",class:"stzh-timeline-item__button-icon"})))),i("div",{key:"d360107b3b187bbc72be2e62c2a496d1c98d94c0",id:`${this.timelineItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-timeline-item__content","aria-labelledby":`${this.timelineItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},i("div",{key:"d40302ba0fec96c10e4e4aa64184f9195c26dce4",class:"stzh-timeline-item__content-inner"},i("slot",{key:"eb7de65dbc64bec4ae0d46e595ad706b4de85a6f"})))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"],foldable:["foldableWatcher"]}}};u.style=d;export{u as stzh_timeline_item};
2
+ //# sourceMappingURL=p-b159d0bc.entry.js.map
package/dist/stzh-components/{p-624be23e.entry.js.map → p-b159d0bc.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["stzhTimelineItemCss","StzhTimelineItemStyle0","ANIMATION_SHOW","keyframes","height","options","duration","easing","ANIMATION_HIDE","timelineItemCounter","StzhTimelineItem","this","toggledByMethod","focusedByInput","shiftPressed","onRootFocus","buttonElement","focus","onFocus","event","rootTabindex","stzhFocus","emit","component","originalEvent","onBlur","stzhBlur","handleFoldableChange","_event","foldableWatcher","foldable","handleHeaderClick","collapsible","toggle","open","show","timeline","onButtonKeydown","action","key","ctrlKey","preventDefault","setItemFocus","element","onContentKeydown","disabled","_foldable","waitForEvent","hide","openWatcher","newValue","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","handleKeydown","handleKeyup","componentWillLoad","timelineItemId","componentDidLoad","connectedCallback","closest","addEventListener","disconnectedCallback","removeEventListener","render","Heading","headingLevel","hasIcon","icon","hasSlot","classes","description","completed","h","Host","role","tabindex","class","id","onClick","ref","el","onKeyDown","type","analyticsId","heading","name","step","badge","badgeEmpty","label","badgeType"],"sources":["src/components/stzh-timeline-item/stzh-timeline-item.scss?tag=stzh-timeline-item&encapsulation=shadow","src/components/stzh-timeline-item/stzh-timeline-item.tsx"],"sourcesContent":["/**\n * @prop --icon-size: Icon size\n */\n\n:host {\n @include spaceCurve('--content-padding-bottom', 'regular');\n --trigger-size: 18px;\n --icon-size: #{iconSize()};\n --description-color: #{$colorBlack};\n --heading-margin-bottom: #{space('medium')};\n --button-color: #{$colorPrimary70};\n --button-background-color: transparent;\n --button-font-size: var(--stzh-timeline-nested-button-font-size, var(--stzh-font-milli-font-size));\n --button-line-height: var(--stzh-timeline-nested-button-line-height, var(--stzh-font-milli-heading-line-height));\n --button-letter-spacing: var(--stzh-timeline-nested-button-line-height, normal);\n --bullet-color: #{$colorPrimary70};\n --bullet-background-color: #{$colorGrey20};\n --content-padding-top: var(--stzh-timeline-content-padding-top);\n --content-padding-right: 0px;\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: var(--bullet-background-color);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n @include mq($from: small) {\n --button-font-size: var(--stzh-timeline-nested-button-font-size, var(--stzh-font-centi-font-size));\n --button-line-height: var(--stzh-timeline-nested-button-line-height, var(--stzh-font-centi-heading-line-height));\n }\n}\n\n/* Foldable */\n\n:host(:where([is-foldable])) {\n --button-background-color: #{$colorGrey10};\n --bullet-color: #{$colorBlack};\n --bullet-background-color: #{$colorSecondary20};\n\n --hover-button-background-color: #{$colorGrey20};\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: #{$colorSecondary40};\n\n @include highContrast() {\n --button-color: Highlight;\n\n --hover-button-color: Highlight;\n }\n}\n\n/* Open */\n\n:host(:where([open]:not([open=\"false\"]))) {\n --heading-margin-bottom: 0px;\n}\n\n/* Foldable Open */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n --bullet-color: #{$colorWhite};\n --bullet-background-color: #{$colorPrimary70};\n\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: #{$colorPrimary90};\n\n @include highContrast() {\n --button-color: SelectedItem;\n --bullet-color: SelectedItem;\n\n --hover-button-color: SelectedItem;\n --hover-bullet-color: SelectedItem;\n }\n}\n\n/* Completed */\n\n:host(:where([completed]:not([completed=\"false\"]))) {\n --bullet-color: #{$colorWhite};\n --bullet-background-color: #{$colorSecondary60};\n\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n/* Completed Foldable */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n --hover-bullet-background-color: #{$colorSecondary70};\n}\n\n/* Disabled */\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n --button-color: #{$colorGrey80};\n --bullet-color: #{$colorWhite};\n --bullet-background-color: #{$colorGrey60};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n.stzh-timeline-item {\n display: flex;\n flex-direction: column;\n\n &__heading {\n position: relative;\n margin: 0;\n }\n\n &__button {\n font-size: var(--button-font-size);\n line-height: var(--button-line-height);\n letter-spacing: var(--button-letter-spacing);\n font-family: inherit;\n width: 100%;\n appearance: none;\n background-color: transparent;\n padding: 0;\n border: none;\n display: flex;\n color: var(--button-color);\n text-align: left;\n transition-property: color;\n transition-duration: $baseTransitionAnimationSpeed;\n cursor: default;\n\n &:hover {\n color: var(--hover-button-color);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__button-inner {\n display: flex;\n flex-grow: 1;\n align-items: center;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n background-color: var(--button-background-color);\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n min-height: $timelineBulletSize;\n padding-left: space('xsmall');\n padding-right: space('small');\n }\n\n &__button:hover &__button-inner {\n background-color: var(--hover-button-background-color);\n }\n\n &__button,\n &__content-inner {\n padding-left: $timelineBulletSize;\n }\n\n &__button-text {\n @include font('heavy');\n flex-grow: 1;\n }\n\n &__button-icon {\n @include spaceCurve('margin-left', 'small');\n align-self: flex-start;\n position: relative;\n display: block;\n width: var(--trigger-size);\n height: var(--trigger-size);\n margin-top: space('xxsmall');\n\n &::before,\n &::after {\n position: absolute;\n top: 50%;\n left: 50%;\n content: '';\n display: block;\n width: var(--trigger-size);\n height: 2.5px;\n transition-property: transform;\n transition-duration: 500ms;\n transform-origin: top left;\n background-color: currentColor;\n\n @include highContrast() {\n background-color: CanvasText;\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &::before {\n transform: rotate(180deg) translate(-50%, -50%);\n }\n\n &::after {\n transform: rotate(90deg) translate(-50%, -50%);\n }\n }\n\n &__bullet {\n @include font('heavy');\n @include fontSize('milli');\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n width: $timelineBulletSize;\n height: $timelineBulletSize;\n color: var(--bullet-color);\n background-color: var(--bullet-background-color);\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__button:hover &__bullet {\n color: var(--hover-bullet-color);\n background-color: var(--hover-bullet-background-color);\n }\n\n &__bullet-icon-wrapper {\n --stzh-icon-size: var(--icon-size);\n\n display: flex;\n }\n\n &__content {\n // content padding of nested timelines\n @include spaceCurve('--stzh-timeline-content-padding-top', 'tiny');\n --stzh-timeline-nested-button-font-size: var(--stzh-font-micro-font-size);\n --stzh-timeline-nested-button-line-height: var(--stzh-font-micro-heading-line-height);\n\n overflow: hidden;\n\n @include mq($from: medium) {\n --stzh-timeline-nested-button-font-size: var(--stzh-font-milli-font-size);\n --stzh-timeline-nested-button-line-height: var(--stzh-font-milli-heading-line-height);\n }\n\n @media print {\n height: auto !important;\n overflow: visible !important;\n display: block !important;\n }\n }\n\n &__content-inner {\n padding-top: var(--content-padding-top);\n padding-bottom: var(--content-padding-bottom);\n padding-right: var(--content-padding-right);\n }\n\n &__badge {\n position: absolute;\n right: -5px;\n top: -6px;\n }\n\n &__description {\n @include fontCurve('caption');\n color: var(--description-color);\n transition: color $baseTransitionAnimationSpeed;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__heading {\n margin-bottom: var(--heading-margin-bottom);\n transition: margin-bottom $baseTransitionAnimationSpeed;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__heading-text,\n &__description {\n display: block;\n }\n\n /* Foldable */\n\n &--is-foldable &__button {\n cursor: pointer;\n }\n\n /* Open */\n\n &--is-open &__button-icon {\n &::before,\n &::after {\n transform: rotate(0) translate(-50%, -50%);\n }\n }\n\n /* Disabled */\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Method,\n Watch,\n Event,\n EventEmitter,\n State,\n Listen,\n} from \"@stencil/core\";\n\nimport {\n StzhTimelineItemOpenEvent,\n StzhTimelineItemOpenedEvent,\n StzhTimelineItemCloseEvent,\n StzhTimelineItemClosedEvent,\n StzhTimelineItemFocusEvent,\n StzhTimelineItemBlurEvent,\n StzhTimelineFoldableChangeEvent,\n StzhBadgeType\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { height: \"0\" },\n { height: \"auto\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { height: \"auto\" },\n { height: \"0\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nlet timelineItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n tag: \"stzh-timeline-item\",\n styleUrl: \"stzh-timeline-item.scss\",\n shadow: true,\n})\nexport class StzhTimelineItem {\n /** Whether folds are foldable (overwrites `foldable` property from `timeline` parent) */\n @Prop() foldable: boolean;\n\n /** Whether fold is collapsible (overwrites `collapsible` property from `timeline` parent) */\n @Prop() collapsible: boolean;\n\n /** Whether fold is open */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /** Whether fold disabled */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Whether step should be marked as completed */\n @Prop({ reflect: true }) completed: boolean = false;\n\n /** Heading title */\n @Prop() heading: string = \"\";\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Step number shown inside bullet by default */\n @Prop({ reflect: true }) step: number = 1;\n\n /** Icon (use instead of icon slot) */\n @Prop() icon: string = \"\";\n\n /** Badge */\n @Prop() badge: string = \"\";\n\n /** Whether badge should be displayed empty */\n @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n /** Badge type */\n @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n /** Heading level */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `heading` prop.\n */\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhTimelineItemElement;\n\n /** Open event */\n @Event() stzhOpen: EventEmitter<StzhTimelineItemOpenEvent>;\n\n /** Opened event (after animation) */\n @Event() stzhOpened: EventEmitter<StzhTimelineItemOpenedEvent>;\n\n /** Close event */\n @Event() stzhClose: EventEmitter<StzhTimelineItemCloseEvent>;\n\n /** Closed event (after animation) */\n @Event() stzhClosed: EventEmitter<StzhTimelineItemClosedEvent>;\n\n /** Show timeline item content */\n @Method()\n async show() {\n if (this.open || this.disabled || !this._foldable) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n /** Hide timeline item content */\n @Method()\n async hide() {\n if (!this.open || this.disabled || !this._foldable) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n /** Toggle timeline item content */\n @Method()\n async toggle() {\n if (this.open) {\n return await this.hide();\n } else {\n return await this.show();\n }\n }\n\n /** Focus event */\n @Event() stzhFocus: EventEmitter<StzhTimelineItemFocusEvent>;\n\n /** Input blur event */\n @Event() stzhBlur: EventEmitter<StzhTimelineItemBlurEvent>;\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.bodyElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-timeline-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.hidden = false;\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_SHOW.options\n );\n\n this.bodyElement.style.height = \"auto\";\n this.bodyElement.style.overflow = \"visible\";\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-timeline-item\"\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-timeline-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.style.overflow = \"hidden\";\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_HIDE.options\n );\n\n this.bodyElement.hidden = true;\n this.bodyElement.style.height = \"0px\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-timeline-item\"\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n @Watch(\"foldable\")\n foldableWatcher(newValue: boolean) {\n if (typeof newValue !== \"undefined\") {\n this._foldable = newValue;\n } else if (this.timeline) {\n this._foldable = this.timeline.foldable;\n }\n\n if (!this._foldable) {\n this.open = true;\n }\n }\n\n @Listen(\"keydown\", { target: \"document\", capture: true })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = true;\n }\n }\n\n @Listen(\"keyup\", { target: \"document\", capture: true })\n handleKeyup(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = false;\n }\n }\n\n @State() rootTabindex: number = 0;\n\n @State() _foldable: boolean = false;\n\n private toggledByMethod: boolean = false;\n private bodyElement: HTMLDivElement;\n private buttonElement: HTMLButtonElement;\n private timelineItemId: string;\n private timeline: HTMLStzhTimelineElement;\n private focusedByInput: boolean = false;\n private shiftPressed: boolean = false;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.buttonElement.focus();\n }\n\n this.focusedByInput = false;\n }\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n if (this.shiftPressed) { // user presses currently shift\n this.rootTabindex = -1;\n }\n\n this.stzhFocus.emit({\n component: \"stzh-timeline-item\",\n originalEvent: event\n });\n }\n\n private onBlur = (event: FocusEvent) => {\n this.rootTabindex = 0;\n\n this.stzhBlur.emit({\n component: \"stzh-timeline-item\",\n originalEvent: event\n });\n }\n\n private handleFoldableChange = (_event: CustomEvent<StzhTimelineFoldableChangeEvent>) => {\n this.foldableWatcher(this.foldable);\n }\n\n private handleHeaderClick = () => {\n if (typeof this.collapsible !== \"undefined\") {\n if (this.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n } else if (!this.timeline || this.timeline.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n }\n\n private onButtonKeydown = (event: KeyboardEvent) => {\n let action = null;\n\n if (event.key === \"ArrowDown\") {\n action = \"next\";\n } else if (event.key === \"ArrowUp\") {\n action = \"prev\";\n } else if (event.key === \"Home\") {\n action = \"first\";\n } else if (event.key === \"End\") {\n action = \"last\";\n } else if (event.key === \"PageDown\" && event.ctrlKey) {\n action = \"next\";\n } else if (event.key === \"PageUp\" && event.ctrlKey) {\n action = \"prev\";\n }\n\n if (event.key === \"Shift\") {\n this.rootTabindex = -1;\n }\n\n if (action) {\n event.preventDefault();\n this.timeline.setItemFocus(this.element, action);\n }\n }\n\n private onContentKeydown = (event: KeyboardEvent) => {\n if (!event.ctrlKey) {\n return;\n }\n\n let action = null;\n\n if (event.key === \"PageDown\") {\n action = \"next\";\n } else if (event.key === \"PageUp\") {\n action = \"prev\";\n }\n\n if (action) {\n event.preventDefault();\n this.timeline.setItemFocus(this.element, action);\n }\n }\n\n componentWillLoad() {\n this.timelineItemId = `stzh-timeline-item-${timelineItemCounter++}`;\n }\n\n componentDidLoad() {\n this.bodyElement.hidden = !this.open;\n this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n }\n\n async connectedCallback() {\n this.timeline = this.element.closest(\"stzh-timeline\");\n\n if (this.timeline) {\n this.timeline.addEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n }\n\n this.foldableWatcher(this.foldable);\n }\n\n disconnectedCallback() {\n if (this.timeline) {\n this.timeline.removeEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n this.timeline = null;\n }\n }\n\n render() {\n const Heading = `h${this.headingLevel}`;\n const hasIcon = !!this.icon || hasSlot(this.element, \"icon\");\n const classes = {\n \"stzh-timeline-item\": true,\n \"stzh-timeline-item--has-description\": !!this.description,\n \"stzh-timeline-item--is-open\": this.open,\n \"stzh-timeline-item--is-disabled\": this.disabled,\n \"stzh-timeline-item--is-foldable\": this._foldable,\n \"stzh-timeline-item--is-completed\": this.completed,\n };\n\n return (\n <Host\n role=\"listitem\"\n is-foldable={this._foldable}\n tabindex={this.disabled ? null : this.rootTabindex}\n onFocus={this.onRootFocus}\n >\n <div class={classes}>\n <Heading\n id={`${this.timelineItemId}-header`}\n class=\"stzh-timeline-item__heading\"\n onClick={this.handleHeaderClick}\n >\n <button\n ref={(el) => (this.buttonElement = el as HTMLButtonElement)}\n class=\"stzh-timeline-item__button\"\n aria-controls={`${this.timelineItemId}-content`}\n aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n aria-disabled={!this._foldable ? \"true\" : \"false\"}\n disabled={this.disabled}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onKeyDown={this.onButtonKeydown}\n type=\"button\"\n s-object-id={this.analyticsId || this.heading}\n >\n <span class=\"stzh-timeline-item__bullet\">\n {hasIcon || this.completed\n ?\n <span class=\"stzh-timeline-item__bullet-icon-wrapper\">\n {this.icon || this.completed ?\n <stzh-icon class=\"stzh-timeline-item__bullet-icon\" name={this.icon ? this.icon : \"checkmark\"}></stzh-icon>\n :\n <slot name=\"icon\"></slot>\n }\n </span>\n :\n <span class=\"stzh-timeline-item__bullet-text\">{this.step}</span>\n }\n\n {(this.badge || this.badgeEmpty) &&\n <stzh-badge\n class=\"stzh-timeline-item__badge\"\n label={this.badge}\n type={this.badgeType}\n ></stzh-badge>\n }\n </span>\n <div class=\"stzh-timeline-item__button-inner\">\n <span class=\"stzh-timeline-item__button-text\">\n <span class=\"stzh-timeline-item__heading-text\">\n {this.heading}\n </span>\n <span class=\"stzh-timeline-item__description\">\n {this.description}\n </span>\n </span>\n {this._foldable &&\n <span class=\"stzh-timeline-item__button-icon\"></span>\n }\n </div>\n </button>\n </Heading>\n <div\n id={`${this.timelineItemId}-content`}\n ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n class=\"stzh-timeline-item__content\"\n aria-labelledby={`${this.timelineItemId}-header`}\n role=\"region\"\n onKeyDown={this.onContentKeydown}\n >\n <div class=\"stzh-timeline-item__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["stzhTimelineItemCss","StzhTimelineItemStyle0","ANIMATION_SHOW","keyframes","height","options","duration","easing","ANIMATION_HIDE","timelineItemCounter","StzhTimelineItem","this","toggledByMethod","focusedByInput","shiftPressed","onRootFocus","buttonElement","focus","onFocus","event","rootTabindex","stzhFocus","emit","component","originalEvent","onBlur","stzhBlur","handleFoldableChange","_event","foldableWatcher","foldable","handleHeaderClick","collapsible","toggle","open","show","timeline","onButtonKeydown","action","key","ctrlKey","preventDefault","setItemFocus","element","onContentKeydown","disabled","_foldable","waitForEvent","hide","openWatcher","newValue","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","handleKeydown","handleKeyup","componentWillLoad","timelineItemId","componentDidLoad","connectedCallback","closest","addEventListener","disconnectedCallback","removeEventListener","render","Heading","headingLevel","hasIcon","icon","hasSlot","classes","description","completed","h","Host","role","tabindex","class","id","onClick","ref","el","onKeyDown","type","analyticsId","heading","name","step","badge","badgeEmpty","label","badgeType"],"sources":["src/components/stzh-timeline-item/stzh-timeline-item.scss?tag=stzh-timeline-item&encapsulation=shadow","src/components/stzh-timeline-item/stzh-timeline-item.tsx"],"sourcesContent":["/**\n * @prop --icon-size: Icon size\n */\n\n:host {\n @include spaceCurve('--content-padding-bottom', 'regular');\n --trigger-size: 18px;\n --icon-size: #{iconSize()};\n --description-color: #{$colorBlack};\n --heading-margin-bottom: #{space('medium')};\n --button-color: #{$colorPrimary70};\n --button-background-color: transparent;\n --button-font-size: var(--stzh-timeline-nested-button-font-size, var(--stzh-font-milli-font-size));\n --button-line-height: var(--stzh-timeline-nested-button-line-height, var(--stzh-font-milli-heading-line-height));\n --button-letter-spacing: var(--stzh-timeline-nested-button-line-height, normal);\n --bullet-color: #{$colorPrimary70};\n --bullet-background-color: #{$colorGrey20};\n --content-padding-top: var(--stzh-timeline-content-padding-top);\n --content-padding-right: 0px;\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: var(--bullet-background-color);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n @include mq($from: small) {\n --button-font-size: var(--stzh-timeline-nested-button-font-size, var(--stzh-font-centi-font-size));\n --button-line-height: var(--stzh-timeline-nested-button-line-height, var(--stzh-font-centi-heading-line-height));\n }\n}\n\n/* Foldable */\n\n:host(:where([is-foldable])) {\n --button-background-color: #{$colorGrey10};\n --bullet-color: #{$colorBlack};\n --bullet-background-color: #{$colorSecondary20};\n\n --hover-button-background-color: #{$colorGrey20};\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: #{$colorSecondary40};\n\n @include highContrast() {\n --button-color: Highlight;\n\n --hover-button-color: Highlight;\n }\n}\n\n/* Open */\n\n:host(:where([open]:not([open=\"false\"]))) {\n --heading-margin-bottom: 0px;\n}\n\n/* Foldable Open */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n --bullet-color: #{$colorWhite};\n --bullet-background-color: #{$colorPrimary70};\n\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: #{$colorPrimary90};\n\n @include highContrast() {\n --button-color: SelectedItem;\n --bullet-color: SelectedItem;\n\n --hover-button-color: SelectedItem;\n --hover-bullet-color: SelectedItem;\n }\n}\n\n/* Completed */\n\n:host(:where([completed]:not([completed=\"false\"]))) {\n --bullet-color: #{$colorWhite};\n --bullet-background-color: #{$colorSecondary60};\n\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n/* Completed Foldable */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n --hover-bullet-background-color: #{$colorSecondary70};\n}\n\n/* Disabled */\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n --button-color: #{$colorGrey80};\n --bullet-color: #{$colorWhite};\n --bullet-background-color: #{$colorGrey60};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n --hover-bullet-color: var(--bullet-color);\n --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n.stzh-timeline-item {\n display: flex;\n flex-direction: column;\n\n &__heading {\n position: relative;\n margin: 0;\n }\n\n &__button {\n font-size: var(--button-font-size);\n line-height: var(--button-line-height);\n letter-spacing: var(--button-letter-spacing);\n font-family: inherit;\n width: 100%;\n appearance: none;\n background-color: transparent;\n padding: 0;\n border: none;\n display: flex;\n color: var(--button-color);\n text-align: left;\n transition-property: color;\n transition-duration: $baseTransitionAnimationSpeed;\n cursor: default;\n\n &:hover {\n color: var(--hover-button-color);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__button-inner {\n display: flex;\n flex-grow: 1;\n align-items: center;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n background-color: var(--button-background-color);\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n min-height: $timelineBulletSize;\n padding-left: space('xsmall');\n padding-right: space('small');\n }\n\n &__button:hover &__button-inner {\n background-color: var(--hover-button-background-color);\n }\n\n &__button,\n &__content-inner {\n padding-left: $timelineBulletSize;\n }\n\n &__button-text {\n @include font('heavy');\n flex-grow: 1;\n }\n\n &__button-icon {\n @include spaceCurve('margin-left', 'small');\n align-self: flex-start;\n position: relative;\n display: block;\n width: var(--trigger-size);\n height: var(--trigger-size);\n margin-top: space('xxsmall');\n\n &::before,\n &::after {\n position: absolute;\n top: 50%;\n left: 50%;\n content: '';\n display: block;\n width: var(--trigger-size);\n height: 2.5px;\n transition-property: transform;\n transition-duration: 500ms;\n transform-origin: top left;\n background-color: currentColor;\n\n @include highContrast() {\n background-color: CanvasText;\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &::before {\n transform: rotate(180deg) translate(-50%, -50%);\n }\n\n &::after {\n transform: rotate(90deg) translate(-50%, -50%);\n }\n }\n\n &__bullet {\n @include font('heavy');\n @include fontSize('milli');\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n width: $timelineBulletSize;\n height: $timelineBulletSize;\n color: var(--bullet-color);\n background-color: var(--bullet-background-color);\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__button:hover &__bullet {\n color: var(--hover-bullet-color);\n background-color: var(--hover-bullet-background-color);\n }\n\n &__bullet-icon-wrapper {\n --stzh-icon-size: var(--icon-size);\n\n display: flex;\n }\n\n &__content {\n // content padding of nested timelines\n @include spaceCurve('--stzh-timeline-content-padding-top', 'tiny');\n --stzh-timeline-nested-button-font-size: var(--stzh-font-micro-font-size);\n --stzh-timeline-nested-button-line-height: var(--stzh-font-micro-heading-line-height);\n\n overflow: hidden;\n\n @include mq($from: medium) {\n --stzh-timeline-nested-button-font-size: var(--stzh-font-milli-font-size);\n --stzh-timeline-nested-button-line-height: var(--stzh-font-milli-heading-line-height);\n }\n\n @media print {\n height: auto !important;\n overflow: visible !important;\n display: block !important;\n }\n }\n\n &__content-inner {\n padding-top: var(--content-padding-top);\n padding-bottom: var(--content-padding-bottom);\n padding-right: var(--content-padding-right);\n }\n\n &__badge {\n position: absolute;\n right: -5px;\n top: -6px;\n }\n\n &__description {\n @include fontCurve('caption');\n color: var(--description-color);\n transition: color $baseTransitionAnimationSpeed;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__heading {\n margin-bottom: var(--heading-margin-bottom);\n transition: margin-bottom $baseTransitionAnimationSpeed;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__heading-text,\n &__description {\n display: block;\n }\n\n /* Foldable */\n\n &--is-foldable &__button {\n cursor: pointer;\n }\n\n /* Open */\n\n &--is-open &__button-icon {\n &::before,\n &::after {\n transform: rotate(0) translate(-50%, -50%);\n }\n }\n\n /* Disabled */\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Method,\n Watch,\n Event,\n EventEmitter,\n State,\n Listen,\n} from \"@stencil/core\";\n\nimport {\n StzhTimelineItemOpenEvent,\n StzhTimelineItemOpenedEvent,\n StzhTimelineItemCloseEvent,\n StzhTimelineItemClosedEvent,\n StzhTimelineItemFocusEvent,\n StzhTimelineItemBlurEvent,\n StzhTimelineFoldableChangeEvent,\n StzhBadgeType\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { height: \"0\" },\n { height: \"auto\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { height: \"auto\" },\n { height: \"0\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nlet timelineItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n tag: \"stzh-timeline-item\",\n styleUrl: \"stzh-timeline-item.scss\",\n shadow: true,\n})\nexport class StzhTimelineItem {\n /** Whether folds are foldable (overwrites `foldable` property from `timeline` parent) */\n @Prop() foldable: boolean;\n\n /** Whether fold is collapsible (overwrites `collapsible` property from `timeline` parent) */\n @Prop() collapsible: boolean;\n\n /** Whether fold is open */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /** Whether fold disabled */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Whether step should be marked as completed */\n @Prop({ reflect: true }) completed: boolean = false;\n\n /** Heading title */\n @Prop() heading: string = \"\";\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Step number shown inside bullet by default */\n @Prop({ reflect: true }) step: number = 1;\n\n /** Icon (use instead of icon slot) */\n @Prop() icon: string = \"\";\n\n /** Badge */\n @Prop() badge: string = \"\";\n\n /** Whether badge should be displayed empty */\n @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n /** Badge type */\n @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n /** Heading level */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `heading` prop.\n */\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhTimelineItemElement;\n\n /** Open event */\n @Event() stzhOpen: EventEmitter<StzhTimelineItemOpenEvent>;\n\n /** Opened event (after animation) */\n @Event() stzhOpened: EventEmitter<StzhTimelineItemOpenedEvent>;\n\n /** Close event */\n @Event() stzhClose: EventEmitter<StzhTimelineItemCloseEvent>;\n\n /** Closed event (after animation) */\n @Event() stzhClosed: EventEmitter<StzhTimelineItemClosedEvent>;\n\n /** Show timeline item content */\n @Method()\n async show() {\n if (this.open || this.disabled || !this._foldable) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n /** Hide timeline item content */\n @Method()\n async hide() {\n if (!this.open || this.disabled || !this._foldable) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n /** Toggle timeline item content */\n @Method()\n async toggle() {\n if (this.open) {\n return await this.hide();\n } else {\n return await this.show();\n }\n }\n\n /** Focus event */\n @Event() stzhFocus: EventEmitter<StzhTimelineItemFocusEvent>;\n\n /** Input blur event */\n @Event() stzhBlur: EventEmitter<StzhTimelineItemBlurEvent>;\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.bodyElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-timeline-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.hidden = false;\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_SHOW.options\n );\n\n this.bodyElement.style.height = \"auto\";\n this.bodyElement.style.overflow = \"visible\";\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-timeline-item\"\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-timeline-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.style.overflow = \"hidden\";\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_HIDE.options\n );\n\n this.bodyElement.hidden = true;\n this.bodyElement.style.height = \"0px\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-timeline-item\"\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n @Watch(\"foldable\")\n foldableWatcher(newValue: boolean) {\n if (typeof newValue !== \"undefined\") {\n this._foldable = newValue;\n } else if (this.timeline) {\n this._foldable = this.timeline.foldable;\n }\n\n if (!this._foldable) {\n this.open = true;\n }\n }\n\n @Listen(\"keydown\", { target: \"document\", capture: true })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = true;\n }\n }\n\n @Listen(\"keyup\", { target: \"document\", capture: true })\n handleKeyup(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = false;\n }\n }\n\n @State() rootTabindex: number = 0;\n\n @State() _foldable: boolean = false;\n\n private toggledByMethod: boolean = false;\n private bodyElement: HTMLDivElement;\n private buttonElement: HTMLButtonElement;\n private timelineItemId: string;\n private timeline: HTMLStzhTimelineElement;\n private focusedByInput: boolean = false;\n private shiftPressed: boolean = false;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.buttonElement.focus();\n }\n\n this.focusedByInput = false;\n }\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n if (this.shiftPressed) { // user presses currently shift\n this.rootTabindex = -1;\n }\n\n this.stzhFocus.emit({\n component: \"stzh-timeline-item\",\n originalEvent: event\n });\n }\n\n private onBlur = (event: FocusEvent) => {\n this.rootTabindex = 0;\n\n this.stzhBlur.emit({\n component: \"stzh-timeline-item\",\n originalEvent: event\n });\n }\n\n private handleFoldableChange = (_event: CustomEvent<StzhTimelineFoldableChangeEvent>) => {\n this.foldableWatcher(this.foldable);\n }\n\n private handleHeaderClick = () => {\n if (typeof this.collapsible !== \"undefined\") {\n if (this.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n } else if (!this.timeline || this.timeline.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n }\n\n private onButtonKeydown = (event: KeyboardEvent) => {\n let action = null;\n\n if (event.key === \"ArrowDown\") {\n action = \"next\";\n } else if (event.key === \"ArrowUp\") {\n action = \"prev\";\n } else if (event.key === \"Home\") {\n action = \"first\";\n } else if (event.key === \"End\") {\n action = \"last\";\n } else if (event.key === \"PageDown\" && event.ctrlKey) {\n action = \"next\";\n } else if (event.key === \"PageUp\" && event.ctrlKey) {\n action = \"prev\";\n }\n\n if (event.key === \"Shift\") {\n this.rootTabindex = -1;\n }\n\n if (action) {\n event.preventDefault();\n this.timeline.setItemFocus(this.element, action);\n }\n }\n\n private onContentKeydown = (event: KeyboardEvent) => {\n if (!event.ctrlKey) {\n return;\n }\n\n let action = null;\n\n if (event.key === \"PageDown\") {\n action = \"next\";\n } else if (event.key === \"PageUp\") {\n action = \"prev\";\n }\n\n if (action) {\n event.preventDefault();\n this.timeline.setItemFocus(this.element, action);\n }\n }\n\n componentWillLoad() {\n this.timelineItemId = `stzh-timeline-item-${timelineItemCounter++}`;\n }\n\n componentDidLoad() {\n this.bodyElement.hidden = !this.open;\n this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n }\n\n async connectedCallback() {\n this.timeline = this.element.closest(\"stzh-timeline\");\n\n if (this.timeline) {\n this.timeline.addEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n }\n\n this.foldableWatcher(this.foldable);\n }\n\n disconnectedCallback() {\n if (this.timeline) {\n this.timeline.removeEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n this.timeline = null;\n }\n }\n\n render() {\n const Heading = `h${this.headingLevel}`;\n const hasIcon = !!this.icon || hasSlot(this.element, \"icon\");\n const classes = {\n \"stzh-timeline-item\": true,\n \"stzh-timeline-item--has-description\": !!this.description,\n \"stzh-timeline-item--is-open\": this.open,\n \"stzh-timeline-item--is-disabled\": this.disabled,\n \"stzh-timeline-item--is-foldable\": this._foldable,\n \"stzh-timeline-item--is-completed\": this.completed,\n };\n\n return (\n <Host\n role=\"listitem\"\n is-foldable={this._foldable}\n tabindex={this.disabled ? null : this.rootTabindex}\n onFocus={this.onRootFocus}\n >\n <div class={classes}>\n <Heading\n id={`${this.timelineItemId}-header`}\n class=\"stzh-timeline-item__heading\"\n onClick={this.handleHeaderClick}\n >\n <button\n ref={(el) => (this.buttonElement = el as HTMLButtonElement)}\n class=\"stzh-timeline-item__button\"\n aria-controls={`${this.timelineItemId}-content`}\n aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n aria-disabled={!this._foldable ? \"true\" : \"false\"}\n disabled={this.disabled}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onKeyDown={this.onButtonKeydown}\n type=\"button\"\n s-object-id={this.analyticsId || this.heading}\n >\n <span class=\"stzh-timeline-item__bullet\">\n {hasIcon || this.completed\n ?\n <span class=\"stzh-timeline-item__bullet-icon-wrapper\">\n {this.icon || this.completed ?\n <stzh-icon class=\"stzh-timeline-item__bullet-icon\" name={this.icon ? this.icon : \"checkmark\"}></stzh-icon>\n :\n <slot name=\"icon\"></slot>\n }\n </span>\n :\n <span class=\"stzh-timeline-item__bullet-text\">{this.step}</span>\n }\n\n {(this.badge || this.badgeEmpty) &&\n <stzh-badge\n class=\"stzh-timeline-item__badge\"\n label={this.badge}\n type={this.badgeType}\n ></stzh-badge>\n }\n </span>\n <div class=\"stzh-timeline-item__button-inner\">\n <span class=\"stzh-timeline-item__button-text\">\n <span class=\"stzh-timeline-item__heading-text\">\n {this.heading}\n </span>\n <span class=\"stzh-timeline-item__description\">\n {this.description}\n </span>\n </span>\n {this._foldable &&\n <span class=\"stzh-timeline-item__button-icon\"></span>\n }\n </div>\n </button>\n </Heading>\n <div\n id={`${this.timelineItemId}-content`}\n ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n class=\"stzh-timeline-item__content\"\n aria-labelledby={`${this.timelineItemId}-header`}\n role=\"region\"\n onKeyDown={this.onContentKeydown}\n >\n <div class=\"stzh-timeline-item__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
package/dist/stzh-components/p-b40a0635.js ADDED
@@ -0,0 +1,2 @@
1
+ const t="@oiz/stzh-components";const n="4.0.0";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const g=m;export{g};
2
+ //# sourceMappingURL=p-b40a0635.js.map
package/dist/stzh-components/{p-1c01ddd2.js.map → p-b40a0635.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["packageName","packageNameScoped","substring","indexOf","debouncedFocus","event","autofocus","document","querySelector","window","stzhComponents","fixAutofocus","location","hash","detail","namespace","tagName","toLowerCase","focus","fixHashfocus","hashElement","scrollIntoView","applyAutofocus","addEventListener","observeScrollbarWidth","config","threshold","handleIntersect","entries","forEach","entry","scrollbarWidth","intersectionRatio","innerWidth","documentElement","clientWidth","style","setProperty","bodyScrollObserver","IntersectionObserver","observe","body","format","date","type","translations","console","log","$formats","$globals","adapter","createFormatParseAdapter","parse","string","formatSpan","date2","parseSpan","formats","globals","globalFormatter","Date","isNaN","getTime","j","getDate","toString","d","n","getMonth","m","yC","getFullYear","gC","getHours","hC","i","getMinutes","fC","monthNames","mC","monthNamesShort","l","dayNames","getDay","D","dayNamesShort","replace","globalParser","input","regex","RegExp","match","groups","year","parseInt","Y","month","day","hours","G","H","minutes","globalAdapter","dateFormats","formattedDate","formattedDate2","this","range","dateRange","startsWith","timeRange","dates","split","getLocale","element","closestElement","closest","locale","lang","supportedLocales","defaultLocale","async","fetchTranslations","host","component","existingTranslations","JSON","sessionStorage","getItem","version","cacheTranslations","Object","keys","length","$locale","$code","$formatsIso","$formatsLegacy","result","fetch","pathTranslations","ok","data","json","setItem","stringify","exception","error","assign","pathMedia","utils","translationsLoading","then","catch","reason","globalScripts","appGlobalScript"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n// let focused = false;\n\n// function debounce(func, timeout = 500){\n// let timer;\n// return (...args) => {\n// clearTimeout(timer);\n// timer = setTimeout(() => { func.apply(this, args); }, timeout);\n// };\n// }\n\nconst debouncedFocus = (event) => {\n // if (focused) {\n // return false;\n // }\n\n const autofocus = document.querySelector('[autofocus]');\n\n if (window.stzhComponents.fixAutofocus\n && !document.location.hash\n && autofocus\n && event.detail.namespace === packageName\n && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n && 'focus' in autofocus\n ) {\n autofocus.focus();\n // focused = true;\n } else if (window.stzhComponents.fixHashfocus && document.location.hash) {\n const hashElement = document.querySelector(document.location.hash);\n\n if (hashElement) {\n hashElement.scrollIntoView();\n // focused = true;\n }\n }\n}\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n window.addEventListener('appload', debouncedFocus);\n}\n","export function observeScrollbarWidth() {\n const config = {\n threshold: 1.0\n };\n\n const handleIntersect = (entries) => {\n entries.forEach(entry => {\n let scrollbarWidth = 0;\n\n if (entry.intersectionRatio < 1) {\n // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n }\n\n document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n });\n };\n\n const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n bodyScrollObserver.observe(document.body);\n}\n","export function format(date, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.format(date, type);\n}\n\nexport function parse(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n // format letters from https://www.php.net/manual/de/datetime.format.php\n const globalFormatter = function (format, date) {\n if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n return '';\n }\n\n let j = date.getDate().toString(10);\n let d = j;\n let n = (date.getMonth() + 1).toString(10);\n let m = n;\n let yC = date.getFullYear().toString(10);\n let gC = date.getHours().toString(10);\n let hC = gC;\n let i = date.getMinutes().toString(10);\n\n // full textual representation of a month\n let fC = globals.monthNames[date.getMonth()];\n // short textual representation of a month\n let mC = globals.monthNamesShort[date.getMonth()];\n // full textual representation of the day\n let l = globals.dayNames[date.getDay()];\n // short textual representation of the day\n let D = globals.dayNamesShort[date.getDay()];\n\n // months *are* zero-indexed, pad if less than 9!\n if (date.getMonth() < 9) {\n m = `0${m}`;\n }\n\n if (date.getDate() < 10) {\n d = `0${d}`;\n }\n\n if (date.getHours() < 10) {\n hC = `0${hC}`;\n }\n\n if (date.getMinutes() < 10) {\n i = `0${i}`;\n }\n\n return format\n .replace(/\\{j\\}/g, j)\n .replace(/\\{d\\}/g, d)\n .replace(/\\{D\\}/g, D)\n .replace(/\\{l\\}/g, l)\n .replace(/\\{n\\}/g, n)\n .replace(/\\{m\\}/g, m)\n .replace(/\\{F\\}/g, fC)\n .replace(/\\{M\\}/g, mC)\n .replace(/\\{Y\\}/g, yC)\n .replace(/\\{H\\}/g, hC)\n .replace(/\\{G\\}/g, gC)\n .replace(/\\{i\\}/g, i);\n };\n\n const globalParser = function (parse, input) {\n if (!input) {\n return;\n }\n\n const regex = new RegExp(parse);\n const match = input.match(regex);\n\n if (match) {\n const { groups } = match;\n\n const year = parseInt(groups.Y || '', 10);\n const month = parseInt(groups.n || groups.m || '', 10);\n const day = parseInt(groups.j || groups.d || '', 10);\n const hours = parseInt(groups.G || groups.H || '', 10);\n const minutes = parseInt(groups.i || '', 10);\n\n if (!isNaN(year) && (year < 1000 || year > 9999)) {\n return;\n }\n\n if (!isNaN(month) && (month < 1 || month > 12)) {\n return;\n }\n\n // we check day later again (if month changed, it was out of range)\n if (!isNaN(day) && (day < 1 || day > 31)) {\n return;\n }\n\n if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n return;\n }\n\n if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n return;\n }\n\n const date = new Date(\n !isNaN(year) ? year : null,\n !isNaN(month) ? month - 1 : null,\n !isNaN(day) ? day : null,\n !isNaN(hours) ? hours : null,\n !isNaN(minutes) ? minutes : null\n );\n\n // if day was out of possible range (1 - 28/29/30/31)\n // we find out by check if month has changed\n if (date.getMonth() + 1 !== month) {\n return;\n }\n\n return date;\n }\n };\n\n const globalAdapter = {\n format: function (date, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.format === 'string') {\n return globalFormatter(dateFormats.format, date);\n } else {\n return dateFormats.format(date);\n }\n },\n parse: function (input, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.parse === 'string') {\n return globalParser(dateFormats.parse, input);\n } else {\n return dateFormats.parse(input);\n }\n },\n formatSpan: function (date, date2, type = 'datetime') {\n let formattedDate = date;\n let formattedDate2 = date2;\n\n if (date instanceof Date && !isNaN(date.getTime())) {\n formattedDate = this.format(date, type);\n }\n\n if (date2 instanceof Date && !isNaN(date2.getTime())) {\n formattedDate2 = this.format(date2, type);\n }\n\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n return (\n formattedDate +\n (formattedDate2 &&\n (!(formattedDate2 instanceof Date) || (formattedDate2 instanceof Date && !isNaN(date.getTime())))\n ? range + formattedDate2\n : '')\n );\n },\n parseSpan: function (string, type) {\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n const dates = string.split(range);\n const date = this.parse(dates[0], type);\n const date2 = this.parse(dates[1], type);\n\n return [date, date2, range];\n }\n };\n\n return globalAdapter;\n}\n\nexport function getLocale(element) {\n const closestElement = element.closest('[lang]');\n const locale = closestElement && closestElement.lang.split('-')[0];\n\n if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n return window.stzhComponents.defaultLocale;\n } else {\n return locale;\n }\n}\n\nexport async function fetchTranslations(host, component) {\n const locale = getLocale(host);\n const existingTranslations = JSON.parse(\n sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`)\n );\n\n if (window.stzhComponents.cacheTranslations && existingTranslations && Object.keys(existingTranslations).length > 0) {\n return {\n ...(existingTranslations[component] || {}),\n $globals: existingTranslations.$globals,\n $locale: existingTranslations.$code,\n $formats: existingTranslations.$formats,\n $formatsIso: existingTranslations.$formatsIso,\n $formatsLegacy: existingTranslations.$formatsLegacy\n };\n }\n\n try {\n const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);\n\n if (result.ok) {\n const data = await result.json();\n sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n return {\n ...(data[component] || {}),\n $globals: data.$globals,\n $locale: data.$code,\n $formats: data.$formats,\n $formatsIso: data.$formatsIso,\n $formatsLegacy: data.$formatsLegacy\n };\n }\n } catch (exception) {\n console.error(`Error loading locale: ${locale}`, exception);\n }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n window.stzhComponents = {\n defaultLocale: 'de',\n pathMedia: '/',\n pathTranslations: '/',\n cacheTranslations: true,\n formats: {},\n translations: null,\n fixAutofocus: true,\n fixHashfocus: true,\n ...window.stzhComponents || {},\n version,\n supportedLocales: ['de', 'en'],\n utils\n };\n\n if (window.stzhComponents.translations === null) {\n window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n window.stzhComponents.translations = translations;\n }).catch((reason) => {\n console.error(\"Translations couldn't load:\", reason)\n });\n }\n\n applyAutofocus();\n observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"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"}
1
+ {"version":3,"names":["packageName","packageNameScoped","substring","indexOf","debouncedFocus","event","autofocus","document","querySelector","window","stzhComponents","fixAutofocus","location","hash","detail","namespace","tagName","toLowerCase","focus","fixHashfocus","hashElement","scrollIntoView","applyAutofocus","addEventListener","observeScrollbarWidth","config","threshold","handleIntersect","entries","forEach","entry","scrollbarWidth","intersectionRatio","innerWidth","documentElement","clientWidth","style","setProperty","bodyScrollObserver","IntersectionObserver","observe","body","format","date","type","translations","console","log","$formats","$globals","adapter","createFormatParseAdapter","parse","string","formatSpan","date2","parseSpan","formats","globals","globalFormatter","Date","isNaN","getTime","j","getDate","toString","d","n","getMonth","m","yC","getFullYear","gC","getHours","hC","i","getMinutes","fC","monthNames","mC","monthNamesShort","l","dayNames","getDay","D","dayNamesShort","replace","globalParser","input","regex","RegExp","match","groups","year","parseInt","Y","month","day","hours","G","H","minutes","globalAdapter","dateFormats","formattedDate","formattedDate2","this","range","dateRange","startsWith","timeRange","dates","split","getLocale","element","closestElement","closest","locale","lang","supportedLocales","defaultLocale","async","fetchTranslations","host","component","existingTranslations","JSON","sessionStorage","getItem","version","cacheTranslations","Object","keys","length","$locale","$code","$formatsIso","$formatsLegacy","result","fetch","pathTranslations","ok","data","json","setItem","stringify","exception","error","assign","pathMedia","utils","translationsLoading","then","catch","reason","globalScripts","appGlobalScript"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n// let focused = false;\n\n// function debounce(func, timeout = 500){\n// let timer;\n// return (...args) => {\n// clearTimeout(timer);\n// timer = setTimeout(() => { func.apply(this, args); }, timeout);\n// };\n// }\n\nconst debouncedFocus = (event) => {\n // if (focused) {\n // return false;\n // }\n\n const autofocus = document.querySelector('[autofocus]');\n\n if (window.stzhComponents.fixAutofocus\n && !document.location.hash\n && autofocus\n && event.detail.namespace === packageName\n && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n && 'focus' in autofocus\n ) {\n autofocus.focus();\n // focused = true;\n } else if (window.stzhComponents.fixHashfocus && document.location.hash) {\n const hashElement = document.querySelector(document.location.hash);\n\n if (hashElement) {\n hashElement.scrollIntoView();\n // focused = true;\n }\n }\n}\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n window.addEventListener('appload', debouncedFocus);\n}\n","export function observeScrollbarWidth() {\n const config = {\n threshold: 1.0\n };\n\n const handleIntersect = (entries) => {\n entries.forEach(entry => {\n let scrollbarWidth = 0;\n\n if (entry.intersectionRatio < 1) {\n // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n }\n\n document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n });\n };\n\n const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n bodyScrollObserver.observe(document.body);\n}\n","export function format(date, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.format(date, type);\n}\n\nexport function parse(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n // format letters from https://www.php.net/manual/de/datetime.format.php\n const globalFormatter = function (format, date) {\n if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n return '';\n }\n\n let j = date.getDate().toString(10);\n let d = j;\n let n = (date.getMonth() + 1).toString(10);\n let m = n;\n let yC = date.getFullYear().toString(10);\n let gC = date.getHours().toString(10);\n let hC = gC;\n let i = date.getMinutes().toString(10);\n\n // full textual representation of a month\n let fC = globals.monthNames[date.getMonth()];\n // short textual representation of a month\n let mC = globals.monthNamesShort[date.getMonth()];\n // full textual representation of the day\n let l = globals.dayNames[date.getDay()];\n // short textual representation of the day\n let D = globals.dayNamesShort[date.getDay()];\n\n // months *are* zero-indexed, pad if less than 9!\n if (date.getMonth() < 9) {\n m = `0${m}`;\n }\n\n if (date.getDate() < 10) {\n d = `0${d}`;\n }\n\n if (date.getHours() < 10) {\n hC = `0${hC}`;\n }\n\n if (date.getMinutes() < 10) {\n i = `0${i}`;\n }\n\n return format\n .replace(/\\{j\\}/g, j)\n .replace(/\\{d\\}/g, d)\n .replace(/\\{D\\}/g, D)\n .replace(/\\{l\\}/g, l)\n .replace(/\\{n\\}/g, n)\n .replace(/\\{m\\}/g, m)\n .replace(/\\{F\\}/g, fC)\n .replace(/\\{M\\}/g, mC)\n .replace(/\\{Y\\}/g, yC)\n .replace(/\\{H\\}/g, hC)\n .replace(/\\{G\\}/g, gC)\n .replace(/\\{i\\}/g, i);\n };\n\n const globalParser = function (parse, input) {\n if (!input) {\n return;\n }\n\n const regex = new RegExp(parse);\n const match = input.match(regex);\n\n if (match) {\n const { groups } = match;\n\n const year = parseInt(groups.Y || '', 10);\n const month = parseInt(groups.n || groups.m || '', 10);\n const day = parseInt(groups.j || groups.d || '', 10);\n const hours = parseInt(groups.G || groups.H || '', 10);\n const minutes = parseInt(groups.i || '', 10);\n\n if (!isNaN(year) && (year < 1000 || year > 9999)) {\n return;\n }\n\n if (!isNaN(month) && (month < 1 || month > 12)) {\n return;\n }\n\n // we check day later again (if month changed, it was out of range)\n if (!isNaN(day) && (day < 1 || day > 31)) {\n return;\n }\n\n if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n return;\n }\n\n if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n return;\n }\n\n const date = new Date(\n !isNaN(year) ? year : null,\n !isNaN(month) ? month - 1 : null,\n !isNaN(day) ? day : null,\n !isNaN(hours) ? hours : null,\n !isNaN(minutes) ? minutes : null\n );\n\n // if day was out of possible range (1 - 28/29/30/31)\n // we find out by check if month has changed\n if (date.getMonth() + 1 !== month) {\n return;\n }\n\n return date;\n }\n };\n\n const globalAdapter = {\n format: function (date, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.format === 'string') {\n return globalFormatter(dateFormats.format, date);\n } else {\n return dateFormats.format(date);\n }\n },\n parse: function (input, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.parse === 'string') {\n return globalParser(dateFormats.parse, input);\n } else {\n return dateFormats.parse(input);\n }\n },\n formatSpan: function (date, date2, type = 'datetime') {\n let formattedDate = date;\n let formattedDate2 = date2;\n\n if (date instanceof Date && !isNaN(date.getTime())) {\n formattedDate = this.format(date, type);\n }\n\n if (date2 instanceof Date && !isNaN(date2.getTime())) {\n formattedDate2 = this.format(date2, type);\n }\n\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n return (\n formattedDate +\n (formattedDate2 &&\n (!(formattedDate2 instanceof Date) || (formattedDate2 instanceof Date && !isNaN(date.getTime())))\n ? range + formattedDate2\n : '')\n );\n },\n parseSpan: function (string, type) {\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n const dates = string.split(range);\n const date = this.parse(dates[0], type);\n const date2 = this.parse(dates[1], type);\n\n return [date, date2, range];\n }\n };\n\n return globalAdapter;\n}\n\nexport function getLocale(element) {\n const closestElement = element.closest('[lang]');\n const locale = closestElement && closestElement.lang.split('-')[0];\n\n if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n return window.stzhComponents.defaultLocale;\n } else {\n return locale;\n }\n}\n\nexport async function fetchTranslations(host, component) {\n const locale = getLocale(host);\n const existingTranslations = JSON.parse(\n sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`)\n );\n\n if (window.stzhComponents.cacheTranslations && existingTranslations && Object.keys(existingTranslations).length > 0) {\n return {\n ...(existingTranslations[component] || {}),\n $globals: existingTranslations.$globals,\n $locale: existingTranslations.$code,\n $formats: existingTranslations.$formats,\n $formatsIso: existingTranslations.$formatsIso,\n $formatsLegacy: existingTranslations.$formatsLegacy\n };\n }\n\n try {\n const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);\n\n if (result.ok) {\n const data = await result.json();\n sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n return {\n ...(data[component] || {}),\n $globals: data.$globals,\n $locale: data.$code,\n $formats: data.$formats,\n $formatsIso: data.$formatsIso,\n $formatsLegacy: data.$formatsLegacy\n };\n }\n } catch (exception) {\n console.error(`Error loading locale: ${locale}`, exception);\n }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n window.stzhComponents = {\n defaultLocale: 'de',\n pathMedia: '/',\n pathTranslations: '/',\n cacheTranslations: true,\n formats: {},\n translations: null,\n fixAutofocus: true,\n fixHashfocus: true,\n ...window.stzhComponents || {},\n version,\n supportedLocales: ['de', 'en'],\n utils\n };\n\n if (window.stzhComponents.translations === null) {\n window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n window.stzhComponents.translations = translations;\n }).catch((reason) => {\n console.error(\"Translations couldn't load:\", reason)\n });\n }\n\n applyAutofocus();\n observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"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"}
package/dist/stzh-components/{p-fb73afa9.entry.js → p-b6b39492.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as s,h as e,a as o,g}from"./p-ef5985a3.js";import{h as l}from"./p-24caf6c1.js";import{S as h}from"./p-1e60797c.js";import"./p-dae15605.js";const i=".sc-stzh-toggle-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:2.75rem;height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translate(0, -50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-block;color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translate(100%, -50%)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-old-grey25);border-color:var(--stzh-color-old-grey25)}";const r=i;let c=0;const a=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-toggle",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-toggle",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.defaultChecked=undefined;this.label="";this.labelPosition="right";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.a11yDescribedby=""}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){this.inputId=`stzh-toggle-${c++}`;this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toggle")}}render(){var t;const s=l(this.element,"description")||!!this.description;const g=l(this.element,"description-long")||!!this.descriptionLong;const i=l(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const r={"stzh-toggle":true,"stzh-toggle--has-error":i,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid||i,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":s,"stzh-toggle--has-description-long":g,[`stzh-toggle--has-label-${this.labelPosition}`]:!!this.labelPosition};return e(o,{key:"6a445311e0276178949362fa37ec5d96a2582089","is-invalid":this.invalid||i,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"2acb9cf129344a14f050cce9f283f2b4016cc70c",class:r},e("label",{key:"53f28ab3902157f490347701ce0e0c9fb0dc8115",class:"stzh-toggle__field-wrapper"},e("input",{key:"0dec7c6b64f8f2ccd93d54f99fe263ebd18fa11c",class:"stzh-toggle__input",ref:t=>this.input=t,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),e("div",{key:"66474da0fa35ccaf35d5ed857cd1eda3aa06cb4e",class:"stzh-toggle__mark"},e("div",{key:"7c070aafe727ec2bfa392fe7fdab28e691f37b0c",class:"stzh-toggle__check"})),e("div",{key:"49ab65d03bf47500e49a5ad5348938cde031ef64",class:"stzh-toggle__label"},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"b362406f6686c7490c607b8df656deb585d59a3f",class:"stzh-toggle__marker"},e("span",{key:"3d7aa662d2aa0d5b06324d81e8910182eb027f48",class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"df4ba0ca70a5b481154c00e04a5740ba988a2550",class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),e(h,{key:"4645689dca83a822281f0a484cf9b419fafa60e3",classPrefix:"stzh-toggle",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:g,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return g(this)}static get watchers(){return{error:["errorWatcher"]}}};a.style=r;export{a as stzh_toggle};
2
- //# sourceMappingURL=p-fb73afa9.entry.js.map
1
+ import{r as t,c as s,h as e,a as o,g}from"./p-ef5985a3.js";import{h as l}from"./p-24caf6c1.js";import{S as h}from"./p-1e60797c.js";import"./p-dae15605.js";const i=".sc-stzh-toggle-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:2.75rem;height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translate(0, -50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-block;color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translate(100%, -50%)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-old-grey25);border-color:var(--stzh-color-old-grey25)}";const r=i;let c=0;const a=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-toggle",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-toggle",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.defaultChecked=undefined;this.label="";this.labelPosition="right";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.a11yDescribedby=""}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){this.inputId=`stzh-toggle-${c++}`;this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toggle")}}render(){var t;const s=l(this.element,"description")||!!this.description;const g=l(this.element,"description-long")||!!this.descriptionLong;const i=l(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const r={"stzh-toggle":true,"stzh-toggle--has-error":i,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid||i,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":s,"stzh-toggle--has-description-long":g,[`stzh-toggle--has-label-${this.labelPosition}`]:!!this.labelPosition};return e(o,{key:"522cb0dd7bf3e4e3863ebea96c695fa96cb4a2db","is-invalid":this.invalid||i,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"19a868acb84f919ec5b84c2b76fa95c7620ceaf4",class:r},e("label",{key:"5fc8da5cf84b88244625767edb505e3cbcc43c87",class:"stzh-toggle__field-wrapper"},e("input",{key:"15d8d339385268f86857b112ab42f910484b0f6d",class:"stzh-toggle__input",ref:t=>this.input=t,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),e("div",{key:"0674be89368f682c097eb148554da1de1ef206fe",class:"stzh-toggle__mark"},e("div",{key:"f5565d09b1b73c1e0c9ae42df39e62a95ea50adb",class:"stzh-toggle__check"})),e("div",{key:"593754dee4021ce5877b04640fce166c106038ca",class:"stzh-toggle__label"},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"5cb468b701cfe2503213d49016c6a911f3a7bd90",class:"stzh-toggle__marker"},e("span",{key:"cdabaf0507493e2f2cfc1b167958fe9069e35678",class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"5a083ad74d625fc89edaa9f6cb904f23ea5d1f41",class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),e(h,{key:"5f27b8dbbf49c15f81ab6e621e525e1cd8c117bd",classPrefix:"stzh-toggle",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:g,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return g(this)}static get watchers(){return{error:["errorWatcher"]}}};a.style=r;export{a as stzh_toggle};
2
+ //# sourceMappingURL=p-b6b39492.entry.js.map