@oiz/stzh-components 2.11.0-beta1 → 2.11.1

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 (801) hide show
  1. package/dist/cjs/{app-globals-5b6fc14f.js → app-globals-7697372c.js} +2 -2
  2. package/dist/cjs/{app-globals-5b6fc14f.js.map → app-globals-7697372c.js.map} +1 -1
  3. package/dist/cjs/index.cjs.js.map +1 -1
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/stzh-actions.cjs.entry.js +1 -1
  6. package/dist/cjs/stzh-actionset_4.cjs.entry.js +3 -3
  7. package/dist/cjs/stzh-actionset_4.cjs.entry.js.map +1 -1
  8. package/dist/cjs/stzh-appnav.cjs.entry.js +1 -1
  9. package/dist/cjs/stzh-audio.cjs.entry.js +1 -1
  10. package/dist/cjs/stzh-badge_3.cjs.entry.js +3 -3
  11. package/dist/cjs/stzh-badge_3.cjs.entry.js.map +1 -1
  12. package/dist/cjs/stzh-carousel.cjs.entry.js +4 -3
  13. package/dist/cjs/stzh-carousel.cjs.entry.js.map +1 -1
  14. package/dist/cjs/stzh-cell.cjs.entry.js +4 -4
  15. package/dist/cjs/stzh-cell.cjs.entry.js.map +1 -1
  16. package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
  17. package/dist/cjs/stzh-checkboxgroup.cjs.entry.js +1 -1
  18. package/dist/cjs/stzh-chip_2.cjs.entry.js +8 -1
  19. package/dist/cjs/stzh-chip_2.cjs.entry.js.map +1 -1
  20. package/dist/cjs/stzh-components.cjs.js +2 -2
  21. package/dist/cjs/stzh-contact.cjs.entry.js +7 -4
  22. package/dist/cjs/stzh-contact.cjs.entry.js.map +1 -1
  23. package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
  24. package/dist/cjs/stzh-cspace.cjs.entry.js.map +1 -1
  25. package/dist/cjs/stzh-datepicker_3.cjs.entry.js +1 -1
  26. package/dist/cjs/stzh-details.cjs.entry.js +1 -1
  27. package/dist/cjs/stzh-dialog.cjs.entry.js +1 -1
  28. package/dist/cjs/stzh-dropdown.cjs.entry.js +1 -1
  29. package/dist/cjs/{stzh-ratio.cjs.entry.js → stzh-figure_2.cjs.entry.js} +33 -1
  30. package/dist/cjs/stzh-figure_2.cjs.entry.js.map +1 -0
  31. package/dist/cjs/stzh-footer.cjs.entry.js +22 -6
  32. package/dist/cjs/stzh-footer.cjs.entry.js.map +1 -1
  33. package/dist/cjs/stzh-gallery.cjs.entry.js +9733 -0
  34. package/dist/cjs/stzh-gallery.cjs.entry.js.map +1 -0
  35. package/dist/cjs/stzh-ghettobox.cjs.entry.js +1 -1
  36. package/dist/cjs/stzh-header.cjs.entry.js +3 -6
  37. package/dist/cjs/stzh-header.cjs.entry.js.map +1 -1
  38. package/dist/cjs/{stzh-hspace.cjs.entry.js → stzh-hspace_2.cjs.entry.js} +41 -6
  39. package/dist/cjs/stzh-hspace_2.cjs.entry.js.map +1 -0
  40. package/dist/cjs/stzh-imagecomparison.cjs.entry.js +0 -2
  41. package/dist/cjs/stzh-imagecomparison.cjs.entry.js.map +1 -1
  42. package/dist/cjs/stzh-input.cjs.entry.js +1 -1
  43. package/dist/cjs/stzh-link.cjs.entry.js +1 -1
  44. package/dist/cjs/stzh-logo.cjs.entry.js +671 -0
  45. package/dist/cjs/stzh-logo.cjs.entry.js.map +1 -0
  46. package/dist/cjs/stzh-menu_2.cjs.entry.js +1 -1
  47. package/dist/cjs/stzh-pagebottom.cjs.entry.js +1 -1
  48. package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js +1 -1
  49. package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
  50. package/dist/cjs/stzh-panorama.cjs.entry.js +3 -2
  51. package/dist/cjs/stzh-panorama.cjs.entry.js.map +1 -1
  52. package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
  53. package/dist/cjs/stzh-print.cjs.entry.js +1 -1
  54. package/dist/cjs/stzh-progressbar-item.cjs.entry.js +2 -1
  55. package/dist/cjs/stzh-progressbar-item.cjs.entry.js.map +1 -1
  56. package/dist/cjs/stzh-readspeaker.cjs.entry.js +1 -1
  57. package/dist/cjs/stzh-row.cjs.entry.js +4 -4
  58. package/dist/cjs/stzh-row.cjs.entry.js.map +1 -1
  59. package/dist/cjs/stzh-scrollup.cjs.entry.js +1 -1
  60. package/dist/cjs/stzh-share.cjs.entry.js +1 -1
  61. package/dist/cjs/stzh-space.cjs.entry.js +5 -5
  62. package/dist/cjs/stzh-space.cjs.entry.js.map +1 -1
  63. package/dist/cjs/stzh-sticky.cjs.entry.js +166 -15
  64. package/dist/cjs/stzh-sticky.cjs.entry.js.map +1 -1
  65. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  66. package/dist/cjs/stzh-text.cjs.entry.js +1 -1
  67. package/dist/cjs/stzh-text.cjs.entry.js.map +1 -1
  68. package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
  69. package/dist/cjs/stzh-timeline-item.cjs.entry.js +1 -1
  70. package/dist/cjs/stzh-toast.cjs.entry.js +1 -1
  71. package/dist/cjs/stzh-toggle.cjs.entry.js +1 -1
  72. package/dist/cjs/stzh-tooltip.cjs.entry.js +1 -1
  73. package/dist/cjs/stzh-upload.cjs.entry.js +1 -1
  74. package/dist/cjs/stzh-vspace.cjs.entry.js +5 -5
  75. package/dist/cjs/stzh-vspace.cjs.entry.js.map +1 -1
  76. package/dist/cjs/{utils-77bc0ea1.js → utils-01c0bbdd.js} +25 -1
  77. package/dist/cjs/utils-01c0bbdd.js.map +1 -0
  78. package/dist/collection/assets/i18n/de.json +19 -10
  79. package/dist/collection/assets/i18n/en.json +19 -10
  80. package/dist/collection/collection-manifest.json +2 -0
  81. package/dist/collection/components/stzh-button/stzh-button.css +4 -0
  82. package/dist/collection/components/stzh-button/stzh-button.js +3 -3
  83. package/dist/collection/components/stzh-button/stzh-button.js.map +1 -1
  84. package/dist/collection/components/stzh-card/stzh-card.css +1 -0
  85. package/dist/collection/components/stzh-card-list/stzh-card-list.css +27 -38
  86. package/dist/collection/components/stzh-carousel/stzh-carousel.css +3 -0
  87. package/dist/collection/components/stzh-carousel/stzh-carousel.js +2 -1
  88. package/dist/collection/components/stzh-carousel/stzh-carousel.js.map +1 -1
  89. package/dist/collection/components/stzh-cell/stzh-cell.js +9 -13
  90. package/dist/collection/components/stzh-cell/stzh-cell.js.map +1 -1
  91. package/dist/collection/components/stzh-clamp/stzh-clamp.js +9 -2
  92. package/dist/collection/components/stzh-clamp/stzh-clamp.js.map +1 -1
  93. package/dist/collection/components/stzh-contact/stzh-contact.js +25 -3
  94. package/dist/collection/components/stzh-contact/stzh-contact.js.map +1 -1
  95. package/dist/collection/components/stzh-cspace/stzh-cspace.css +5 -0
  96. package/dist/collection/components/stzh-fieldset/stzh-fieldset.js +1 -1
  97. package/dist/collection/components/stzh-figure/stzh-figure.css +5 -0
  98. package/dist/collection/components/stzh-footer/stzh-footer.css +1 -7
  99. package/dist/collection/components/stzh-footer/stzh-footer.js +21 -5
  100. package/dist/collection/components/stzh-footer/stzh-footer.js.map +1 -1
  101. package/dist/collection/components/stzh-footer/stzh-footer.stories.js +2 -2
  102. package/dist/collection/components/stzh-gallery/assets/angle-left.svg +3 -0
  103. package/dist/collection/components/stzh-gallery/assets/angle-right.svg +3 -0
  104. package/dist/collection/components/stzh-gallery/assets/close.svg +3 -0
  105. package/dist/collection/components/stzh-gallery/stzh-gallery.css +839 -0
  106. package/dist/collection/components/stzh-gallery/stzh-gallery.e2e.js +22 -0
  107. package/dist/collection/components/stzh-gallery/stzh-gallery.e2e.js.map +1 -0
  108. package/dist/collection/components/stzh-gallery/stzh-gallery.js +410 -0
  109. package/dist/collection/components/stzh-gallery/stzh-gallery.js.map +1 -0
  110. package/dist/collection/components/stzh-gallery/stzh-gallery.localization.js +2 -0
  111. package/dist/collection/components/stzh-gallery/stzh-gallery.localization.js.map +1 -0
  112. package/dist/collection/components/stzh-gallery/stzh-gallery.stories.js +163 -0
  113. package/dist/collection/components/stzh-header/stzh-header.css +19 -1
  114. package/dist/collection/components/stzh-header/stzh-header.js +1 -4
  115. package/dist/collection/components/stzh-header/stzh-header.js.map +1 -1
  116. package/dist/collection/components/stzh-header/stzh-header.stories.js +5 -3
  117. package/dist/collection/components/stzh-heading/stzh-heading.js +1 -1
  118. package/dist/collection/components/stzh-hspace/stzh-hspace.js +13 -18
  119. package/dist/collection/components/stzh-hspace/stzh-hspace.js.map +1 -1
  120. package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.js +0 -38
  121. package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.js.map +1 -1
  122. package/dist/collection/components/stzh-logo/assets/aoz.svg +15 -0
  123. package/dist/collection/components/stzh-logo/assets/pkzh.svg +207 -0
  124. package/dist/collection/components/stzh-logo/assets/stzh-default.svg +166 -0
  125. package/dist/collection/components/stzh-logo/assets/uvz.svg +85 -0
  126. package/dist/collection/components/stzh-logo/assets/vbz.svg +147 -0
  127. package/dist/collection/components/stzh-logo/stzh-logo.css +134 -0
  128. package/dist/collection/components/stzh-logo/stzh-logo.e2e.js +19 -0
  129. package/dist/collection/components/stzh-logo/stzh-logo.e2e.js.map +1 -0
  130. package/dist/collection/components/stzh-logo/stzh-logo.js +72 -0
  131. package/dist/collection/components/stzh-logo/stzh-logo.js.map +1 -0
  132. package/dist/collection/components/stzh-logo/stzh-logo.stories.js +51 -0
  133. package/dist/collection/components/stzh-panorama/stzh-panorama.js +21 -2
  134. package/dist/collection/components/stzh-panorama/stzh-panorama.js.map +1 -1
  135. package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.js +3 -2
  136. package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.js.map +1 -1
  137. package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js +2 -4
  138. package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js.map +1 -1
  139. package/dist/collection/components/stzh-row/stzh-row.js +9 -13
  140. package/dist/collection/components/stzh-row/stzh-row.js.map +1 -1
  141. package/dist/collection/components/stzh-show/stzh-show.js +5 -5
  142. package/dist/collection/components/stzh-show/stzh-show.js.map +1 -1
  143. package/dist/collection/components/stzh-space/stzh-space.js +13 -18
  144. package/dist/collection/components/stzh-space/stzh-space.js.map +1 -1
  145. package/dist/collection/components/stzh-sticky/stzh-sticky.css +28 -17
  146. package/dist/collection/components/stzh-sticky/stzh-sticky.e2e.js +1 -0
  147. package/dist/collection/components/stzh-sticky/stzh-sticky.e2e.js.map +1 -1
  148. package/dist/collection/components/stzh-sticky/stzh-sticky.js +186 -14
  149. package/dist/collection/components/stzh-sticky/stzh-sticky.js.map +1 -1
  150. package/dist/collection/components/stzh-sticky/stzh-sticky.stories.js +88 -44
  151. package/dist/collection/components/stzh-text/stzh-text.css +19 -0
  152. package/dist/collection/components/stzh-text/stzh-text.js +1 -1
  153. package/dist/collection/components/stzh-vspace/stzh-vspace.js +13 -18
  154. package/dist/collection/components/stzh-vspace/stzh-vspace.js.map +1 -1
  155. package/dist/collection/index.js.map +1 -1
  156. package/dist/collection/patterns/media/media.e2e.js +3 -1
  157. package/dist/collection/patterns/media/media.e2e.js.map +1 -1
  158. package/dist/collection/patterns/subpages/subpages.e2e.js +1 -0
  159. package/dist/collection/patterns/subpages/subpages.e2e.js.map +1 -1
  160. package/dist/collection/utils/utils.js +22 -0
  161. package/dist/collection/utils/utils.js.map +1 -1
  162. package/dist/components/index.js +1 -1
  163. package/dist/components/index2.js.map +1 -1
  164. package/dist/components/stzh-button2.js +2 -2
  165. package/dist/components/stzh-button2.js.map +1 -1
  166. package/dist/components/stzh-card-list2.js +1 -1
  167. package/dist/components/stzh-card-list2.js.map +1 -1
  168. package/dist/components/stzh-card2.js +1 -1
  169. package/dist/components/stzh-card2.js.map +1 -1
  170. package/dist/components/stzh-carousel2.js +3 -2
  171. package/dist/components/stzh-carousel2.js.map +1 -1
  172. package/dist/components/stzh-cell.js +9 -9
  173. package/dist/components/stzh-cell.js.map +1 -1
  174. package/dist/components/stzh-clamp2.js +8 -1
  175. package/dist/components/stzh-clamp2.js.map +1 -1
  176. package/dist/components/stzh-contact.js +7 -3
  177. package/dist/components/stzh-contact.js.map +1 -1
  178. package/dist/components/stzh-cspace.js +1 -1
  179. package/dist/components/stzh-cspace.js.map +1 -1
  180. package/dist/components/stzh-figure2.js +1 -1
  181. package/dist/components/stzh-figure2.js.map +1 -1
  182. package/dist/components/stzh-footer.js +21 -5
  183. package/dist/components/stzh-footer.js.map +1 -1
  184. package/dist/components/stzh-gallery.d.ts +11 -0
  185. package/dist/components/stzh-gallery.js +9808 -0
  186. package/dist/components/stzh-gallery.js.map +1 -0
  187. package/dist/components/stzh-header.js +2 -5
  188. package/dist/components/stzh-header.js.map +1 -1
  189. package/dist/components/stzh-hspace.js +1 -57
  190. package/dist/components/stzh-hspace.js.map +1 -1
  191. package/dist/{esm/stzh-hspace.entry.js → components/stzh-hspace2.js} +41 -13
  192. package/dist/components/stzh-hspace2.js.map +1 -0
  193. package/dist/components/stzh-imagecomparison.js +0 -4
  194. package/dist/components/stzh-imagecomparison.js.map +1 -1
  195. package/dist/components/stzh-logo.d.ts +11 -0
  196. package/dist/components/stzh-logo.js +687 -0
  197. package/dist/components/stzh-logo.js.map +1 -0
  198. package/dist/components/stzh-panorama.js +4 -2
  199. package/dist/components/stzh-panorama.js.map +1 -1
  200. package/dist/components/stzh-progressbar-item2.js +2 -1
  201. package/dist/components/stzh-progressbar-item2.js.map +1 -1
  202. package/dist/components/stzh-radiogroup2.js +1 -1
  203. package/dist/components/stzh-row.js +9 -9
  204. package/dist/components/stzh-row.js.map +1 -1
  205. package/dist/components/stzh-show.js +1 -59
  206. package/dist/components/stzh-show.js.map +1 -1
  207. package/dist/{esm/stzh-show.entry.js → components/stzh-show2.js} +34 -10
  208. package/dist/components/stzh-show2.js.map +1 -0
  209. package/dist/components/stzh-space.js +13 -13
  210. package/dist/components/stzh-space.js.map +1 -1
  211. package/dist/components/stzh-sticky.js +171 -17
  212. package/dist/components/stzh-sticky.js.map +1 -1
  213. package/dist/components/stzh-text2.js +1 -1
  214. package/dist/components/stzh-text2.js.map +1 -1
  215. package/dist/components/stzh-vbz-majorticker.js +1 -1
  216. package/dist/components/stzh-vspace.js +13 -13
  217. package/dist/components/stzh-vspace.js.map +1 -1
  218. package/dist/components/utils.js +23 -1
  219. package/dist/components/utils.js.map +1 -1
  220. package/dist/esm/{app-globals-2df573fd.js → app-globals-1a77c38b.js} +2 -2
  221. package/dist/esm/{app-globals-2df573fd.js.map → app-globals-1a77c38b.js.map} +1 -1
  222. package/dist/esm/index.js.map +1 -1
  223. package/dist/esm/loader.js +2 -2
  224. package/dist/esm/stzh-actions.entry.js +1 -1
  225. package/dist/esm/stzh-actionset_4.entry.js +3 -3
  226. package/dist/esm/stzh-actionset_4.entry.js.map +1 -1
  227. package/dist/esm/stzh-appnav.entry.js +1 -1
  228. package/dist/esm/stzh-audio.entry.js +1 -1
  229. package/dist/esm/stzh-badge_3.entry.js +3 -3
  230. package/dist/esm/stzh-badge_3.entry.js.map +1 -1
  231. package/dist/esm/stzh-carousel.entry.js +4 -3
  232. package/dist/esm/stzh-carousel.entry.js.map +1 -1
  233. package/dist/esm/stzh-cell.entry.js +4 -4
  234. package/dist/esm/stzh-cell.entry.js.map +1 -1
  235. package/dist/esm/stzh-checkbox.entry.js +1 -1
  236. package/dist/esm/stzh-checkboxgroup.entry.js +1 -1
  237. package/dist/esm/stzh-chip_2.entry.js +8 -1
  238. package/dist/esm/stzh-chip_2.entry.js.map +1 -1
  239. package/dist/esm/stzh-components.js +2 -2
  240. package/dist/esm/stzh-contact.entry.js +7 -4
  241. package/dist/esm/stzh-contact.entry.js.map +1 -1
  242. package/dist/esm/stzh-cspace.entry.js +1 -1
  243. package/dist/esm/stzh-cspace.entry.js.map +1 -1
  244. package/dist/esm/stzh-datepicker_3.entry.js +1 -1
  245. package/dist/esm/stzh-details.entry.js +1 -1
  246. package/dist/esm/stzh-dialog.entry.js +1 -1
  247. package/dist/esm/stzh-dropdown.entry.js +1 -1
  248. package/dist/esm/{stzh-ratio.entry.js → stzh-figure_2.entry.js} +33 -2
  249. package/dist/esm/stzh-figure_2.entry.js.map +1 -0
  250. package/dist/esm/stzh-footer.entry.js +22 -6
  251. package/dist/esm/stzh-footer.entry.js.map +1 -1
  252. package/dist/esm/stzh-gallery.entry.js +9729 -0
  253. package/dist/esm/stzh-gallery.entry.js.map +1 -0
  254. package/dist/esm/stzh-ghettobox.entry.js +1 -1
  255. package/dist/esm/stzh-header.entry.js +3 -6
  256. package/dist/esm/stzh-header.entry.js.map +1 -1
  257. package/dist/esm/stzh-hspace_2.entry.js +67 -0
  258. package/dist/esm/stzh-hspace_2.entry.js.map +1 -0
  259. package/dist/esm/stzh-imagecomparison.entry.js +0 -2
  260. package/dist/esm/stzh-imagecomparison.entry.js.map +1 -1
  261. package/dist/esm/stzh-input.entry.js +1 -1
  262. package/dist/esm/stzh-link.entry.js +1 -1
  263. package/dist/esm/stzh-logo.entry.js +667 -0
  264. package/dist/esm/stzh-logo.entry.js.map +1 -0
  265. package/dist/esm/stzh-menu_2.entry.js +1 -1
  266. package/dist/esm/stzh-pagebottom.entry.js +1 -1
  267. package/dist/esm/stzh-pagetitle-hero.entry.js +1 -1
  268. package/dist/esm/stzh-pagetitle.entry.js +1 -1
  269. package/dist/esm/stzh-panorama.entry.js +3 -2
  270. package/dist/esm/stzh-panorama.entry.js.map +1 -1
  271. package/dist/esm/stzh-popover.entry.js +1 -1
  272. package/dist/esm/stzh-print.entry.js +1 -1
  273. package/dist/esm/stzh-progressbar-item.entry.js +2 -1
  274. package/dist/esm/stzh-progressbar-item.entry.js.map +1 -1
  275. package/dist/esm/stzh-readspeaker.entry.js +1 -1
  276. package/dist/esm/stzh-row.entry.js +4 -4
  277. package/dist/esm/stzh-row.entry.js.map +1 -1
  278. package/dist/esm/stzh-scrollup.entry.js +1 -1
  279. package/dist/esm/stzh-share.entry.js +1 -1
  280. package/dist/esm/stzh-space.entry.js +5 -5
  281. package/dist/esm/stzh-space.entry.js.map +1 -1
  282. package/dist/esm/stzh-sticky.entry.js +166 -15
  283. package/dist/esm/stzh-sticky.entry.js.map +1 -1
  284. package/dist/esm/stzh-table.entry.js +1 -1
  285. package/dist/esm/stzh-text.entry.js +1 -1
  286. package/dist/esm/stzh-text.entry.js.map +1 -1
  287. package/dist/esm/stzh-textandimage.entry.js +1 -1
  288. package/dist/esm/stzh-timeline-item.entry.js +1 -1
  289. package/dist/esm/stzh-toast.entry.js +1 -1
  290. package/dist/esm/stzh-toggle.entry.js +1 -1
  291. package/dist/esm/stzh-tooltip.entry.js +1 -1
  292. package/dist/esm/stzh-upload.entry.js +1 -1
  293. package/dist/esm/stzh-vspace.entry.js +5 -5
  294. package/dist/esm/stzh-vspace.entry.js.map +1 -1
  295. package/dist/esm/{utils-107fad0f.js → utils-8bb4c3c6.js} +24 -2
  296. package/dist/esm/utils-8bb4c3c6.js.map +1 -0
  297. package/dist/esm-es5/{app-globals-2df573fd.js → app-globals-1a77c38b.js} +2 -2
  298. package/dist/esm-es5/{app-globals-2df573fd.js.map → app-globals-1a77c38b.js.map} +1 -1
  299. package/dist/esm-es5/index.js.map +1 -1
  300. package/dist/esm-es5/loader.js +1 -1
  301. package/dist/esm-es5/loader.js.map +1 -1
  302. package/dist/esm-es5/stzh-actions.entry.js +1 -1
  303. package/dist/esm-es5/stzh-actionset_4.entry.js +2 -2
  304. package/dist/esm-es5/stzh-actionset_4.entry.js.map +1 -1
  305. package/dist/esm-es5/stzh-appnav.entry.js +1 -1
  306. package/dist/esm-es5/stzh-audio.entry.js +1 -1
  307. package/dist/esm-es5/stzh-badge_3.entry.js +1 -1
  308. package/dist/esm-es5/stzh-badge_3.entry.js.map +1 -1
  309. package/dist/esm-es5/stzh-carousel.entry.js +1 -1
  310. package/dist/esm-es5/stzh-carousel.entry.js.map +1 -1
  311. package/dist/esm-es5/stzh-cell.entry.js +1 -1
  312. package/dist/esm-es5/stzh-cell.entry.js.map +1 -1
  313. package/dist/esm-es5/stzh-checkbox.entry.js +1 -1
  314. package/dist/esm-es5/stzh-checkboxgroup.entry.js +1 -1
  315. package/dist/esm-es5/stzh-chip_2.entry.js +1 -1
  316. package/dist/esm-es5/stzh-chip_2.entry.js.map +1 -1
  317. package/dist/esm-es5/stzh-components.js +1 -1
  318. package/dist/esm-es5/stzh-components.js.map +1 -1
  319. package/dist/esm-es5/stzh-contact.entry.js +1 -1
  320. package/dist/esm-es5/stzh-contact.entry.js.map +1 -1
  321. package/dist/esm-es5/stzh-cspace.entry.js +1 -1
  322. package/dist/esm-es5/stzh-cspace.entry.js.map +1 -1
  323. package/dist/esm-es5/stzh-datepicker_3.entry.js +1 -1
  324. package/dist/esm-es5/stzh-details.entry.js +1 -1
  325. package/dist/esm-es5/stzh-dialog.entry.js +1 -1
  326. package/dist/esm-es5/stzh-dropdown.entry.js +1 -1
  327. package/dist/esm-es5/stzh-figure_2.entry.js +2 -0
  328. package/dist/esm-es5/stzh-figure_2.entry.js.map +1 -0
  329. package/dist/esm-es5/stzh-footer.entry.js +1 -1
  330. package/dist/esm-es5/stzh-footer.entry.js.map +1 -1
  331. package/dist/esm-es5/stzh-gallery.entry.js +10 -0
  332. package/dist/esm-es5/stzh-gallery.entry.js.map +1 -0
  333. package/dist/esm-es5/stzh-ghettobox.entry.js +1 -1
  334. package/dist/esm-es5/stzh-header.entry.js +1 -1
  335. package/dist/esm-es5/stzh-header.entry.js.map +1 -1
  336. package/dist/esm-es5/stzh-hspace_2.entry.js +2 -0
  337. package/dist/esm-es5/stzh-hspace_2.entry.js.map +1 -0
  338. package/dist/esm-es5/stzh-imagecomparison.entry.js +1 -1
  339. package/dist/esm-es5/stzh-imagecomparison.entry.js.map +1 -1
  340. package/dist/esm-es5/stzh-input.entry.js +1 -1
  341. package/dist/esm-es5/stzh-link.entry.js +1 -1
  342. package/dist/esm-es5/stzh-logo.entry.js +2 -0
  343. package/dist/esm-es5/stzh-logo.entry.js.map +1 -0
  344. package/dist/esm-es5/stzh-menu_2.entry.js +1 -1
  345. package/dist/esm-es5/stzh-pagebottom.entry.js +1 -1
  346. package/dist/esm-es5/stzh-pagetitle-hero.entry.js +1 -1
  347. package/dist/esm-es5/stzh-pagetitle.entry.js +1 -1
  348. package/dist/esm-es5/stzh-panorama.entry.js +1 -1
  349. package/dist/esm-es5/stzh-panorama.entry.js.map +1 -1
  350. package/dist/esm-es5/stzh-popover.entry.js +1 -1
  351. package/dist/esm-es5/stzh-print.entry.js +1 -1
  352. package/dist/esm-es5/stzh-progressbar-item.entry.js +1 -1
  353. package/dist/esm-es5/stzh-progressbar-item.entry.js.map +1 -1
  354. package/dist/esm-es5/stzh-readspeaker.entry.js +1 -1
  355. package/dist/esm-es5/stzh-row.entry.js +1 -1
  356. package/dist/esm-es5/stzh-row.entry.js.map +1 -1
  357. package/dist/esm-es5/stzh-scrollup.entry.js +1 -1
  358. package/dist/esm-es5/stzh-share.entry.js +1 -1
  359. package/dist/esm-es5/stzh-space.entry.js +1 -1
  360. package/dist/esm-es5/stzh-space.entry.js.map +1 -1
  361. package/dist/esm-es5/stzh-sticky.entry.js +1 -1
  362. package/dist/esm-es5/stzh-sticky.entry.js.map +1 -1
  363. package/dist/esm-es5/stzh-table.entry.js +1 -1
  364. package/dist/esm-es5/stzh-text.entry.js +1 -1
  365. package/dist/esm-es5/stzh-text.entry.js.map +1 -1
  366. package/dist/esm-es5/stzh-textandimage.entry.js +1 -1
  367. package/dist/esm-es5/stzh-timeline-item.entry.js +1 -1
  368. package/dist/esm-es5/stzh-toast.entry.js +1 -1
  369. package/dist/esm-es5/stzh-toggle.entry.js +1 -1
  370. package/dist/esm-es5/stzh-tooltip.entry.js +1 -1
  371. package/dist/esm-es5/stzh-upload.entry.js +1 -1
  372. package/dist/esm-es5/stzh-vspace.entry.js +1 -1
  373. package/dist/esm-es5/stzh-vspace.entry.js.map +1 -1
  374. package/dist/esm-es5/utils-8bb4c3c6.js +2 -0
  375. package/dist/esm-es5/utils-8bb4c3c6.js.map +1 -0
  376. package/dist/stzh-components/assets/i18n/de.json +19 -10
  377. package/dist/stzh-components/assets/i18n/en.json +19 -10
  378. package/dist/stzh-components/index.esm.js.map +1 -1
  379. package/dist/stzh-components/{p-a509436d.entry.js → p-0164f9d1.entry.js} +2 -2
  380. package/dist/stzh-components/p-0164f9d1.entry.js.map +1 -0
  381. package/dist/stzh-components/{p-1f1910e4.system.entry.js → p-0684cfac.system.entry.js} +2 -2
  382. package/dist/stzh-components/{p-1f1910e4.system.entry.js.map → p-0684cfac.system.entry.js.map} +1 -1
  383. package/dist/stzh-components/p-07819ba5.entry.js +2 -0
  384. package/dist/stzh-components/p-07819ba5.entry.js.map +1 -0
  385. package/dist/stzh-components/{p-6b9365fe.system.entry.js → p-0b4cba00.system.entry.js} +2 -2
  386. package/dist/stzh-components/{p-b1fbe1d1.system.entry.js → p-0b8a15cc.system.entry.js} +2 -2
  387. package/dist/stzh-components/p-0bb08043.system.js.map +1 -1
  388. package/dist/stzh-components/p-0c049996.system.entry.js +2 -0
  389. package/dist/stzh-components/p-0c049996.system.entry.js.map +1 -0
  390. package/dist/stzh-components/{p-9bd8613c.system.entry.js → p-0c2381f6.system.entry.js} +2 -2
  391. package/dist/stzh-components/p-0d9aa70c.entry.js +2 -0
  392. package/dist/stzh-components/p-0d9aa70c.entry.js.map +1 -0
  393. package/dist/stzh-components/{p-55a00af2.entry.js → p-10361297.entry.js} +2 -2
  394. package/dist/stzh-components/p-1095d872.system.entry.js +2 -0
  395. package/dist/stzh-components/p-1095d872.system.entry.js.map +1 -0
  396. package/dist/stzh-components/{p-26f37848.entry.js → p-11031613.entry.js} +2 -2
  397. package/dist/stzh-components/{p-062360a4.system.entry.js → p-153f8f3f.system.entry.js} +2 -2
  398. package/dist/stzh-components/p-15980af0.entry.js +10 -0
  399. package/dist/stzh-components/p-15980af0.entry.js.map +1 -0
  400. package/dist/stzh-components/{p-fbf4ee43.system.entry.js → p-1834deba.system.entry.js} +2 -2
  401. package/dist/stzh-components/{p-c1fa2872.system.entry.js → p-188dd49d.system.entry.js} +2 -2
  402. package/dist/stzh-components/{p-68e15c10.system.entry.js → p-1a49012e.system.entry.js} +2 -2
  403. package/dist/stzh-components/{p-2565c905.entry.js → p-1c9eee3d.entry.js} +2 -2
  404. package/dist/stzh-components/{p-badd636f.system.entry.js → p-24c0e33a.system.entry.js} +2 -2
  405. package/dist/stzh-components/{p-badd636f.system.entry.js.map → p-24c0e33a.system.entry.js.map} +1 -1
  406. package/dist/stzh-components/p-2547ec12.system.entry.js +2 -0
  407. package/dist/stzh-components/p-2547ec12.system.entry.js.map +1 -0
  408. package/dist/stzh-components/p-287edde1.system.entry.js +2 -0
  409. package/dist/stzh-components/p-287edde1.system.entry.js.map +1 -0
  410. package/dist/stzh-components/p-2a3fdd90.system.entry.js +2 -0
  411. package/dist/stzh-components/p-2a3fdd90.system.entry.js.map +1 -0
  412. package/dist/stzh-components/{p-af5151b6.entry.js → p-2abcca01.entry.js} +2 -2
  413. package/dist/stzh-components/p-2abcca01.entry.js.map +1 -0
  414. package/dist/stzh-components/{p-97b0b868.system.entry.js → p-2ff7c5db.system.entry.js} +2 -2
  415. package/dist/stzh-components/{p-e0e5d06f.system.entry.js → p-3154e4da.system.entry.js} +2 -2
  416. package/dist/stzh-components/{p-754f37ee.entry.js → p-34add4af.entry.js} +2 -2
  417. package/dist/stzh-components/{p-b28e5fd4.system.entry.js → p-34ff6606.system.entry.js} +2 -2
  418. package/dist/stzh-components/{p-46ccadd5.system.entry.js → p-3ab3a5a7.system.entry.js} +2 -2
  419. package/dist/stzh-components/{p-dd43141d.system.entry.js → p-3ceef7dd.system.entry.js} +2 -2
  420. package/dist/stzh-components/p-3df3f45c.entry.js +2 -0
  421. package/dist/stzh-components/p-3df3f45c.entry.js.map +1 -0
  422. package/dist/stzh-components/{p-e42dbd26.system.entry.js → p-42e25ae1.system.entry.js} +3 -3
  423. package/dist/stzh-components/p-42e25ae1.system.entry.js.map +1 -0
  424. package/dist/stzh-components/{p-38ebb72d.system.entry.js → p-42f483f6.system.entry.js} +2 -2
  425. package/dist/stzh-components/{p-508f6d3d.entry.js → p-488c5c8a.entry.js} +2 -2
  426. package/dist/stzh-components/{p-a5b55401.entry.js → p-4ad49ece.entry.js} +2 -2
  427. package/dist/stzh-components/{p-f8b5c7a8.entry.js → p-4c091b1b.entry.js} +2 -2
  428. package/dist/stzh-components/{p-66965853.entry.js → p-4cb041d5.entry.js} +2 -2
  429. package/dist/stzh-components/{p-9a22e78f.system.entry.js → p-509f90d0.system.entry.js} +2 -2
  430. package/dist/stzh-components/p-509f90d0.system.entry.js.map +1 -0
  431. package/dist/stzh-components/{p-ff2029b6.entry.js → p-5342d3ae.entry.js} +2 -2
  432. package/dist/stzh-components/{p-ff2029b6.entry.js.map → p-5342d3ae.entry.js.map} +1 -1
  433. package/dist/stzh-components/{p-243f3d8c.system.entry.js → p-54a1fdcc.system.entry.js} +2 -2
  434. package/dist/stzh-components/p-54dbcd0e.system.entry.js +11 -0
  435. package/dist/stzh-components/p-54dbcd0e.system.entry.js.map +1 -0
  436. package/dist/stzh-components/{p-1f6fe9f1.entry.js → p-5cea16ad.entry.js} +2 -2
  437. package/dist/stzh-components/{p-1f6fe9f1.entry.js.map → p-5cea16ad.entry.js.map} +1 -1
  438. package/dist/stzh-components/{p-b218ae94.system.entry.js → p-5d02c5e0.system.entry.js} +2 -2
  439. package/dist/stzh-components/{p-01436630.system.entry.js → p-5e861cb6.system.entry.js} +2 -2
  440. package/dist/stzh-components/{p-45e98de0.entry.js → p-64845b66.entry.js} +2 -2
  441. package/dist/stzh-components/{p-45e98de0.entry.js.map → p-64845b66.entry.js.map} +1 -1
  442. package/dist/stzh-components/{p-95e4bc28.entry.js → p-68feffea.entry.js} +2 -2
  443. package/dist/stzh-components/{p-a6938665.entry.js → p-6a91ac35.entry.js} +2 -2
  444. package/dist/stzh-components/p-6a91ac35.entry.js.map +1 -0
  445. package/dist/stzh-components/{p-93c73a62.entry.js → p-6b9b037a.entry.js} +2 -2
  446. package/dist/stzh-components/{p-93c73a62.entry.js.map → p-6b9b037a.entry.js.map} +1 -1
  447. package/dist/stzh-components/{p-98357b67.system.entry.js → p-6e979c9c.system.entry.js} +2 -2
  448. package/dist/stzh-components/{p-98357b67.system.entry.js.map → p-6e979c9c.system.entry.js.map} +1 -1
  449. package/dist/stzh-components/{p-d5b2327f.system.entry.js → p-709514fc.system.entry.js} +2 -2
  450. package/dist/stzh-components/{p-c9f0cf53.entry.js → p-73442cf1.entry.js} +2 -2
  451. package/dist/stzh-components/{p-fd41d303.entry.js → p-7873a639.entry.js} +2 -2
  452. package/dist/stzh-components/p-7c2aa5e8.entry.js +2 -0
  453. package/dist/stzh-components/{p-41b2f989.entry.js.map → p-7c2aa5e8.entry.js.map} +1 -1
  454. package/dist/stzh-components/{p-a7ef9c99.entry.js → p-80851e3d.entry.js} +2 -2
  455. package/dist/stzh-components/p-80f1f324.system.entry.js +2 -0
  456. package/dist/stzh-components/p-80f1f324.system.entry.js.map +1 -0
  457. package/dist/stzh-components/{p-e1bada00.entry.js → p-83a216d7.entry.js} +2 -2
  458. package/dist/stzh-components/{p-1e7376c9.system.js → p-84ae2651.system.js} +2 -2
  459. package/dist/stzh-components/{p-1e7376c9.system.js.map → p-84ae2651.system.js.map} +1 -1
  460. package/dist/stzh-components/{p-bd5b6832.system.entry.js → p-88adaf4b.system.entry.js} +2 -2
  461. package/dist/stzh-components/{p-34a359dd.entry.js → p-88e6248e.entry.js} +2 -2
  462. package/dist/stzh-components/{p-e4e8b73a.system.entry.js → p-8c1c75a7.system.entry.js} +2 -2
  463. package/dist/stzh-components/{p-e4e8b73a.system.entry.js.map → p-8c1c75a7.system.entry.js.map} +1 -1
  464. package/dist/stzh-components/{p-7e76c84a.entry.js → p-91e7dae0.entry.js} +2 -2
  465. package/dist/stzh-components/{p-a8c669b2.system.entry.js → p-97704eb0.system.entry.js} +2 -2
  466. package/dist/stzh-components/{p-a00db16c.js → p-98b60fb7.js} +2 -2
  467. package/dist/stzh-components/{p-a00db16c.js.map → p-98b60fb7.js.map} +1 -1
  468. package/dist/stzh-components/p-9d0fedfe.system.entry.js +2 -0
  469. package/dist/stzh-components/{p-8de3379f.system.entry.js.map → p-9d0fedfe.system.entry.js.map} +1 -1
  470. package/dist/stzh-components/{p-67a483cf.system.entry.js → p-a0b350c2.system.entry.js} +2 -2
  471. package/dist/stzh-components/{p-a4c5ef8d.entry.js → p-a312a505.entry.js} +2 -2
  472. package/dist/stzh-components/p-a60e85c8.system.entry.js +2 -0
  473. package/dist/stzh-components/p-a60e85c8.system.entry.js.map +1 -0
  474. package/dist/stzh-components/{p-99ec62a5.entry.js → p-a94dd79b.entry.js} +2 -2
  475. package/dist/stzh-components/{p-99ec62a5.entry.js.map → p-a94dd79b.entry.js.map} +1 -1
  476. package/dist/stzh-components/p-aa337ae2.entry.js +2 -0
  477. package/dist/stzh-components/p-aa337ae2.entry.js.map +1 -0
  478. package/dist/stzh-components/{p-80e08833.entry.js → p-abbcda3b.entry.js} +2 -2
  479. package/dist/stzh-components/p-ae8eaf99.entry.js +2 -0
  480. package/dist/stzh-components/p-ae8eaf99.entry.js.map +1 -0
  481. package/dist/stzh-components/{p-793a530d.entry.js → p-af33b013.entry.js} +2 -2
  482. package/dist/stzh-components/{p-19b7b131.entry.js → p-afb2885a.entry.js} +2 -2
  483. package/dist/stzh-components/p-b305ec22.entry.js +2 -0
  484. package/dist/stzh-components/p-b305ec22.entry.js.map +1 -0
  485. package/dist/stzh-components/p-b6fed7ff.entry.js +2 -0
  486. package/dist/stzh-components/p-b6fed7ff.entry.js.map +1 -0
  487. package/dist/stzh-components/{p-cc10a5c5.system.entry.js → p-bb2fe16f.system.entry.js} +2 -2
  488. package/dist/stzh-components/p-bb2fe16f.system.entry.js.map +1 -0
  489. package/dist/stzh-components/p-bde8bb45.system.js +2 -0
  490. package/dist/stzh-components/{p-044b80d8.system.js.map → p-bde8bb45.system.js.map} +1 -1
  491. package/dist/stzh-components/{p-7a7eb40f.system.entry.js → p-c143a3f0.system.entry.js} +2 -2
  492. package/dist/stzh-components/{p-0a57145c.system.entry.js → p-c1ab5b6a.system.entry.js} +2 -2
  493. package/dist/stzh-components/p-c1ab5b6a.system.entry.js.map +1 -0
  494. package/dist/stzh-components/{p-fb70c624.system.entry.js → p-c41d9fa7.system.entry.js} +2 -2
  495. package/dist/stzh-components/{p-ebd47e41.entry.js → p-c5a4865c.entry.js} +2 -2
  496. package/dist/stzh-components/{p-7007044a.entry.js → p-c7a068ee.entry.js} +2 -2
  497. package/dist/stzh-components/{p-ae44fab0.entry.js → p-cb906ad4.entry.js} +2 -2
  498. package/dist/stzh-components/{p-70461b7e.entry.js → p-cc260e20.entry.js} +2 -2
  499. package/dist/stzh-components/p-cc260e20.entry.js.map +1 -0
  500. package/dist/stzh-components/p-cfd1eed9.system.entry.js +2 -0
  501. package/dist/stzh-components/p-cfd1eed9.system.entry.js.map +1 -0
  502. package/dist/stzh-components/p-cfdb06e4.js +2 -0
  503. package/dist/stzh-components/p-cfdb06e4.js.map +1 -0
  504. package/dist/stzh-components/{p-54c0340b.entry.js → p-d0678cbb.entry.js} +2 -2
  505. package/dist/stzh-components/p-d22fbf2e.system.entry.js +2 -0
  506. package/dist/stzh-components/p-d22fbf2e.system.entry.js.map +1 -0
  507. package/dist/stzh-components/{p-42138c55.entry.js → p-d362dc3a.entry.js} +2 -2
  508. package/dist/stzh-components/{p-3ac03d9a.entry.js → p-ded183e7.entry.js} +2 -2
  509. package/dist/stzh-components/{p-58a6ed19.system.entry.js → p-df322682.system.entry.js} +2 -2
  510. package/dist/stzh-components/{p-d50495d5.entry.js → p-e24cfa3e.entry.js} +2 -2
  511. package/dist/stzh-components/{p-ffe3fbab.entry.js → p-e3cd443b.entry.js} +2 -2
  512. package/dist/stzh-components/{p-e58d6819.system.entry.js → p-e61f6afc.system.entry.js} +2 -2
  513. package/dist/stzh-components/{p-e58d6819.system.entry.js.map → p-e61f6afc.system.entry.js.map} +1 -1
  514. package/dist/stzh-components/{p-f16e40f8.system.entry.js → p-e670eba0.system.entry.js} +2 -2
  515. package/dist/stzh-components/p-ed2896cd.entry.js +2 -0
  516. package/dist/stzh-components/p-ed2896cd.entry.js.map +1 -0
  517. package/dist/stzh-components/{p-3ccf5529.system.entry.js → p-f159a561.system.entry.js} +2 -2
  518. package/dist/stzh-components/p-f6662aa5.entry.js +2 -0
  519. package/dist/stzh-components/p-f6662aa5.entry.js.map +1 -0
  520. package/dist/stzh-components/p-f73af272.entry.js +8 -0
  521. package/dist/stzh-components/p-f73af272.entry.js.map +1 -0
  522. package/dist/stzh-components/{p-75beb9f8.system.entry.js → p-f8511c39.system.entry.js} +2 -2
  523. package/dist/stzh-components/{p-b1851b3e.entry.js → p-f91187c8.entry.js} +2 -2
  524. package/dist/stzh-components/p-f9cb0fcd.system.js +2 -0
  525. package/dist/stzh-components/p-f9cb0fcd.system.js.map +1 -0
  526. package/dist/stzh-components/{p-4e32ee7a.system.entry.js → p-ff1d24e2.system.entry.js} +2 -2
  527. package/dist/stzh-components/{p-61589824.system.entry.js → p-ff356dc8.system.entry.js} +2 -2
  528. package/dist/stzh-components/{p-9145f8d9.system.entry.js → p-ff9a0645.system.entry.js} +2 -2
  529. package/dist/stzh-components/p-ff9a0645.system.entry.js.map +1 -0
  530. package/dist/stzh-components/stzh-components.esm.js +1 -1
  531. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  532. package/dist/stzh-components/stzh-components.js +1 -1
  533. package/dist/types/components/stzh-accordion/stzh-accordion.d.ts +15 -0
  534. package/dist/types/components/stzh-accordion-item/stzh-accordion-item.d.ts +73 -0
  535. package/dist/types/components/stzh-actions/stzh-actions.d.ts +16 -0
  536. package/dist/types/components/stzh-actionset/stzh-actionset.d.ts +45 -0
  537. package/dist/types/components/stzh-amount/stzh-amount.d.ts +73 -0
  538. package/dist/types/components/stzh-appnav/stzh-appnav.d.ts +23 -0
  539. package/dist/types/components/stzh-appointments/stzh-appointments.d.ts +73 -0
  540. package/dist/types/components/stzh-audio/stzh-audio.d.ts +58 -0
  541. package/dist/types/components/stzh-button/stzh-button.d.ts +105 -0
  542. package/dist/types/components/stzh-buttongroup/stzh-buttongroup.d.ts +7 -0
  543. package/dist/types/components/stzh-calendar/stzh-calendar.d.ts +88 -0
  544. package/dist/types/components/stzh-card/stzh-card.d.ts +127 -0
  545. package/dist/types/components/stzh-card-list/stzh-card-list.d.ts +31 -0
  546. package/dist/types/components/stzh-carousel/stzh-carousel.d.ts +175 -0
  547. package/dist/types/components/stzh-chart/stzh-chart.d.ts +15 -0
  548. package/dist/types/components/stzh-checkbox/stzh-checkbox.d.ts +57 -0
  549. package/dist/types/components/stzh-checkboxgroup/stzh-checkboxgroup.d.ts +64 -0
  550. package/dist/types/components/stzh-chip/stzh-chip.d.ts +74 -0
  551. package/dist/types/components/stzh-chip-select/stzh-chip-select.d.ts +46 -0
  552. package/dist/types/components/stzh-clamp/stzh-clamp.d.ts +49 -0
  553. package/dist/types/components/stzh-contact/stzh-contact.d.ts +54 -0
  554. package/dist/types/components/stzh-datalist/stzh-datalist.d.ts +51 -0
  555. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +62 -0
  556. package/dist/types/components/stzh-datamessagelist/stzh-datamessagelist.d.ts +6 -0
  557. package/dist/types/components/stzh-datamessagelist-item/stzh-datamessagelist-item.d.ts +57 -0
  558. package/dist/types/components/stzh-datatable/stzh-datatable.d.ts +103 -0
  559. package/dist/types/components/stzh-datepicker/stzh-datepicker.d.ts +91 -0
  560. package/dist/types/components/stzh-details/stzh-details.d.ts +35 -0
  561. package/dist/types/components/stzh-dialog/stzh-dialog.d.ts +64 -0
  562. package/dist/types/components/stzh-dropdown/stzh-dropdown.d.ts +173 -0
  563. package/dist/types/components/stzh-figure/stzh-figure.d.ts +21 -0
  564. package/dist/types/components/stzh-flyingfocus/stzh-flyingfocus.d.ts +35 -0
  565. package/dist/types/components/stzh-footer/stzh-footer.d.ts +27 -0
  566. package/dist/types/components/stzh-gallery/stzh-gallery.d.ts +54 -0
  567. package/dist/types/components/stzh-gallery/stzh-gallery.localization.d.ts +10 -0
  568. package/dist/types/components/stzh-ghettobox/stzh-ghettobox.d.ts +50 -0
  569. package/dist/types/components/stzh-header/stzh-header.d.ts +68 -0
  570. package/dist/types/components/stzh-hr/stzh-hr.d.ts +7 -0
  571. package/dist/types/components/stzh-iframe/stzh-iframe.d.ts +60 -0
  572. package/dist/types/components/stzh-imagecomparison/stzh-imagecomparison.d.ts +29 -0
  573. package/dist/types/components/stzh-input/stzh-input.d.ts +104 -0
  574. package/dist/types/components/stzh-invert/stzh-invert.d.ts +7 -0
  575. package/dist/types/components/stzh-langnav/stzh-langnav.d.ts +19 -0
  576. package/dist/types/components/stzh-link/stzh-link.d.ts +88 -0
  577. package/dist/types/components/stzh-list/stzh-list.d.ts +9 -0
  578. package/dist/types/components/stzh-list-item/stzh-list-item.d.ts +7 -0
  579. package/dist/types/components/stzh-loader/stzh-loader.d.ts +13 -0
  580. package/dist/types/components/stzh-loadingbar/stzh-loadingbar.d.ts +12 -0
  581. package/dist/types/components/stzh-logo/stzh-logo.d.ts +9 -0
  582. package/dist/types/components/stzh-menu-item/stzh-menu-item.d.ts +50 -0
  583. package/dist/types/components/stzh-message/stzh-message.d.ts +37 -0
  584. package/dist/types/components/stzh-metanav/stzh-metanav.d.ts +11 -0
  585. package/dist/types/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.d.ts +33 -0
  586. package/dist/types/components/stzh-monthyearpicker/stzh-monthyearpicker.d.ts +98 -0
  587. package/dist/types/components/stzh-olmap/stzh-olmap.d.ts +124 -0
  588. package/dist/types/components/stzh-overlay/stzh-overlay.d.ts +34 -0
  589. package/dist/types/components/stzh-page-skiplinks/stzh-page-skiplinks.d.ts +11 -0
  590. package/dist/types/components/stzh-pagebottom/stzh-pagebottom.d.ts +29 -0
  591. package/dist/types/components/stzh-pagetitle/stzh-pagetitle.d.ts +15 -0
  592. package/dist/types/components/stzh-pagetitle-hero/stzh-pagetitle-hero.d.ts +25 -0
  593. package/dist/types/components/stzh-pagination/stzh-pagination.d.ts +52 -0
  594. package/dist/types/components/stzh-panorama/stzh-panorama.d.ts +74 -0
  595. package/dist/types/components/stzh-popover/stzh-popover.d.ts +73 -0
  596. package/dist/types/components/stzh-print/stzh-print.d.ts +12 -0
  597. package/dist/types/components/stzh-progressbar/stzh-progressbar.d.ts +49 -0
  598. package/dist/types/components/stzh-progressbar-item/stzh-progressbar-item.d.ts +34 -0
  599. package/dist/types/components/stzh-radio/stzh-radio.d.ts +57 -0
  600. package/dist/types/components/stzh-radiogroup/stzh-radiogroup.d.ts +66 -0
  601. package/dist/types/components/stzh-ratio/stzh-ratio.d.ts +22 -0
  602. package/dist/types/components/stzh-readspeaker/stzh-readspeaker.d.ts +18 -0
  603. package/dist/types/components/stzh-richtext/stzh-richtext.d.ts +22 -0
  604. package/dist/types/components/stzh-saptcha/stzh-saptcha.d.ts +28 -0
  605. package/dist/types/components/stzh-scrollup/stzh-scrollup.d.ts +12 -0
  606. package/dist/types/components/stzh-share/stzh-share.d.ts +21 -0
  607. package/dist/types/components/stzh-show/stzh-show.d.ts +22 -0
  608. package/dist/types/components/stzh-sitemap/stzh-sitemap.d.ts +14 -0
  609. package/dist/types/components/stzh-skiplink/stzh-skiplink.d.ts +38 -0
  610. package/dist/types/components/stzh-sortable/stzh-sortable.d.ts +59 -0
  611. package/dist/types/components/stzh-status/stzh-status.d.ts +14 -0
  612. package/dist/types/components/stzh-sticky/stzh-sticky.d.ts +58 -0
  613. package/dist/types/components/stzh-table/stzh-table.d.ts +43 -0
  614. package/dist/types/components/stzh-textandimage/stzh-textandimage.d.ts +14 -0
  615. package/dist/types/components/stzh-timeline/stzh-timeline.d.ts +23 -0
  616. package/dist/types/components/stzh-timeline-item/stzh-timeline-item.d.ts +78 -0
  617. package/dist/types/components/stzh-timepicker/stzh-timepicker.d.ts +62 -0
  618. package/dist/types/components/stzh-toast/stzh-toast.d.ts +39 -0
  619. package/dist/types/components/stzh-toastbar/stzh-toastbar.d.ts +41 -0
  620. package/dist/types/components/stzh-toggle/stzh-toggle.d.ts +59 -0
  621. package/dist/types/components/stzh-tooltip/stzh-tooltip.d.ts +80 -0
  622. package/dist/types/components/stzh-upload/stzh-upload.d.ts +236 -0
  623. package/dist/types/components/stzh-vbz-carousel/stzh-vbz-carousel.d.ts +14 -0
  624. package/dist/types/components/stzh-vbz-linechip/stzh-vbz-linechip.d.ts +37 -0
  625. package/dist/types/components/stzh-vbz-majorticker/stzh-vbz-majorticker.d.ts +41 -0
  626. package/dist/types/components/stzh-vbz-ticker/stzh-vbz-ticker.d.ts +34 -0
  627. package/dist/types/components/stzh-youtube/stzh-youtube.d.ts +30 -0
  628. package/dist/types/components.d.ts +101 -24
  629. package/dist/types/index.d.ts +899 -0
  630. package/dist/types/libraries/tom-select/types/constants.d.ts +12 -0
  631. package/dist/types/libraries/tom-select/types/contrib/highlight.d.ts +13 -0
  632. package/dist/types/libraries/tom-select/types/contrib/microevent.d.ts +20 -0
  633. package/dist/types/libraries/tom-select/types/contrib/microplugin.d.ts +71 -0
  634. package/dist/types/libraries/tom-select/types/defaults.d.ts +51 -0
  635. package/dist/types/libraries/tom-select/types/getSettings.d.ts +3 -0
  636. package/dist/types/libraries/tom-select/types/plugins/caret_position/plugin.d.ts +16 -0
  637. package/dist/types/libraries/tom-select/types/plugins/change_listener/plugin.d.ts +16 -0
  638. package/dist/types/libraries/tom-select/types/plugins/checkbox_options/plugin.d.ts +16 -0
  639. package/dist/types/libraries/tom-select/types/plugins/clear_button/plugin.d.ts +17 -0
  640. package/dist/types/libraries/tom-select/types/plugins/clear_button/types.d.ts +5 -0
  641. package/dist/types/libraries/tom-select/types/plugins/drag_drop/plugin.d.ts +16 -0
  642. package/dist/types/libraries/tom-select/types/plugins/dropdown_header/plugin.d.ts +17 -0
  643. package/dist/types/libraries/tom-select/types/plugins/dropdown_header/types.d.ts +8 -0
  644. package/dist/types/libraries/tom-select/types/plugins/dropdown_input/plugin.d.ts +16 -0
  645. package/dist/types/libraries/tom-select/types/plugins/input_autogrow/plugin.d.ts +15 -0
  646. package/dist/types/libraries/tom-select/types/plugins/no_active_items/plugin.d.ts +15 -0
  647. package/dist/types/libraries/tom-select/types/plugins/no_backspace_delete/plugin.d.ts +15 -0
  648. package/dist/types/libraries/tom-select/types/plugins/optgroup_columns/plugin.d.ts +16 -0
  649. package/dist/types/libraries/tom-select/types/plugins/remove_button/plugin.d.ts +17 -0
  650. package/dist/types/libraries/tom-select/types/plugins/remove_button/types.d.ts +6 -0
  651. package/dist/types/libraries/tom-select/types/plugins/restore_on_backspace/plugin.d.ts +21 -0
  652. package/dist/types/libraries/tom-select/types/plugins/virtual_scroll/plugin.d.ts +16 -0
  653. package/dist/types/libraries/tom-select/types/tom-select.complete.d.ts +2 -0
  654. package/dist/types/libraries/tom-select/types/tom-select.d.ts +596 -0
  655. package/dist/types/libraries/tom-select/types/tom-select.popular.d.ts +2 -0
  656. package/dist/types/libraries/tom-select/types/types/core.d.ts +48 -0
  657. package/dist/types/libraries/tom-select/types/types/index.d.ts +2 -0
  658. package/dist/types/libraries/tom-select/types/types/settings.d.ts +78 -0
  659. package/dist/types/libraries/tom-select/types/utils.d.ts +76 -0
  660. package/dist/types/libraries/tom-select/types/vanilla.d.ts +76 -0
  661. package/dist/types/types/svg.d.ts +4 -0
  662. package/dist/types/utils/utils.d.ts +5 -0
  663. package/package.json +2 -1
  664. package/dist/cjs/stzh-figure.cjs.entry.js +0 -40
  665. package/dist/cjs/stzh-figure.cjs.entry.js.map +0 -1
  666. package/dist/cjs/stzh-hspace.cjs.entry.js.map +0 -1
  667. package/dist/cjs/stzh-ratio.cjs.entry.js.map +0 -1
  668. package/dist/cjs/stzh-show.cjs.entry.js +0 -43
  669. package/dist/cjs/stzh-show.cjs.entry.js.map +0 -1
  670. package/dist/cjs/utils-77bc0ea1.js.map +0 -1
  671. package/dist/esm/stzh-figure.entry.js +0 -36
  672. package/dist/esm/stzh-figure.entry.js.map +0 -1
  673. package/dist/esm/stzh-hspace.entry.js.map +0 -1
  674. package/dist/esm/stzh-ratio.entry.js.map +0 -1
  675. package/dist/esm/stzh-show.entry.js.map +0 -1
  676. package/dist/esm/utils-107fad0f.js.map +0 -1
  677. package/dist/esm-es5/stzh-figure.entry.js +0 -2
  678. package/dist/esm-es5/stzh-figure.entry.js.map +0 -1
  679. package/dist/esm-es5/stzh-hspace.entry.js +0 -2
  680. package/dist/esm-es5/stzh-hspace.entry.js.map +0 -1
  681. package/dist/esm-es5/stzh-ratio.entry.js +0 -2
  682. package/dist/esm-es5/stzh-ratio.entry.js.map +0 -1
  683. package/dist/esm-es5/stzh-show.entry.js +0 -2
  684. package/dist/esm-es5/stzh-show.entry.js.map +0 -1
  685. package/dist/esm-es5/utils-107fad0f.js +0 -2
  686. package/dist/esm-es5/utils-107fad0f.js.map +0 -1
  687. package/dist/stzh-components/p-004b3030.system.entry.js +0 -2
  688. package/dist/stzh-components/p-004b3030.system.entry.js.map +0 -1
  689. package/dist/stzh-components/p-044b80d8.system.js +0 -2
  690. package/dist/stzh-components/p-0a57145c.system.entry.js.map +0 -1
  691. package/dist/stzh-components/p-0c8d651e.entry.js +0 -2
  692. package/dist/stzh-components/p-0c8d651e.entry.js.map +0 -1
  693. package/dist/stzh-components/p-0e5d39e2.system.entry.js +0 -2
  694. package/dist/stzh-components/p-0e5d39e2.system.entry.js.map +0 -1
  695. package/dist/stzh-components/p-0ed6eafb.system.entry.js +0 -2
  696. package/dist/stzh-components/p-0ed6eafb.system.entry.js.map +0 -1
  697. package/dist/stzh-components/p-168f0faa.entry.js +0 -8
  698. package/dist/stzh-components/p-168f0faa.entry.js.map +0 -1
  699. package/dist/stzh-components/p-18bf2b21.system.entry.js +0 -2
  700. package/dist/stzh-components/p-18bf2b21.system.entry.js.map +0 -1
  701. package/dist/stzh-components/p-2452dd71.system.entry.js +0 -2
  702. package/dist/stzh-components/p-2452dd71.system.entry.js.map +0 -1
  703. package/dist/stzh-components/p-330bdf15.system.entry.js +0 -2
  704. package/dist/stzh-components/p-330bdf15.system.entry.js.map +0 -1
  705. package/dist/stzh-components/p-341c1c6c.entry.js +0 -2
  706. package/dist/stzh-components/p-341c1c6c.entry.js.map +0 -1
  707. package/dist/stzh-components/p-41b2f989.entry.js +0 -2
  708. package/dist/stzh-components/p-52e9dbe5.entry.js +0 -2
  709. package/dist/stzh-components/p-52e9dbe5.entry.js.map +0 -1
  710. package/dist/stzh-components/p-53e44e89.system.js +0 -2
  711. package/dist/stzh-components/p-53e44e89.system.js.map +0 -1
  712. package/dist/stzh-components/p-645bbb42.entry.js +0 -2
  713. package/dist/stzh-components/p-645bbb42.entry.js.map +0 -1
  714. package/dist/stzh-components/p-70461b7e.entry.js.map +0 -1
  715. package/dist/stzh-components/p-74e07267.entry.js +0 -2
  716. package/dist/stzh-components/p-74e07267.entry.js.map +0 -1
  717. package/dist/stzh-components/p-7b044a55.entry.js +0 -2
  718. package/dist/stzh-components/p-7b044a55.entry.js.map +0 -1
  719. package/dist/stzh-components/p-7eaed674.system.entry.js +0 -2
  720. package/dist/stzh-components/p-7eaed674.system.entry.js.map +0 -1
  721. package/dist/stzh-components/p-8de3379f.system.entry.js +0 -2
  722. package/dist/stzh-components/p-9145f8d9.system.entry.js.map +0 -1
  723. package/dist/stzh-components/p-9a22e78f.system.entry.js.map +0 -1
  724. package/dist/stzh-components/p-a27c6c02.system.entry.js +0 -2
  725. package/dist/stzh-components/p-a27c6c02.system.entry.js.map +0 -1
  726. package/dist/stzh-components/p-a509436d.entry.js.map +0 -1
  727. package/dist/stzh-components/p-a6938665.entry.js.map +0 -1
  728. package/dist/stzh-components/p-a999bb48.entry.js +0 -2
  729. package/dist/stzh-components/p-a999bb48.entry.js.map +0 -1
  730. package/dist/stzh-components/p-af5151b6.entry.js.map +0 -1
  731. package/dist/stzh-components/p-ba8c574b.js +0 -2
  732. package/dist/stzh-components/p-ba8c574b.js.map +0 -1
  733. package/dist/stzh-components/p-c2fcd668.entry.js +0 -2
  734. package/dist/stzh-components/p-c2fcd668.entry.js.map +0 -1
  735. package/dist/stzh-components/p-cc10a5c5.system.entry.js.map +0 -1
  736. package/dist/stzh-components/p-d18665b6.system.entry.js +0 -2
  737. package/dist/stzh-components/p-d18665b6.system.entry.js.map +0 -1
  738. package/dist/stzh-components/p-e42dbd26.system.entry.js.map +0 -1
  739. package/dist/stzh-components/p-e6f1bae9.system.entry.js +0 -2
  740. package/dist/stzh-components/p-e6f1bae9.system.entry.js.map +0 -1
  741. package/dist/stzh-components/p-ebaf8f26.entry.js +0 -2
  742. package/dist/stzh-components/p-ebaf8f26.entry.js.map +0 -1
  743. package/dist/stzh-components/p-ef274d0c.entry.js +0 -2
  744. package/dist/stzh-components/p-ef274d0c.entry.js.map +0 -1
  745. package/dist/vscode-data.json +0 -7422
  746. /package/dist/stzh-components/{p-6b9365fe.system.entry.js.map → p-0b4cba00.system.entry.js.map} +0 -0
  747. /package/dist/stzh-components/{p-b1fbe1d1.system.entry.js.map → p-0b8a15cc.system.entry.js.map} +0 -0
  748. /package/dist/stzh-components/{p-9bd8613c.system.entry.js.map → p-0c2381f6.system.entry.js.map} +0 -0
  749. /package/dist/stzh-components/{p-55a00af2.entry.js.map → p-10361297.entry.js.map} +0 -0
  750. /package/dist/stzh-components/{p-26f37848.entry.js.map → p-11031613.entry.js.map} +0 -0
  751. /package/dist/stzh-components/{p-062360a4.system.entry.js.map → p-153f8f3f.system.entry.js.map} +0 -0
  752. /package/dist/stzh-components/{p-fbf4ee43.system.entry.js.map → p-1834deba.system.entry.js.map} +0 -0
  753. /package/dist/stzh-components/{p-c1fa2872.system.entry.js.map → p-188dd49d.system.entry.js.map} +0 -0
  754. /package/dist/stzh-components/{p-68e15c10.system.entry.js.map → p-1a49012e.system.entry.js.map} +0 -0
  755. /package/dist/stzh-components/{p-2565c905.entry.js.map → p-1c9eee3d.entry.js.map} +0 -0
  756. /package/dist/stzh-components/{p-97b0b868.system.entry.js.map → p-2ff7c5db.system.entry.js.map} +0 -0
  757. /package/dist/stzh-components/{p-e0e5d06f.system.entry.js.map → p-3154e4da.system.entry.js.map} +0 -0
  758. /package/dist/stzh-components/{p-754f37ee.entry.js.map → p-34add4af.entry.js.map} +0 -0
  759. /package/dist/stzh-components/{p-b28e5fd4.system.entry.js.map → p-34ff6606.system.entry.js.map} +0 -0
  760. /package/dist/stzh-components/{p-46ccadd5.system.entry.js.map → p-3ab3a5a7.system.entry.js.map} +0 -0
  761. /package/dist/stzh-components/{p-dd43141d.system.entry.js.map → p-3ceef7dd.system.entry.js.map} +0 -0
  762. /package/dist/stzh-components/{p-38ebb72d.system.entry.js.map → p-42f483f6.system.entry.js.map} +0 -0
  763. /package/dist/stzh-components/{p-508f6d3d.entry.js.map → p-488c5c8a.entry.js.map} +0 -0
  764. /package/dist/stzh-components/{p-a5b55401.entry.js.map → p-4ad49ece.entry.js.map} +0 -0
  765. /package/dist/stzh-components/{p-f8b5c7a8.entry.js.map → p-4c091b1b.entry.js.map} +0 -0
  766. /package/dist/stzh-components/{p-66965853.entry.js.map → p-4cb041d5.entry.js.map} +0 -0
  767. /package/dist/stzh-components/{p-243f3d8c.system.entry.js.map → p-54a1fdcc.system.entry.js.map} +0 -0
  768. /package/dist/stzh-components/{p-b218ae94.system.entry.js.map → p-5d02c5e0.system.entry.js.map} +0 -0
  769. /package/dist/stzh-components/{p-01436630.system.entry.js.map → p-5e861cb6.system.entry.js.map} +0 -0
  770. /package/dist/stzh-components/{p-95e4bc28.entry.js.map → p-68feffea.entry.js.map} +0 -0
  771. /package/dist/stzh-components/{p-d5b2327f.system.entry.js.map → p-709514fc.system.entry.js.map} +0 -0
  772. /package/dist/stzh-components/{p-c9f0cf53.entry.js.map → p-73442cf1.entry.js.map} +0 -0
  773. /package/dist/stzh-components/{p-fd41d303.entry.js.map → p-7873a639.entry.js.map} +0 -0
  774. /package/dist/stzh-components/{p-a7ef9c99.entry.js.map → p-80851e3d.entry.js.map} +0 -0
  775. /package/dist/stzh-components/{p-e1bada00.entry.js.map → p-83a216d7.entry.js.map} +0 -0
  776. /package/dist/stzh-components/{p-bd5b6832.system.entry.js.map → p-88adaf4b.system.entry.js.map} +0 -0
  777. /package/dist/stzh-components/{p-34a359dd.entry.js.map → p-88e6248e.entry.js.map} +0 -0
  778. /package/dist/stzh-components/{p-7e76c84a.entry.js.map → p-91e7dae0.entry.js.map} +0 -0
  779. /package/dist/stzh-components/{p-a8c669b2.system.entry.js.map → p-97704eb0.system.entry.js.map} +0 -0
  780. /package/dist/stzh-components/{p-67a483cf.system.entry.js.map → p-a0b350c2.system.entry.js.map} +0 -0
  781. /package/dist/stzh-components/{p-a4c5ef8d.entry.js.map → p-a312a505.entry.js.map} +0 -0
  782. /package/dist/stzh-components/{p-80e08833.entry.js.map → p-abbcda3b.entry.js.map} +0 -0
  783. /package/dist/stzh-components/{p-793a530d.entry.js.map → p-af33b013.entry.js.map} +0 -0
  784. /package/dist/stzh-components/{p-19b7b131.entry.js.map → p-afb2885a.entry.js.map} +0 -0
  785. /package/dist/stzh-components/{p-7a7eb40f.system.entry.js.map → p-c143a3f0.system.entry.js.map} +0 -0
  786. /package/dist/stzh-components/{p-fb70c624.system.entry.js.map → p-c41d9fa7.system.entry.js.map} +0 -0
  787. /package/dist/stzh-components/{p-ebd47e41.entry.js.map → p-c5a4865c.entry.js.map} +0 -0
  788. /package/dist/stzh-components/{p-7007044a.entry.js.map → p-c7a068ee.entry.js.map} +0 -0
  789. /package/dist/stzh-components/{p-ae44fab0.entry.js.map → p-cb906ad4.entry.js.map} +0 -0
  790. /package/dist/stzh-components/{p-54c0340b.entry.js.map → p-d0678cbb.entry.js.map} +0 -0
  791. /package/dist/stzh-components/{p-42138c55.entry.js.map → p-d362dc3a.entry.js.map} +0 -0
  792. /package/dist/stzh-components/{p-3ac03d9a.entry.js.map → p-ded183e7.entry.js.map} +0 -0
  793. /package/dist/stzh-components/{p-58a6ed19.system.entry.js.map → p-df322682.system.entry.js.map} +0 -0
  794. /package/dist/stzh-components/{p-d50495d5.entry.js.map → p-e24cfa3e.entry.js.map} +0 -0
  795. /package/dist/stzh-components/{p-ffe3fbab.entry.js.map → p-e3cd443b.entry.js.map} +0 -0
  796. /package/dist/stzh-components/{p-f16e40f8.system.entry.js.map → p-e670eba0.system.entry.js.map} +0 -0
  797. /package/dist/stzh-components/{p-3ccf5529.system.entry.js.map → p-f159a561.system.entry.js.map} +0 -0
  798. /package/dist/stzh-components/{p-75beb9f8.system.entry.js.map → p-f8511c39.system.entry.js.map} +0 -0
  799. /package/dist/stzh-components/{p-b1851b3e.entry.js.map → p-f91187c8.entry.js.map} +0 -0
  800. /package/dist/stzh-components/{p-4e32ee7a.system.entry.js.map → p-ff1d24e2.system.entry.js.map} +0 -0
  801. /package/dist/stzh-components/{p-61589824.system.entry.js.map → p-ff356dc8.system.entry.js.map} +0 -0
