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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (461) hide show
  1. package/dist/cjs/{app-globals-17244c89.js → app-globals-f56c764f.js} +2 -2
  2. package/dist/cjs/{app-globals-17244c89.js.map → app-globals-f56c764f.js.map} +1 -1
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/stzh-audio.cjs.entry.js +1 -1
  5. package/dist/cjs/stzh-audio.cjs.entry.js.map +1 -1
  6. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +1 -1
  7. package/dist/cjs/stzh-card-searchresult.cjs.entry.js +1 -1
  8. package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
  9. package/dist/cjs/stzh-card.cjs.entry.js +11 -8
  10. package/dist/cjs/stzh-card.cjs.entry.js.map +1 -1
  11. package/dist/cjs/stzh-cardlist_3.cjs.entry.js +1 -1
  12. package/dist/cjs/stzh-components.cjs.js +2 -2
  13. package/dist/cjs/stzh-datalist_2.cjs.entry.js +3 -3
  14. package/dist/cjs/stzh-datalist_2.cjs.entry.js.map +1 -1
  15. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +3 -3
  16. package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
  17. package/dist/cjs/stzh-popover.cjs.entry.js.map +1 -1
  18. package/dist/cjs/stzh-print_2.cjs.entry.js +1 -1
  19. package/dist/cjs/stzh-ratio.cjs.entry.js +1 -1
  20. package/dist/cjs/stzh-ratio.cjs.entry.js.map +1 -1
  21. package/dist/cjs/stzh-readspeaker.cjs.entry.js +3 -3
  22. package/dist/cjs/stzh-readspeaker.cjs.entry.js.map +1 -1
  23. package/dist/cjs/stzh-row.cjs.entry.js +2 -2
  24. package/dist/cjs/stzh-saptcha.cjs.entry.js +2 -2
  25. package/dist/cjs/stzh-scrollup.cjs.entry.js +1 -1
  26. package/dist/cjs/stzh-search.cjs.entry.js +2 -2
  27. package/dist/cjs/stzh-section.cjs.entry.js +2 -2
  28. package/dist/cjs/stzh-sitemap.cjs.entry.js +1 -1
  29. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +2 -2
  30. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
  31. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
  32. package/dist/cjs/stzh-skiplink.cjs.entry.js +1 -1
  33. package/dist/cjs/stzh-socialmediastream-item.cjs.entry.js +1 -1
  34. package/dist/cjs/stzh-socialmediastream.cjs.entry.js +1 -1
  35. package/dist/cjs/stzh-space.cjs.entry.js +2 -2
  36. package/dist/cjs/stzh-status.cjs.entry.js +4 -4
  37. package/dist/cjs/stzh-stepper-item.cjs.entry.js +4 -4
  38. package/dist/cjs/stzh-stepper.cjs.entry.js +2 -2
  39. package/dist/cjs/stzh-sticky-actions.cjs.entry.js +1 -1
  40. package/dist/cjs/stzh-sticky.cjs.entry.js +1 -1
  41. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  42. package/dist/cjs/stzh-text.cjs.entry.js +2 -2
  43. package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
  44. package/dist/cjs/stzh-timeline-item.cjs.entry.js +3 -3
  45. package/dist/cjs/stzh-timeline.cjs.entry.js +1 -1
  46. package/dist/cjs/stzh-timepicker.cjs.entry.js +1 -1
  47. package/dist/cjs/stzh-toast_2.cjs.entry.js +4 -4
  48. package/dist/cjs/stzh-toggle.cjs.entry.js +4 -4
  49. package/dist/cjs/stzh-tooltip.cjs.entry.js +2 -2
  50. package/dist/cjs/stzh-tooltip.cjs.entry.js.map +1 -1
  51. package/dist/cjs/stzh-twocolumns.cjs.entry.js +1 -1
  52. package/dist/cjs/stzh-upload.cjs.entry.js +2 -2
  53. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js +1 -1
  54. package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js +1 -1
  55. package/dist/cjs/stzh-vbz-intro.cjs.entry.js +1 -1
  56. package/dist/cjs/stzh-vbz-linechip.cjs.entry.js +2 -2
  57. package/dist/cjs/stzh-vbz-majorticker.cjs.entry.js +2 -2
  58. package/dist/cjs/stzh-vbz-ticker.cjs.entry.js +2 -2
  59. package/dist/cjs/stzh-visuallyhidden.cjs.entry.js +2 -2
  60. package/dist/cjs/stzh-vspace.cjs.entry.js +2 -2
  61. package/dist/cjs/stzh-youtube.cjs.entry.js +1 -1
  62. package/dist/collection/components/stzh-audio/stzh-audio.css +2 -2
  63. package/dist/collection/components/stzh-card/stzh-card.css +10 -1
  64. package/dist/collection/components/stzh-card/stzh-card.js +28 -7
  65. package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
  66. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js +1 -1
  67. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -1
  68. package/dist/collection/components/stzh-checkbox/stzh-checkbox.stories.js +102 -1
  69. package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.stories.js +89 -1
  70. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +12 -10
  71. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +5 -5
  72. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
  73. package/dist/collection/components/stzh-popover/stzh-popover.css +2 -2
  74. package/dist/collection/components/stzh-ratio/stzh-ratio.js +1 -1
  75. package/dist/collection/components/stzh-ratio/stzh-ratio.js.map +1 -1
  76. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -4
  77. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js +2 -2
  78. package/dist/collection/components/stzh-richtext/stzh-richtext.js +1 -1
  79. package/dist/collection/components/stzh-row/stzh-row.js +2 -2
  80. package/dist/collection/components/stzh-saptcha/stzh-saptcha.js +2 -2
  81. package/dist/collection/components/stzh-scrollup/stzh-scrollup.js +1 -1
  82. package/dist/collection/components/stzh-search/stzh-search.js +2 -2
  83. package/dist/collection/components/stzh-section/stzh-section.js +2 -2
  84. package/dist/collection/components/stzh-share/stzh-share.js +1 -1
  85. package/dist/collection/components/stzh-show/stzh-show.js +2 -2
  86. package/dist/collection/components/stzh-sitemap/stzh-sitemap.js +1 -1
  87. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +168 -4
  88. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.js +1 -1
  89. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.js +1 -1
  90. package/dist/collection/components/stzh-skiplink/stzh-skiplink.js +1 -1
  91. package/dist/collection/components/stzh-socialmediastream/stzh-socialmediastream.js +1 -1
  92. package/dist/collection/components/stzh-socialmediastream-item/stzh-socialmediastream-item.js +1 -1
  93. package/dist/collection/components/stzh-sortable/stzh-sortable.js +1 -1
  94. package/dist/collection/components/stzh-space/stzh-space.js +2 -2
  95. package/dist/collection/components/stzh-status/stzh-status.js +4 -4
  96. package/dist/collection/components/stzh-stepper/stzh-stepper.component.js +2 -2
  97. package/dist/collection/components/stzh-stepper-item/stzh-stepper-item.js +4 -4
  98. package/dist/collection/components/stzh-sticky/stzh-sticky.js +1 -1
  99. package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.js +1 -1
  100. package/dist/collection/components/stzh-table/stzh-table.js +1 -1
  101. package/dist/collection/components/stzh-tag/stzh-tag.js +1 -1
  102. package/dist/collection/components/stzh-text/stzh-text.js +2 -2
  103. package/dist/collection/components/stzh-textandimage/stzh-textandimage.js +1 -1
  104. package/dist/collection/components/stzh-timeline/stzh-timeline.js +1 -1
  105. package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.js +3 -3
  106. package/dist/collection/components/stzh-timepicker/stzh-timepicker.js +1 -1
  107. package/dist/collection/components/stzh-toast/stzh-toast.js +3 -3
  108. package/dist/collection/components/stzh-toastbar/stzh-toastbar.js +1 -1
  109. package/dist/collection/components/stzh-toggle/stzh-toggle.js +4 -4
  110. package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +2 -2
  111. package/dist/collection/components/stzh-tooltip/stzh-tooltip.js +1 -1
  112. package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.js +1 -1
  113. package/dist/collection/components/stzh-upload/stzh-upload.js +2 -2
  114. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js +1 -1
  115. package/dist/collection/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js +1 -1
  116. package/dist/collection/components/stzh-vbz-intro/stzh-vbz-intro.js +1 -1
  117. package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.js +2 -2
  118. package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.js +2 -2
  119. package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js +2 -2
  120. package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.js +2 -2
  121. package/dist/collection/components/stzh-vspace/stzh-vspace.js +2 -2
  122. package/dist/collection/components/stzh-youtube/stzh-youtube.js +1 -1
  123. package/dist/components/index.js +1 -1
  124. package/dist/components/{p-84f171a0.js → p-02bdd12e.js} +2 -2
  125. package/dist/components/{p-84f171a0.js.map → p-02bdd12e.js.map} +1 -1
  126. package/dist/components/{p-324831e2.js → p-0dae7190.js} +3 -3
  127. package/dist/components/{p-324831e2.js.map → p-0dae7190.js.map} +1 -1
  128. package/dist/components/{p-631b7bfa.js → p-123ddd01.js} +5 -5
  129. package/dist/components/{p-631b7bfa.js.map → p-123ddd01.js.map} +1 -1
  130. package/dist/components/{p-18ad2006.js → p-1e02d63c.js} +17 -13
  131. package/dist/components/p-1e02d63c.js.map +1 -0
  132. package/dist/components/{p-ef28cd34.js → p-1fe5af54.js} +3 -3
  133. package/dist/components/{p-ef28cd34.js.map → p-1fe5af54.js.map} +1 -1
  134. package/dist/components/{p-0b0557e7.js → p-55042ae5.js} +4 -4
  135. package/dist/components/{p-0b0557e7.js.map → p-55042ae5.js.map} +1 -1
  136. package/dist/components/{p-48a20e2d.js → p-6c821944.js} +5 -5
  137. package/dist/components/{p-48a20e2d.js.map → p-6c821944.js.map} +1 -1
  138. package/dist/components/{p-3d24141a.js → p-7eced0db.js} +2 -2
  139. package/dist/components/{p-3d24141a.js.map → p-7eced0db.js.map} +1 -1
  140. package/dist/components/{p-e5a0d7ce.js → p-84f3d0c4.js} +6 -6
  141. package/dist/components/{p-e5a0d7ce.js.map → p-84f3d0c4.js.map} +1 -1
  142. package/dist/components/{p-875cd549.js → p-86473146.js} +2 -2
  143. package/dist/components/{p-875cd549.js.map → p-86473146.js.map} +1 -1
  144. package/dist/components/{p-8123a294.js → p-87537095.js} +2 -2
  145. package/dist/components/{p-8123a294.js.map → p-87537095.js.map} +1 -1
  146. package/dist/components/{p-1ee94681.js → p-877e658f.js} +3 -3
  147. package/dist/components/{p-1ee94681.js.map → p-877e658f.js.map} +1 -1
  148. package/dist/components/{p-0c5f315f.js → p-8c4ca44f.js} +3 -3
  149. package/dist/components/{p-0c5f315f.js.map → p-8c4ca44f.js.map} +1 -1
  150. package/dist/components/{p-70aa77ed.js → p-978466ee.js} +4 -4
  151. package/dist/components/{p-70aa77ed.js.map → p-978466ee.js.map} +1 -1
  152. package/dist/components/{p-043132df.js → p-9c27b812.js} +2 -2
  153. package/dist/components/{p-043132df.js.map → p-9c27b812.js.map} +1 -1
  154. package/dist/components/{p-6a5f4569.js → p-9fd614bc.js} +3 -3
  155. package/dist/components/{p-6a5f4569.js.map → p-9fd614bc.js.map} +1 -1
  156. package/dist/components/{p-da29e441.js → p-a518f263.js} +4 -4
  157. package/dist/components/{p-da29e441.js.map → p-a518f263.js.map} +1 -1
  158. package/dist/components/{p-d8b73add.js → p-a74ffd15.js} +4 -4
  159. package/dist/components/{p-d8b73add.js.map → p-a74ffd15.js.map} +1 -1
  160. package/dist/components/{p-1036baa8.js → p-a93fe963.js} +2 -2
  161. package/dist/components/{p-1036baa8.js.map → p-a93fe963.js.map} +1 -1
  162. package/dist/components/{p-b5d9d5a1.js → p-adf66b29.js} +4 -4
  163. package/dist/components/{p-b5d9d5a1.js.map → p-adf66b29.js.map} +1 -1
  164. package/dist/components/{p-adc06dc4.js → p-ae7adee7.js} +3 -3
  165. package/dist/components/{p-adc06dc4.js.map → p-ae7adee7.js.map} +1 -1
  166. package/dist/components/{p-a367fa4a.js → p-b4ffee20.js} +2 -2
  167. package/dist/components/p-b4ffee20.js.map +1 -0
  168. package/dist/components/{p-8bab76e0.js → p-bed8abab.js} +5 -5
  169. package/dist/components/{p-8bab76e0.js.map → p-bed8abab.js.map} +1 -1
  170. package/dist/components/{p-6be31cce.js → p-c056c339.js} +3 -3
  171. package/dist/components/{p-6be31cce.js.map → p-c056c339.js.map} +1 -1
  172. package/dist/components/{p-c06d0057.js → p-d19eef5f.js} +4 -4
  173. package/dist/components/{p-c06d0057.js.map → p-d19eef5f.js.map} +1 -1
  174. package/dist/components/{p-ded0ad1c.js → p-d40751ba.js} +4 -4
  175. package/dist/components/{p-ded0ad1c.js.map → p-d40751ba.js.map} +1 -1
  176. package/dist/components/{p-3e69bb48.js → p-e48a4be2.js} +3 -3
  177. package/dist/components/{p-3e69bb48.js.map → p-e48a4be2.js.map} +1 -1
  178. package/dist/components/{p-d9bd5b30.js → p-f0db184a.js} +3 -3
  179. package/dist/components/{p-d9bd5b30.js.map → p-f0db184a.js.map} +1 -1
  180. package/dist/components/{p-5748d860.js → p-f254ab81.js} +8 -8
  181. package/dist/components/p-f254ab81.js.map +1 -0
  182. package/dist/components/{p-7d72e50c.js → p-fd0fbd98.js} +2 -2
  183. package/dist/components/{p-7d72e50c.js.map → p-fd0fbd98.js.map} +1 -1
  184. package/dist/components/{p-af0ed46a.js → p-fe546990.js} +3 -3
  185. package/dist/components/{p-af0ed46a.js.map → p-fe546990.js.map} +1 -1
  186. package/dist/components/{p-3d684a4f.js → p-fef8bda1.js} +2 -2
  187. package/dist/components/{p-3d684a4f.js.map → p-fef8bda1.js.map} +1 -1
  188. package/dist/components/stzh-actionset.js +1 -1
  189. package/dist/components/stzh-amount.js +4 -4
  190. package/dist/components/stzh-appointments.js +8 -8
  191. package/dist/components/stzh-audio.js +3 -3
  192. package/dist/components/stzh-audio.js.map +1 -1
  193. package/dist/components/stzh-calendar.js +1 -1
  194. package/dist/components/stzh-card-searchresult.js +8 -8
  195. package/dist/components/stzh-card-searchresult.js.map +1 -1
  196. package/dist/components/stzh-card-superteaser.js +7 -7
  197. package/dist/components/stzh-card.js +1 -1
  198. package/dist/components/stzh-cardlist.js +1 -1
  199. package/dist/components/stzh-checkbox.js +1 -1
  200. package/dist/components/stzh-checkboxgroup.js +2 -2
  201. package/dist/components/stzh-chipselect.js +1 -1
  202. package/dist/components/stzh-contact-cv.js +1 -1
  203. package/dist/components/stzh-cta.js +1 -1
  204. package/dist/components/stzh-datalist-item.js +1 -1
  205. package/dist/components/stzh-datalist.js +1 -1
  206. package/dist/components/stzh-datamessagelist-item.js +2 -2
  207. package/dist/components/stzh-datatable.js +9 -9
  208. package/dist/components/stzh-datepicker.js +1 -1
  209. package/dist/components/stzh-dropdown.js +1 -1
  210. package/dist/components/stzh-feedreader.js +1 -1
  211. package/dist/components/stzh-gallery.js +1 -1
  212. package/dist/components/stzh-geo-ref-data.js +9 -9
  213. package/dist/components/stzh-header.js +1 -1
  214. package/dist/components/stzh-homepage-service-highlights.js +1 -1
  215. package/dist/components/stzh-http-error.js +1 -1
  216. package/dist/components/stzh-input.js +1 -1
  217. package/dist/components/stzh-microsite-teaserlist.js +9 -9
  218. package/dist/components/stzh-monthyearpicker.js +3 -3
  219. package/dist/components/stzh-offline-indicator.js +2 -2
  220. package/dist/components/stzh-pagebottom.js +3 -3
  221. package/dist/components/stzh-pagetitle-home.js +1 -1
  222. package/dist/components/stzh-pagetitle.js +1 -1
  223. package/dist/components/stzh-pagination.js +1 -1
  224. package/dist/components/stzh-panorama.js +5 -5
  225. package/dist/components/stzh-pi-content-navigation.js +1 -1
  226. package/dist/components/stzh-pi-pagetitle.js +1 -1
  227. package/dist/components/stzh-pi-teaser.js +1 -1
  228. package/dist/components/stzh-poicard.js +1 -1
  229. package/dist/components/stzh-poilist.js +6 -6
  230. package/dist/components/stzh-popover.js +1 -1
  231. package/dist/components/stzh-radio.js +1 -1
  232. package/dist/components/stzh-radiogroup.js +1 -1
  233. package/dist/components/stzh-ratio.js +1 -1
  234. package/dist/components/stzh-readspeaker.js +3 -3
  235. package/dist/components/stzh-readspeaker.js.map +1 -1
  236. package/dist/components/stzh-richtext.js +1 -1
  237. package/dist/components/stzh-row.js +2 -2
  238. package/dist/components/stzh-saptcha.js +5 -5
  239. package/dist/components/stzh-scrollup.js +1 -1
  240. package/dist/components/stzh-search.js +6 -6
  241. package/dist/components/stzh-section.js +2 -2
  242. package/dist/components/stzh-share.js +1 -1
  243. package/dist/components/stzh-show.js +1 -1
  244. package/dist/components/stzh-sitemap.js +6 -6
  245. package/dist/components/stzh-skin-portal-mitwirken.js +2 -2
  246. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  247. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  248. package/dist/components/stzh-skiplink.js +1 -1
  249. package/dist/components/stzh-socialmediastream-item.js +1 -1
  250. package/dist/components/stzh-socialmediastream.js +4 -4
  251. package/dist/components/stzh-sortable.js +1 -1
  252. package/dist/components/stzh-space.js +2 -2
  253. package/dist/components/stzh-status.js +1 -1
  254. package/dist/components/stzh-stepper-item.js +1 -1
  255. package/dist/components/stzh-stepper.js +3 -3
  256. package/dist/components/stzh-sticky-actions.js +2 -2
  257. package/dist/components/stzh-sticky.js +1 -1
  258. package/dist/components/stzh-table.js +1 -1
  259. package/dist/components/stzh-tag.js +1 -1
  260. package/dist/components/stzh-text.js +1 -1
  261. package/dist/components/stzh-textandimage.js +1 -1
  262. package/dist/components/stzh-timeline-item.js +3 -3
  263. package/dist/components/stzh-timeline.js +1 -1
  264. package/dist/components/stzh-timepicker.js +4 -4
  265. package/dist/components/stzh-toast.js +1 -1
  266. package/dist/components/stzh-toastbar.js +1 -1
  267. package/dist/components/stzh-toggle.js +6 -6
  268. package/dist/components/stzh-tooltip.js +1 -1
  269. package/dist/components/stzh-twocolumns.js +1 -1
  270. package/dist/components/stzh-upload.js +6 -6
  271. package/dist/components/stzh-vbz-carousel.js +1 -1
  272. package/dist/components/stzh-vbz-connection-finder.js +1 -1
  273. package/dist/components/stzh-vbz-intro.js +1 -1
  274. package/dist/components/stzh-vbz-linechip.js +1 -1
  275. package/dist/components/stzh-vbz-majorticker.js +4 -4
  276. package/dist/components/stzh-vbz-ticker.js +5 -5
  277. package/dist/components/stzh-visuallyhidden.js +2 -2
  278. package/dist/components/stzh-vspace.js +2 -2
  279. package/dist/components/stzh-youtube.js +2 -2
  280. package/dist/esm/{app-globals-4169aa9e.js → app-globals-24afa4b5.js} +2 -2
  281. package/dist/esm/{app-globals-4169aa9e.js.map → app-globals-24afa4b5.js.map} +1 -1
  282. package/dist/esm/loader.js +2 -2
  283. package/dist/esm/stzh-audio.entry.js +1 -1
  284. package/dist/esm/stzh-audio.entry.js.map +1 -1
  285. package/dist/esm/stzh-breadcrumb_2.entry.js +1 -1
  286. package/dist/esm/stzh-card-searchresult.entry.js +1 -1
  287. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  288. package/dist/esm/stzh-card.entry.js +11 -8
  289. package/dist/esm/stzh-card.entry.js.map +1 -1
  290. package/dist/esm/stzh-cardlist_3.entry.js +1 -1
  291. package/dist/esm/stzh-components.js +2 -2
  292. package/dist/esm/stzh-datalist_2.entry.js +3 -3
  293. package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
  294. package/dist/esm/stzh-ghettobox_3.entry.js +3 -3
  295. package/dist/esm/stzh-popover.entry.js +1 -1
  296. package/dist/esm/stzh-popover.entry.js.map +1 -1
  297. package/dist/esm/stzh-print_2.entry.js +1 -1
  298. package/dist/esm/stzh-ratio.entry.js +1 -1
  299. package/dist/esm/stzh-ratio.entry.js.map +1 -1
  300. package/dist/esm/stzh-readspeaker.entry.js +3 -3
  301. package/dist/esm/stzh-readspeaker.entry.js.map +1 -1
  302. package/dist/esm/stzh-row.entry.js +2 -2
  303. package/dist/esm/stzh-saptcha.entry.js +2 -2
  304. package/dist/esm/stzh-scrollup.entry.js +1 -1
  305. package/dist/esm/stzh-search.entry.js +2 -2
  306. package/dist/esm/stzh-section.entry.js +2 -2
  307. package/dist/esm/stzh-sitemap.entry.js +1 -1
  308. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +2 -2
  309. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  310. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  311. package/dist/esm/stzh-skiplink.entry.js +1 -1
  312. package/dist/esm/stzh-socialmediastream-item.entry.js +1 -1
  313. package/dist/esm/stzh-socialmediastream.entry.js +1 -1
  314. package/dist/esm/stzh-space.entry.js +2 -2
  315. package/dist/esm/stzh-status.entry.js +4 -4
  316. package/dist/esm/stzh-stepper-item.entry.js +4 -4
  317. package/dist/esm/stzh-stepper.entry.js +2 -2
  318. package/dist/esm/stzh-sticky-actions.entry.js +1 -1
  319. package/dist/esm/stzh-sticky.entry.js +1 -1
  320. package/dist/esm/stzh-table.entry.js +1 -1
  321. package/dist/esm/stzh-text.entry.js +2 -2
  322. package/dist/esm/stzh-textandimage.entry.js +1 -1
  323. package/dist/esm/stzh-timeline-item.entry.js +3 -3
  324. package/dist/esm/stzh-timeline.entry.js +1 -1
  325. package/dist/esm/stzh-timepicker.entry.js +1 -1
  326. package/dist/esm/stzh-toast_2.entry.js +4 -4
  327. package/dist/esm/stzh-toggle.entry.js +4 -4
  328. package/dist/esm/stzh-tooltip.entry.js +2 -2
  329. package/dist/esm/stzh-tooltip.entry.js.map +1 -1
  330. package/dist/esm/stzh-twocolumns.entry.js +1 -1
  331. package/dist/esm/stzh-upload.entry.js +2 -2
  332. package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
  333. package/dist/esm/stzh-vbz-connection-finder.entry.js +1 -1
  334. package/dist/esm/stzh-vbz-intro.entry.js +1 -1
  335. package/dist/esm/stzh-vbz-linechip.entry.js +2 -2
  336. package/dist/esm/stzh-vbz-majorticker.entry.js +2 -2
  337. package/dist/esm/stzh-vbz-ticker.entry.js +2 -2
  338. package/dist/esm/stzh-visuallyhidden.entry.js +2 -2
  339. package/dist/esm/stzh-vspace.entry.js +2 -2
  340. package/dist/esm/stzh-youtube.entry.js +1 -1
  341. package/dist/stzh-components/{p-96fe4abd.entry.js → p-043ad510.entry.js} +2 -2
  342. package/dist/stzh-components/{p-bb73cb7c.entry.js → p-0a9f2a26.entry.js} +2 -2
  343. package/dist/stzh-components/{p-fc5fd4e3.entry.js → p-0c454ed4.entry.js} +2 -2
  344. package/dist/stzh-components/{p-5b908c23.entry.js → p-0c7abc07.entry.js} +2 -2
  345. package/dist/stzh-components/{p-7026a4fd.entry.js → p-12ea12f4.entry.js} +2 -2
  346. package/dist/stzh-components/p-17d26a11.entry.js +2 -0
  347. package/dist/stzh-components/{p-404ba037.entry.js.map → p-17d26a11.entry.js.map} +1 -1
  348. package/dist/stzh-components/{p-adb98a13.entry.js → p-24c37b16.entry.js} +2 -2
  349. package/dist/stzh-components/{p-c2837379.entry.js → p-263f1fc6.entry.js} +2 -2
  350. package/dist/stzh-components/p-29ff3759.entry.js +2 -0
  351. package/dist/stzh-components/{p-6b57e800.entry.js.map → p-29ff3759.entry.js.map} +1 -1
  352. package/dist/stzh-components/{p-0971c453.entry.js → p-2b22da62.entry.js} +2 -2
  353. package/dist/stzh-components/{p-e5935628.entry.js → p-3edb8127.entry.js} +2 -2
  354. package/dist/stzh-components/p-43390ffd.entry.js +2 -0
  355. package/dist/stzh-components/p-43390ffd.entry.js.map +1 -0
  356. package/dist/stzh-components/{p-cb78d001.entry.js → p-44860eb8.entry.js} +2 -2
  357. package/dist/stzh-components/{p-c63ce489.entry.js → p-4a0e5c91.entry.js} +2 -2
  358. package/dist/stzh-components/{p-e4083254.entry.js → p-52b21470.entry.js} +2 -2
  359. package/dist/stzh-components/{p-4423fbf1.entry.js → p-5ea61577.entry.js} +2 -2
  360. package/dist/stzh-components/p-5ea61577.entry.js.map +1 -0
  361. package/dist/stzh-components/{p-dce69ebb.entry.js → p-628b2a1b.entry.js} +2 -2
  362. package/dist/stzh-components/{p-28f4fd43.entry.js → p-6f71f9a1.entry.js} +2 -2
  363. package/dist/stzh-components/p-705fb85c.entry.js +2 -0
  364. package/dist/stzh-components/{p-e0743aaf.entry.js.map → p-705fb85c.entry.js.map} +1 -1
  365. package/dist/stzh-components/{p-da065baa.entry.js → p-7467c517.entry.js} +2 -2
  366. package/dist/stzh-components/{p-46d8ebf9.entry.js → p-77c64b4b.entry.js} +2 -2
  367. package/dist/stzh-components/{p-46d8ebf9.entry.js.map → p-77c64b4b.entry.js.map} +1 -1
  368. package/dist/stzh-components/{p-a128eb07.entry.js → p-79a63bd9.entry.js} +2 -2
  369. package/dist/stzh-components/p-836ee7e5.entry.js +2 -0
  370. package/dist/stzh-components/p-836ee7e5.entry.js.map +1 -0
  371. package/dist/stzh-components/{p-1a3a2442.entry.js → p-84ae023f.entry.js} +2 -2
  372. package/dist/stzh-components/{p-3c60c70f.entry.js → p-976d5ab9.entry.js} +2 -2
  373. package/dist/stzh-components/{p-04669d52.entry.js → p-99d39d04.entry.js} +2 -2
  374. package/dist/stzh-components/{p-2b75dc62.entry.js → p-a08056c1.entry.js} +2 -2
  375. package/dist/stzh-components/{p-c6552960.entry.js → p-ab439c71.entry.js} +2 -2
  376. package/dist/stzh-components/{p-c6552960.entry.js.map → p-ab439c71.entry.js.map} +1 -1
  377. package/dist/stzh-components/{p-71886cdf.entry.js → p-ac4b1753.entry.js} +2 -2
  378. package/dist/stzh-components/{p-444ba687.entry.js → p-b0d12ac9.entry.js} +2 -2
  379. package/dist/stzh-components/p-b159d0bc.entry.js +2 -0
  380. package/dist/stzh-components/{p-624be23e.entry.js.map → p-b159d0bc.entry.js.map} +1 -1
  381. package/dist/stzh-components/{p-fb73afa9.entry.js → p-b6b39492.entry.js} +2 -2
  382. package/dist/stzh-components/{p-97e2a5ae.entry.js → p-c26e45c7.entry.js} +2 -2
  383. package/dist/stzh-components/{p-68dccf19.entry.js → p-c34c7f87.entry.js} +2 -2
  384. package/dist/stzh-components/{p-5ca3df89.entry.js → p-cd9be844.entry.js} +2 -2
  385. package/dist/stzh-components/p-cfff191d.js +2 -0
  386. package/dist/stzh-components/{p-1c01ddd2.js.map → p-cfff191d.js.map} +1 -1
  387. package/dist/stzh-components/{p-592452c5.entry.js → p-d12700c1.entry.js} +2 -2
  388. package/dist/stzh-components/{p-6802415a.entry.js → p-d17b4c21.entry.js} +2 -2
  389. package/dist/stzh-components/{p-8060775b.entry.js → p-d83dbb08.entry.js} +2 -2
  390. package/dist/stzh-components/p-d83dbb08.entry.js.map +1 -0
  391. package/dist/stzh-components/{p-549b5a54.entry.js → p-d98330d6.entry.js} +2 -2
  392. package/dist/stzh-components/p-dcf670a7.entry.js +2 -0
  393. package/dist/stzh-components/{p-8d664896.entry.js.map → p-dcf670a7.entry.js.map} +1 -1
  394. package/dist/stzh-components/{p-9c76b2dd.entry.js → p-dde1ffb8.entry.js} +2 -2
  395. package/dist/stzh-components/{p-420e839d.entry.js → p-e19dd2da.entry.js} +2 -2
  396. package/dist/stzh-components/{p-97fa8644.entry.js → p-e452b478.entry.js} +2 -2
  397. package/dist/stzh-components/{p-9130582f.entry.js → p-e496eb1a.entry.js} +2 -2
  398. package/dist/stzh-components/{p-6872230d.entry.js → p-e8a87eaf.entry.js} +2 -2
  399. package/dist/stzh-components/{p-ecb3ab05.entry.js → p-ec7f8a5a.entry.js} +2 -2
  400. package/dist/stzh-components/{p-824068d6.entry.js → p-f957fa77.entry.js} +2 -2
  401. package/dist/stzh-components/{p-7d590d24.entry.js → p-f9e3c785.entry.js} +2 -2
  402. package/dist/stzh-components/stzh-components.css +168 -4
  403. package/dist/stzh-components/stzh-components.esm.js +1 -1
  404. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  405. package/dist/types/components/stzh-card/stzh-card.d.ts +2 -0
  406. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +2 -2
  407. package/dist/types/components.d.ts +16 -8
  408. package/dist/vscode-data.json +16 -4
  409. package/package.json +1 -1
  410. package/dist/components/p-18ad2006.js.map +0 -1
  411. package/dist/components/p-5748d860.js.map +0 -1
  412. package/dist/components/p-a367fa4a.js.map +0 -1
  413. package/dist/stzh-components/p-1c01ddd2.js +0 -2
  414. package/dist/stzh-components/p-404ba037.entry.js +0 -2
  415. package/dist/stzh-components/p-4423fbf1.entry.js.map +0 -1
  416. package/dist/stzh-components/p-6042015f.entry.js +0 -2
  417. package/dist/stzh-components/p-6042015f.entry.js.map +0 -1
  418. package/dist/stzh-components/p-624be23e.entry.js +0 -2
  419. package/dist/stzh-components/p-6b57e800.entry.js +0 -2
  420. package/dist/stzh-components/p-8060775b.entry.js.map +0 -1
  421. package/dist/stzh-components/p-8d664896.entry.js +0 -2
  422. package/dist/stzh-components/p-b35032a8.entry.js +0 -2
  423. package/dist/stzh-components/p-b35032a8.entry.js.map +0 -1
  424. package/dist/stzh-components/p-e0743aaf.entry.js +0 -2
  425. /package/dist/stzh-components/{p-96fe4abd.entry.js.map → p-043ad510.entry.js.map} +0 -0
  426. /package/dist/stzh-components/{p-bb73cb7c.entry.js.map → p-0a9f2a26.entry.js.map} +0 -0
  427. /package/dist/stzh-components/{p-fc5fd4e3.entry.js.map → p-0c454ed4.entry.js.map} +0 -0
  428. /package/dist/stzh-components/{p-5b908c23.entry.js.map → p-0c7abc07.entry.js.map} +0 -0
  429. /package/dist/stzh-components/{p-7026a4fd.entry.js.map → p-12ea12f4.entry.js.map} +0 -0
  430. /package/dist/stzh-components/{p-adb98a13.entry.js.map → p-24c37b16.entry.js.map} +0 -0
  431. /package/dist/stzh-components/{p-c2837379.entry.js.map → p-263f1fc6.entry.js.map} +0 -0
  432. /package/dist/stzh-components/{p-0971c453.entry.js.map → p-2b22da62.entry.js.map} +0 -0
  433. /package/dist/stzh-components/{p-e5935628.entry.js.map → p-3edb8127.entry.js.map} +0 -0
  434. /package/dist/stzh-components/{p-cb78d001.entry.js.map → p-44860eb8.entry.js.map} +0 -0
  435. /package/dist/stzh-components/{p-c63ce489.entry.js.map → p-4a0e5c91.entry.js.map} +0 -0
  436. /package/dist/stzh-components/{p-e4083254.entry.js.map → p-52b21470.entry.js.map} +0 -0
  437. /package/dist/stzh-components/{p-dce69ebb.entry.js.map → p-628b2a1b.entry.js.map} +0 -0
  438. /package/dist/stzh-components/{p-28f4fd43.entry.js.map → p-6f71f9a1.entry.js.map} +0 -0
  439. /package/dist/stzh-components/{p-da065baa.entry.js.map → p-7467c517.entry.js.map} +0 -0
  440. /package/dist/stzh-components/{p-a128eb07.entry.js.map → p-79a63bd9.entry.js.map} +0 -0
  441. /package/dist/stzh-components/{p-1a3a2442.entry.js.map → p-84ae023f.entry.js.map} +0 -0
  442. /package/dist/stzh-components/{p-3c60c70f.entry.js.map → p-976d5ab9.entry.js.map} +0 -0
  443. /package/dist/stzh-components/{p-04669d52.entry.js.map → p-99d39d04.entry.js.map} +0 -0
  444. /package/dist/stzh-components/{p-2b75dc62.entry.js.map → p-a08056c1.entry.js.map} +0 -0
  445. /package/dist/stzh-components/{p-71886cdf.entry.js.map → p-ac4b1753.entry.js.map} +0 -0
  446. /package/dist/stzh-components/{p-444ba687.entry.js.map → p-b0d12ac9.entry.js.map} +0 -0
  447. /package/dist/stzh-components/{p-fb73afa9.entry.js.map → p-b6b39492.entry.js.map} +0 -0
  448. /package/dist/stzh-components/{p-97e2a5ae.entry.js.map → p-c26e45c7.entry.js.map} +0 -0
  449. /package/dist/stzh-components/{p-68dccf19.entry.js.map → p-c34c7f87.entry.js.map} +0 -0
  450. /package/dist/stzh-components/{p-5ca3df89.entry.js.map → p-cd9be844.entry.js.map} +0 -0
  451. /package/dist/stzh-components/{p-592452c5.entry.js.map → p-d12700c1.entry.js.map} +0 -0
  452. /package/dist/stzh-components/{p-6802415a.entry.js.map → p-d17b4c21.entry.js.map} +0 -0
  453. /package/dist/stzh-components/{p-549b5a54.entry.js.map → p-d98330d6.entry.js.map} +0 -0
  454. /package/dist/stzh-components/{p-9c76b2dd.entry.js.map → p-dde1ffb8.entry.js.map} +0 -0
  455. /package/dist/stzh-components/{p-420e839d.entry.js.map → p-e19dd2da.entry.js.map} +0 -0
  456. /package/dist/stzh-components/{p-97fa8644.entry.js.map → p-e452b478.entry.js.map} +0 -0
  457. /package/dist/stzh-components/{p-9130582f.entry.js.map → p-e496eb1a.entry.js.map} +0 -0
  458. /package/dist/stzh-components/{p-6872230d.entry.js.map → p-e8a87eaf.entry.js.map} +0 -0
  459. /package/dist/stzh-components/{p-ecb3ab05.entry.js.map → p-ec7f8a5a.entry.js.map} +0 -0
  460. /package/dist/stzh-components/{p-824068d6.entry.js.map → p-f957fa77.entry.js.map} +0 -0
  461. /package/dist/stzh-components/{p-7d590d24.entry.js.map → p-f9e3c785.entry.js.map} +0 -0
