@oiz/stzh-components 4.0.0-beta3 → 4.0.1-beta

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 (461) hide show
  1. package/dist/cjs/{app-globals-17244c89.js → app-globals-f56c764f.js} +2 -2
  2. package/dist/cjs/{app-globals-17244c89.js.map → app-globals-f56c764f.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-checkbox/stzh-checkbox.stories.js +102 -1
  69. package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.stories.js +89 -1
  70. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +12 -10
  71. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +5 -5
  72. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
  73. package/dist/collection/components/stzh-popover/stzh-popover.css +2 -2
  74. package/dist/collection/components/stzh-ratio/stzh-ratio.js +1 -1
  75. package/dist/collection/components/stzh-ratio/stzh-ratio.js.map +1 -1
  76. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -4
  77. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js +2 -2
  78. package/dist/collection/components/stzh-richtext/stzh-richtext.js +1 -1
  79. package/dist/collection/components/stzh-row/stzh-row.js +2 -2
  80. package/dist/collection/components/stzh-saptcha/stzh-saptcha.js +2 -2
  81. package/dist/collection/components/stzh-scrollup/stzh-scrollup.js +1 -1
  82. package/dist/collection/components/stzh-search/stzh-search.js +2 -2
  83. package/dist/collection/components/stzh-section/stzh-section.js +2 -2
  84. package/dist/collection/components/stzh-share/stzh-share.js +1 -1
  85. package/dist/collection/components/stzh-show/stzh-show.js +2 -2
  86. package/dist/collection/components/stzh-sitemap/stzh-sitemap.js +1 -1
  87. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +168 -4
  88. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.js +1 -1
  89. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.js +1 -1
  90. package/dist/collection/components/stzh-skiplink/stzh-skiplink.js +1 -1
  91. package/dist/collection/components/stzh-socialmediastream/stzh-socialmediastream.js +1 -1
  92. package/dist/collection/components/stzh-socialmediastream-item/stzh-socialmediastream-item.js +1 -1
  93. package/dist/collection/components/stzh-sortable/stzh-sortable.js +1 -1
  94. package/dist/collection/components/stzh-space/stzh-space.js +2 -2
  95. package/dist/collection/components/stzh-status/stzh-status.js +4 -4
  96. package/dist/collection/components/stzh-stepper/stzh-stepper.component.js +2 -2
  97. package/dist/collection/components/stzh-stepper-item/stzh-stepper-item.js +4 -4
  98. package/dist/collection/components/stzh-sticky/stzh-sticky.js +1 -1
  99. package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.js +1 -1
  100. package/dist/collection/components/stzh-table/stzh-table.js +1 -1
  101. package/dist/collection/components/stzh-tag/stzh-tag.js +1 -1
  102. package/dist/collection/components/stzh-text/stzh-text.js +2 -2
  103. package/dist/collection/components/stzh-textandimage/stzh-textandimage.js +1 -1
  104. package/dist/collection/components/stzh-timeline/stzh-timeline.js +1 -1
  105. package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.js +3 -3
  106. package/dist/collection/components/stzh-timepicker/stzh-timepicker.js +1 -1
  107. package/dist/collection/components/stzh-toast/stzh-toast.js +3 -3
  108. package/dist/collection/components/stzh-toastbar/stzh-toastbar.js +1 -1
  109. package/dist/collection/components/stzh-toggle/stzh-toggle.js +4 -4
  110. package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +2 -2
  111. package/dist/collection/components/stzh-tooltip/stzh-tooltip.js +1 -1
  112. package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.js +1 -1
  113. package/dist/collection/components/stzh-upload/stzh-upload.js +2 -2
  114. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js +1 -1
  115. package/dist/collection/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js +1 -1
  116. package/dist/collection/components/stzh-vbz-intro/stzh-vbz-intro.js +1 -1
  117. package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.js +2 -2
  118. package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.js +2 -2
  119. package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js +2 -2
  120. package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.js +2 -2
  121. package/dist/collection/components/stzh-vspace/stzh-vspace.js +2 -2
  122. package/dist/collection/components/stzh-youtube/stzh-youtube.js +1 -1
  123. package/dist/components/index.js +1 -1
  124. package/dist/components/{p-84f171a0.js → p-02bdd12e.js} +2 -2
  125. package/dist/components/{p-84f171a0.js.map → p-02bdd12e.js.map} +1 -1
  126. package/dist/components/{p-324831e2.js → p-0dae7190.js} +3 -3
  127. package/dist/components/{p-324831e2.js.map → p-0dae7190.js.map} +1 -1
  128. package/dist/components/{p-631b7bfa.js → p-123ddd01.js} +5 -5
  129. package/dist/components/{p-631b7bfa.js.map → p-123ddd01.js.map} +1 -1
  130. package/dist/components/{p-18ad2006.js → p-1e02d63c.js} +17 -13
  131. package/dist/components/p-1e02d63c.js.map +1 -0
  132. package/dist/components/{p-ef28cd34.js → p-1fe5af54.js} +3 -3
  133. package/dist/components/{p-ef28cd34.js.map → p-1fe5af54.js.map} +1 -1
  134. package/dist/components/{p-0b0557e7.js → p-55042ae5.js} +4 -4
  135. package/dist/components/{p-0b0557e7.js.map → p-55042ae5.js.map} +1 -1
  136. package/dist/components/{p-48a20e2d.js → p-6c821944.js} +5 -5
  137. package/dist/components/{p-48a20e2d.js.map → p-6c821944.js.map} +1 -1
  138. package/dist/components/{p-3d24141a.js → p-7eced0db.js} +2 -2
  139. package/dist/components/{p-3d24141a.js.map → p-7eced0db.js.map} +1 -1
  140. package/dist/components/{p-e5a0d7ce.js → p-84f3d0c4.js} +6 -6
  141. package/dist/components/{p-e5a0d7ce.js.map → p-84f3d0c4.js.map} +1 -1
  142. package/dist/components/{p-875cd549.js → p-86473146.js} +2 -2
  143. package/dist/components/{p-875cd549.js.map → p-86473146.js.map} +1 -1
  144. package/dist/components/{p-8123a294.js → p-87537095.js} +2 -2
  145. package/dist/components/{p-8123a294.js.map → p-87537095.js.map} +1 -1
  146. package/dist/components/{p-1ee94681.js → p-877e658f.js} +3 -3
  147. package/dist/components/{p-1ee94681.js.map → p-877e658f.js.map} +1 -1
  148. package/dist/components/{p-0c5f315f.js → p-8c4ca44f.js} +3 -3
  149. package/dist/components/{p-0c5f315f.js.map → p-8c4ca44f.js.map} +1 -1
  150. package/dist/components/{p-70aa77ed.js → p-978466ee.js} +4 -4
  151. package/dist/components/{p-70aa77ed.js.map → p-978466ee.js.map} +1 -1
  152. package/dist/components/{p-043132df.js → p-9c27b812.js} +2 -2
  153. package/dist/components/{p-043132df.js.map → p-9c27b812.js.map} +1 -1
  154. package/dist/components/{p-6a5f4569.js → p-9fd614bc.js} +3 -3
  155. package/dist/components/{p-6a5f4569.js.map → p-9fd614bc.js.map} +1 -1
  156. package/dist/components/{p-da29e441.js → p-a518f263.js} +4 -4
  157. package/dist/components/{p-da29e441.js.map → p-a518f263.js.map} +1 -1
  158. package/dist/components/{p-d8b73add.js → p-a74ffd15.js} +4 -4
  159. package/dist/components/{p-d8b73add.js.map → p-a74ffd15.js.map} +1 -1
  160. package/dist/components/{p-1036baa8.js → p-a93fe963.js} +2 -2
  161. package/dist/components/{p-1036baa8.js.map → p-a93fe963.js.map} +1 -1
  162. package/dist/components/{p-b5d9d5a1.js → p-adf66b29.js} +4 -4
  163. package/dist/components/{p-b5d9d5a1.js.map → p-adf66b29.js.map} +1 -1
  164. package/dist/components/{p-adc06dc4.js → p-ae7adee7.js} +3 -3
  165. package/dist/components/{p-adc06dc4.js.map → p-ae7adee7.js.map} +1 -1
  166. package/dist/components/{p-a367fa4a.js → p-b4ffee20.js} +2 -2
  167. package/dist/components/p-b4ffee20.js.map +1 -0
  168. package/dist/components/{p-8bab76e0.js → p-bed8abab.js} +5 -5
  169. package/dist/components/{p-8bab76e0.js.map → p-bed8abab.js.map} +1 -1
  170. package/dist/components/{p-6be31cce.js → p-c056c339.js} +3 -3
  171. package/dist/components/{p-6be31cce.js.map → p-c056c339.js.map} +1 -1
  172. package/dist/components/{p-c06d0057.js → p-d19eef5f.js} +4 -4
  173. package/dist/components/{p-c06d0057.js.map → p-d19eef5f.js.map} +1 -1
  174. package/dist/components/{p-ded0ad1c.js → p-d40751ba.js} +4 -4
  175. package/dist/components/{p-ded0ad1c.js.map → p-d40751ba.js.map} +1 -1
  176. package/dist/components/{p-3e69bb48.js → p-e48a4be2.js} +3 -3
  177. package/dist/components/{p-3e69bb48.js.map → p-e48a4be2.js.map} +1 -1
  178. package/dist/components/{p-d9bd5b30.js → p-f0db184a.js} +3 -3
  179. package/dist/components/{p-d9bd5b30.js.map → p-f0db184a.js.map} +1 -1
  180. package/dist/components/{p-5748d860.js → p-f254ab81.js} +8 -8
  181. package/dist/components/p-f254ab81.js.map +1 -0
  182. package/dist/components/{p-7d72e50c.js → p-fd0fbd98.js} +2 -2
  183. package/dist/components/{p-7d72e50c.js.map → p-fd0fbd98.js.map} +1 -1
  184. package/dist/components/{p-af0ed46a.js → p-fe546990.js} +3 -3
  185. package/dist/components/{p-af0ed46a.js.map → p-fe546990.js.map} +1 -1
  186. package/dist/components/{p-3d684a4f.js → p-fef8bda1.js} +2 -2
  187. package/dist/components/{p-3d684a4f.js.map → p-fef8bda1.js.map} +1 -1
  188. package/dist/components/stzh-actionset.js +1 -1
  189. package/dist/components/stzh-amount.js +4 -4
  190. package/dist/components/stzh-appointments.js +8 -8
  191. package/dist/components/stzh-audio.js +3 -3
  192. package/dist/components/stzh-audio.js.map +1 -1
  193. package/dist/components/stzh-calendar.js +1 -1
  194. package/dist/components/stzh-card-searchresult.js +8 -8
  195. package/dist/components/stzh-card-searchresult.js.map +1 -1
  196. package/dist/components/stzh-card-superteaser.js +7 -7
  197. package/dist/components/stzh-card.js +1 -1
  198. package/dist/components/stzh-cardlist.js +1 -1
  199. package/dist/components/stzh-checkbox.js +1 -1
  200. package/dist/components/stzh-checkboxgroup.js +2 -2
  201. package/dist/components/stzh-chipselect.js +1 -1
  202. package/dist/components/stzh-contact-cv.js +1 -1
  203. package/dist/components/stzh-cta.js +1 -1
  204. package/dist/components/stzh-datalist-item.js +1 -1
  205. package/dist/components/stzh-datalist.js +1 -1
  206. package/dist/components/stzh-datamessagelist-item.js +2 -2
  207. package/dist/components/stzh-datatable.js +9 -9
  208. package/dist/components/stzh-datepicker.js +1 -1
  209. package/dist/components/stzh-dropdown.js +1 -1
  210. package/dist/components/stzh-feedreader.js +1 -1
  211. package/dist/components/stzh-gallery.js +1 -1
  212. package/dist/components/stzh-geo-ref-data.js +9 -9
  213. package/dist/components/stzh-header.js +1 -1
  214. package/dist/components/stzh-homepage-service-highlights.js +1 -1
  215. package/dist/components/stzh-http-error.js +1 -1
  216. package/dist/components/stzh-input.js +1 -1
  217. package/dist/components/stzh-microsite-teaserlist.js +9 -9
  218. package/dist/components/stzh-monthyearpicker.js +3 -3
  219. package/dist/components/stzh-offline-indicator.js +2 -2
  220. package/dist/components/stzh-pagebottom.js +3 -3
  221. package/dist/components/stzh-pagetitle-home.js +1 -1
  222. package/dist/components/stzh-pagetitle.js +1 -1
  223. package/dist/components/stzh-pagination.js +1 -1
  224. package/dist/components/stzh-panorama.js +5 -5
  225. package/dist/components/stzh-pi-content-navigation.js +1 -1
  226. package/dist/components/stzh-pi-pagetitle.js +1 -1
  227. package/dist/components/stzh-pi-teaser.js +1 -1
  228. package/dist/components/stzh-poicard.js +1 -1
  229. package/dist/components/stzh-poilist.js +6 -6
  230. package/dist/components/stzh-popover.js +1 -1
  231. package/dist/components/stzh-radio.js +1 -1
  232. package/dist/components/stzh-radiogroup.js +1 -1
  233. package/dist/components/stzh-ratio.js +1 -1
  234. package/dist/components/stzh-readspeaker.js +3 -3
  235. package/dist/components/stzh-readspeaker.js.map +1 -1
  236. package/dist/components/stzh-richtext.js +1 -1
  237. package/dist/components/stzh-row.js +2 -2
  238. package/dist/components/stzh-saptcha.js +5 -5
  239. package/dist/components/stzh-scrollup.js +1 -1
  240. package/dist/components/stzh-search.js +6 -6
  241. package/dist/components/stzh-section.js +2 -2
  242. package/dist/components/stzh-share.js +1 -1
  243. package/dist/components/stzh-show.js +1 -1
  244. package/dist/components/stzh-sitemap.js +6 -6
  245. package/dist/components/stzh-skin-portal-mitwirken.js +2 -2
  246. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  247. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  248. package/dist/components/stzh-skiplink.js +1 -1
  249. package/dist/components/stzh-socialmediastream-item.js +1 -1
  250. package/dist/components/stzh-socialmediastream.js +4 -4
  251. package/dist/components/stzh-sortable.js +1 -1
  252. package/dist/components/stzh-space.js +2 -2
  253. package/dist/components/stzh-status.js +1 -1
  254. package/dist/components/stzh-stepper-item.js +1 -1
  255. package/dist/components/stzh-stepper.js +3 -3
  256. package/dist/components/stzh-sticky-actions.js +2 -2
  257. package/dist/components/stzh-sticky.js +1 -1
  258. package/dist/components/stzh-table.js +1 -1
  259. package/dist/components/stzh-tag.js +1 -1
  260. package/dist/components/stzh-text.js +1 -1
  261. package/dist/components/stzh-textandimage.js +1 -1
  262. package/dist/components/stzh-timeline-item.js +3 -3
  263. package/dist/components/stzh-timeline.js +1 -1
  264. package/dist/components/stzh-timepicker.js +4 -4
  265. package/dist/components/stzh-toast.js +1 -1
  266. package/dist/components/stzh-toastbar.js +1 -1
  267. package/dist/components/stzh-toggle.js +6 -6
  268. package/dist/components/stzh-tooltip.js +1 -1
  269. package/dist/components/stzh-twocolumns.js +1 -1
  270. package/dist/components/stzh-upload.js +6 -6
  271. package/dist/components/stzh-vbz-carousel.js +1 -1
  272. package/dist/components/stzh-vbz-connection-finder.js +1 -1
  273. package/dist/components/stzh-vbz-intro.js +1 -1
  274. package/dist/components/stzh-vbz-linechip.js +1 -1
  275. package/dist/components/stzh-vbz-majorticker.js +4 -4
  276. package/dist/components/stzh-vbz-ticker.js +5 -5
  277. package/dist/components/stzh-visuallyhidden.js +2 -2
  278. package/dist/components/stzh-vspace.js +2 -2
  279. package/dist/components/stzh-youtube.js +2 -2
  280. package/dist/esm/{app-globals-4169aa9e.js → app-globals-24afa4b5.js} +2 -2
  281. package/dist/esm/{app-globals-4169aa9e.js.map → app-globals-24afa4b5.js.map} +1 -1
  282. package/dist/esm/loader.js +2 -2
  283. package/dist/esm/stzh-audio.entry.js +1 -1
  284. package/dist/esm/stzh-audio.entry.js.map +1 -1
  285. package/dist/esm/stzh-breadcrumb_2.entry.js +1 -1
  286. package/dist/esm/stzh-card-searchresult.entry.js +1 -1
  287. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  288. package/dist/esm/stzh-card.entry.js +11 -8
  289. package/dist/esm/stzh-card.entry.js.map +1 -1
  290. package/dist/esm/stzh-cardlist_3.entry.js +1 -1
  291. package/dist/esm/stzh-components.js +2 -2
  292. package/dist/esm/stzh-datalist_2.entry.js +3 -3
  293. package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
  294. package/dist/esm/stzh-ghettobox_3.entry.js +3 -3
  295. package/dist/esm/stzh-popover.entry.js +1 -1
  296. package/dist/esm/stzh-popover.entry.js.map +1 -1
  297. package/dist/esm/stzh-print_2.entry.js +1 -1
  298. package/dist/esm/stzh-ratio.entry.js +1 -1
  299. package/dist/esm/stzh-ratio.entry.js.map +1 -1
  300. package/dist/esm/stzh-readspeaker.entry.js +3 -3
  301. package/dist/esm/stzh-readspeaker.entry.js.map +1 -1
  302. package/dist/esm/stzh-row.entry.js +2 -2
  303. package/dist/esm/stzh-saptcha.entry.js +2 -2
  304. package/dist/esm/stzh-scrollup.entry.js +1 -1
  305. package/dist/esm/stzh-search.entry.js +2 -2
  306. package/dist/esm/stzh-section.entry.js +2 -2
  307. package/dist/esm/stzh-sitemap.entry.js +1 -1
  308. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +2 -2
  309. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  310. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  311. package/dist/esm/stzh-skiplink.entry.js +1 -1
  312. package/dist/esm/stzh-socialmediastream-item.entry.js +1 -1
  313. package/dist/esm/stzh-socialmediastream.entry.js +1 -1
  314. package/dist/esm/stzh-space.entry.js +2 -2
  315. package/dist/esm/stzh-status.entry.js +4 -4
  316. package/dist/esm/stzh-stepper-item.entry.js +4 -4
  317. package/dist/esm/stzh-stepper.entry.js +2 -2
  318. package/dist/esm/stzh-sticky-actions.entry.js +1 -1
  319. package/dist/esm/stzh-sticky.entry.js +1 -1
  320. package/dist/esm/stzh-table.entry.js +1 -1
  321. package/dist/esm/stzh-text.entry.js +2 -2
  322. package/dist/esm/stzh-textandimage.entry.js +1 -1
  323. package/dist/esm/stzh-timeline-item.entry.js +3 -3
  324. package/dist/esm/stzh-timeline.entry.js +1 -1
  325. package/dist/esm/stzh-timepicker.entry.js +1 -1
  326. package/dist/esm/stzh-toast_2.entry.js +4 -4
  327. package/dist/esm/stzh-toggle.entry.js +4 -4
  328. package/dist/esm/stzh-tooltip.entry.js +2 -2
  329. package/dist/esm/stzh-tooltip.entry.js.map +1 -1
  330. package/dist/esm/stzh-twocolumns.entry.js +1 -1
  331. package/dist/esm/stzh-upload.entry.js +2 -2
  332. package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
  333. package/dist/esm/stzh-vbz-connection-finder.entry.js +1 -1
  334. package/dist/esm/stzh-vbz-intro.entry.js +1 -1
  335. package/dist/esm/stzh-vbz-linechip.entry.js +2 -2
  336. package/dist/esm/stzh-vbz-majorticker.entry.js +2 -2
  337. package/dist/esm/stzh-vbz-ticker.entry.js +2 -2
  338. package/dist/esm/stzh-visuallyhidden.entry.js +2 -2
  339. package/dist/esm/stzh-vspace.entry.js +2 -2
  340. package/dist/esm/stzh-youtube.entry.js +1 -1
  341. package/dist/stzh-components/{p-96fe4abd.entry.js → p-043ad510.entry.js} +2 -2
  342. package/dist/stzh-components/{p-bb73cb7c.entry.js → p-0a9f2a26.entry.js} +2 -2
  343. package/dist/stzh-components/{p-fc5fd4e3.entry.js → p-0c454ed4.entry.js} +2 -2
  344. package/dist/stzh-components/{p-5b908c23.entry.js → p-0c7abc07.entry.js} +2 -2
  345. package/dist/stzh-components/{p-7026a4fd.entry.js → p-12ea12f4.entry.js} +2 -2
  346. package/dist/stzh-components/p-17d26a11.entry.js +2 -0
  347. package/dist/stzh-components/{p-404ba037.entry.js.map → p-17d26a11.entry.js.map} +1 -1
  348. package/dist/stzh-components/{p-adb98a13.entry.js → p-24c37b16.entry.js} +2 -2
  349. package/dist/stzh-components/{p-c2837379.entry.js → p-263f1fc6.entry.js} +2 -2
  350. package/dist/stzh-components/p-29ff3759.entry.js +2 -0
  351. package/dist/stzh-components/{p-6b57e800.entry.js.map → p-29ff3759.entry.js.map} +1 -1
  352. package/dist/stzh-components/{p-0971c453.entry.js → p-2b22da62.entry.js} +2 -2
  353. package/dist/stzh-components/{p-e5935628.entry.js → p-3edb8127.entry.js} +2 -2
  354. package/dist/stzh-components/p-43390ffd.entry.js +2 -0
  355. package/dist/stzh-components/p-43390ffd.entry.js.map +1 -0
  356. package/dist/stzh-components/{p-cb78d001.entry.js → p-44860eb8.entry.js} +2 -2
  357. package/dist/stzh-components/{p-c63ce489.entry.js → p-4a0e5c91.entry.js} +2 -2
  358. package/dist/stzh-components/{p-e4083254.entry.js → p-52b21470.entry.js} +2 -2
  359. package/dist/stzh-components/{p-4423fbf1.entry.js → p-5ea61577.entry.js} +2 -2
  360. package/dist/stzh-components/p-5ea61577.entry.js.map +1 -0
  361. package/dist/stzh-components/{p-dce69ebb.entry.js → p-628b2a1b.entry.js} +2 -2
  362. package/dist/stzh-components/{p-28f4fd43.entry.js → p-6f71f9a1.entry.js} +2 -2
  363. package/dist/stzh-components/p-705fb85c.entry.js +2 -0
  364. package/dist/stzh-components/{p-e0743aaf.entry.js.map → p-705fb85c.entry.js.map} +1 -1
  365. package/dist/stzh-components/{p-da065baa.entry.js → p-7467c517.entry.js} +2 -2
  366. package/dist/stzh-components/{p-46d8ebf9.entry.js → p-77c64b4b.entry.js} +2 -2
  367. package/dist/stzh-components/{p-46d8ebf9.entry.js.map → p-77c64b4b.entry.js.map} +1 -1
  368. package/dist/stzh-components/{p-a128eb07.entry.js → p-79a63bd9.entry.js} +2 -2
  369. package/dist/stzh-components/p-836ee7e5.entry.js +2 -0
  370. package/dist/stzh-components/p-836ee7e5.entry.js.map +1 -0
  371. package/dist/stzh-components/{p-1a3a2442.entry.js → p-84ae023f.entry.js} +2 -2
  372. package/dist/stzh-components/{p-3c60c70f.entry.js → p-976d5ab9.entry.js} +2 -2
  373. package/dist/stzh-components/{p-04669d52.entry.js → p-99d39d04.entry.js} +2 -2
  374. package/dist/stzh-components/{p-2b75dc62.entry.js → p-a08056c1.entry.js} +2 -2
  375. package/dist/stzh-components/{p-c6552960.entry.js → p-ab439c71.entry.js} +2 -2
  376. package/dist/stzh-components/{p-c6552960.entry.js.map → p-ab439c71.entry.js.map} +1 -1
  377. package/dist/stzh-components/{p-71886cdf.entry.js → p-ac4b1753.entry.js} +2 -2
  378. package/dist/stzh-components/{p-444ba687.entry.js → p-b0d12ac9.entry.js} +2 -2
  379. package/dist/stzh-components/p-b159d0bc.entry.js +2 -0
  380. package/dist/stzh-components/{p-624be23e.entry.js.map → p-b159d0bc.entry.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-cfff191d.js +2 -0
  386. package/dist/stzh-components/{p-1c01ddd2.js.map → p-cfff191d.js.map} +1 -1
  387. package/dist/stzh-components/{p-592452c5.entry.js → p-d12700c1.entry.js} +2 -2
  388. package/dist/stzh-components/{p-6802415a.entry.js → p-d17b4c21.entry.js} +2 -2
  389. package/dist/stzh-components/{p-8060775b.entry.js → p-d83dbb08.entry.js} +2 -2
  390. package/dist/stzh-components/p-d83dbb08.entry.js.map +1 -0
  391. package/dist/stzh-components/{p-549b5a54.entry.js → p-d98330d6.entry.js} +2 -2
  392. package/dist/stzh-components/p-dcf670a7.entry.js +2 -0
  393. package/dist/stzh-components/{p-8d664896.entry.js.map → p-dcf670a7.entry.js.map} +1 -1
  394. package/dist/stzh-components/{p-9c76b2dd.entry.js → p-dde1ffb8.entry.js} +2 -2
  395. package/dist/stzh-components/{p-420e839d.entry.js → p-e19dd2da.entry.js} +2 -2
  396. package/dist/stzh-components/{p-97fa8644.entry.js → p-e452b478.entry.js} +2 -2
  397. package/dist/stzh-components/{p-9130582f.entry.js → p-e496eb1a.entry.js} +2 -2
  398. package/dist/stzh-components/{p-6872230d.entry.js → p-e8a87eaf.entry.js} +2 -2
  399. package/dist/stzh-components/{p-ecb3ab05.entry.js → p-ec7f8a5a.entry.js} +2 -2
  400. package/dist/stzh-components/{p-824068d6.entry.js → p-f957fa77.entry.js} +2 -2
  401. package/dist/stzh-components/{p-7d590d24.entry.js → p-f9e3c785.entry.js} +2 -2
  402. package/dist/stzh-components/stzh-components.css +168 -4
  403. package/dist/stzh-components/stzh-components.esm.js +1 -1
  404. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  405. package/dist/types/components/stzh-card/stzh-card.d.ts +2 -0
  406. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +2 -2
  407. package/dist/types/components.d.ts +16 -8
  408. package/dist/vscode-data.json +16 -4
  409. package/package.json +1 -1
  410. package/dist/components/p-18ad2006.js.map +0 -1
  411. package/dist/components/p-5748d860.js.map +0 -1
  412. package/dist/components/p-a367fa4a.js.map +0 -1
  413. package/dist/stzh-components/p-1c01ddd2.js +0 -2
  414. package/dist/stzh-components/p-404ba037.entry.js +0 -2
  415. package/dist/stzh-components/p-4423fbf1.entry.js.map +0 -1
  416. package/dist/stzh-components/p-6042015f.entry.js +0 -2
  417. package/dist/stzh-components/p-6042015f.entry.js.map +0 -1
  418. package/dist/stzh-components/p-624be23e.entry.js +0 -2
  419. package/dist/stzh-components/p-6b57e800.entry.js +0 -2
  420. package/dist/stzh-components/p-8060775b.entry.js.map +0 -1
  421. package/dist/stzh-components/p-8d664896.entry.js +0 -2
  422. package/dist/stzh-components/p-b35032a8.entry.js +0 -2
  423. package/dist/stzh-components/p-b35032a8.entry.js.map +0 -1
  424. package/dist/stzh-components/p-e0743aaf.entry.js +0 -2
  425. /package/dist/stzh-components/{p-96fe4abd.entry.js.map → p-043ad510.entry.js.map} +0 -0
  426. /package/dist/stzh-components/{p-bb73cb7c.entry.js.map → p-0a9f2a26.entry.js.map} +0 -0
  427. /package/dist/stzh-components/{p-fc5fd4e3.entry.js.map → p-0c454ed4.entry.js.map} +0 -0
  428. /package/dist/stzh-components/{p-5b908c23.entry.js.map → p-0c7abc07.entry.js.map} +0 -0
  429. /package/dist/stzh-components/{p-7026a4fd.entry.js.map → p-12ea12f4.entry.js.map} +0 -0
  430. /package/dist/stzh-components/{p-adb98a13.entry.js.map → p-24c37b16.entry.js.map} +0 -0
  431. /package/dist/stzh-components/{p-c2837379.entry.js.map → p-263f1fc6.entry.js.map} +0 -0
  432. /package/dist/stzh-components/{p-0971c453.entry.js.map → p-2b22da62.entry.js.map} +0 -0
  433. /package/dist/stzh-components/{p-e5935628.entry.js.map → p-3edb8127.entry.js.map} +0 -0
  434. /package/dist/stzh-components/{p-cb78d001.entry.js.map → p-44860eb8.entry.js.map} +0 -0
  435. /package/dist/stzh-components/{p-c63ce489.entry.js.map → p-4a0e5c91.entry.js.map} +0 -0
  436. /package/dist/stzh-components/{p-e4083254.entry.js.map → p-52b21470.entry.js.map} +0 -0
  437. /package/dist/stzh-components/{p-dce69ebb.entry.js.map → p-628b2a1b.entry.js.map} +0 -0
  438. /package/dist/stzh-components/{p-28f4fd43.entry.js.map → p-6f71f9a1.entry.js.map} +0 -0
  439. /package/dist/stzh-components/{p-da065baa.entry.js.map → p-7467c517.entry.js.map} +0 -0
  440. /package/dist/stzh-components/{p-a128eb07.entry.js.map → p-79a63bd9.entry.js.map} +0 -0
  441. /package/dist/stzh-components/{p-1a3a2442.entry.js.map → p-84ae023f.entry.js.map} +0 -0
  442. /package/dist/stzh-components/{p-3c60c70f.entry.js.map → p-976d5ab9.entry.js.map} +0 -0
  443. /package/dist/stzh-components/{p-04669d52.entry.js.map → p-99d39d04.entry.js.map} +0 -0
  444. /package/dist/stzh-components/{p-2b75dc62.entry.js.map → p-a08056c1.entry.js.map} +0 -0
  445. /package/dist/stzh-components/{p-71886cdf.entry.js.map → p-ac4b1753.entry.js.map} +0 -0
  446. /package/dist/stzh-components/{p-444ba687.entry.js.map → p-b0d12ac9.entry.js.map} +0 -0
  447. /package/dist/stzh-components/{p-fb73afa9.entry.js.map → p-b6b39492.entry.js.map} +0 -0
  448. /package/dist/stzh-components/{p-97e2a5ae.entry.js.map → p-c26e45c7.entry.js.map} +0 -0
  449. /package/dist/stzh-components/{p-68dccf19.entry.js.map → p-c34c7f87.entry.js.map} +0 -0
  450. /package/dist/stzh-components/{p-5ca3df89.entry.js.map → p-cd9be844.entry.js.map} +0 -0
  451. /package/dist/stzh-components/{p-592452c5.entry.js.map → p-d12700c1.entry.js.map} +0 -0
  452. /package/dist/stzh-components/{p-6802415a.entry.js.map → p-d17b4c21.entry.js.map} +0 -0
  453. /package/dist/stzh-components/{p-549b5a54.entry.js.map → p-d98330d6.entry.js.map} +0 -0
  454. /package/dist/stzh-components/{p-9c76b2dd.entry.js.map → p-dde1ffb8.entry.js.map} +0 -0
  455. /package/dist/stzh-components/{p-420e839d.entry.js.map → p-e19dd2da.entry.js.map} +0 -0
  456. /package/dist/stzh-components/{p-97fa8644.entry.js.map → p-e452b478.entry.js.map} +0 -0
  457. /package/dist/stzh-components/{p-9130582f.entry.js.map → p-e496eb1a.entry.js.map} +0 -0
  458. /package/dist/stzh-components/{p-6872230d.entry.js.map → p-e8a87eaf.entry.js.map} +0 -0
  459. /package/dist/stzh-components/{p-ecb3ab05.entry.js.map → p-ec7f8a5a.entry.js.map} +0 -0
  460. /package/dist/stzh-components/{p-824068d6.entry.js.map → p-f957fa77.entry.js.map} +0 -0
  461. /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-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