package/dist/esm-es5/stzh-popover.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,o,r){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,s){function n(t){try{p(r.next(t))}catch(t){s(t)}}function a(t){try{p(r["throw"](t))}catch(t){s(t)}}function p(t){t.done?o(t.value):i(t.value).then(n,a)}p((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,i,s,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(t){return function(e){return p([t,e])}}function p(a){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(o=0)),o)try{if(r=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;i=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){o.label=a[1];break}if(a[0]===6&&o.label<s[1]){o.label=s[1];s=a;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(a);break}if(s[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];i=0}finally{r=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{c as computePosition,a as autoUpdate,A as Arrow,o as offset,f as flip,s as shift,b as arrow}from"./arrow-e41e4eab.js";import{c as createFocusTrap}from"./focus-trap.esm-de4271a2.js";import{i as isStzhElement}from"./utils-107fad0f.js";import{m as media}from"./media-utils-ee5a59fa.js";import{w as waitForEvent}from"./event-utils-d5f6817b.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-795e7c40.js";import"./string-utils-e252977e.js";var stzhPopoverCss=".sc-stzh-popover-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:var(--stzh-popover-padding);--border-radius:var(--stzh-popover-border-radius);--backdrop-opacity:var(--stzh-overlay-backdrop-opacity)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:var(--backdrop-opacity)}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{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-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));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{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)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none;color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:-ms-flexbox;display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";var ANIMATION_SHOW_DURATION=200;var ANIMATION_HIDE_DURATION=300;var ANIMATION_SHOW_DURATION_SMALL=100;var ANIMATION_HIDE_DURATION_SMALL=200;function animationContentWrapperShow(){var t=media("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationContentWrapperHide(){var t=media("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}function animationDialogShow(){var t=media("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationDialogHide(){var t=media("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}var keyCode={ESC:27};var CLASS_BODY_OPEN="stzh-popover-open";var popoverCounter=0;var StzhPopover=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhOpened=createEvent(this,"stzhOpened",7);this.stzhClose=createEvent(this,"stzhClose",7);this.stzhClosed=createEvent(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=function(t){if(t.keyCode===keyCode.ESC){e.hide()}};this.onClickTrigger=function(){e.toggle()};this.computePosition=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,o,r,i,s,n,a,p,l;return __generator(this,(function(h){switch(h.label){case 0:if(!media("small").matches)return[3,2];t=[offset({mainAxis:this.distance,crossAxis:this.skidding}),flip({padding:5}),shift({padding:5})];if(this.variant==="tooltip"){t.push(arrow({element:this.arrowElement,padding:5}))}return[4,computePosition(this.element,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t})];case 1:e=h.sent(),o=e.x,r=o===void 0?0:o,i=e.y,s=i===void 0?0:i,n=e.strategy,a=n===void 0?"absolute":n,p=e.placement,l=e.middlewareData;this.computedPlacement=p;Object.assign(this.dialogElement.style,{position:a,left:"".concat(r,"px"),top:"".concat(s,"px")});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:r!=null?"".concat(l.arrow.x,"px"):"",top:s!=null?"".concat(l.arrow.y,"px"):""})}return[3,3];case 2:Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}h.label=3;case 3:return[2]}}))}))};this.handleTouchStart=function(t){var o=t.changedTouches[0];e.initialTouchX=o.pageX;e.initialTouchY=o.pageY};this.handleTouchEnd=function(t){var o=t.changedTouches[0];var r=o.pageX-e.initialTouchX;var i=o.pageY-e.initialTouchY;var s=70;var n=Math.abs(i)>=s&&Math.abs(r)<=s;if(n){e.hide()}e.initialTouchY=null;e.initialTouchX=null};this.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.toggledByMethod=true;this.open=true;return[2,waitForEvent(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggledByMethod=true;this.open=false;return[2,waitForEvent(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.computePosition()];case 1:return[2,t.sent()]}}))}))};t.prototype.handleOutsideClick=function(t){if(!this.open){return}var e=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;var o=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!o){this.hide()}};t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,r,i;return __generator(this,(function(s){switch(s.label){case 0:if(!this.dialogElement){return[2]}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}e=animationContentWrapperShow();o=animationDialogShow();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 1:s.sent();this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;return[4,Promise.all([animateTo(this.contentWrapperElement,e.keyframes,e.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)])];case 2:s.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}r=animationContentWrapperHide();i=animationDialogHide();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 4:s.sent();return[4,Promise.all([animateTo(this.contentWrapperElement,r.keyframes,r.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,i.keyframes,i.options)])];case 5:s.sent();this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}s.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.distanceWatcher=function(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-popover-".concat(popoverCounter++);this.distanceWatcher(this.distance);if(!!this.localization)return[3,2];t=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"popover")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.popoverShown=function(){document.body.classList.add(CLASS_BODY_OPEN);var t=isStzhElement(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}};t.prototype.popoverHidden=function(){document.body.classList.remove(CLASS_BODY_OPEN);var t=isStzhElement(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}};t.prototype.componentDidRender=function(){this.computePosition();this.open?this.popoverShown():this.popoverHidden();var t=isStzhElement(this.triggerElement.firstElementChild);if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-trigger-description"))}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerElement.firstElementChild.getAttribute("analytics-id")||!t&&!this.triggerElement.firstElementChild.getAttribute("s-object-id")){this.triggerElement.firstElementChild.setAttribute(t?"analytics-id":"s-object-id",this.label)}};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.dialogElement)};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=autoUpdate(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=createFocusTrap(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}};t.prototype.connectedCallback=function(){var t;var e=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!e){var o=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=o}if(e){e.addEventListener("click",this.onClickTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-popover":true},t["stzh-popover--open"]=this.open,t["stzh-popover--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t["stzh-popover--".concat(this.variant)]=!!this.variant,t);return h(Host,null,h("div",{class:o,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{ref:function(t){return e.triggerElement=t},class:"stzh-popover__trigger"},h("slot",null)),h("div",{class:"stzh-popover__vhidden",id:"".concat(this.id,"-trigger-description")},this.localization.open),h("div",{ref:function(t){return e.contentWrapperElement=t},class:"stzh-popover__content-wrapper"},h("div",{class:"stzh-popover__backdrop"}),h("div",{ref:function(t){return e.contentElement=t},class:"stzh-popover__content"},h("div",{ref:function(t){return e.dialogElement=t},class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?"".concat(this.id,"-label"):null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&h("div",{class:"stzh-popover__arrow",ref:function(t){return e.arrowElement=t},innerHTML:Arrow}),h("div",{class:"stzh-popover__content-inner"},h("div",{class:"stzh-popover__label-wrapper"},h("h2",{id:"".concat(this.id,"-label"),class:"stzh-popover__label"},this.label?this.label:h("slot",{name:"label"})),h("button",{class:"stzh-popover__close",onClick:function(){return e.hide()},type:"button"},h("stzh-icon",{name:"close",class:"stzh-popover__icon"}),h("span",{class:"stzh-popover__vhidden"},this.localization.close))),h("div",{class:"stzh-popover__content-slot"},h("slot",{name:"content"}),h("div",{class:"stzh-popover__action-slot"},h("slot",{name:"action"})))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"],distance:["distanceWatcher"]}},enumerable:false,configurable:true});return t}();StzhPopover.style=stzhPopoverCss;export{StzhPopover as stzh_popover};
1
+ var __awaiter=this&&this.__awaiter||function(t,e,o,r){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,s){function n(t){try{p(r.next(t))}catch(t){s(t)}}function a(t){try{p(r["throw"](t))}catch(t){s(t)}}function p(t){t.done?o(t.value):i(t.value).then(n,a)}p((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,i,s,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(t){return function(e){return p([t,e])}}function p(a){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(o=0)),o)try{if(r=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;i=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){o.label=a[1];break}if(a[0]===6&&o.label<s[1]){o.label=s[1];s=a;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(a);break}if(s[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];i=0}finally{r=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{c as computePosition,a as autoUpdate,A as Arrow,o as offset,f as flip,s as shift,b as arrow}from"./arrow-e41e4eab.js";import{c as createFocusTrap}from"./focus-trap.esm-de4271a2.js";import{i as isStzhElement}from"./utils-8bb4c3c6.js";import{m as media}from"./media-utils-ee5a59fa.js";import{w as waitForEvent}from"./event-utils-d5f6817b.js";import{s as stopAnimations,a as animateTo}from"./animation-utils-795e7c40.js";import"./string-utils-e252977e.js";var stzhPopoverCss=".sc-stzh-popover-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:var(--stzh-popover-padding);--border-radius:var(--stzh-popover-border-radius);--backdrop-opacity:var(--stzh-overlay-backdrop-opacity)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:var(--backdrop-opacity)}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{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-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));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{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)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none;color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:-ms-flexbox;display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";var ANIMATION_SHOW_DURATION=200;var ANIMATION_HIDE_DURATION=300;var ANIMATION_SHOW_DURATION_SMALL=100;var ANIMATION_HIDE_DURATION_SMALL=200;function animationContentWrapperShow(){var t=media("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationContentWrapperHide(){var t=media("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}function animationDialogShow(){var t=media("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?ANIMATION_SHOW_DURATION_SMALL:ANIMATION_SHOW_DURATION,easing:"linear"}}}function animationDialogHide(){var t=media("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?ANIMATION_HIDE_DURATION_SMALL:ANIMATION_HIDE_DURATION,easing:"linear"}}}var keyCode={ESC:27};var CLASS_BODY_OPEN="stzh-popover-open";var popoverCounter=0;var StzhPopover=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhOpened=createEvent(this,"stzhOpened",7);this.stzhClose=createEvent(this,"stzhClose",7);this.stzhClosed=createEvent(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=function(t){if(t.keyCode===keyCode.ESC){e.hide()}};this.onClickTrigger=function(){e.toggle()};this.computePosition=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,o,r,i,s,n,a,p,l;return __generator(this,(function(h){switch(h.label){case 0:if(!media("small").matches)return[3,2];t=[offset({mainAxis:this.distance,crossAxis:this.skidding}),flip({padding:5}),shift({padding:5})];if(this.variant==="tooltip"){t.push(arrow({element:this.arrowElement,padding:5}))}return[4,computePosition(this.element,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t})];case 1:e=h.sent(),o=e.x,r=o===void 0?0:o,i=e.y,s=i===void 0?0:i,n=e.strategy,a=n===void 0?"absolute":n,p=e.placement,l=e.middlewareData;this.computedPlacement=p;Object.assign(this.dialogElement.style,{position:a,left:"".concat(r,"px"),top:"".concat(s,"px")});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:r!=null?"".concat(l.arrow.x,"px"):"",top:s!=null?"".concat(l.arrow.y,"px"):""})}return[3,3];case 2:Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}h.label=3;case 3:return[2]}}))}))};this.handleTouchStart=function(t){var o=t.changedTouches[0];e.initialTouchX=o.pageX;e.initialTouchY=o.pageY};this.handleTouchEnd=function(t){var o=t.changedTouches[0];var r=o.pageX-e.initialTouchX;var i=o.pageY-e.initialTouchY;var s=70;var n=Math.abs(i)>=s&&Math.abs(r)<=s;if(n){e.hide()}e.initialTouchY=null;e.initialTouchX=null};this.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.toggledByMethod=true;this.open=true;return[2,waitForEvent(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggledByMethod=true;this.open=false;return[2,waitForEvent(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.computePosition()];case 1:return[2,t.sent()]}}))}))};t.prototype.handleOutsideClick=function(t){if(!this.open){return}var e=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;var o=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!o){this.hide()}};t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,r,i;return __generator(this,(function(s){switch(s.label){case 0:if(!this.dialogElement){return[2]}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}e=animationContentWrapperShow();o=animationDialogShow();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 1:s.sent();this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;return[4,Promise.all([animateTo(this.contentWrapperElement,e.keyframes,e.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)])];case 2:s.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}r=animationContentWrapperHide();i=animationDialogHide();return[4,Promise.all([stopAnimations(this.contentWrapperElement),stopAnimations(this.contentElement),stopAnimations(this.dialogElement)])];case 4:s.sent();return[4,Promise.all([animateTo(this.contentWrapperElement,r.keyframes,r.options),animateTo(media("small").matches?this.dialogElement:this.contentElement,i.keyframes,i.options)])];case 5:s.sent();this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}s.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.distanceWatcher=function(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-popover-".concat(popoverCounter++);this.distanceWatcher(this.distance);if(!!this.localization)return[3,2];t=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"popover")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.popoverShown=function(){document.body.classList.add(CLASS_BODY_OPEN);var t=isStzhElement(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}};t.prototype.popoverHidden=function(){document.body.classList.remove(CLASS_BODY_OPEN);var t=isStzhElement(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}};t.prototype.componentDidRender=function(){this.computePosition();this.open?this.popoverShown():this.popoverHidden();var t=isStzhElement(this.triggerElement.firstElementChild);if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-trigger-description"))}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerElement.firstElementChild.getAttribute("analytics-id")||!t&&!this.triggerElement.firstElementChild.getAttribute("s-object-id")){this.triggerElement.firstElementChild.setAttribute(t?"analytics-id":"s-object-id",this.label)}};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.dialogElement)};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=autoUpdate(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=createFocusTrap(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}};t.prototype.connectedCallback=function(){var t;var e=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!e){var o=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=o}if(e){e.addEventListener("click",this.onClickTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-popover":true},t["stzh-popover--open"]=this.open,t["stzh-popover--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t["stzh-popover--".concat(this.variant)]=!!this.variant,t);return h(Host,null,h("div",{class:o,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{ref:function(t){return e.triggerElement=t},class:"stzh-popover__trigger"},h("slot",null)),h("div",{class:"stzh-popover__vhidden",id:"".concat(this.id,"-trigger-description")},this.localization.open),h("div",{ref:function(t){return e.contentWrapperElement=t},class:"stzh-popover__content-wrapper"},h("div",{class:"stzh-popover__backdrop"}),h("div",{ref:function(t){return e.contentElement=t},class:"stzh-popover__content"},h("div",{ref:function(t){return e.dialogElement=t},class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?"".concat(this.id,"-label"):null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&h("div",{class:"stzh-popover__arrow",ref:function(t){return e.arrowElement=t},innerHTML:Arrow}),h("div",{class:"stzh-popover__content-inner"},h("div",{class:"stzh-popover__label-wrapper"},h("h2",{id:"".concat(this.id,"-label"),class:"stzh-popover__label"},this.label?this.label:h("slot",{name:"label"})),h("button",{class:"stzh-popover__close",onClick:function(){return e.hide()},type:"button"},h("stzh-icon",{name:"close",class:"stzh-popover__icon"}),h("span",{class:"stzh-popover__vhidden"},this.localization.close))),h("div",{class:"stzh-popover__content-slot"},h("slot",{name:"content"}),h("div",{class:"stzh-popover__action-slot"},h("slot",{name:"action"})))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"],distance:["distanceWatcher"]}},enumerable:false,configurable:true});return t}();StzhPopover.style=stzhPopoverCss;export{StzhPopover as stzh_popover};
2
2
  //# sourceMappingURL=stzh-popover.entry.js.map
package/dist/esm-es5/stzh-print.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{s as setPropsIfNull}from"./utils-107fad0f.js";import"./string-utils-e252977e.js";var stzhPrintCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";var StzhPrint=function(){function t(t){var e=this;registerInstance(this,t);this.handleLinkClick=function(){window.print()};this.init=function(){var t=e.element.querySelectorAll("stzh-link, stzh-button");t.forEach((function(t){t.addEventListener("click",e.handleLinkClick);setPropsIfNull(t,{icon:"print"})}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t={"stzh-print":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPrint.style=stzhPrintCss;export{StzhPrint as stzh_print};
1
+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{s as setPropsIfNull}from"./utils-8bb4c3c6.js";import"./string-utils-e252977e.js";var stzhPrintCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";var StzhPrint=function(){function t(t){var e=this;registerInstance(this,t);this.handleLinkClick=function(){window.print()};this.init=function(){var t=e.element.querySelectorAll("stzh-link, stzh-button");t.forEach((function(t){t.addEventListener("click",e.handleLinkClick);setPropsIfNull(t,{icon:"print"})}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t={"stzh-print":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPrint.style=stzhPrintCss;export{StzhPrint as stzh_print};
2
2
  //# sourceMappingURL=stzh-print.entry.js.map
package/dist/esm-es5/stzh-progressbar-item.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-bfb5b569.js";var stzhProgressbarItemCss='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-progressbar-item-h .has-focus.sc-stzh-progressbar-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item{outline-style:none !important}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{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-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);position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:1.3125rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stzh-color-grey55);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{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-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-base-border-color);z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:50%;cursor:pointer;-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55);border-color:var(--stzh-base-border-color)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';var StzhProgressbarItem=function(){function r(r){var s=this;registerInstance(this,r);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhDottedClick=createEvent(this,"stzhDottedClick",7);this.onClick=function(r){s.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:r})};this.onDottedClick=function(r){s.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:r})};this.label=undefined;this.disabled=false;this.first=false;this.last=false;this.passed=false;this.current=false;this.hide=false;this.dotted=false;this.step=1;this.icon="";this.analyticsId=undefined}r.prototype.componentDidRender=function(){var r=this;requestAnimationFrame((function(){r.button.setAttribute("s-object-id",r.analyticsId||r.text.innerText)}))};r.prototype.render=function(){var r=this;var s={"stzh-progressbar-item":true,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled};var t=h("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},h("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return h(Host,{role:"listitem"},h("div",{class:s},this.last&&this.dotted&&t,h("button",{ref:function(s){return r.button=s},class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},h("span",{class:"stzh-progressbar-item__number-block"},this.icon?h("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):h(Fragment,null,h("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&h("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),h("span",{ref:function(s){return r.text=s},class:"stzh-progressbar-item__label-block"},this.label?this.label:h("slot",null))),this.first&&this.dotted&&t))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();StzhProgressbarItem.style=stzhProgressbarItemCss;export{StzhProgressbarItem as stzh_progressbar_item};
1
+ import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-bfb5b569.js";var stzhProgressbarItemCss='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-progressbar-item-h .has-focus.sc-stzh-progressbar-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item{outline-style:none !important}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{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-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);position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:1.3125rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stzh-color-grey55);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{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-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-base-border-color);z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:50%;cursor:pointer;-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55);border-color:var(--stzh-base-border-color)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';var StzhProgressbarItem=function(){function r(r){var s=this;registerInstance(this,r);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhDottedClick=createEvent(this,"stzhDottedClick",7);this.onClick=function(r){s.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:r,index:Array.prototype.indexOf.call(s.element.parentNode.children,s.element)})};this.onDottedClick=function(r){s.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:r})};this.label=undefined;this.disabled=false;this.first=false;this.last=false;this.passed=false;this.current=false;this.hide=false;this.dotted=false;this.step=1;this.icon="";this.analyticsId=undefined}r.prototype.componentDidRender=function(){var r=this;requestAnimationFrame((function(){r.button.setAttribute("s-object-id",r.analyticsId||r.text.innerText)}))};r.prototype.render=function(){var r=this;var s={"stzh-progressbar-item":true,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled};var t=h("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},h("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return h(Host,{role:"listitem"},h("div",{class:s},this.last&&this.dotted&&t,h("button",{ref:function(s){return r.button=s},class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},h("span",{class:"stzh-progressbar-item__number-block"},this.icon?h("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):h(Fragment,null,h("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&h("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),h("span",{ref:function(s){return r.text=s},class:"stzh-progressbar-item__label-block"},this.label?this.label:h("slot",null))),this.first&&this.dotted&&t))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();StzhProgressbarItem.style=stzhProgressbarItemCss;export{StzhProgressbarItem as stzh_progressbar_item};
2
2
  //# sourceMappingURL=stzh-progressbar-item.entry.js.map
package/dist/esm-es5/stzh-progressbar-item.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["stzhProgressbarItemCss","StzhProgressbarItem","this","onClick","event","_this","stzhClick","emit","component","originalEvent","onDottedClick","stzhDottedClick","prototype","componentDidRender","requestAnimationFrame","button","setAttribute","analyticsId","text","innerText","render","classes","first","last","passed","current","hide","dotted","icon","disabled","h","class","name","Host","role","ref","el","Fragment","step","label"],"sources":["src/components/stzh-progressbar-item/stzh-progressbar-item.scss?tag=stzh-progressbar-item&encapsulation=scoped","src/components/stzh-progressbar-item/stzh-progressbar-item.tsx"],"sourcesContent":[":host {\n}\n\n:host([hide]) {\n\tdisplay: none;\n}\n\n.stzh-progressbar-item {\n text-align: center;\n\n &__button {\n appearance: none;\n font-family: inherit;\n background-color: transparent;\n border: none;\n cursor: pointer;\n border-radius: $formInputBorderRadius;\n }\n\n &__button:hover &__number-block,\n &__button:focus &__number-block {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n border-color: Highlight;\n }\n\n &::after {\n background-color: $colorPrimary8;\n }\n }\n\n &__button:hover &__label-block,\n &__button:focus &__label-block {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* what we do here is:\n add a gray line on the last element, which strikes through all previous ones,\n add a blue line on the current step which covers all previous elements relative to itself\n and add a white line on the first element, which gives you the illusion that it stopped. */\n\n &__number-block {\n @include font('heavy');\n @include fontCurve('p1');\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: $progressbarItemSize;\n height: $progressbarItemSize;\n background-color: $colorWhite;\n border: solid 1px $baseBorderColor;\n border-radius: $progressbarItemSmallUp / 2;\n text-align: center;\n box-sizing: border-box;\n color: $colorGrey55;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: $progressbarItemSmallUp;\n height: $progressbarItemSmallUp;\n margin-bottom: space('large');\n }\n\n\t\t// set a line on every element, but hide it by default\n &::before {\n display: none;\n content: '';\n position: absolute;\n top: 16px;\n right: $progressbarItemSize - 1px;\n width: 100vw;\n height: 1px;\n background-color: $baseBorderColor;\n z-index: -2;\n overflow: hidden;\n\n @include mq($from: small) {\n top: 20px;\n right: $progressbarItemSmallUp - 1px;\n }\n }\n }\n\n &__number-block,\n &__dotted {\n &::after {\n content: '';\n z-index: 0;\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border-radius: $progressbarItemSmallUp / 2;\n transition: background-color $baseTransitionAnimationSpeed;\n }\n }\n\n &__label-block {\n display: block;\n font-size: 14px;\n line-height: 1.28;\n color: $colorGrey55;\n padding: space('xxsmall') space('small');\n letter-spacing: 0.01em;\n transition: color $baseTransitionAnimationSpeed;\n\n @include mq($to: small) {\n @include visuallyhidden;\n }\n }\n\n &__number,\n &__icon,\n &__user-icon,\n &__dotted-icon {\n z-index: 1;\n }\n\n &__icon,\n &__user-icon,\n &__dotted-icon {\n --size: #{iconSize('xsmall')};\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: $colorPrimary;\n\n @include highContrast() {\n color: CanvasText;\n }\n }\n\n &__user-icon {\n --size: #{iconSize('small')};\n color: currentColor;\n }\n\n &__dotted {\n z-index: 1;\n appearance: none;\n font-family: inherit;\n position: absolute;\n top: 3px;\n width: $progressbarItemDottedSize;\n height: $progressbarItemDottedSize;\n background-color: $colorWhite;\n border: solid 1px $baseBorderColor;\n border-radius: 50%;\n cursor: pointer;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover,\n &:focus {\n border-color: $colorPrimaryHover;\n\n @include highContrast() {\n border-color: Highlight;\n }\n }\n\n &:hover::after,\n &:focus::after {\n background-color: $colorPrimary8;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n\n @include mq($from: small) {\n top: 5px;\n width: $progressbarItemDottedSizeSmallUp;\n height: $progressbarItemDottedSizeSmallUp;\n }\n }\n\n &__dotted:hover &__dotted-icon,\n &__dotted:focus &__dotted-icon {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* First and Last */\n\n &--first &__number-block,\n &--last &__number-block {\n &::before {\n display: block\n }\n }\n\n /* First */\n\n &--first {\n position: relative;\n }\n\n &--first &__dotted {\n left: 50%;\n transform: translateX(-50%);\n }\n\n /* Last */\n\n &--last &__dotted {\n // position the dots based on the width divided by the elements minus half of itself\n right: calc((100% / var(--steps)) - (#{$progressbarItemDottedSize / 2}));\n\n @include mq($from: small) {\n right: calc((100% / var(--steps)) - (#{$progressbarItemDottedSizeSmallUp / 2}));\n }\n }\n\n /* Passed */\n\n &--passed &__label-block {\n\t\t@include font('heavy');\n color: $colorPrimary;\n }\n\n &--passed &__number-block {\n background-color: $colorWhite;\n border: solid 1px $colorPrimary;\n\n @include highContrast() {\n background-color: Canvas;\n border-color: CanvasText;\n }\n }\n\n &--passed &__button:hover &__number-block,\n &--passed &__button:focus &__number-block {\n @include highContrast() {\n border-color: Highlight;\n }\n }\n\n &--passed &__number-block,\n &--passed &__button:hover &__number-block,\n &--passed &__button:focus &__number-block {\n color: transparent;\n\n @include highContrast() {\n color: Canvas;\n }\n }\n\n &--passed &__user-icon {\n color: $colorPrimary;\n }\n\n &--passed &__button:hover &__user-icon,\n &--passed &__button:focus &__user-icon {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* Current */\n\n &--current &__label-block {\n @include font('heavy');\n color: $colorPrimary;\n\n @include highContrast() {\n color: SelectedItem;\n }\n\n &:hover {\n text-decoration-line: none;\n }\n }\n\n &--current &__number-block {\n background-color: $colorPrimary;\n border: solid 1px $colorPrimary;\n color: $colorWhite;\n\n @include highContrast() {\n color: SelectedItem;\n border-color: SelectedItem;\n background-color: Canvas;\n }\n\n // make line blue (see desc)\n &::before {\n display: block;\n background-color: $colorPrimary;\n z-index: -1;\n\n @include highContrast() {\n background-color: CanvasText;\n }\n }\n }\n\n &--current &__button:hover &__number-block,\n &--current &__button:focus &__number-block {\n color: $colorWhite;\n\n @include highContrast() {\n color: Highlight;\n }\n\n &::after {\n background-color: $colorPrimaryHover;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n }\n\n &--current &__user-icon {\n @include highContrast() {\n color: SelectedItem;\n }\n }\n\n &--current &__button:hover &__icon,\n &--current &__button:focus &__icon,\n &--current &__button:hover &__user-icon,\n &--current &__button:focus &__user-icon {\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* Dotted */\n\n &--dotted#{&}--first &__number-block {\n margin-bottom: 0;\n\n &::after {\n display: none;\n }\n }\n\n &--dotted#{&}--first &__button {\n padding-left: 0;\n padding-right: 0;\n }\n\n // hide number block behind dotted element\n &--dotted#{&}--first &__number-block {\n position: relative;\n z-index: 0;\n top: 5px;\n width: $progressbarItemDottedSize;\n height: $progressbarItemDottedSize;\n border: none;\n background-color: transparent;\n\n // change dimensions to be still hidden\n @include mq($from: small) {\n top: 8px;\n width: $progressbarItemDottedSizeSmallUp;\n height: $progressbarItemDottedSizeSmallUp;\n }\n\n // realign white line\n &::before {\n top: 12px;\n right: 26px;\n\n @include mq($from: small) {\n top: 13px;\n right: 30px;\n }\n }\n }\n\n &--dotted#{&}--first &__label-block {\n\t\tdisplay: none;\n }\n\n // first child overwrite white line (see desc) */\n &--first &__number-block {\n &::before {\n background-color: $colorWhite;\n z-index: 1;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n }\n\n /* Disabled */\n\n // &--is-disabled &__number-block {\n // background-color: $baseBorderColor;\n // }\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n\n &--is-disabled &__button:hover &__number-block,\n &--is-disabled &__button:focus &__number-block {\n color: $colorGrey55;\n border-color: $baseBorderColor;\n\n @include highContrast() {\n color: GrayText;\n border-color: GrayText;\n }\n\n &::after {\n display: none;\n }\n }\n\n &--is-disabled &__button:hover &__label-block,\n &--is-disabled &__button:focus &__label-block {\n color: $colorGrey55;\n\n @include highContrast() {\n color: GrayText;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element,\n Fragment,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport {\n StzhProgressbarItemClickEvent,\n StzhProgressbarItemDottedClickEvent\n} from '../../index';\n\n/**\n * @slot - Slot for label (or use label prop)\n */\n@Component({\n tag: \"stzh-progressbar-item\",\n styleUrl: \"stzh-progressbar-item.scss\",\n scoped: true\n})\nexport class StzhProgressbarItem {\n @Prop({ reflect: true }) label: string;\n\n @Prop({ reflect: true }) disabled: boolean = false;\n\n @Prop({ reflect: true }) first: boolean = false;\n\n @Prop({ reflect: true }) last: boolean = false;\n\n @Prop({ reflect: true }) passed: boolean = false;\n\n @Prop({ reflect: true }) current: boolean = false;\n\n @Prop({ reflect: true }) hide: boolean = false;\n\n @Prop({ reflect: true }) dotted: boolean = false;\n\n @Prop({ reflect: true }) step: number = 1;\n\n @Prop({ reflect: true }) icon: string = \"\";\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 `label` prop or default slot.\n */\n @Prop() analyticsId: string;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhProgressbarItemClickEvent>;\n\n /** Dotted click event */\n @Event() stzhDottedClick: EventEmitter<StzhProgressbarItemDottedClickEvent>;\n\n @Element() element: HTMLStzhProgressbarItemElement;\n\n private button: HTMLButtonElement;\n private text: HTMLElement;\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-progressbar-item\",\n originalEvent: event\n });\n }\n\n private onDottedClick = (event: MouseEvent) => {\n this.stzhDottedClick.emit({\n component: \"stzh-progressbar-item\",\n originalEvent: event\n });\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.button.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n });\n }\n\n render() {\n const classes = {\n \"stzh-progressbar-item\": true,\n \"stzh-progressbar-item--first\": this.first,\n \"stzh-progressbar-item--last\": this.last,\n \"stzh-progressbar-item--passed\": this.passed,\n \"stzh-progressbar-item--current\": this.current,\n \"stzh-progressbar-item--hide\": this.hide,\n \"stzh-progressbar-item--dotted\": this.dotted,\n \"stzh-progressbar-item--has-icon\": !!this.icon,\n \"stzh-progressbar-item--is-disabled\": this.disabled\n };\n\n const dotted = (\n <button\n class=\"stzh-progressbar-item__dotted\"\n onClick={this.onDottedClick}\n >\n <stzh-icon class=\"stzh-progressbar-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </button>\n );\n\n return (\n <Host role=\"listitem\">\n <div class={classes}>\n {this.last && this.dotted && dotted}\n <button\n ref={(el) => (this.button = el as HTMLButtonElement)}\n class=\"stzh-progressbar-item__button\"\n aria-pressed={this.current ? \"true\" : \"false\"}\n disabled={(this.dotted && this.first) || this.disabled}\n onClick={this.onClick}\n >\n <span class=\"stzh-progressbar-item__number-block\">\n {this.icon\n ?\n <stzh-icon class=\"stzh-progressbar-item__user-icon\" name={this.icon}></stzh-icon>\n :\n <Fragment>\n <span class=\"stzh-progressbar-item__number\">{this.step}</span>\n {this.passed &&\n <stzh-icon class=\"stzh-progressbar-item__icon\" name=\"checkmark\"></stzh-icon>\n }\n </Fragment>\n }\n </span>\n <span\n ref={(el) => (this.text = el as HTMLElement)}\n class=\"stzh-progressbar-item__label-block\"\n >\n {this.label ? this.label : <slot></slot>}\n </span>\n </button>\n {this.first && this.dotted && dotted}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kHAAA,IAAMA,uBAAyB,++qB,ICwBlBC,oBAAmB,W,4JAuCtBC,KAAAC,QAAU,SAACC,GACjBC,EAAKC,UAAUC,KAAK,CAClBC,UAAW,wBACXC,cAAeL,G,EAIXF,KAAAQ,cAAgB,SAACN,GACvBC,EAAKM,gBAAgBJ,KAAK,CACxBC,UAAW,wBACXC,cAAeL,G,qCA9C0B,M,WAEH,M,UAED,M,YAEE,M,aAEC,M,UAEH,M,YAEE,M,UAEH,E,UAEA,G,2BAkCxCH,EAAAW,UAAAC,mBAAA,eAAAR,EAAAH,KACEY,uBAAsB,WACpBT,EAAKU,OAAOC,aAAa,cAAeX,EAAKY,aAAeZ,EAAKa,KAAKC,U,KAI1ElB,EAAAW,UAAAQ,OAAA,eAAAf,EAAAH,KACE,IAAMmB,EAAU,CACd,wBAAyB,KACzB,+BAAgCnB,KAAKoB,MACrC,8BAA+BpB,KAAKqB,KACpC,gCAAiCrB,KAAKsB,OACtC,iCAAkCtB,KAAKuB,QACvC,8BAA+BvB,KAAKwB,KACpC,gCAAiCxB,KAAKyB,OACtC,oCAAqCzB,KAAK0B,KAC1C,qCAAsC1B,KAAK2B,UAG7C,IAAMF,EACJG,EAAA,UACEC,MAAM,gCACN5B,QAASD,KAAKQ,eAEdoB,EAAA,aAAWC,MAAM,qCAAqCC,KAAK,qBAI/D,OACEF,EAACG,KAAI,CAACC,KAAK,YACTJ,EAAA,OAAKC,MAAOV,GACTnB,KAAKqB,MAAQrB,KAAKyB,QAAUA,EAC7BG,EAAA,UACEK,IAAK,SAACC,GAAE,OAAM/B,EAAKU,OAASqB,CAApB,EACRL,MAAM,gCAA+B,eACvB7B,KAAKuB,QAAU,OAAS,QACtCI,SAAW3B,KAAKyB,QAAUzB,KAAKoB,OAAUpB,KAAK2B,SAC9C1B,QAASD,KAAKC,SAEd2B,EAAA,QAAMC,MAAM,uCACT7B,KAAK0B,KAEJE,EAAA,aAAWC,MAAM,mCAAmCC,KAAM9B,KAAK0B,OAE/DE,EAACO,SAAQ,KACPP,EAAA,QAAMC,MAAM,iCAAiC7B,KAAKoC,MACjDpC,KAAKsB,QACJM,EAAA,aAAWC,MAAM,8BAA8BC,KAAK,gBAK5DF,EAAA,QACEK,IAAK,SAACC,GAAE,OAAM/B,EAAKa,KAAOkB,CAAlB,EACRL,MAAM,sCAEL7B,KAAKqC,MAAQrC,KAAKqC,MAAQT,EAAA,eAG9B5B,KAAKoB,OAASpB,KAAKyB,QAAUA,G,qIAhHR,G"}
1
+ {"version":3,"names":["stzhProgressbarItemCss","StzhProgressbarItem","this","onClick","event","_this","stzhClick","emit","component","originalEvent","index","Array","prototype","indexOf","call","element","parentNode","children","onDottedClick","stzhDottedClick","componentDidRender","requestAnimationFrame","button","setAttribute","analyticsId","text","innerText","render","classes","first","last","passed","current","hide","dotted","icon","disabled","h","class","name","Host","role","ref","el","Fragment","step","label"],"sources":["src/components/stzh-progressbar-item/stzh-progressbar-item.scss?tag=stzh-progressbar-item&encapsulation=scoped","src/components/stzh-progressbar-item/stzh-progressbar-item.tsx"],"sourcesContent":[":host {\n}\n\n:host([hide]) {\n\tdisplay: none;\n}\n\n.stzh-progressbar-item {\n text-align: center;\n\n &__button {\n appearance: none;\n font-family: inherit;\n background-color: transparent;\n border: none;\n cursor: pointer;\n border-radius: $formInputBorderRadius;\n }\n\n &__button:hover &__number-block,\n &__button:focus &__number-block {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n border-color: Highlight;\n }\n\n &::after {\n background-color: $colorPrimary8;\n }\n }\n\n &__button:hover &__label-block,\n &__button:focus &__label-block {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* what we do here is:\n add a gray line on the last element, which strikes through all previous ones,\n add a blue line on the current step which covers all previous elements relative to itself\n and add a white line on the first element, which gives you the illusion that it stopped. */\n\n &__number-block {\n @include font('heavy');\n @include fontCurve('p1');\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: $progressbarItemSize;\n height: $progressbarItemSize;\n background-color: $colorWhite;\n border: solid 1px $baseBorderColor;\n border-radius: $progressbarItemSmallUp / 2;\n text-align: center;\n box-sizing: border-box;\n color: $colorGrey55;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: $progressbarItemSmallUp;\n height: $progressbarItemSmallUp;\n margin-bottom: space('large');\n }\n\n\t\t// set a line on every element, but hide it by default\n &::before {\n display: none;\n content: '';\n position: absolute;\n top: 16px;\n right: $progressbarItemSize - 1px;\n width: 100vw;\n height: 1px;\n background-color: $baseBorderColor;\n z-index: -2;\n overflow: hidden;\n\n @include mq($from: small) {\n top: 20px;\n right: $progressbarItemSmallUp - 1px;\n }\n }\n }\n\n &__number-block,\n &__dotted {\n &::after {\n content: '';\n z-index: 0;\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border-radius: $progressbarItemSmallUp / 2;\n transition: background-color $baseTransitionAnimationSpeed;\n }\n }\n\n &__label-block {\n display: block;\n font-size: 14px;\n line-height: 1.28;\n color: $colorGrey55;\n padding: space('xxsmall') space('small');\n letter-spacing: 0.01em;\n transition: color $baseTransitionAnimationSpeed;\n\n @include mq($to: small) {\n @include visuallyhidden;\n }\n }\n\n &__number,\n &__icon,\n &__user-icon,\n &__dotted-icon {\n z-index: 1;\n }\n\n &__icon,\n &__user-icon,\n &__dotted-icon {\n --size: #{iconSize('xsmall')};\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: $colorPrimary;\n\n @include highContrast() {\n color: CanvasText;\n }\n }\n\n &__user-icon {\n --size: #{iconSize('small')};\n color: currentColor;\n }\n\n &__dotted {\n z-index: 1;\n appearance: none;\n font-family: inherit;\n position: absolute;\n top: 3px;\n width: $progressbarItemDottedSize;\n height: $progressbarItemDottedSize;\n background-color: $colorWhite;\n border: solid 1px $baseBorderColor;\n border-radius: 50%;\n cursor: pointer;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover,\n &:focus {\n border-color: $colorPrimaryHover;\n\n @include highContrast() {\n border-color: Highlight;\n }\n }\n\n &:hover::after,\n &:focus::after {\n background-color: $colorPrimary8;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n\n @include mq($from: small) {\n top: 5px;\n width: $progressbarItemDottedSizeSmallUp;\n height: $progressbarItemDottedSizeSmallUp;\n }\n }\n\n &__dotted:hover &__dotted-icon,\n &__dotted:focus &__dotted-icon {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* First and Last */\n\n &--first &__number-block,\n &--last &__number-block {\n &::before {\n display: block\n }\n }\n\n /* First */\n\n &--first {\n position: relative;\n }\n\n &--first &__dotted {\n left: 50%;\n transform: translateX(-50%);\n }\n\n /* Last */\n\n &--last &__dotted {\n // position the dots based on the width divided by the elements minus half of itself\n right: calc((100% / var(--steps)) - (#{$progressbarItemDottedSize / 2}));\n\n @include mq($from: small) {\n right: calc((100% / var(--steps)) - (#{$progressbarItemDottedSizeSmallUp / 2}));\n }\n }\n\n /* Passed */\n\n &--passed &__label-block {\n\t\t@include font('heavy');\n color: $colorPrimary;\n }\n\n &--passed &__number-block {\n background-color: $colorWhite;\n border: solid 1px $colorPrimary;\n\n @include highContrast() {\n background-color: Canvas;\n border-color: CanvasText;\n }\n }\n\n &--passed &__button:hover &__number-block,\n &--passed &__button:focus &__number-block {\n @include highContrast() {\n border-color: Highlight;\n }\n }\n\n &--passed &__number-block,\n &--passed &__button:hover &__number-block,\n &--passed &__button:focus &__number-block {\n color: transparent;\n\n @include highContrast() {\n color: Canvas;\n }\n }\n\n &--passed &__user-icon {\n color: $colorPrimary;\n }\n\n &--passed &__button:hover &__user-icon,\n &--passed &__button:focus &__user-icon {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* Current */\n\n &--current &__label-block {\n @include font('heavy');\n color: $colorPrimary;\n\n @include highContrast() {\n color: SelectedItem;\n }\n\n &:hover {\n text-decoration-line: none;\n }\n }\n\n &--current &__number-block {\n background-color: $colorPrimary;\n border: solid 1px $colorPrimary;\n color: $colorWhite;\n\n @include highContrast() {\n color: SelectedItem;\n border-color: SelectedItem;\n background-color: Canvas;\n }\n\n // make line blue (see desc)\n &::before {\n display: block;\n background-color: $colorPrimary;\n z-index: -1;\n\n @include highContrast() {\n background-color: CanvasText;\n }\n }\n }\n\n &--current &__button:hover &__number-block,\n &--current &__button:focus &__number-block {\n color: $colorWhite;\n\n @include highContrast() {\n color: Highlight;\n }\n\n &::after {\n background-color: $colorPrimaryHover;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n }\n\n &--current &__user-icon {\n @include highContrast() {\n color: SelectedItem;\n }\n }\n\n &--current &__button:hover &__icon,\n &--current &__button:focus &__icon,\n &--current &__button:hover &__user-icon,\n &--current &__button:focus &__user-icon {\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* Dotted */\n\n &--dotted#{&}--first &__number-block {\n margin-bottom: 0;\n\n &::after {\n display: none;\n }\n }\n\n &--dotted#{&}--first &__button {\n padding-left: 0;\n padding-right: 0;\n }\n\n // hide number block behind dotted element\n &--dotted#{&}--first &__number-block {\n position: relative;\n z-index: 0;\n top: 5px;\n width: $progressbarItemDottedSize;\n height: $progressbarItemDottedSize;\n border: none;\n background-color: transparent;\n\n // change dimensions to be still hidden\n @include mq($from: small) {\n top: 8px;\n width: $progressbarItemDottedSizeSmallUp;\n height: $progressbarItemDottedSizeSmallUp;\n }\n\n // realign white line\n &::before {\n top: 12px;\n right: 26px;\n\n @include mq($from: small) {\n top: 13px;\n right: 30px;\n }\n }\n }\n\n &--dotted#{&}--first &__label-block {\n\t\tdisplay: none;\n }\n\n // first child overwrite white line (see desc) */\n &--first &__number-block {\n &::before {\n background-color: $colorWhite;\n z-index: 1;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n }\n\n /* Disabled */\n\n // &--is-disabled &__number-block {\n // background-color: $baseBorderColor;\n // }\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n\n &--is-disabled &__button:hover &__number-block,\n &--is-disabled &__button:focus &__number-block {\n color: $colorGrey55;\n border-color: $baseBorderColor;\n\n @include highContrast() {\n color: GrayText;\n border-color: GrayText;\n }\n\n &::after {\n display: none;\n }\n }\n\n &--is-disabled &__button:hover &__label-block,\n &--is-disabled &__button:focus &__label-block {\n color: $colorGrey55;\n\n @include highContrast() {\n color: GrayText;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element,\n Fragment,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport {\n StzhProgressbarItemClickEvent,\n StzhProgressbarItemDottedClickEvent\n} from '../../index';\n\n/**\n * @slot - Slot for label (or use label prop)\n */\n@Component({\n tag: \"stzh-progressbar-item\",\n styleUrl: \"stzh-progressbar-item.scss\",\n scoped: true\n})\nexport class StzhProgressbarItem {\n @Prop({ reflect: true }) label: string;\n\n @Prop({ reflect: true }) disabled: boolean = false;\n\n @Prop({ reflect: true }) first: boolean = false;\n\n @Prop({ reflect: true }) last: boolean = false;\n\n @Prop({ reflect: true }) passed: boolean = false;\n\n @Prop({ reflect: true }) current: boolean = false;\n\n @Prop({ reflect: true }) hide: boolean = false;\n\n @Prop({ reflect: true }) dotted: boolean = false;\n\n @Prop({ reflect: true }) step: number = 1;\n\n @Prop({ reflect: true }) icon: string = \"\";\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 `label` prop or default slot.\n */\n @Prop() analyticsId: string;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhProgressbarItemClickEvent>;\n\n /** Dotted click event */\n @Event() stzhDottedClick: EventEmitter<StzhProgressbarItemDottedClickEvent>;\n\n @Element() element: HTMLStzhProgressbarItemElement;\n\n private button: HTMLButtonElement;\n private text: HTMLElement;\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-progressbar-item\",\n originalEvent: event,\n index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n });\n }\n\n private onDottedClick = (event: MouseEvent) => {\n this.stzhDottedClick.emit({\n component: \"stzh-progressbar-item\",\n originalEvent: event\n });\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.button.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n });\n }\n\n render() {\n const classes = {\n \"stzh-progressbar-item\": true,\n \"stzh-progressbar-item--first\": this.first,\n \"stzh-progressbar-item--last\": this.last,\n \"stzh-progressbar-item--passed\": this.passed,\n \"stzh-progressbar-item--current\": this.current,\n \"stzh-progressbar-item--hide\": this.hide,\n \"stzh-progressbar-item--dotted\": this.dotted,\n \"stzh-progressbar-item--has-icon\": !!this.icon,\n \"stzh-progressbar-item--is-disabled\": this.disabled\n };\n\n const dotted = (\n <button\n class=\"stzh-progressbar-item__dotted\"\n onClick={this.onDottedClick}\n >\n <stzh-icon class=\"stzh-progressbar-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </button>\n );\n\n return (\n <Host role=\"listitem\">\n <div class={classes}>\n {this.last && this.dotted && dotted}\n <button\n ref={(el) => (this.button = el as HTMLButtonElement)}\n class=\"stzh-progressbar-item__button\"\n aria-pressed={this.current ? \"true\" : \"false\"}\n disabled={(this.dotted && this.first) || this.disabled}\n onClick={this.onClick}\n >\n <span class=\"stzh-progressbar-item__number-block\">\n {this.icon\n ?\n <stzh-icon class=\"stzh-progressbar-item__user-icon\" name={this.icon}></stzh-icon>\n :\n <Fragment>\n <span class=\"stzh-progressbar-item__number\">{this.step}</span>\n {this.passed &&\n <stzh-icon class=\"stzh-progressbar-item__icon\" name=\"checkmark\"></stzh-icon>\n }\n </Fragment>\n }\n </span>\n <span\n ref={(el) => (this.text = el as HTMLElement)}\n class=\"stzh-progressbar-item__label-block\"\n >\n {this.label ? this.label : <slot></slot>}\n </span>\n </button>\n {this.first && this.dotted && dotted}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kHAAA,IAAMA,uBAAyB,++qB,ICwBlBC,oBAAmB,W,4JAuCtBC,KAAAC,QAAU,SAACC,GACjBC,EAAKC,UAAUC,KAAK,CAClBC,UAAW,wBACXC,cAAeL,EACfM,MAAOC,MAAMC,UAAUC,QAAQC,KAAKT,EAAKU,QAAQC,WAAWC,SAAUZ,EAAKU,U,EAIvEb,KAAAgB,cAAgB,SAACd,GACvBC,EAAKc,gBAAgBZ,KAAK,CACxBC,UAAW,wBACXC,cAAeL,G,qCA/C0B,M,WAEH,M,UAED,M,YAEE,M,aAEC,M,UAEH,M,YAEE,M,UAEH,E,UAEA,G,2BAmCxCH,EAAAW,UAAAQ,mBAAA,eAAAf,EAAAH,KACEmB,uBAAsB,WACpBhB,EAAKiB,OAAOC,aAAa,cAAelB,EAAKmB,aAAenB,EAAKoB,KAAKC,U,KAI1EzB,EAAAW,UAAAe,OAAA,eAAAtB,EAAAH,KACE,IAAM0B,EAAU,CACd,wBAAyB,KACzB,+BAAgC1B,KAAK2B,MACrC,8BAA+B3B,KAAK4B,KACpC,gCAAiC5B,KAAK6B,OACtC,iCAAkC7B,KAAK8B,QACvC,8BAA+B9B,KAAK+B,KACpC,gCAAiC/B,KAAKgC,OACtC,oCAAqChC,KAAKiC,KAC1C,qCAAsCjC,KAAKkC,UAG7C,IAAMF,EACJG,EAAA,UACEC,MAAM,gCACNnC,QAASD,KAAKgB,eAEdmB,EAAA,aAAWC,MAAM,qCAAqCC,KAAK,qBAI/D,OACEF,EAACG,KAAI,CAACC,KAAK,YACTJ,EAAA,OAAKC,MAAOV,GACT1B,KAAK4B,MAAQ5B,KAAKgC,QAAUA,EAC7BG,EAAA,UACEK,IAAK,SAACC,GAAE,OAAMtC,EAAKiB,OAASqB,CAApB,EACRL,MAAM,gCAA+B,eACvBpC,KAAK8B,QAAU,OAAS,QACtCI,SAAWlC,KAAKgC,QAAUhC,KAAK2B,OAAU3B,KAAKkC,SAC9CjC,QAASD,KAAKC,SAEdkC,EAAA,QAAMC,MAAM,uCACTpC,KAAKiC,KAEJE,EAAA,aAAWC,MAAM,mCAAmCC,KAAMrC,KAAKiC,OAE/DE,EAACO,SAAQ,KACPP,EAAA,QAAMC,MAAM,iCAAiCpC,KAAK2C,MACjD3C,KAAK6B,QACJM,EAAA,aAAWC,MAAM,8BAA8BC,KAAK,gBAK5DF,EAAA,QACEK,IAAK,SAACC,GAAE,OAAMtC,EAAKoB,KAAOkB,CAAlB,EACRL,MAAM,sCAELpC,KAAK4C,MAAQ5C,KAAK4C,MAAQT,EAAA,eAG9BnC,KAAK2B,OAAS3B,KAAKgC,QAAUA,G,qIAjHR,G"}
package/dist/esm-es5/stzh-readspeaker.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{s as setPropsIfNull}from"./utils-107fad0f.js";import"./string-utils-e252977e.js";var stzhReadspeakerCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-readspeaker{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}.stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-readspeaker .rsbtn_play{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";var StzhReadspeaker=function(){function e(e){var s=this;registerInstance(this,e);this.onLinkClick=function(){s.readspeakerLink.click()};this.init=function(){s.addClickEvents();var e=s.element.querySelectorAll("stzh-link, stzh-button");e.forEach((function(e){e.addEventListener("click",s.onLinkClick);setPropsIfNull(e,{icon:"volume-medium"})}))};this.href=undefined;this.eventId=undefined}e.prototype.addClickEvents=function(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}};e.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};e.prototype.render=function(){var e=this;var s={"stzh-readspeaker":true};return h(Host,null,h("div",{class:s},h("slot",null),h("div",{class:"rs_skip rsbtn_classic rs_preserve right"},h("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:function(s){return e.readspeakerLink=s}},h("span",{class:"rsbtn_text"},h("span",null,"readspeakerlink"))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhReadspeaker.style=stzhReadspeakerCss;export{StzhReadspeaker as stzh_readspeaker};
1
+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{s as setPropsIfNull}from"./utils-8bb4c3c6.js";import"./string-utils-e252977e.js";var stzhReadspeakerCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-readspeaker{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}.stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-readspeaker .rsbtn_play{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";var StzhReadspeaker=function(){function e(e){var s=this;registerInstance(this,e);this.onLinkClick=function(){s.readspeakerLink.click()};this.init=function(){s.addClickEvents();var e=s.element.querySelectorAll("stzh-link, stzh-button");e.forEach((function(e){e.addEventListener("click",s.onLinkClick);setPropsIfNull(e,{icon:"volume-medium"})}))};this.href=undefined;this.eventId=undefined}e.prototype.addClickEvents=function(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}};e.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};e.prototype.render=function(){var e=this;var s={"stzh-readspeaker":true};return h(Host,null,h("div",{class:s},h("slot",null),h("div",{class:"rs_skip rsbtn_classic rs_preserve right"},h("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:function(s){return e.readspeakerLink=s}},h("span",{class:"rsbtn_text"},h("span",null,"readspeakerlink"))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhReadspeaker.style=stzhReadspeakerCss;export{StzhReadspeaker as stzh_readspeaker};
2
2
  //# sourceMappingURL=stzh-readspeaker.entry.js.map
package/dist/esm-es5/stzh-row.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,a as Host}from"./index-bfb5b569.js";var stzhRowCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{width:100%}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2);}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}.stzh-row--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-row--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-row--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-row--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-row--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-row--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-row--items-center{-ms-flex-align:center;align-items:center}.stzh-row--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-row--items-stretch{-ms-flex-align:stretch;align-items:stretch}.stzh-row--content-end{-ms-flex-line-pack:end;align-content:flex-end}.stzh-row--content-center{-ms-flex-line-pack:center;align-content:center}.stzh-row--content-between{-ms-flex-line-pack:justify;align-content:space-between}.stzh-row--content-around{-ms-flex-line-pack:distribute;align-content:space-around}.stzh-row--content-evenly{-ms-flex-line-pack:space-evenly;align-content:space-evenly}';var StzhRow=function(){function t(t){registerInstance(this,t);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justify="start";this.items="start";this.content="start"}t.prototype.render=function(){var t;return h(Host,null,h("div",{class:(t={"stzh-row":true},t["stzh-row--justify-".concat(this.justify)]=!!this.justify,t["stzh-row--items-".concat(this.items)]=!!this.items,t["stzh-row--content-".concat(this.content)]=!!this.content,t)},h("slot",null)))};return t}();StzhRow.style=stzhRowCss;export{StzhRow as stzh_row};
1
+ import{r as registerInstance,h,a as Host}from"./index-bfb5b569.js";var stzhRowCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{width:100%}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2);}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}.stzh-row--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-row--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-row--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-row--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-row--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-row--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-row--items-center{-ms-flex-align:center;align-items:center}.stzh-row--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-row--items-stretch{-ms-flex-align:stretch;align-items:stretch}.stzh-row--content-end{-ms-flex-line-pack:end;align-content:flex-end}.stzh-row--content-center{-ms-flex-line-pack:center;align-content:center}.stzh-row--content-between{-ms-flex-line-pack:justify;align-content:space-between}.stzh-row--content-around{-ms-flex-line-pack:distribute;align-content:space-around}.stzh-row--content-evenly{-ms-flex-line-pack:space-evenly;align-content:space-evenly}';var StzhRow=function(){function t(t){registerInstance(this,t);this.span=12;this.spanSmall=undefined;this.spanMedium=undefined;this.spanLarge=undefined;this.spanUltra=undefined;this.justify="start";this.items="start";this.content="start"}t.prototype.render=function(){var t;return h(Host,null,h("div",{class:(t={"stzh-row":true},t["stzh-row--justify-".concat(this.justify)]=!!this.justify,t["stzh-row--items-".concat(this.items)]=!!this.items,t["stzh-row--content-".concat(this.content)]=!!this.content,t)},h("slot",null)))};return t}();StzhRow.style=stzhRowCss;export{StzhRow as stzh_row};
2
2
  //# sourceMappingURL=stzh-row.entry.js.map