package/dist/stzh-components/{p-c6552960.entry.js → p-ab439c71.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r,h as e,a as t,g as s}from"./p-ef5985a3.js";import{s as a}from"./p-24caf6c1.js";import"./p-dae15605.js";const n=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-readspeaker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--background-color:var(--stzh-readspeaker-background-color, var(--stzh-color-white));--justify-content:var(--stzh-readspeaker-justify-content, space-between);--column-gap:var(--stzh-readspeaker-column-gap, auto);--audio-track-height:0.1875rem;--audio-track-background-color:var(--stzh-readspeaker-audio-track-background-color, var(--stzh-color-black20op));--audio-track-progress-background-color:var(--stzh-readspeaker-audio-track-progress-background-color, var(--stzh-color-secondary40));--dropdown-position:var(--stzh-readspeaker-dropdown-position, absolute);--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-small-height));--dropdown-bottom:var(--stzh-readspeaker-dropdown-bottom, auto);--dropdown-left:var(--stzh-readspeaker-dropdown-left, 0px);--dropdown-right:var(--stzh-readspeaker-dropdown-right, auto);--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-small-height));--dropdown-settings-bottom:var(--stzh-readspeaker-dropdown-settings-bottom, auto);--dropdown-settings-left:var(--stzh-readspeaker-dropdown-settings-left, 0px);--dropdown-settings-right:var(--stzh-readspeaker-dropdown-settings-right, auto)}stzh-readspeaker[hidden],stzh-readspeaker[stzh-hidden]{display:none}stzh-readspeaker::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-readspeaker *,stzh-readspeaker *::before,stzh-readspeaker *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-readspeaker{--column-gap:var(--stzh-readspeaker-column-gap, var(--stzh-space-medium));--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-tiny-height));--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-tiny-height))}}@media print{stzh-readspeaker{display:none}}.stzh-readspeaker{position:relative;display:flex;align-items:center;column-gap:var(--column-gap);justify-content:var(--justify-content)}.stzh-readspeaker__actions{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.stzh-readspeaker stzh-button.stzh-readspeaker__close{display:none}.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:inline-grid}@media screen and (min-width: 600px){.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:none}}.stzh-readspeaker .rsbtn{z-index:var(--stzh-z-index-popover) !important;background:var(--background-color);position:var(--dropdown-position);top:var(--dropdown-top);bottom:var(--dropdown-bottom);left:var(--dropdown-left);right:var(--dropdown-right)}.stzh-readspeaker .rs_splitbutton.rs_splitbutton-exp{display:inline-flex}.stzh-readspeaker .rs_addtools,.stzh-readspeaker .rsbtn{margin-top:var(--audio-track-height);margin-bottom:0px}.stzh-readspeaker [class*=\" rsicn-\"],.stzh-readspeaker [class*=\" rsicn-\"]:before,.stzh-readspeaker [class^=rsicn-],.stzh-readspeaker [class^=rsicn-]:before{content:\"\";display:block;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center}.stzh-readspeaker .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_pause:hover .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_stop:hover .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_rewind:hover .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_forward:hover .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_volume:hover .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_speed:hover .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_closer:hover .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_tooltoggle .rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_tooltoggle .rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tooltoggle:hover .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator,.stzh-readspeaker .rsbtn .rs-player-loadindicator{background-color:var(--audio-track-background-color);height:var(--audio-track-height);top:calc(var(--audio-track-height) / -1);left:0;right:0px}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-progress,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-progress{background-color:var(--audio-track-progress-background-color)}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex;justify-content:center;align-items:center;border-left:none;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);background-color:transparent;outline:none;float:none}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size-small);height:var(--stzh-icon-size-small)}}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:focus{background-color:transparent;outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:hover{background-color:var(--stzh-color-secondary20)}@media screen and (max-width: 599px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle.rsbtn_closer{display:none}}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{margin-right:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item{padding-left:0px;padding-right:0px}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn{background:transparent}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex !important;position:relative;top:0;border-left:none;border-right:none}.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{left:0}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner{position:static;background:transparent;display:inline-flex;border:none;border-radius:0px;gap:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rsbtn .rsbtn_exp,.stzh-readspeaker .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner{height:auto}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{box-sizing:border-box;border:none;width:var(--stzh-form-input-small-height);height:7.25rem;top:var(--stzh-form-input-small-height);margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding:0;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{width:var(--stzh-form-input-tiny-height);top:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]{overflow:hidden;appearance:none !important;background:transparent;margin:0px;--thumb-height:1.25rem;--thumb-border-width:0.125rem;--thumb-border-color:var(--stzh-color-primary70);--thumb-background-color:var(--stzh-color-white);--track-height:0.5rem;--track-color:var(--stzh-color-black40op);--track-progress-color:var(--stzh-color-secondary60);--clip-edges:0.0625rem}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{position:relative;margin:0px;appearance:none;-moz-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 0.0625rem)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{appearance:none;background:var(--track-progress-color);transition-delay:30ms}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{height:calc(var(--track-height) + 0.0625rem);border-radius:var(--track-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height) * 0.5) - 0.0625rem);--clip-top:calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 0.0625rem);--box-fill:calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);width:var(--thumb-width, var(--thumb-height));background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -0.0625rem, var(--clip-edges) -0.0625rem, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-moz-range-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{transform:rotate(270deg) translateX(-0.375rem) translateY(-0.375rem);transform-origin:bottom center;width:6.25rem;height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{height:var(--stzh-form-input-tiny-height);transform:rotate(270deg) translateX(-1.125rem) translateY(-1.125rem)}}.stzh-readspeaker #rs-textsettings .rs-slider-label,.stzh-readspeaker .rs-dialog-esque .rs-slider-label,.stzh-readspeaker .rs-dialog-slider-dropdown .rs-slider-label,.stzh-readspeaker .rsbtn .rs-slider-label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);border-radius:0px;border:none;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.stzh-readspeaker .rsbtn_powered{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical{position:absolute;top:var(--dropdown-settings-top);bottom:var(--dropdown-settings-bottom);left:var(--dropdown-settings-left);right:var(--dropdown-settings-right);min-width:initial !important}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools{position:static;border-radius:0px;border:none;margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li{all:unset}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-large);white-space:nowrap;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-xsmall);margin-right:auto;color:inherit}.stzh-readspeaker .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler{margin:0;margin-left:var(--stzh-space-large);background-color:var(--stzh-color-grey70);border-radius:0.75rem;box-sizing:border-box;width:3rem;height:1.5rem;border:none;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after{width:1.25rem;height:1.25rem;top:0.125rem;left:0.125rem;transition:all var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-white)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler{background-color:var(--stzh-color-secondary50)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after{left:calc(50% + 0.125rem);background-color:var(--stzh-color-white)}#readspeaker_tooltip.rs_tooltip{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);z-index:var(--stzh-z-index-popup);border:none;border-radius:0px;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.rspopup.rspopup{z-index:var(--stzh-z-index-popup);background:var(--stzh-color-grey10);border:none;border-radius:0px;box-shadow:none}.rspopup.rspopup .rspopup_btn{height:var(--stzh-form-input-small-height);box-sizing:border-box;display:flex;padding:var(--stzh-space-xsmall) var(--stzh-space-large);justify-content:center;align-items:center;gap:var(--stzh-space-xsmall);border-top:none;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.rspopup.rspopup .rspopup_btn:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.rspopup.rspopup .rspopup_btn.rspopup_play::before{content:\"\";margin-right:0;left:0;position:relative;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play:hover::before{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play::after{content:none}.rspopup.rspopup .rspopup_btn span.rspopup_label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);top:0}";const o=n;function i(){return new Promise(((r,e)=>{if(window.ReadSpeaker){r(window.ReadSpeaker);return}const t=document.getElementsByTagName("HEAD").item(0);const s=document.createElement("script");s.type="text/javascript";s.src=`${window.stzhComponents.pathVendors}/readspeaker/webReader.js?pids=wr&mobile=0`;s.id="rs_req_Init";t.appendChild(s);s.onload=function(){window.ReadSpeaker.mobile=window.ReadSpeaker.mobile;r(window.ReadSpeaker)};s.onerror=e}))}window.rsConf={settings:{},general:{usePost:true,enableSkipAlways:true,skipHiddenContent:true,shadowDomSelector:"stzh-accordion-item,stzh-timeline-item,stzh-disturber,stzh-clamp"},ui:{tools:{voicesettings:false,controlpanel:false,translation:false,dictionary:false,download:false,help:false,formreading:false}}};let l=0;const d=class{constructor(e){r(this,e);this.onLinkClick=async r=>{r.preventDefault();this.openPlayer()};this.init=()=>{var r;let e=(r=this.triggerElement)===null||r===void 0?void 0:r.firstElementChild;if(!e){const r=Array.from(this.element.children).find((r=>!r.hasAttribute("slot")));e=r}if(e){e.addEventListener("click",this.onLinkClick);a(e,{icon:"volume-medium",href:this.href})}};this.href=undefined}async openPlayer(){var r,e;const t=(e=(r=window.rspkr)===null||r===void 0?void 0:r.ui)===null||e===void 0?void 0:e.getActivePlayer();if(t&&!this.element.contains(t.getContainer())){t.stop()}window.readpage(this.href,this.readspeakerId)}async closePlayer(){var r,e;const t=(e=(r=window.rspkr)===null||r===void 0?void 0:r.ui)===null||e===void 0?void 0:e.getActivePlayer();if(t&&this.element.contains(t.getContainer())){t.close()}}initializeGlobalBodyObserver(){if(!window.stzhReadspeakerHasGlobalBodyObserver){window.stzhReadspeakerHasGlobalBodyObserver=true;this.bodyObserver=new MutationObserver((r=>{r.forEach((r=>{r.addedNodes.forEach((r=>{if(r instanceof HTMLElement){this.addClassToAriaHiddenElements(r)}}))}))}));this.bodyObserver.observe(document.body,{childList:true,subtree:true})}}addClassToAriaHiddenElements(r){if(r instanceof HTMLElement){if(r.hasAttribute("aria-hidden")&&r.getAttribute("aria-hidden")==="true"&&!r.classList.contains("rs_skip")){r.classList.add("rs_skip")}const e=r.shadowRoot;if(e){e.childNodes.forEach((r=>this.addClassToAriaHiddenElements(r)))}}r.childNodes.forEach((r=>this.addClassToAriaHiddenElements(r)))}async componentWillLoad(){this.readspeakerId=`stzh-readspeaker-${l++}`}async componentDidLoad(){this.addClassToAriaHiddenElements(document.body);this.initializeGlobalBodyObserver();await i()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var r,e;if(this.observer){this.observer.disconnect()}if(this.bodyObserver){this.bodyObserver.disconnect()}(e=(r=window.rspkr)===null||r===void 0?void 0:r.ui)===null||e===void 0?void 0:e.destroyActivePlayer()}render(){const r={"stzh-readspeaker":true,rs_skip:true};return e(t,{key:"ad65dd6253ea946a17f905c86b80b50e1d815cb2"},e("div",{key:"62d0b35ec6663af893e21389b80cb02022c3e171",class:r},e("div",{key:"41475c2930ade685a3cee9505db621ec03b41047",class:"stzh-readspeaker__actions"},e("div",{key:"362eb32bdae38f5de4263dac06a8908d10a8e7c1",ref:r=>this.triggerElement=r,class:"stzh-readspeaker__trigger"},e("slot",{key:"e4de817898ea795d673c09744379c5216d121e53"})),e("stzh-button",{key:"09139eac9295ff60d4f229ab95852b8b5f967537",class:"stzh-readspeaker__close",variant:"tertiary",size:"small",icon:"close-big",iconOnly:true,onClick:()=>{this.closePlayer()}})),e("div",{key:"4c66ea949e129c6ef4de232a8fe888e957155099",id:this.readspeakerId,class:"rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp"})))}get element(){return s(this)}};d.style=o;export{d as stzh_readspeaker};
2
- //# sourceMappingURL=p-c6552960.entry.js.map
1
+ import{r,h as e,a as t,g as s}from"./p-ef5985a3.js";import{s as a}from"./p-24caf6c1.js";import"./p-dae15605.js";const n=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-readspeaker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--background-color:var(--stzh-readspeaker-background-color, var(--stzh-color-white));--justify-content:var(--stzh-readspeaker-justify-content, space-between);--column-gap:var(--stzh-readspeaker-column-gap, auto);--audio-track-height:0.1875rem;--audio-track-background-color:var(--stzh-readspeaker-audio-track-background-color, var(--stzh-color-black20op));--audio-track-progress-background-color:var(--stzh-readspeaker-audio-track-progress-background-color, var(--stzh-color-secondary40));--dropdown-position:var(--stzh-readspeaker-dropdown-position, absolute);--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-small-height));--dropdown-bottom:var(--stzh-readspeaker-dropdown-bottom, auto);--dropdown-left:var(--stzh-readspeaker-dropdown-left, 0px);--dropdown-right:var(--stzh-readspeaker-dropdown-right, auto);--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-small-height));--dropdown-settings-bottom:var(--stzh-readspeaker-dropdown-settings-bottom, auto);--dropdown-settings-left:var(--stzh-readspeaker-dropdown-settings-left, 0px);--dropdown-settings-right:var(--stzh-readspeaker-dropdown-settings-right, auto)}stzh-readspeaker[hidden],stzh-readspeaker[stzh-hidden]{display:none}stzh-readspeaker::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-readspeaker *,stzh-readspeaker *::before,stzh-readspeaker *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-readspeaker{--column-gap:var(--stzh-readspeaker-column-gap, var(--stzh-space-medium));--dropdown-top:var(--stzh-readspeaker-dropdown-top, var(--stzh-form-input-tiny-height));--dropdown-settings-top:var(--stzh-readspeaker-dropdown-settings-top, var(--stzh-form-input-tiny-height))}}@media print{stzh-readspeaker{display:none}}.stzh-readspeaker{position:relative;display:flex;align-items:center;column-gap:var(--column-gap);justify-content:var(--justify-content)}.stzh-readspeaker__actions{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.stzh-readspeaker stzh-button.stzh-readspeaker__close{display:none}.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:inline-grid}@media screen and (min-width: 600px){.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:none}}.stzh-readspeaker .rsbtn{z-index:var(--stzh-z-index-popover) !important;background:var(--background-color);position:var(--dropdown-position);top:var(--dropdown-top);bottom:var(--dropdown-bottom);left:var(--dropdown-left);right:var(--dropdown-right)}.stzh-readspeaker .rs_splitbutton.rs_splitbutton-exp{display:inline-flex}.stzh-readspeaker .rs_addtools,.stzh-readspeaker .rsbtn{margin-top:var(--audio-track-height);margin-bottom:0px}.stzh-readspeaker [class*=\" rsicn-\"],.stzh-readspeaker [class*=\" rsicn-\"]:before,.stzh-readspeaker [class^=rsicn-],.stzh-readspeaker [class^=rsicn-]:before{content:\"\";display:block;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center}.stzh-readspeaker .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_pause:hover .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_stop:hover .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_rewind:hover .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_forward:hover .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_volume:hover .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_speed:hover .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_closer:hover .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_tooltoggle .rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_tooltoggle .rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tooltoggle:hover .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator,.stzh-readspeaker .rsbtn .rs-player-loadindicator{background-color:var(--audio-track-background-color);height:var(--audio-track-height);top:calc(var(--audio-track-height) / -1);left:0;right:0px}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-progress,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-progress{background-color:var(--audio-track-progress-background-color)}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex;justify-content:center;align-items:center;border-left:none;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);background-color:transparent;outline:none;float:none}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size-small);height:var(--stzh-icon-size-small)}}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:focus{background-color:transparent;outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:hover{background-color:var(--stzh-color-secondary20)}@media screen and (max-width: 599px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle.rsbtn_closer{display:none}}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{margin-right:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item{padding-left:0px;padding-right:0px}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn{background:transparent}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex !important;position:relative;top:0;border-left:none;border-right:none}.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{left:0}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner{position:static;background:transparent;display:inline-flex;border:none;border-radius:0px;gap:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rsbtn .rsbtn_exp,.stzh-readspeaker .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner{height:auto}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{box-sizing:border-box;border:none;width:var(--stzh-form-input-small-height);height:7.25rem;top:var(--stzh-form-input-small-height);margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding:0;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{width:var(--stzh-form-input-tiny-height);top:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]{overflow:hidden;appearance:none !important;background:transparent;margin:0px;--thumb-height:1.25rem;--thumb-border-width:0.125rem;--thumb-border-color:var(--stzh-color-primary70);--thumb-background-color:var(--stzh-color-white);--track-height:0.5rem;--track-color:var(--stzh-color-black40op);--track-progress-color:var(--stzh-color-secondary60);--clip-edges:0.0625rem}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{position:relative;margin:0px;appearance:none;-moz-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 0.0625rem)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{appearance:none;background:var(--track-progress-color);transition-delay:30ms}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{height:calc(var(--track-height) + 0.0625rem);border-radius:var(--track-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height) * 0.5) - 0.0625rem);--clip-top:calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 0.0625rem);--box-fill:calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);width:var(--thumb-width, var(--thumb-height));background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -0.0625rem, var(--clip-edges) -0.0625rem, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-moz-range-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{transform:rotate(270deg) translateX(-0.375rem) translateY(-0.375rem);transform-origin:bottom center;width:6.25rem;height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{height:var(--stzh-form-input-tiny-height);transform:rotate(270deg) translateX(-1.125rem) translateY(-1.125rem)}}.stzh-readspeaker #rs-textsettings .rs-slider-label,.stzh-readspeaker .rs-dialog-esque .rs-slider-label,.stzh-readspeaker .rs-dialog-slider-dropdown .rs-slider-label,.stzh-readspeaker .rsbtn .rs-slider-label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);border-radius:0px;border:none;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.stzh-readspeaker .rsbtn_powered{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical{position:absolute;top:var(--dropdown-settings-top);bottom:var(--dropdown-settings-bottom);left:var(--dropdown-settings-left);right:var(--dropdown-settings-right);min-width:initial !important}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools{position:static;border-radius:0px;border:none;margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li{all:unset}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-large);white-space:nowrap;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-xsmall);margin-right:auto;color:inherit}.stzh-readspeaker .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler{margin:0;margin-left:var(--stzh-space-large);background-color:var(--stzh-color-grey70);border-radius:0.75rem;box-sizing:border-box;width:3rem;height:1.5rem;border:none;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after{width:1.25rem;height:1.25rem;top:0.125rem;left:0.125rem;transition:all var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-white)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler{background-color:var(--stzh-color-secondary50)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after{left:calc(50% + 0.125rem);background-color:var(--stzh-color-white)}#readspeaker_tooltip.rs_tooltip{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);z-index:var(--stzh-z-index-popup);border:none;border-radius:0px;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.rspopup.rspopup{z-index:var(--stzh-z-index-popup);background:var(--stzh-color-grey10);border:none;border-radius:0px;box-shadow:none}.rspopup.rspopup .rspopup_btn{height:var(--stzh-form-input-small-height);box-sizing:border-box;display:flex;padding:var(--stzh-space-xsmall) var(--stzh-space-large);justify-content:center;align-items:center;gap:var(--stzh-space-xsmall);border-top:none;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.rspopup.rspopup .rspopup_btn:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.rspopup.rspopup .rspopup_btn.rspopup_play::before{content:\"\";margin-right:0;left:0;position:relative;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play:hover::before{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play::after{content:none}.rspopup.rspopup .rspopup_btn span.rspopup_label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);top:0}";const o=n;function i(){return new Promise(((r,e)=>{if(window.ReadSpeaker){r(window.ReadSpeaker);return}const t=document.getElementsByTagName("HEAD").item(0);const s=document.createElement("script");s.type="text/javascript";s.src=`${window.stzhComponents.pathVendors}/readspeaker/webReader.js?pids=wr&mobile=0`;s.id="rs_req_Init";t.appendChild(s);s.onload=function(){window.ReadSpeaker.mobile=window.ReadSpeaker.mobile;r(window.ReadSpeaker)};s.onerror=e}))}window.rsConf={settings:{},general:{usePost:true,enableSkipAlways:true,skipHiddenContent:true,shadowDomSelector:"stzh-accordion-item,stzh-timeline-item,stzh-disturber,stzh-clamp"},ui:{tools:{voicesettings:false,controlpanel:false,translation:false,dictionary:false,download:false,help:false,formreading:false}}};let l=0;const d=class{constructor(e){r(this,e);this.onLinkClick=async r=>{r.preventDefault();this.openPlayer()};this.init=()=>{var r;let e=(r=this.triggerElement)===null||r===void 0?void 0:r.firstElementChild;if(!e){const r=Array.from(this.element.children).find((r=>!r.hasAttribute("slot")));e=r}if(e){e.addEventListener("click",this.onLinkClick);a(e,{icon:"volume-medium",href:this.href})}};this.href=undefined}async openPlayer(){var r,e;const t=(e=(r=window.rspkr)===null||r===void 0?void 0:r.ui)===null||e===void 0?void 0:e.getActivePlayer();if(t&&!this.element.contains(t.getContainer())){t.stop()}window.readpage(this.href,this.readspeakerId)}async closePlayer(){var r,e;const t=(e=(r=window.rspkr)===null||r===void 0?void 0:r.ui)===null||e===void 0?void 0:e.getActivePlayer();if(t&&this.element.contains(t.getContainer())){t.close()}}initializeGlobalBodyObserver(){if(!window.stzhReadspeakerHasGlobalBodyObserver){window.stzhReadspeakerHasGlobalBodyObserver=true;this.bodyObserver=new MutationObserver((r=>{r.forEach((r=>{r.addedNodes.forEach((r=>{if(r instanceof HTMLElement){this.addClassToAriaHiddenElements(r)}}))}))}));this.bodyObserver.observe(document.body,{childList:true,subtree:true})}}addClassToAriaHiddenElements(r){if(r instanceof HTMLElement){if(r.hasAttribute("aria-hidden")&&r.getAttribute("aria-hidden")==="true"&&!r.classList.contains("rs_skip")){r.classList.add("rs_skip")}const e=r.shadowRoot;if(e){e.childNodes.forEach((r=>this.addClassToAriaHiddenElements(r)))}}r.childNodes.forEach((r=>this.addClassToAriaHiddenElements(r)))}async componentWillLoad(){this.readspeakerId=`stzh-readspeaker-${l++}`}async componentDidLoad(){this.addClassToAriaHiddenElements(document.body);this.initializeGlobalBodyObserver();await i()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var r,e;if(this.observer){this.observer.disconnect()}if(this.bodyObserver){this.bodyObserver.disconnect()}(e=(r=window.rspkr)===null||r===void 0?void 0:r.ui)===null||e===void 0?void 0:e.destroyActivePlayer()}render(){const r={"stzh-readspeaker":true,rs_skip:true};return e(t,{key:"c1f32d69379cf08aa871829eb87e6f210786ab11"},e("div",{key:"96e2036fc814e90e161b2b5afce5e6421f3609c2",class:r},e("div",{key:"3f3b638ccb29c670c7081d2d6f4bd8823064ef0f",class:"stzh-readspeaker__actions"},e("div",{key:"da2bbbc7e18da2566429a74587eeced1c3b4e173",ref:r=>this.triggerElement=r,class:"stzh-readspeaker__trigger"},e("slot",{key:"33d7183bbf5350b7ed54f6a0ea4d2846038b1a24"})),e("stzh-button",{key:"ce8b4c874e1144a311f7e38554a8882a90c196fc",class:"stzh-readspeaker__close",variant:"tertiary",size:"small",icon:"close-big",iconOnly:true,onClick:()=>{this.closePlayer()}})),e("div",{key:"b88f87a0ef0acf56c285636ebff71411e11c7d8b",id:this.readspeakerId,class:"rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp"})))}get element(){return s(this)}};d.style=o;export{d as stzh_readspeaker};
2
+ //# sourceMappingURL=p-ab439c71.entry.js.map
package/dist/stzh-components/{p-c6552960.entry.js.map → p-ab439c71.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["stzhReadspeakerCss","StzhReadspeakerStyle0","loadLibrary","Promise","resolve","reject","window","ReadSpeaker","oHead","document","getElementsByTagName","item","oScript","createElement","type","src","stzhComponents","pathVendors","id","appendChild","onload","mobile","onerror","rsConf","settings","general","usePost","enableSkipAlways","skipHiddenContent","shadowDomSelector","ui","tools","voicesettings","controlpanel","translation","dictionary","download","help","formreading","readspeakerCounter","StzhReadspeaker","this","onLinkClick","async","event","preventDefault","openPlayer","init","trigger","_a","triggerElement","firstElementChild","defaultSlot","Array","from","element","children","find","child","hasAttribute","addEventListener","setPropsIfNull","icon","href","activePlayer","_b","rspkr","getActivePlayer","contains","getContainer","stop","readpage","readspeakerId","closePlayer","close","initializeGlobalBodyObserver","stzhReadspeakerHasGlobalBodyObserver","bodyObserver","MutationObserver","mutations","forEach","mutation","addedNodes","node","HTMLElement","addClassToAriaHiddenElements","observe","body","childList","subtree","getAttribute","classList","add","shadowRoot","childNodes","childNode","componentWillLoad","componentDidLoad","connectedCallback","observer","disconnectedCallback","disconnect","destroyActivePlayer","render","classes","rs_skip","h","Host","key","class","ref","el","variant","size","iconOnly","onClick"],"sources":["src/components/stzh-readspeaker/stzh-readspeaker.scss?tag=stzh-readspeaker","src/components/stzh-readspeaker/stzh-readspeaker.tsx"],"sourcesContent":["// Note: These styles are all global and note scoped because\n// some elements are created dynamically by the ReadSpeaker library\n\nstzh-readspeaker {\n @include host;\n\n --background-color: var(--stzh-readspeaker-background-color, #{$colorWhite});\n --justify-content: var(--stzh-readspeaker-justify-content, space-between);\n --column-gap: var(--stzh-readspeaker-column-gap, auto);\n\n --audio-track-height: 3px;\n --audio-track-background-color: var(--stzh-readspeaker-audio-track-background-color, #{$colorBlack20op});\n --audio-track-progress-background-color: var(--stzh-readspeaker-audio-track-progress-background-color, #{$colorSecondary40});\n\n --dropdown-position: var(--stzh-readspeaker-dropdown-position, absolute);\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightSmall});\n --dropdown-bottom: var(--stzh-readspeaker-dropdown-bottom, auto);\n --dropdown-left: var(--stzh-readspeaker-dropdown-left, 0px);\n --dropdown-right: var(--stzh-readspeaker-dropdown-right, auto);\n\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightSmall});\n --dropdown-settings-bottom: var(--stzh-readspeaker-dropdown-settings-bottom, auto);\n --dropdown-settings-left: var(--stzh-readspeaker-dropdown-settings-left, 0px);\n --dropdown-settings-right: var(--stzh-readspeaker-dropdown-settings-right, auto);\n\n @include mq($from: medium) {\n --column-gap: var(--stzh-readspeaker-column-gap, #{space('medium')});\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightTiny});\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightTiny});\n }\n\n @media print {\n display: none;\n }\n}\n\n.stzh-readspeaker {\n position: relative;\n display: flex;\n align-items: center;\n column-gap: var(--column-gap);\n justify-content: var(--justify-content);\n\n &__actions {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n stzh-button#{&}__close {\n display: none;\n }\n\n &:has(.rsbtn.rsexpanded) &__close {\n display: inline-grid;\n\n @include mq($from: small) {\n display: none;\n }\n }\n\n .rsbtn {\n z-index: $zIndexPopover !important;\n background: var(--background-color);\n position: var(--dropdown-position);\n top: var(--dropdown-top);\n bottom: var(--dropdown-bottom);\n left: var(--dropdown-left);\n right: var(--dropdown-right);\n }\n\n .rs_splitbutton.rs_splitbutton-exp {\n display: inline-flex;\n }\n\n .rs_addtools,\n .rsbtn {\n margin-top: var(--audio-track-height);\n margin-bottom: 0px;\n }\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n content: '';\n display: block;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n }\n\n // pause / play\n .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#0F05A0);\n }\n\n .rsbtn_pause:hover .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#070066);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#0F05A0);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#070066);\n }\n\n // stop\n .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#0F05A0);\n }\n\n .rsbtn_stop:hover .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#070066);\n }\n\n // rewind\n .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#0F05A0);\n }\n\n .rsbtn_rewind:hover .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#070066);\n }\n\n // forwards\n .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#0F05A0);\n }\n\n .rsbtn_forward:hover .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#070066);\n }\n\n // volume\n .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n .rsbtn_volume:hover .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n // speed\n .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#0F05A0);\n }\n\n .rsbtn_speed:hover .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#070066);\n }\n\n // close\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before {\n content: '';\n }\n\n .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#0F05A0);\n }\n\n .rsbtn_closer:hover .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#070066);\n }\n\n // tooltoggle\n .rs_addtools .rsbtn_tooltoggle .rsicn::before,\n .rsbtn .rsbtn_tooltoggle .rsicn::before {\n content: '';\n }\n\n .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#0F05A0);\n }\n\n .rsbtn_tooltoggle:hover .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#070066);\n }\n\n // loading indicator/track\n #rsmpl_container .rs-player-loadindicator,\n .rsbtn .rs-player-loadindicator {\n background-color: var(--audio-track-background-color);\n height: var(--audio-track-height);\n top: calc(var(--audio-track-height) / -1);\n left: 0;\n right: 0px;\n }\n\n #rsmpl_container .rs-player-loadindicator .rsbtn-loading,\n .rsbtn .rs-player-loadindicator .rsbtn-loading,\n #rsmpl_container .rs-player-loadindicator .rsbtn-progress,\n .rsbtn .rs-player-loadindicator .rsbtn-progress {\n background-color: var(--audio-track-progress-background-color);\n }\n\n // player buttons / toggle button\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex;\n justify-content: center;\n align-items: center;\n border-left: none;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n background-color: transparent;\n outline: none;\n float: none;\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n width: iconSize();\n height: iconSize();\n\n @include mq($from: medium) {\n width: iconSize('small');\n height: iconSize('small');\n }\n }\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n }\n\n &:focus {\n background-color: transparent;\n outline: var(--stzh-flyingfocus-color) solid 2px;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: $colorSecondary20;\n }\n\n &.rsbtn_closer {\n // position: absolute;\n // right: 0;\n // top: calc(#{$formInputHeightSmall} / -1 + -3px);\n\n // we show own &__close button on mobile that is placed next to trigger\n @include mq($to: small) {\n display: none;\n }\n }\n }\n\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n margin-right: space('xxxsmall');\n }\n\n .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn {\n background: transparent;\n }\n\n // toggle button\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex !important;\n position: relative;\n top: 0;\n border-left: none;\n border-right: none;\n }\n\n // toggle button when zoom-tooltoggler class is added to wrapper (js hover)\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n left: 0;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner {\n position: static;\n background: transparent;\n display: inline-flex;\n border: none;\n border-radius: 0px;\n gap: space('xxxsmall');\n }\n\n .rsbtn .rsbtn_exp,\n .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {\n height: auto;\n }\n\n // slider\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown {\n box-sizing: border-box;\n border: none;\n width: $formInputHeightSmall;\n height: 116px;\n top: $formInputHeightSmall;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding: 0;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n top: $formInputHeightTiny;\n }\n }\n\n #rs-textsettings input.rs-slider[type=range],\n .rs-dialog-esque input.rs-slider[type=range],\n .rs-dialog-slider-dropdown input.rs-slider[type=range],\n .rsbtn input.rs-slider[type=range] {\n overflow: hidden;\n -webkit-appearance: none !important;\n appearance: none !important;\n background: transparent;\n margin: 0px;\n\n --thumb-height: 20px;\n --thumb-border-width: 2px;\n --thumb-border-color: #{$colorPrimary70};\n --thumb-background-color: #{$colorWhite};\n --track-height: 8px;\n --track-color: #{$colorBlack40op};\n --track-progress-color: #{$colorSecondary60};\n --clip-edges: 1px;\n\n // &,\n // &::-moz-range-track,\n // &::-moz-range-thumb,\n // &::-moz-range-progress {\n // background: #fff0;\n // }\n\n &,\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb {\n position: relative;\n -webkit-appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &,\n &::-moz-range-track,\n &::-moz-range-thumb {\n position: relative;\n margin: 0px;\n appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &::-webkit-slider-runnable-track {\n \t background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);\n }\n\n &::-moz-range-track {\n width: 100%;\n background: var(--track-color);\n }\n\n &::-moz-range-progress {\n appearance: none;\n background: var(--track-progress-color);\n transition-delay: 30ms;\n }\n\n &::-moz-range-track,\n &::-moz-range-progress {\n height: calc(var(--track-height) + 1px);\n border-radius: var(--track-height);\n }\n\n &::-webkit-slider-thumb {\n --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);\n --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);\n --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n --clip-further: calc(100% + 1px);\n --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);\n\n width: var(--thumb-width, var(--thumb-height));\n // background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n box-shadow: var(--box-fill);\n border-radius: var(--thumb-width, var(--thumb-height));\n\n filter: brightness(100%);\n clip-path: polygon(\n 100% -1px,\n var(--clip-edges) -1px,\n 0 var(--clip-top),\n -100vmax var(--clip-top),\n -100vmax var(--clip-bottom),\n 0 var(--clip-bottom),\n var(--clip-edges) 100%,\n var(--clip-further) var(--clip-further)\n );\n }\n\n &::-moz-range-thumb {\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n border: 0;\n width: var(--thumb-width, var(--thumb-height));\n border-radius: var(--thumb-width, var(--thumb-height));\n cursor: grab;\n }\n\n &:active {\n cursor: grabbing;\n }\n\n &:active::-webkit-slider-thumb {\n cursor: grabbing;\n }\n\n &:active::-moz-range-thumb {\n cursor: grabbing;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled::-webkit-slider-thumb {\n cursor: not-allowed;\n }\n\n &:disabled::-moz-range-thumb {\n cursor: not-allowed;\n }\n }\n\n .rsbtn .rs-slider.vertical,\n .rsbtn .rs-slider.vertical.has-datalist {\n // transform: rotate(270deg) translateX(-4.75em) translateY(.75em);\n transform: rotate(270deg) translateX(-6px) translateY(-6px);\n transform-origin: bottom center;\n width: 100px;\n height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n height: $formInputHeightTiny;\n transform: rotate(270deg) translateX(-18px) translateY(-18px);\n }\n }\n\n // slider tooltip\n #rs-textsettings .rs-slider-label,\n .rs-dialog-esque .rs-slider-label,\n .rs-dialog-slider-dropdown .rs-slider-label,\n .rsbtn .rs-slider-label {\n @include font;\n @include tooltip-fontsize;\n border-radius: 0px;\n border: none;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n }\n\n // copyright\n .rsbtn_powered {\n display: none;\n }\n\n // menu container\n .rs_addtools .rsbtn_toolpanel.vertical,\n .rsbtn .rsbtn_toolpanel.vertical {\n position: absolute;\n top: var(--dropdown-settings-top);\n bottom: var(--dropdown-settings-bottom);\n left: var(--dropdown-settings-left);\n right: var(--dropdown-settings-right);\n min-width: initial !important;\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {\n position: static;\n border-radius: 0px;\n border: none;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical\n .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {\n all: unset;\n }\n\n // menu button\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool {\n display: flex;\n align-items: center;\n padding: space('xsmall') space('large');\n white-space: nowrap;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel {\n @include font('heavy');\n @include fontSize('milli');\n margin-left: space('xsmall');\n margin-right: auto;\n color: inherit;\n }\n\n .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#070066);\n }\n\n .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#070066);\n }\n\n .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#070066);\n }\n\n .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#070066);\n }\n\n .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#070066);\n }\n\n // switch\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler {\n margin: 0;\n margin-left: space('large');\n background-color: $colorGrey70;\n border-radius: 12px;\n box-sizing: border-box;\n width: 48px;\n height: 24px;\n border: none;\n transition: background-color $baseTransitionAnimationSpeed;\n\n .on-icon,\n .off-icon {\n display: none;\n }\n\n &::after {\n width: 20px;\n height: 20px;\n top: 2px;\n left: 2px;\n transition: all $baseTransitionAnimationSpeed;\n background-color: $colorWhite;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler {\n background-color: $colorSecondary50;\n\n &::after {\n left: calc(50% + 2px);\n background-color: $colorWhite;\n }\n }\n}\n\n/* Button tooltips */\n\n#readspeaker_tooltip.rs_tooltip {\n @include font;\n @include tooltip-fontsize;\n z-index: $zIndexPopup;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n}\n\n/* Popup on text selection */\n\n.rspopup.rspopup {\n z-index: $zIndexPopup;\n background: $colorGrey10;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n\n .rspopup_btn {\n height: $formInputHeightSmall;\n box-sizing: border-box;\n display: flex;\n padding: space('xsmall') space('large');\n justify-content: center;\n align-items: center;\n gap: space('xsmall');\n border-top: none;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n\n &.rspopup_play::before {\n content: '';\n margin-right: 0;\n left: 0;\n position: relative;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n &.rspopup_play:hover::before {\n background: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n &.rspopup_play::after {\n content: none;\n }\n }\n\n .rspopup_btn span.rspopup_label {\n @include font('heavy');\n @include fontSize('milli');\n top: 0;\n }\n}\n\n/* Sticky controls (currently disabled) */\n\n// .rsbtn_scrollcontrols {}\n","import { Component, Element, h, Host, Method, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n// we use split button implmentation (calling readpage manually):\n// https://wrdev.readspeaker.com/get-started/implementation/split-button-implementation\n\n// we load the library dynamically:\n// https://wrdev.readspeaker.com/get-started/implementation/dynamic-loading\nfunction loadLibrary() {\n return new Promise((resolve, reject) => {\n if (window.ReadSpeaker) {\n resolve(window.ReadSpeaker);\n return;\n }\n\n const oHead = document.getElementsByTagName(\"HEAD\").item(0);\n const oScript = document.createElement(\"script\");\n\n oScript.type = \"text/javascript\";\n // oScript.src = \"//cdn-eu.readspeaker.com/script/4490/webReader/webReader.js?pids=wr&mobile=0\";\n // we disable predefined mobile UI player bar with mobile=0 parameter\n oScript.src = `${window.stzhComponents.pathVendors}/readspeaker/webReader.js?pids=wr&mobile=0`;\n oScript.id = \"rs_req_Init\";\n oHead.appendChild(oScript);\n\n oScript.onload = function () {\n window.ReadSpeaker.mobile = window.ReadSpeaker.mobile;\n resolve(window.ReadSpeaker);\n // window.ReadSpeaker.init();\n };\n\n oScript.onerror = reject;\n });\n}\n\nwindow.rsConf = {\n // cb: {\n // \tui: {\n // \t\topen: function() {\n // \t\t\tconsole.log('open')\n // \t\t},\n // close: function() {\n // \t\t\tconsole.log('close')\n // },\n // stop: function() {\n // console.log('stop')\n // },\n // play: function() {\n // console.log('play')\n // },\n // pause: function() {\n // console.log('pause')\n // }\n // \t}\n // },\n settings: {\n // // The color that will be used for highlighting sentences, expressed as a valid CSS color value.\n // hlsent: '#beffd6',\n // // The color that will be used for the text in the highlighted elements, expressed as a valid CSS color value.\n // hltext: '#000000',\n // // The color that will be used for highlighting words, expressed as a valid CSS color value\n // hlword: '#a4cbff'\n },\n general: {\n usePost: true,\n enableSkipAlways: true,\n skipHiddenContent: true,\n shadowDomSelector: \"stzh-accordion-item,stzh-timeline-item,stzh-disturber,stzh-clamp\",\n },\n ui: {\n tools: {\n voicesettings: false,\n controlpanel: false,\n translation: false,\n dictionary: false,\n download: false,\n help: false,\n formreading: false,\n },\n },\n};\n\n// window.rspkr.ui.getActivePlayer().getContainer()\n// window.rspkr.ui.addClickEvents()\n// window.rspkr.tools.toggler.add()\n\nlet readspeakerCounter = 0;\n\n/**\n * @slot - Slot for trigger\n */\n@Component({\n tag: \"stzh-readspeaker\",\n styleUrl: \"stzh-readspeaker.scss\",\n})\nexport class StzhReadspeaker {\n /** RS url of site (e.g. https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html) */\n @Prop() href!: string;\n\n @Element() element: HTMLStzhReadspeakerElement;\n\n /** Open player and start reading page */\n @Method()\n async openPlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && !this.element.contains(activePlayer.getContainer())) {\n activePlayer.stop();\n }\n\n window.readpage(this.href, this.readspeakerId);\n }\n\n /** Close player and finish reading page */\n @Method()\n async closePlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && this.element.contains(activePlayer.getContainer())) {\n activePlayer.close();\n }\n }\n\n private observer: MutationObserver;\n private bodyObserver: MutationObserver;\n private triggerElement: HTMLElement;\n\n private onLinkClick = async (event: MouseEvent) => {\n event.preventDefault();\n // library could also be loaded only after first click, but then text selection wouldn't work\n // await loadLibrary();\n this.openPlayer();\n };\n\n private init = () => {\n let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n if (!trigger) {\n const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n trigger = defaultSlot;\n }\n\n if (trigger) {\n trigger.addEventListener(\"click\", this.onLinkClick);\n\n setPropsIfNull(trigger, {\n icon: \"volume-medium\",\n href: this.href,\n } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n }\n };\n\n /**\n * Initialize a global body mutation observer. Only do that once to prevent\n * multiple observers when having multiple readspeakers.\n */\n private initializeGlobalBodyObserver() {\n if (!window.stzhReadspeakerHasGlobalBodyObserver) {\n window.stzhReadspeakerHasGlobalBodyObserver = true;\n this.bodyObserver = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n mutation.addedNodes.forEach(node => {\n if (node instanceof HTMLElement) {\n this.addClassToAriaHiddenElements(node);\n }\n });\n });\n });\n this.bodyObserver.observe(document.body, {\n childList: true,\n subtree: true,\n });\n }\n }\n\n /**\n * Temporary bugfix since readspeaker currently ignores the 'aria-hidden' attribute.\n * Instead we add a class \"rs_skip\" to it to prevent readspeaker to read those aria-hidden elements.\n */\n private addClassToAriaHiddenElements(node: Node) {\n if (node instanceof HTMLElement) {\n if (\n node.hasAttribute(\"aria-hidden\") &&\n node.getAttribute(\"aria-hidden\") === \"true\" &&\n !node.classList.contains(\"rs_skip\")\n ) {\n node.classList.add(\"rs_skip\");\n }\n\n const shadowRoot = node.shadowRoot;\n if (shadowRoot) {\n shadowRoot.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n }\n node.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n\n private readspeakerId: string;\n\n async componentWillLoad() {\n this.readspeakerId = `stzh-readspeaker-${readspeakerCounter++}`;\n }\n\n async componentDidLoad() {\n this.addClassToAriaHiddenElements(document.body);\n this.initializeGlobalBodyObserver();\n await loadLibrary();\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.bodyObserver) {\n this.bodyObserver.disconnect();\n }\n\n window.rspkr?.ui?.destroyActivePlayer();\n }\n\n render() {\n const classes = {\n \"stzh-readspeaker\": true,\n rs_skip: true, // will prevent component being read by readspeaker\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-readspeaker__actions\">\n <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-readspeaker__trigger\">\n <slot></slot>\n </div>\n <stzh-button\n class=\"stzh-readspeaker__close\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close-big\"\n iconOnly={true}\n onClick={() => {\n this.closePlayer();\n }}\n ></stzh-button>\n </div>\n\n {/*\n <stzh-popover placement=\"bottom-end\">\n <div slot=\"content\">...</div>\n </stzh-popover>\n */}\n\n <div id={this.readspeakerId} class=\"rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"gHAAA,MAAMA,EAAqB,op5CAC3B,MAAAC,EAAeD,ECQf,SAASE,IACP,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3B,GAAIC,OAAOC,YAAa,CACtBH,EAAQE,OAAOC,aACf,M,CAGF,MAAMC,EAAQC,SAASC,qBAAqB,QAAQC,KAAK,GACzD,MAAMC,EAAUH,SAASI,cAAc,UAEvCD,EAAQE,KAAO,kBAGfF,EAAQG,IAAM,GAAGT,OAAOU,eAAeC,wDACvCL,EAAQM,GAAK,cACbV,EAAMW,YAAYP,GAElBA,EAAQQ,OAAS,WACfd,OAAOC,YAAYc,OAASf,OAAOC,YAAYc,OAC/CjB,EAAQE,OAAOC,Y,EAIjBK,EAAQU,QAAUjB,CAAM,GAE5B,CAEAC,OAAOiB,OAAS,CAoBdC,SAAU,C,EAQVC,QAAS,CACPC,QAAS,KACTC,iBAAkB,KAClBC,kBAAmB,KACnBC,kBAAmB,oEAErBC,GAAI,CACFC,MAAO,CACLC,cAAe,MACfC,aAAc,MACdC,YAAa,MACbC,WAAY,MACZC,SAAU,MACVC,KAAM,MACNC,YAAa,SASnB,IAAIC,EAAqB,E,MASZC,EAAe,M,yBAgClBC,KAAAC,YAAcC,MAAOC,IAC3BA,EAAMC,iBAGNJ,KAAKK,YAAY,EAGXL,KAAAM,KAAO,K,MACb,IAAIC,GAAUC,EAAAR,KAAKS,kBAAc,MAAAD,SAAA,SAAAA,EAAEE,kBAEnC,IAAKH,EAAS,CACZ,MAAMI,EAAcC,MAAMC,KAAKb,KAAKc,QAAQC,UAAUC,MAAKC,IAAUA,EAAMC,aAAa,UAExFX,EAAUI,C,CAGZ,GAAIJ,EAAS,CACXA,EAAQY,iBAAiB,QAASnB,KAAKC,aAEvCmB,EAAeb,EAAS,CACtBc,KAAM,gBACNC,KAAMtB,KAAKsB,M,uBA7CjB,gBAAMjB,G,QACJ,MAAMkB,GAAeC,GAAAhB,EAAA3C,OAAO4D,SAAK,MAAAjB,SAAA,SAAAA,EAAEnB,MAAE,MAAAmC,SAAA,SAAAA,EAAEE,kBAEvC,GAAIH,IAAiBvB,KAAKc,QAAQa,SAASJ,EAAaK,gBAAiB,CACvEL,EAAaM,M,CAGfhE,OAAOiE,SAAS9B,KAAKsB,KAAMtB,KAAK+B,c,CAKlC,iBAAMC,G,QACJ,MAAMT,GAAeC,GAAAhB,EAAA3C,OAAO4D,SAAK,MAAAjB,SAAA,SAAAA,EAAEnB,MAAE,MAAAmC,SAAA,SAAAA,EAAEE,kBAEvC,GAAIH,GAAgBvB,KAAKc,QAAQa,SAASJ,EAAaK,gBAAiB,CACtEL,EAAaU,O,EAsCT,4BAAAC,GACN,IAAKrE,OAAOsE,qCAAsC,CAChDtE,OAAOsE,qCAAuC,KAC9CnC,KAAKoC,aAAe,IAAIC,kBAAiBC,IACvCA,EAAUC,SAAQC,IAChBA,EAASC,WAAWF,SAAQG,IAC1B,GAAIA,aAAgBC,YAAa,CAC/B3C,KAAK4C,6BAA6BF,E,IAEpC,GACF,IAEJ1C,KAAKoC,aAAaS,QAAQ7E,SAAS8E,KAAM,CACvCC,UAAW,KACXC,QAAS,M,EASP,4BAAAJ,CAA6BF,GACnC,GAAIA,aAAgBC,YAAa,CAC/B,GACED,EAAKxB,aAAa,gBAClBwB,EAAKO,aAAa,iBAAmB,SACpCP,EAAKQ,UAAUvB,SAAS,WACzB,CACAe,EAAKQ,UAAUC,IAAI,U,CAGrB,MAAMC,EAAaV,EAAKU,WACxB,GAAIA,EAAY,CACdA,EAAWC,WAAWd,SAAQe,GAAatD,KAAK4C,6BAA6BU,I,EAGjFZ,EAAKW,WAAWd,SAAQe,GAAatD,KAAK4C,6BAA6BU,I,CAKzE,uBAAMC,GACJvD,KAAK+B,cAAgB,oBAAoBjC,K,CAG3C,sBAAM0D,GACJxD,KAAK4C,6BAA6B5E,SAAS8E,MAC3C9C,KAAKkC,qCACCzE,G,CAGR,iBAAAgG,GACEzD,KAAKM,OAELN,KAAK0D,SAAW,IAAIrB,iBAAiBrC,KAAKM,MAC1CN,KAAK0D,SAASb,QAAQ7C,KAAKc,QAAS,CAClCiC,UAAW,KACXC,QAAS,M,CAIb,oBAAAW,G,QACE,GAAI3D,KAAK0D,SAAU,CACjB1D,KAAK0D,SAASE,Y,CAGhB,GAAI5D,KAAKoC,aAAc,CACrBpC,KAAKoC,aAAawB,Y,EAGpBpC,GAAAhB,EAAA3C,OAAO4D,SAAK,MAAAjB,SAAA,SAAAA,EAAEnB,MAAE,MAAAmC,SAAA,SAAAA,EAAEqC,qB,CAGpB,MAAAC,GACE,MAAMC,EAAU,CACd,mBAAoB,KACpBC,QAAS,MAGX,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOL,GACVE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,OAAAE,IAAA,2CAAKE,IAAKC,GAAOtE,KAAKS,eAAiB6D,EAAuBF,MAAM,6BAClEH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,eAAAE,IAAA,2CACEC,MAAM,0BACNG,QAAQ,WACRC,KAAK,QACLnD,KAAK,YACLoD,SAAU,KACVC,QAAS,KACP1E,KAAKgC,aAAa,KAWxBiC,EAAA,OAAAE,IAAA,2CAAK1F,GAAIuB,KAAK+B,cAAeqC,MAAM,2D"}
1
+ {"version":3,"names":["stzhReadspeakerCss","StzhReadspeakerStyle0","loadLibrary","Promise","resolve","reject","window","ReadSpeaker","oHead","document","getElementsByTagName","item","oScript","createElement","type","src","stzhComponents","pathVendors","id","appendChild","onload","mobile","onerror","rsConf","settings","general","usePost","enableSkipAlways","skipHiddenContent","shadowDomSelector","ui","tools","voicesettings","controlpanel","translation","dictionary","download","help","formreading","readspeakerCounter","StzhReadspeaker","this","onLinkClick","async","event","preventDefault","openPlayer","init","trigger","_a","triggerElement","firstElementChild","defaultSlot","Array","from","element","children","find","child","hasAttribute","addEventListener","setPropsIfNull","icon","href","activePlayer","_b","rspkr","getActivePlayer","contains","getContainer","stop","readpage","readspeakerId","closePlayer","close","initializeGlobalBodyObserver","stzhReadspeakerHasGlobalBodyObserver","bodyObserver","MutationObserver","mutations","forEach","mutation","addedNodes","node","HTMLElement","addClassToAriaHiddenElements","observe","body","childList","subtree","getAttribute","classList","add","shadowRoot","childNodes","childNode","componentWillLoad","componentDidLoad","connectedCallback","observer","disconnectedCallback","disconnect","destroyActivePlayer","render","classes","rs_skip","h","Host","key","class","ref","el","variant","size","iconOnly","onClick"],"sources":["src/components/stzh-readspeaker/stzh-readspeaker.scss?tag=stzh-readspeaker","src/components/stzh-readspeaker/stzh-readspeaker.tsx"],"sourcesContent":["// Note: These styles are all global and note scoped because\n// some elements are created dynamically by the ReadSpeaker library\n\nstzh-readspeaker {\n @include host;\n\n --background-color: var(--stzh-readspeaker-background-color, #{$colorWhite});\n --justify-content: var(--stzh-readspeaker-justify-content, space-between);\n --column-gap: var(--stzh-readspeaker-column-gap, auto);\n\n --audio-track-height: 3px;\n --audio-track-background-color: var(--stzh-readspeaker-audio-track-background-color, #{$colorBlack20op});\n --audio-track-progress-background-color: var(--stzh-readspeaker-audio-track-progress-background-color, #{$colorSecondary40});\n\n --dropdown-position: var(--stzh-readspeaker-dropdown-position, absolute);\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightSmall});\n --dropdown-bottom: var(--stzh-readspeaker-dropdown-bottom, auto);\n --dropdown-left: var(--stzh-readspeaker-dropdown-left, 0px);\n --dropdown-right: var(--stzh-readspeaker-dropdown-right, auto);\n\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightSmall});\n --dropdown-settings-bottom: var(--stzh-readspeaker-dropdown-settings-bottom, auto);\n --dropdown-settings-left: var(--stzh-readspeaker-dropdown-settings-left, 0px);\n --dropdown-settings-right: var(--stzh-readspeaker-dropdown-settings-right, auto);\n\n @include mq($from: medium) {\n --column-gap: var(--stzh-readspeaker-column-gap, #{space('medium')});\n --dropdown-top: var(--stzh-readspeaker-dropdown-top, #{$formInputHeightTiny});\n --dropdown-settings-top: var(--stzh-readspeaker-dropdown-settings-top, #{$formInputHeightTiny});\n }\n\n @media print {\n display: none;\n }\n}\n\n.stzh-readspeaker {\n position: relative;\n display: flex;\n align-items: center;\n column-gap: var(--column-gap);\n justify-content: var(--justify-content);\n\n &__actions {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n stzh-button#{&}__close {\n display: none;\n }\n\n &:has(.rsbtn.rsexpanded) &__close {\n display: inline-grid;\n\n @include mq($from: small) {\n display: none;\n }\n }\n\n .rsbtn {\n z-index: $zIndexPopover !important;\n background: var(--background-color);\n position: var(--dropdown-position);\n top: var(--dropdown-top);\n bottom: var(--dropdown-bottom);\n left: var(--dropdown-left);\n right: var(--dropdown-right);\n }\n\n .rs_splitbutton.rs_splitbutton-exp {\n display: inline-flex;\n }\n\n .rs_addtools,\n .rsbtn {\n margin-top: var(--audio-track-height);\n margin-bottom: 0px;\n }\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n content: '';\n display: block;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n }\n\n // pause / play\n .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#0F05A0);\n }\n\n .rsbtn_pause:hover .rsicn-pause::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/pause.svg', fill=#070066);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#0F05A0);\n }\n\n .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,\n .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before {\n content: '';\n background-image: svg-load('../src/components/stzh-readspeaker/assets/play.svg', fill=#070066);\n }\n\n // stop\n .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#0F05A0);\n }\n\n .rsbtn_stop:hover .rsicn-stop::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/stop.svg', fill=#070066);\n }\n\n // rewind\n .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#0F05A0);\n }\n\n .rsbtn_rewind:hover .rsicn-backwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/rewind.svg', fill=#070066);\n }\n\n // forwards\n .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#0F05A0);\n }\n\n .rsbtn_forward:hover .rsicn-forwards::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/forward.svg', fill=#070066);\n }\n\n // volume\n .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n .rsbtn_volume:hover .rsicn-volume::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n // speed\n .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#0F05A0);\n }\n\n .rsbtn_speed:hover .rsicn-speed::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/dashboard.svg', fill=#070066);\n }\n\n // close\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before {\n content: '';\n }\n\n .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#0F05A0);\n }\n\n .rsbtn_closer:hover .rsicn-cross::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/close-big.svg', fill=#070066);\n }\n\n // tooltoggle\n .rs_addtools .rsbtn_tooltoggle .rsicn::before,\n .rsbtn .rsbtn_tooltoggle .rsicn::before {\n content: '';\n }\n\n .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#0F05A0);\n }\n\n .rsbtn_tooltoggle:hover .rsicn-arrow-down::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/more-vertical.svg', fill=#070066);\n }\n\n // loading indicator/track\n #rsmpl_container .rs-player-loadindicator,\n .rsbtn .rs-player-loadindicator {\n background-color: var(--audio-track-background-color);\n height: var(--audio-track-height);\n top: calc(var(--audio-track-height) / -1);\n left: 0;\n right: 0px;\n }\n\n #rsmpl_container .rs-player-loadindicator .rsbtn-loading,\n .rsbtn .rs-player-loadindicator .rsbtn-loading,\n #rsmpl_container .rs-player-loadindicator .rsbtn-progress,\n .rsbtn .rs-player-loadindicator .rsbtn-progress {\n background-color: var(--audio-track-progress-background-color);\n }\n\n // player buttons / toggle button\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex;\n justify-content: center;\n align-items: center;\n border-left: none;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n background-color: transparent;\n outline: none;\n float: none;\n\n [class*=\" rsicn-\"],\n [class*=\" rsicn-\"]:before,\n [class^=rsicn-], [class^=rsicn-]:before {\n width: iconSize();\n height: iconSize();\n\n @include mq($from: medium) {\n width: iconSize('small');\n height: iconSize('small');\n }\n }\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n }\n\n &:focus {\n background-color: transparent;\n outline: var(--stzh-flyingfocus-color) solid 2px;\n outline-offset: 2px;\n }\n\n &:hover {\n background-color: $colorSecondary20;\n }\n\n &.rsbtn_closer {\n // position: absolute;\n // right: 0;\n // top: calc(#{$formInputHeightSmall} / -1 + -3px);\n\n // we show own &__close button on mobile that is placed next to trigger\n @include mq($to: small) {\n display: none;\n }\n }\n }\n\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n margin-right: space('xxxsmall');\n }\n\n .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn {\n background: transparent;\n }\n\n // toggle button\n .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n display: flex !important;\n position: relative;\n top: 0;\n border-left: none;\n border-right: none;\n }\n\n // toggle button when zoom-tooltoggler class is added to wrapper (js hover)\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,\n .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {\n left: 0;\n }\n\n .rsbtn .rsbtn_exp .rsbtn_exp_inner {\n position: static;\n background: transparent;\n display: inline-flex;\n border: none;\n border-radius: 0px;\n gap: space('xxxsmall');\n }\n\n .rsbtn .rsbtn_exp,\n .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {\n height: auto;\n }\n\n // slider\n .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown {\n box-sizing: border-box;\n border: none;\n width: $formInputHeightSmall;\n height: 116px;\n top: $formInputHeightSmall;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding: 0;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n\n @include mq($from: medium) {\n width: $formInputHeightTiny;\n top: $formInputHeightTiny;\n }\n }\n\n #rs-textsettings input.rs-slider[type=range],\n .rs-dialog-esque input.rs-slider[type=range],\n .rs-dialog-slider-dropdown input.rs-slider[type=range],\n .rsbtn input.rs-slider[type=range] {\n overflow: hidden;\n -webkit-appearance: none !important;\n appearance: none !important;\n background: transparent;\n margin: 0px;\n\n --thumb-height: 20px;\n --thumb-border-width: 2px;\n --thumb-border-color: #{$colorPrimary70};\n --thumb-background-color: #{$colorWhite};\n --track-height: 8px;\n --track-color: #{$colorBlack40op};\n --track-progress-color: #{$colorSecondary60};\n --clip-edges: 1px;\n\n // &,\n // &::-moz-range-track,\n // &::-moz-range-thumb,\n // &::-moz-range-progress {\n // background: #fff0;\n // }\n\n &,\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb {\n position: relative;\n -webkit-appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &,\n &::-moz-range-track,\n &::-moz-range-thumb {\n position: relative;\n margin: 0px;\n appearance: none;\n transition: all $baseTransitionAnimationSpeed;\n height: var(--thumb-height);\n }\n\n &::-webkit-slider-runnable-track {\n \t background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);\n }\n\n &::-moz-range-track {\n width: 100%;\n background: var(--track-color);\n }\n\n &::-moz-range-progress {\n appearance: none;\n background: var(--track-progress-color);\n transition-delay: 30ms;\n }\n\n &::-moz-range-track,\n &::-moz-range-progress {\n height: calc(var(--track-height) + 1px);\n border-radius: var(--track-height);\n }\n\n &::-webkit-slider-thumb {\n --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);\n --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);\n --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n --clip-further: calc(100% + 1px);\n --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax var(--track-progress-color);\n\n width: var(--thumb-width, var(--thumb-height));\n // background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n box-shadow: var(--box-fill);\n border-radius: var(--thumb-width, var(--thumb-height));\n\n filter: brightness(100%);\n clip-path: polygon(\n 100% -1px,\n var(--clip-edges) -1px,\n 0 var(--clip-top),\n -100vmax var(--clip-top),\n -100vmax var(--clip-bottom),\n 0 var(--clip-bottom),\n var(--clip-edges) 100%,\n var(--clip-further) var(--clip-further)\n );\n }\n\n &::-moz-range-thumb {\n background-color: var(--thumb-background-color);\n border-style: solid;\n border-width: var(--thumb-border-width);\n border-color: var(--thumb-border-color);\n border: 0;\n width: var(--thumb-width, var(--thumb-height));\n border-radius: var(--thumb-width, var(--thumb-height));\n cursor: grab;\n }\n\n &:active {\n cursor: grabbing;\n }\n\n &:active::-webkit-slider-thumb {\n cursor: grabbing;\n }\n\n &:active::-moz-range-thumb {\n cursor: grabbing;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled::-webkit-slider-thumb {\n cursor: not-allowed;\n }\n\n &:disabled::-moz-range-thumb {\n cursor: not-allowed;\n }\n }\n\n .rsbtn .rs-slider.vertical,\n .rsbtn .rs-slider.vertical.has-datalist {\n // transform: rotate(270deg) translateX(-4.75em) translateY(.75em);\n transform: rotate(270deg) translateX(-6px) translateY(-6px);\n transform-origin: bottom center;\n width: 100px;\n height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n height: $formInputHeightTiny;\n transform: rotate(270deg) translateX(-18px) translateY(-18px);\n }\n }\n\n // slider tooltip\n #rs-textsettings .rs-slider-label,\n .rs-dialog-esque .rs-slider-label,\n .rs-dialog-slider-dropdown .rs-slider-label,\n .rsbtn .rs-slider-label {\n @include font;\n @include tooltip-fontsize;\n border-radius: 0px;\n border: none;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n }\n\n // copyright\n .rsbtn_powered {\n display: none;\n }\n\n // menu container\n .rs_addtools .rsbtn_toolpanel.vertical,\n .rsbtn .rsbtn_toolpanel.vertical {\n position: absolute;\n top: var(--dropdown-settings-top);\n bottom: var(--dropdown-settings-bottom);\n left: var(--dropdown-settings-left);\n right: var(--dropdown-settings-right);\n min-width: initial !important;\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {\n position: static;\n border-radius: 0px;\n border: none;\n margin-top: space('xxsmall');\n background-color: $colorGrey10;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical\n .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {\n all: unset;\n }\n\n // menu button\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool {\n display: flex;\n align-items: center;\n padding: space('xsmall') space('large');\n white-space: nowrap;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel {\n @include font('heavy');\n @include fontSize('milli');\n margin-left: space('xsmall');\n margin-right: auto;\n color: inherit;\n }\n\n .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-settings::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/gear.svg', fill=#070066);\n }\n\n .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-click-listen::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/click.svg', fill=#070066);\n }\n\n .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-enlarged-text::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/enlarge-text.svg', fill=#070066);\n }\n\n .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-textmode::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/text-mode.svg', fill=#070066);\n }\n\n .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#0F05A0);\n }\n\n .rsbtn_tool:hover .rsicn-pagemask::before {\n background-image: svg-load('../src/components/stzh-readspeaker/assets/scan.svg', fill=#070066);\n }\n\n // switch\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler {\n margin: 0;\n margin-left: space('large');\n background-color: $colorGrey70;\n border-radius: 12px;\n box-sizing: border-box;\n width: 48px;\n height: 24px;\n border: none;\n transition: background-color $baseTransitionAnimationSpeed;\n\n .on-icon,\n .off-icon {\n display: none;\n }\n\n &::after {\n width: 20px;\n height: 20px;\n top: 2px;\n left: 2px;\n transition: all $baseTransitionAnimationSpeed;\n background-color: $colorWhite;\n }\n }\n\n .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,\n .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler {\n background-color: $colorSecondary50;\n\n &::after {\n left: calc(50% + 2px);\n background-color: $colorWhite;\n }\n }\n}\n\n/* Button tooltips */\n\n#readspeaker_tooltip.rs_tooltip {\n @include font;\n @include tooltip-fontsize;\n z-index: $zIndexPopup;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n color: $colorWhite;\n background-color: $colorCoolgrey60;\n height: 20px;\n line-height: 20px;\n padding: 0;\n padding-left: space('xxsmall');\n padding-right: space('xxsmall');\n}\n\n/* Popup on text selection */\n\n.rspopup.rspopup {\n z-index: $zIndexPopup;\n background: $colorGrey10;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n\n .rspopup_btn {\n height: $formInputHeightSmall;\n box-sizing: border-box;\n display: flex;\n padding: space('xsmall') space('large');\n justify-content: center;\n align-items: center;\n gap: space('xsmall');\n border-top: none;\n color: $colorPrimary70;\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary80;\n background-color: $colorSecondary20;\n }\n\n &.rspopup_play::before {\n content: '';\n margin-right: 0;\n left: 0;\n position: relative;\n width: iconSize();\n height: iconSize();\n background-size: contain;\n background-position: center center;\n background-image: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#0F05A0);\n }\n\n &.rspopup_play:hover::before {\n background: svg-load('../src/components/stzh-readspeaker/assets/volume-medium.svg', fill=#070066);\n }\n\n &.rspopup_play::after {\n content: none;\n }\n }\n\n .rspopup_btn span.rspopup_label {\n @include font('heavy');\n @include fontSize('milli');\n top: 0;\n }\n}\n\n/* Sticky controls (currently disabled) */\n\n// .rsbtn_scrollcontrols {}\n","import { Component, Element, h, Host, Method, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n// we use split button implmentation (calling readpage manually):\n// https://wrdev.readspeaker.com/get-started/implementation/split-button-implementation\n\n// we load the library dynamically:\n// https://wrdev.readspeaker.com/get-started/implementation/dynamic-loading\nfunction loadLibrary() {\n return new Promise((resolve, reject) => {\n if (window.ReadSpeaker) {\n resolve(window.ReadSpeaker);\n return;\n }\n\n const oHead = document.getElementsByTagName(\"HEAD\").item(0);\n const oScript = document.createElement(\"script\");\n\n oScript.type = \"text/javascript\";\n // oScript.src = \"//cdn-eu.readspeaker.com/script/4490/webReader/webReader.js?pids=wr&mobile=0\";\n // we disable predefined mobile UI player bar with mobile=0 parameter\n oScript.src = `${window.stzhComponents.pathVendors}/readspeaker/webReader.js?pids=wr&mobile=0`;\n oScript.id = \"rs_req_Init\";\n oHead.appendChild(oScript);\n\n oScript.onload = function () {\n window.ReadSpeaker.mobile = window.ReadSpeaker.mobile;\n resolve(window.ReadSpeaker);\n // window.ReadSpeaker.init();\n };\n\n oScript.onerror = reject;\n });\n}\n\nwindow.rsConf = {\n // cb: {\n // \tui: {\n // \t\topen: function() {\n // \t\t\tconsole.log('open')\n // \t\t},\n // close: function() {\n // \t\t\tconsole.log('close')\n // },\n // stop: function() {\n // console.log('stop')\n // },\n // play: function() {\n // console.log('play')\n // },\n // pause: function() {\n // console.log('pause')\n // }\n // \t}\n // },\n settings: {\n // // The color that will be used for highlighting sentences, expressed as a valid CSS color value.\n // hlsent: '#beffd6',\n // // The color that will be used for the text in the highlighted elements, expressed as a valid CSS color value.\n // hltext: '#000000',\n // // The color that will be used for highlighting words, expressed as a valid CSS color value\n // hlword: '#a4cbff'\n },\n general: {\n usePost: true,\n enableSkipAlways: true,\n skipHiddenContent: true,\n shadowDomSelector: \"stzh-accordion-item,stzh-timeline-item,stzh-disturber,stzh-clamp\",\n },\n ui: {\n tools: {\n voicesettings: false,\n controlpanel: false,\n translation: false,\n dictionary: false,\n download: false,\n help: false,\n formreading: false,\n },\n },\n};\n\n// window.rspkr.ui.getActivePlayer().getContainer()\n// window.rspkr.ui.addClickEvents()\n// window.rspkr.tools.toggler.add()\n\nlet readspeakerCounter = 0;\n\n/**\n * @slot - Slot for trigger\n */\n@Component({\n tag: \"stzh-readspeaker\",\n styleUrl: \"stzh-readspeaker.scss\",\n})\nexport class StzhReadspeaker {\n /** RS url of site (e.g. https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html) */\n @Prop() href!: string;\n\n @Element() element: HTMLStzhReadspeakerElement;\n\n /** Open player and start reading page */\n @Method()\n async openPlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && !this.element.contains(activePlayer.getContainer())) {\n activePlayer.stop();\n }\n\n window.readpage(this.href, this.readspeakerId);\n }\n\n /** Close player and finish reading page */\n @Method()\n async closePlayer() {\n const activePlayer = window.rspkr?.ui?.getActivePlayer();\n\n if (activePlayer && this.element.contains(activePlayer.getContainer())) {\n activePlayer.close();\n }\n }\n\n private observer: MutationObserver;\n private bodyObserver: MutationObserver;\n private triggerElement: HTMLElement;\n\n private onLinkClick = async (event: MouseEvent) => {\n event.preventDefault();\n // library could also be loaded only after first click, but then text selection wouldn't work\n // await loadLibrary();\n this.openPlayer();\n };\n\n private init = () => {\n let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n if (!trigger) {\n const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n trigger = defaultSlot;\n }\n\n if (trigger) {\n trigger.addEventListener(\"click\", this.onLinkClick);\n\n setPropsIfNull(trigger, {\n icon: \"volume-medium\",\n href: this.href,\n } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n }\n };\n\n /**\n * Initialize a global body mutation observer. Only do that once to prevent\n * multiple observers when having multiple readspeakers.\n */\n private initializeGlobalBodyObserver() {\n if (!window.stzhReadspeakerHasGlobalBodyObserver) {\n window.stzhReadspeakerHasGlobalBodyObserver = true;\n this.bodyObserver = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n mutation.addedNodes.forEach(node => {\n if (node instanceof HTMLElement) {\n this.addClassToAriaHiddenElements(node);\n }\n });\n });\n });\n this.bodyObserver.observe(document.body, {\n childList: true,\n subtree: true,\n });\n }\n }\n\n /**\n * Temporary bugfix since readspeaker currently ignores the 'aria-hidden' attribute.\n * Instead we add a class \"rs_skip\" to it to prevent readspeaker to read those aria-hidden elements.\n */\n private addClassToAriaHiddenElements(node: Node) {\n if (node instanceof HTMLElement) {\n if (\n node.hasAttribute(\"aria-hidden\") &&\n node.getAttribute(\"aria-hidden\") === \"true\" &&\n !node.classList.contains(\"rs_skip\")\n ) {\n node.classList.add(\"rs_skip\");\n }\n\n const shadowRoot = node.shadowRoot;\n if (shadowRoot) {\n shadowRoot.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n }\n node.childNodes.forEach(childNode => this.addClassToAriaHiddenElements(childNode));\n }\n\n private readspeakerId: string;\n\n async componentWillLoad() {\n this.readspeakerId = `stzh-readspeaker-${readspeakerCounter++}`;\n }\n\n async componentDidLoad() {\n this.addClassToAriaHiddenElements(document.body);\n this.initializeGlobalBodyObserver();\n await loadLibrary();\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.bodyObserver) {\n this.bodyObserver.disconnect();\n }\n\n window.rspkr?.ui?.destroyActivePlayer();\n }\n\n render() {\n const classes = {\n \"stzh-readspeaker\": true,\n rs_skip: true, // will prevent component being read by readspeaker\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-readspeaker__actions\">\n <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-readspeaker__trigger\">\n <slot></slot>\n </div>\n <stzh-button\n class=\"stzh-readspeaker__close\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close-big\"\n iconOnly={true}\n onClick={() => {\n this.closePlayer();\n }}\n ></stzh-button>\n </div>\n\n {/*\n <stzh-popover placement=\"bottom-end\">\n <div slot=\"content\">...</div>\n </stzh-popover>\n */}\n\n <div id={this.readspeakerId} class=\"rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"gHAAA,MAAMA,EAAqB,wp5CAC3B,MAAAC,EAAeD,ECQf,SAASE,IACP,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3B,GAAIC,OAAOC,YAAa,CACtBH,EAAQE,OAAOC,aACf,M,CAGF,MAAMC,EAAQC,SAASC,qBAAqB,QAAQC,KAAK,GACzD,MAAMC,EAAUH,SAASI,cAAc,UAEvCD,EAAQE,KAAO,kBAGfF,EAAQG,IAAM,GAAGT,OAAOU,eAAeC,wDACvCL,EAAQM,GAAK,cACbV,EAAMW,YAAYP,GAElBA,EAAQQ,OAAS,WACfd,OAAOC,YAAYc,OAASf,OAAOC,YAAYc,OAC/CjB,EAAQE,OAAOC,Y,EAIjBK,EAAQU,QAAUjB,CAAM,GAE5B,CAEAC,OAAOiB,OAAS,CAoBdC,SAAU,C,EAQVC,QAAS,CACPC,QAAS,KACTC,iBAAkB,KAClBC,kBAAmB,KACnBC,kBAAmB,oEAErBC,GAAI,CACFC,MAAO,CACLC,cAAe,MACfC,aAAc,MACdC,YAAa,MACbC,WAAY,MACZC,SAAU,MACVC,KAAM,MACNC,YAAa,SASnB,IAAIC,EAAqB,E,MASZC,EAAe,M,yBAgClBC,KAAAC,YAAcC,MAAOC,IAC3BA,EAAMC,iBAGNJ,KAAKK,YAAY,EAGXL,KAAAM,KAAO,K,MACb,IAAIC,GAAUC,EAAAR,KAAKS,kBAAc,MAAAD,SAAA,SAAAA,EAAEE,kBAEnC,IAAKH,EAAS,CACZ,MAAMI,EAAcC,MAAMC,KAAKb,KAAKc,QAAQC,UAAUC,MAAKC,IAAUA,EAAMC,aAAa,UAExFX,EAAUI,C,CAGZ,GAAIJ,EAAS,CACXA,EAAQY,iBAAiB,QAASnB,KAAKC,aAEvCmB,EAAeb,EAAS,CACtBc,KAAM,gBACNC,KAAMtB,KAAKsB,M,uBA7CjB,gBAAMjB,G,QACJ,MAAMkB,GAAeC,GAAAhB,EAAA3C,OAAO4D,SAAK,MAAAjB,SAAA,SAAAA,EAAEnB,MAAE,MAAAmC,SAAA,SAAAA,EAAEE,kBAEvC,GAAIH,IAAiBvB,KAAKc,QAAQa,SAASJ,EAAaK,gBAAiB,CACvEL,EAAaM,M,CAGfhE,OAAOiE,SAAS9B,KAAKsB,KAAMtB,KAAK+B,c,CAKlC,iBAAMC,G,QACJ,MAAMT,GAAeC,GAAAhB,EAAA3C,OAAO4D,SAAK,MAAAjB,SAAA,SAAAA,EAAEnB,MAAE,MAAAmC,SAAA,SAAAA,EAAEE,kBAEvC,GAAIH,GAAgBvB,KAAKc,QAAQa,SAASJ,EAAaK,gBAAiB,CACtEL,EAAaU,O,EAsCT,4BAAAC,GACN,IAAKrE,OAAOsE,qCAAsC,CAChDtE,OAAOsE,qCAAuC,KAC9CnC,KAAKoC,aAAe,IAAIC,kBAAiBC,IACvCA,EAAUC,SAAQC,IAChBA,EAASC,WAAWF,SAAQG,IAC1B,GAAIA,aAAgBC,YAAa,CAC/B3C,KAAK4C,6BAA6BF,E,IAEpC,GACF,IAEJ1C,KAAKoC,aAAaS,QAAQ7E,SAAS8E,KAAM,CACvCC,UAAW,KACXC,QAAS,M,EASP,4BAAAJ,CAA6BF,GACnC,GAAIA,aAAgBC,YAAa,CAC/B,GACED,EAAKxB,aAAa,gBAClBwB,EAAKO,aAAa,iBAAmB,SACpCP,EAAKQ,UAAUvB,SAAS,WACzB,CACAe,EAAKQ,UAAUC,IAAI,U,CAGrB,MAAMC,EAAaV,EAAKU,WACxB,GAAIA,EAAY,CACdA,EAAWC,WAAWd,SAAQe,GAAatD,KAAK4C,6BAA6BU,I,EAGjFZ,EAAKW,WAAWd,SAAQe,GAAatD,KAAK4C,6BAA6BU,I,CAKzE,uBAAMC,GACJvD,KAAK+B,cAAgB,oBAAoBjC,K,CAG3C,sBAAM0D,GACJxD,KAAK4C,6BAA6B5E,SAAS8E,MAC3C9C,KAAKkC,qCACCzE,G,CAGR,iBAAAgG,GACEzD,KAAKM,OAELN,KAAK0D,SAAW,IAAIrB,iBAAiBrC,KAAKM,MAC1CN,KAAK0D,SAASb,QAAQ7C,KAAKc,QAAS,CAClCiC,UAAW,KACXC,QAAS,M,CAIb,oBAAAW,G,QACE,GAAI3D,KAAK0D,SAAU,CACjB1D,KAAK0D,SAASE,Y,CAGhB,GAAI5D,KAAKoC,aAAc,CACrBpC,KAAKoC,aAAawB,Y,EAGpBpC,GAAAhB,EAAA3C,OAAO4D,SAAK,MAAAjB,SAAA,SAAAA,EAAEnB,MAAE,MAAAmC,SAAA,SAAAA,EAAEqC,qB,CAGpB,MAAAC,GACE,MAAMC,EAAU,CACd,mBAAoB,KACpBC,QAAS,MAGX,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOL,GACVE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,OAAAE,IAAA,2CAAKE,IAAKC,GAAOtE,KAAKS,eAAiB6D,EAAuBF,MAAM,6BAClEH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,eAAAE,IAAA,2CACEC,MAAM,0BACNG,QAAQ,WACRC,KAAK,QACLnD,KAAK,YACLoD,SAAU,KACVC,QAAS,KACP1E,KAAKgC,aAAa,KAWxBiC,EAAA,OAAAE,IAAA,2CAAK1F,GAAIuB,KAAK+B,cAAeqC,MAAM,2D"}
package/dist/stzh-components/{p-71886cdf.entry.js → p-ac4b1753.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as s,a as e,g as o}from"./p-ef5985a3.js";import{s as i,b as n}from"./p-24caf6c1.js";import{b as r}from"./p-dae15605.js";const h=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const c=h;const a=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"bdbc088609c1fbc0126dd26164d98164725cec1b"},s("div",{key:"082611cebe4c56d8ccd4e6bfb112d4c124693e0e",class:t},s("slot",{key:"58ecb642d5e13dcdc55aa21416a5b61f2425f8b1"})))}get element(){return o(this)}};a.style=c;const l=".sc-stzh-share-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.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:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const d=l;const f=256;const u=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const c=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const a=encodeURIComponent(document.title);const l=encodeURIComponent(r(a,f));const d=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${c}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${l}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${d}&title=${a}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"d04564f91fd50bfc57a1a81a7fe8715b32e7fd64"},s("div",{key:"4cfc06c2cff040493955355db2651b12dd940074",class:o},s("ul",{key:"ea458ea43e34630874c1a7b9ea645e25afdb7526",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};u.style=d;export{a as stzh_print,u as stzh_share};
2
- //# sourceMappingURL=p-71886cdf.entry.js.map
1
+ import{r as t,h as s,a as e,g as o}from"./p-ef5985a3.js";import{s as i,b as n}from"./p-24caf6c1.js";import{b as r}from"./p-dae15605.js";const h=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const c=h;const a=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"bdbc088609c1fbc0126dd26164d98164725cec1b"},s("div",{key:"082611cebe4c56d8ccd4e6bfb112d4c124693e0e",class:t},s("slot",{key:"58ecb642d5e13dcdc55aa21416a5b61f2425f8b1"})))}get element(){return o(this)}};a.style=c;const l=".sc-stzh-share-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.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:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const d=l;const f=256;const u=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const c=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const a=encodeURIComponent(document.title);const l=encodeURIComponent(r(a,f));const d=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${c}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${l}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${d}&title=${a}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"3c0e7d9a2d9c4a9ac53f9013446b174d2d525ea4"},s("div",{key:"91124d386269bd381c50764092f22ae68881edc3",class:o},s("ul",{key:"799e19b5f40435dd16be8db96d8f6b65dc16af4c",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};u.style=d;export{a as stzh_print,u as stzh_share};
2
+ //# sourceMappingURL=p-ac4b1753.entry.js.map