package/dist/esm-es5/stzh-row.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["stzhRowCss","StzhRow","prototype","render","h","Host","class","_a","concat","this","justify","items","content"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n @for $i from 1 through $gridCells {\n @if $breakpoint {\n :host([span-#{$breakpoint}=\"#{$i}\"])\n ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n @include mq($from: $breakpoint) {\n --cell-width: #{100% / ($gridCells / $i)};\n }\n }\n } @else {\n :host([span=\"#{$i}\"])\n ::slotted(stzh-cell:not([span])) {\n --cell-width: #{100% / ($gridCells / $i)};\n }\n }\n }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n @include cellProps($breakpoint);\n}\n\n.stzh-row {\n display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n margin-left: calc(#{$gridGutter} / -2);\n margin-right: calc(#{$gridGutter} / -2);\n\n @include mq($from: small) {\n margin-left: calc(#{$gridGutterSmall} / -2);\n margin-right: calc(#{$gridGutterSmall} / -2);\n }\n\n @include mq($from: medium) {\n margin-left: calc(#{$gridGutterMedium} / -2);\n margin-right: calc(#{$gridGutterMedium} / -2);\n }\n\n /* Justify content variants */\n\n &--justify-end {\n justify-content: flex-end;\n }\n\n &--justify-center {\n justify-content: center;\n }\n\n &--justify-between {\n justify-content: space-between;\n }\n\n &--justify-around {\n justify-content: space-around;\n }\n\n &--justify-evenly {\n justify-content: space-evenly;\n }\n\n /* Align items variants */\n\n &--items-end {\n align-items: flex-end;\n }\n\n &--items-center {\n align-items: center;\n }\n\n &--items-baseline {\n align-items: baseline;\n }\n\n &--items-stretch {\n align-items: stretch;\n }\n\n /* Align content variants */\n\n &--content-end {\n align-content: flex-end;\n }\n\n &--content-center {\n align-content: center;\n }\n\n &--content-between {\n align-content: space-between;\n }\n\n &--content-around {\n align-content: space-around;\n }\n\n &--content-evenly {\n align-content: space-evenly;\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n tag: \"stzh-row\",\n styleUrl: \"stzh-row.scss\",\n shadow: true\n})\nexport class StzhRow {\n /** Default span of each cell */\n @Prop() span: number = 12;\n /** Default span of each cell above small breakpoint */\n @Prop() spanSmall: number = 0;\n /** Default span of each cell above medium breakpoint */\n @Prop() spanMedium: number = 0;\n /** Default span of each cell above large breakpoint */\n @Prop() spanLarge: number = 0;\n /** Default span of each cell above ultra breakpoint */\n @Prop() spanUltra: number = 0;\n\n /** Controlling how cells are positioned along a container's main axis */\n @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n /** Control how cells items are positioned along a container's cross axis */\n @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-row\": true,\n [`stzh-row--justify-${this.justify}`]: !!this.justify,\n [`stzh-row--items-${this.items}`]: !!this.items,\n [`stzh-row--content-${this.content}`]: !!this.content\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mEAAA,IAAMA,WAAa,4rV,ICiBNC,QAAO,W,iDAEK,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,aAGuB,Q,WAGJ,Q,aAGI,O,CAEnDA,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,WAAY,MACZA,EAAC,qBAAAC,OAAqBC,KAAKC,YAAcD,KAAKC,QAC9CH,EAAC,mBAAAC,OAAmBC,KAAKE,UAAYF,KAAKE,MAC1CJ,EAAC,qBAAAC,OAAqBC,KAAKG,YAAcH,KAAKG,Q,IAGhDR,EAAA,c,WAhCU,G"}
1
+ {"version":3,"names":["stzhRowCss","StzhRow","prototype","render","h","Host","class","_a","concat","this","justify","items","content"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n @for $i from 1 through $gridCells {\n @if $breakpoint {\n :host([span-#{$breakpoint}=\"#{$i}\"])\n ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n @include mq($from: $breakpoint) {\n --cell-width: #{100% / ($gridCells / $i)};\n }\n }\n } @else {\n :host([span=\"#{$i}\"])\n ::slotted(stzh-cell:not([span])) {\n --cell-width: #{100% / ($gridCells / $i)};\n }\n }\n }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n @include cellProps($breakpoint);\n}\n\n.stzh-row {\n display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n margin-left: calc(#{$gridGutter} / -2);\n margin-right: calc(#{$gridGutter} / -2);\n\n @include mq($from: small) {\n margin-left: calc(#{$gridGutterSmall} / -2);\n margin-right: calc(#{$gridGutterSmall} / -2);\n }\n\n @include mq($from: medium) {\n margin-left: calc(#{$gridGutterMedium} / -2);\n margin-right: calc(#{$gridGutterMedium} / -2);\n }\n\n /* Justify content variants */\n\n &--justify-end {\n justify-content: flex-end;\n }\n\n &--justify-center {\n justify-content: center;\n }\n\n &--justify-between {\n justify-content: space-between;\n }\n\n &--justify-around {\n justify-content: space-around;\n }\n\n &--justify-evenly {\n justify-content: space-evenly;\n }\n\n /* Align items variants */\n\n &--items-end {\n align-items: flex-end;\n }\n\n &--items-center {\n align-items: center;\n }\n\n &--items-baseline {\n align-items: baseline;\n }\n\n &--items-stretch {\n align-items: stretch;\n }\n\n /* Align content variants */\n\n &--content-end {\n align-content: flex-end;\n }\n\n &--content-center {\n align-content: center;\n }\n\n &--content-between {\n align-content: space-between;\n }\n\n &--content-around {\n align-content: space-around;\n }\n\n &--content-evenly {\n align-content: space-evenly;\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n tag: \"stzh-row\",\n styleUrl: \"stzh-row.scss\",\n shadow: true\n})\nexport class StzhRow {\n /** Default span of each cell */\n @Prop({ reflect: true }) span: number = 12;\n /** Default span of each cell above small breakpoint */\n @Prop({ reflect: true }) spanSmall: number;\n /** Default span of each cell above medium breakpoint */\n @Prop({ reflect: true }) spanMedium: number;\n /** Default span of each cell above large breakpoint */\n @Prop({ reflect: true }) spanLarge: number;\n /** Default span of each cell above ultra breakpoint */\n @Prop({ reflect: true }) spanUltra: number;\n\n /** Controlling how cells are positioned along a container's main axis */\n @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n /** Control how cells items are positioned along a container's cross axis */\n @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-row\": true,\n [`stzh-row--justify-${this.justify}`]: !!this.justify,\n [`stzh-row--items-${this.items}`]: !!this.items,\n [`stzh-row--content-${this.content}`]: !!this.content\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mEAAA,IAAMA,WAAa,4rV,ICiBNC,QAAO,W,iDAEsB,G,kHAWW,Q,WAGJ,Q,aAGI,O,CAEnDA,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,WAAY,MACZA,EAAC,qBAAAC,OAAqBC,KAAKC,YAAcD,KAAKC,QAC9CH,EAAC,mBAAAC,OAAmBC,KAAKE,UAAYF,KAAKE,MAC1CJ,EAAC,qBAAAC,OAAqBC,KAAKG,YAAcH,KAAKG,Q,IAGhDR,EAAA,c,WAhCU,G"}
package/dist/esm-es5/stzh-scrollup.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{s as setPropsIfNull}from"./utils-107fad0f.js";import"./string-utils-e252977e.js";var stzhScrollupCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-scrollup{display:contents}";var StzhScrollup=function(){function t(t){var e=this;registerInstance(this,t);this.handleLinkClick=function(){window.scrollTo(0,0)};this.init=function(){var t=e.element.querySelectorAll("stzh-link, stzh-button");t.forEach((function(t){t.addEventListener("click",e.handleLinkClick);setPropsIfNull(t,{icon:"arrow-up"})}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t={"stzh-scrollup":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhScrollup.style=stzhScrollupCss;export{StzhScrollup as stzh_scrollup};
1
+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{s as setPropsIfNull}from"./utils-8bb4c3c6.js";import"./string-utils-e252977e.js";var stzhScrollupCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-scrollup{display:contents}";var StzhScrollup=function(){function t(t){var e=this;registerInstance(this,t);this.handleLinkClick=function(){window.scrollTo(0,0)};this.init=function(){var t=e.element.querySelectorAll("stzh-link, stzh-button");t.forEach((function(t){t.addEventListener("click",e.handleLinkClick);setPropsIfNull(t,{icon:"arrow-up"})}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t={"stzh-scrollup":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhScrollup.style=stzhScrollupCss;export{StzhScrollup as stzh_scrollup};
2
2
  //# sourceMappingURL=stzh-scrollup.entry.js.map
package/dist/esm-es5/stzh-share.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,r,s){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function a(t){try{h(s.next(t))}catch(t){n(t)}}function i(t){try{h(s["throw"](t))}catch(t){n(t)}}function h(t){t.done?r(t.value):o(t.value).then(a,i)}h((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,o,n,a;return a={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function i(t){return function(e){return h([t,e])}}function h(i){if(s)throw new TypeError("Generator is already executing.");while(a&&(a=0,i[0]&&(r=0)),r)try{if(s=1,o&&(n=i[0]&2?o["return"]:i[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;if(o=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){r.label=i[1];break}if(i[0]===6&&r.label<n[1]){r.label=n[1];n=i;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(i);break}if(n[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(t){i=[6,t];o=0}finally{s=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{g as getMeta}from"./utils-107fad0f.js";import{b as abbreviateText}from"./string-utils-e252977e.js";var stzhShareCss=".sc-stzh-share-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-small)}.stzh-share__icon.sc-stzh-share{--size:var(--stzh-icon-size-xsmall)}.stzh-share__button.sc-stzh-share{color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius);display:grid;place-items:center;width:2.875rem;height:1.625rem}.stzh-share__button.is-facebook.sc-stzh-share{background-color:#3b5998}.stzh-share__button.is-facebook.sc-stzh-share:hover{background-color:#23355B}.stzh-share__button.is-twitter.sc-stzh-share{background-color:#1da1f2}.stzh-share__button.is-twitter.sc-stzh-share:hover{background-color:#116091}.stzh-share__button.is-linkedin.sc-stzh-share{background-color:#1485BD}.stzh-share__button.is-linkedin.sc-stzh-share:hover{background-color:#0C4F71}.stzh-share__button.is-xing.sc-stzh-share{background-color:#0E7574}.stzh-share__button.is-xing.sc-stzh-share:hover{background-color:#084645}.stzh-share__button.is-mail.sc-stzh-share{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-share__button.is-mail.sc-stzh-share:hover{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";var MAX_TWEET_LENGTH=256;var StzhShare=function(){function t(t){registerInstance(this,t);this._services=[];this.openPopup=function(t,e){e.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.services=["facebook","twitter","linkedin","xing","mail"]}t.prototype.servicesWatcher=function(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.servicesWatcher(this.services);if(!!this.localization)return[3,2];t=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"share")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e;var r={"stzh-share":true};var s=encodeURIComponent(this.url);var o=encodeURIComponent(this.localization.mailSubject);var n=encodeURIComponent((e=this.localization.mailBody)===null||e===void 0?void 0:e.replace(/\{shareUrl\}/gi,this.url));var a=encodeURIComponent(document.title);var i=encodeURIComponent(abbreviateText(a,MAX_TWEET_LENGTH));var c=encodeURIComponent(getMeta("description"));var l={facebook:{popup:true,blank:true,url:"https://www.facebook.com/sharer/sharer.php?u=".concat(s),text:this.localization.shareFacebook,icon:"facebook-filled"},twitter:{popup:true,blank:true,url:"https://twitter.com/intent/tweet?text=".concat(i,"&url=").concat(s),text:this.localization.shareTwitter,icon:"twitter-filled"},linkedin:{popup:true,blank:true,url:"https://www.linkedin.com/shareArticle?mini=true&summary=".concat(c,"&title=").concat(a,"&url=").concat(s),text:this.localization.shareLinkedin,icon:"linkedin-filled"},xing:{popup:true,blank:true,url:"https://www.xing.com/spi/shares/new?url=".concat(s),text:this.localization.shareXing,icon:"xing-filled"},mail:{popup:false,blank:false,url:"mailto:?subject=".concat(o,"&body=").concat(n),text:this.localization.shareMail,icon:"mail-filled"}};return h(Host,null,h("div",{class:r},h("ul",{class:"stzh-share__list"},this._services.map((function(e){return h("li",{class:"stzh-share__item"},h("stzh-tooltip",{content:l[e].text},h("a",{class:"stzh-share__button is-".concat(e),href:l[e].url,"aria-label":l[e].text,rel:l[e].blank?"nofollow noopener noreferrer":"nofollow",target:l[e].blank?"_blank":"_self",onClick:l[e].popup?function(r){return t.openPopup(l[e].url,r)}:null,"s-object-id":l[e].text},h("stzh-icon",{class:"stzh-share__icon",name:l[e].icon}))))})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{services:["servicesWatcher"]}},enumerable:false,configurable:true});return t}();StzhShare.style=stzhShareCss;export{StzhShare as stzh_share};
1
+ var __awaiter=this&&this.__awaiter||function(t,e,r,s){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function a(t){try{h(s.next(t))}catch(t){n(t)}}function i(t){try{h(s["throw"](t))}catch(t){n(t)}}function h(t){t.done?r(t.value):o(t.value).then(a,i)}h((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,o,n,a;return a={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function i(t){return function(e){return h([t,e])}}function h(i){if(s)throw new TypeError("Generator is already executing.");while(a&&(a=0,i[0]&&(r=0)),r)try{if(s=1,o&&(n=i[0]&2?o["return"]:i[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;if(o=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){r.label=i[1];break}if(i[0]===6&&r.label<n[1]){r.label=n[1];n=i;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(i);break}if(n[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(t){i=[6,t];o=0}finally{s=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-bfb5b569.js";import{g as getMeta}from"./utils-8bb4c3c6.js";import{b as abbreviateText}from"./string-utils-e252977e.js";var stzhShareCss=".sc-stzh-share-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-small)}.stzh-share__icon.sc-stzh-share{--size:var(--stzh-icon-size-xsmall)}.stzh-share__button.sc-stzh-share{color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius);display:grid;place-items:center;width:2.875rem;height:1.625rem}.stzh-share__button.is-facebook.sc-stzh-share{background-color:#3b5998}.stzh-share__button.is-facebook.sc-stzh-share:hover{background-color:#23355B}.stzh-share__button.is-twitter.sc-stzh-share{background-color:#1da1f2}.stzh-share__button.is-twitter.sc-stzh-share:hover{background-color:#116091}.stzh-share__button.is-linkedin.sc-stzh-share{background-color:#1485BD}.stzh-share__button.is-linkedin.sc-stzh-share:hover{background-color:#0C4F71}.stzh-share__button.is-xing.sc-stzh-share{background-color:#0E7574}.stzh-share__button.is-xing.sc-stzh-share:hover{background-color:#084645}.stzh-share__button.is-mail.sc-stzh-share{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-share__button.is-mail.sc-stzh-share:hover{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";var MAX_TWEET_LENGTH=256;var StzhShare=function(){function t(t){registerInstance(this,t);this._services=[];this.openPopup=function(t,e){e.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.services=["facebook","twitter","linkedin","xing","mail"]}t.prototype.servicesWatcher=function(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.servicesWatcher(this.services);if(!!this.localization)return[3,2];t=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"share")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e;var r={"stzh-share":true};var s=encodeURIComponent(this.url);var o=encodeURIComponent(this.localization.mailSubject);var n=encodeURIComponent((e=this.localization.mailBody)===null||e===void 0?void 0:e.replace(/\{shareUrl\}/gi,this.url));var a=encodeURIComponent(document.title);var i=encodeURIComponent(abbreviateText(a,MAX_TWEET_LENGTH));var c=encodeURIComponent(getMeta("description"));var l={facebook:{popup:true,blank:true,url:"https://www.facebook.com/sharer/sharer.php?u=".concat(s),text:this.localization.shareFacebook,icon:"facebook-filled"},twitter:{popup:true,blank:true,url:"https://twitter.com/intent/tweet?text=".concat(i,"&url=").concat(s),text:this.localization.shareTwitter,icon:"twitter-filled"},linkedin:{popup:true,blank:true,url:"https://www.linkedin.com/shareArticle?mini=true&summary=".concat(c,"&title=").concat(a,"&url=").concat(s),text:this.localization.shareLinkedin,icon:"linkedin-filled"},xing:{popup:true,blank:true,url:"https://www.xing.com/spi/shares/new?url=".concat(s),text:this.localization.shareXing,icon:"xing-filled"},mail:{popup:false,blank:false,url:"mailto:?subject=".concat(o,"&body=").concat(n),text:this.localization.shareMail,icon:"mail-filled"}};return h(Host,null,h("div",{class:r},h("ul",{class:"stzh-share__list"},this._services.map((function(e){return h("li",{class:"stzh-share__item"},h("stzh-tooltip",{content:l[e].text},h("a",{class:"stzh-share__button is-".concat(e),href:l[e].url,"aria-label":l[e].text,rel:l[e].blank?"nofollow noopener noreferrer":"nofollow",target:l[e].blank?"_blank":"_self",onClick:l[e].popup?function(r){return t.openPopup(l[e].url,r)}:null,"s-object-id":l[e].text},h("stzh-icon",{class:"stzh-share__icon",name:l[e].icon}))))})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{services:["servicesWatcher"]}},enumerable:false,configurable:true});return t}();StzhShare.style=stzhShareCss;export{StzhShare as stzh_share};
2
2
  //# sourceMappingURL=stzh-share.entry.js.map
package/dist/esm-es5/stzh-space.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,a as Host}from"./index-bfb5b569.js";var stzhSpaceCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--space:var(--stzh-space-default);--around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--around:1;width:var(--space);height:var(--space)}:host([around]:not([around=false])){--around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--space:var(--stzh-space-medium)}}:host([curve=small]){--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--space:var(--stzh-space-large)}}:host([curve=regular]){--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--space:var(--stzh-space-xlarge)}}:host([curve=medium]){--space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--space:var(--stzh-space-xbig)}}:host([curve=huge]){--space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--space:var(--stzh-space-xsmall)}:host([size=small]){--space:var(--stzh-space-small)}:host([size=medium]){--space:var(--stzh-space-medium)}:host([size=large]){--space:var(--stzh-space-large)}:host([size=xlarge]){--space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}:host([size=big]){--space:var(--stzh-space-big)}:host([size=xbig]){--space:var(--stzh-space-xbig)}:host([size=huge]){--space:var(--stzh-space-huge)}:host([size=xhuge]){--space:var(--stzh-space-xhuge)}:host([size=none]){--space:var(--stzh-space-none)}:host([size=default]){--space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--space:var(--stzh-space-default)}}.stzh-space{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:calc((var(--space) / -2) * var(--around));margin:calc((var(--space) / -2) * (1 - var(--around)));}.stzh-space--is-around{padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}.stzh-space--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-space--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-space--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-space--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-space--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-space--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-space--items-center{-ms-flex-align:center;align-items:center}.stzh-space--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-space--items-stretch{-ms-flex-align:stretch;align-items:stretch}";var StzhSpace=function(){function e(e){registerInstance(this,e);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.items="start";this.around=false;this.border="none"}e.prototype.render=function(){var e;return h(Host,null,h("div",{class:(e={"stzh-space":true,"stzh-space--is-around":this.around},e["stzh-space--justify-".concat(this.justify)]=!!this.justify,e["stzh-space--items-".concat(this.items)]=!!this.items,e)},h("slot",null)))};return e}();StzhSpace.style=stzhSpaceCss;export{StzhSpace as stzh_space};
1
+ import{r as registerInstance,h,a as Host}from"./index-bfb5b569.js";var stzhSpaceCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--space:var(--stzh-space-default);--around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--around:1;width:var(--space);height:var(--space)}:host([around]:not([around=false])){--around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--space:var(--stzh-space-medium)}}:host([curve=small]){--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--space:var(--stzh-space-large)}}:host([curve=regular]){--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--space:var(--stzh-space-xlarge)}}:host([curve=medium]){--space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--space:var(--stzh-space-xbig)}}:host([curve=huge]){--space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--space:var(--stzh-space-xsmall)}:host([size=small]){--space:var(--stzh-space-small)}:host([size=medium]){--space:var(--stzh-space-medium)}:host([size=large]){--space:var(--stzh-space-large)}:host([size=xlarge]){--space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}:host([size=big]){--space:var(--stzh-space-big)}:host([size=xbig]){--space:var(--stzh-space-xbig)}:host([size=huge]){--space:var(--stzh-space-huge)}:host([size=xhuge]){--space:var(--stzh-space-xhuge)}:host([size=none]){--space:var(--stzh-space-none)}:host([size=default]){--space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--space:var(--stzh-space-default)}}.stzh-space{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:calc((var(--space) / -2) * var(--around));margin:calc((var(--space) / -2) * (1 - var(--around)));}.stzh-space--is-around{padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}.stzh-space--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-space--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-space--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-space--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-space--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-space--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-space--items-center{-ms-flex-align:center;align-items:center}.stzh-space--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-space--items-stretch{-ms-flex-align:stretch;align-items:stretch}";var StzhSpace=function(){function e(e){registerInstance(this,e);this.curve="none";this.size=undefined;this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.justify="start";this.items="start";this.around=false;this.border="none"}e.prototype.render=function(){var e;return h(Host,null,h("div",{class:(e={"stzh-space":true,"stzh-space--is-around":this.around},e["stzh-space--justify-".concat(this.justify)]=!!this.justify,e["stzh-space--items-".concat(this.items)]=!!this.items,e)},h("slot",null)))};return e}();StzhSpace.style=stzhSpaceCss;export{StzhSpace as stzh_space};
2
2
  //# sourceMappingURL=stzh-space.entry.js.map