@oiz/stzh-components 3.8.0 → 3.8.2

package/dist/cjs/stzh-readspeaker.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 const stzhReadspeakerCss = ":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}";

package/dist/cjs/stzh-scrollup.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 const stzhScrollupCss = ":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-scrollup{display:contents}";

package/dist/cjs/stzh-search.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
 const axios = require('./axios-bd44344d.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 const mediaUtils = require('./media-utils-fa9f86b8.js');
 const debounce = require('./debounce-c8f1f58a.js');
 require('./string-utils-5dd70320.js');

package/dist/cjs/stzh-section.cjs.entry.js

@@ -3,12 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
+const utils = require('./utils-43e6c48e.js');
+require('./string-utils-5dd70320.js');
 
 const stzhSectionCss = ":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{--color:var(--stzh-color-black);--background-color:transparent;--heading-color:var(--stzh-section-heading-color, var(--stzh-heading-color));--heading-background-color:transparent;--padding-left:var(--stzh-section-padding-left, 0px);--padding-right:var(--stzh-section-padding-right, 0px);--padding-top:var(--stzh-section-padding-top, var(--stzh-space-large));--padding-bottom:var(--stzh-section-padding-bottom, var(--stzh-space-large));--margin-top:var(--stzh-section-margin-top, 0px);--margin-bottom:var(--stzh-section-margin-bottom, 0px);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}@media screen and (min-width: 600px){:host{--padding-top:var(--stzh-section-padding-top, var(--stzh-space-xlarge));--padding-bottom:var(--stzh-section-padding-bottom, var(--stzh-space-xlarge))}}@media screen and (min-width: 1260px){:host{--padding-top:var(--stzh-section-padding-top, var(--stzh-space-xxxlarge));--padding-bottom:var(--stzh-section-padding-bottom, var(--stzh-space-xxxlarge))}}:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall);--stzh-heading-color:var(--heading-color)}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-xlarge)}}:host(:where([breakout]:not([breakout=default]))){position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}:host(:where([background]:not([background=default]))){--padding-top:var(--stzh-section-background-padding-top, var(--stzh-space-xlarge));--padding-bottom:var(--stzh-section-background-padding-bottom, var(--stzh-space-xlarge));--margin-top:var(--stzh-section-background-margin-top, var(--stzh-space-medium));--margin-bottom:var(--stzh-section-background-margin-bottom, var(--stzh-space-medium))}@media screen and (min-width: 600px){:host(:where([background]:not([background=default]))){--padding-top:var(--stzh-section-background-padding-top, var(--stzh-space-xxlarge));--padding-bottom:var(--stzh-section-background-padding-bottom, var(--stzh-space-xxlarge))}}@media screen and (min-width: 1260px){:host(:where([background]:not([background=default]))){--padding-top:var(--stzh-section-background-padding-top, var(--stzh-space-xxxxlarge));--padding-bottom:var(--stzh-section-background-padding-bottom, var(--stzh-space-xxxxlarge));--margin-top:var(--stzh-section-background-margin-top, var(--stzh-space-xxlarge));--margin-bottom:var(--stzh-section-background-margin-bottom, var(--stzh-space-xxlarge))}}:host([background=secondary]){--background-color:var(--stzh-color-secondary20)}:host([background=primary]){--background-color:var(--stzh-color-primary70)}:host([variant=highlight]){--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxxlarge)}}:host([variant=contextbox]){--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:var(--stzh-space-medium);--padding-bottom:var(--stzh-space-medium);--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=contextbox]):last-child{margin-bottom:0}:host([variant=greybox]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-xxlarge);--padding-right:var(--stzh-space-xxlarge);--padding-top:var(--stzh-space-medium);--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=greybox]):last-child{margin-bottom:0}:host([variant=poimax]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:var(--stzh-space-medium);--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=poimax]):last-child{margin-bottom:0}:host([margin-top=none]){--margin-top:0px}:host([margin-bottom=none]){--margin-bottom:0px}:host([padding-top=none]){--padding-top:0px}:host([padding-bottom=none]){--padding-bottom:0px}.stzh-section{background-color:var(--background-color)}.stzh-section__heading{display:flex;flex-direction:column;background-color:var(--heading-background-color);padding-left:var(--padding-left);padding-right:var(--padding-right)}.stzh-section__wrapper{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);--stzh-base-color:var(--color)}.stzh-section--is-breakout .stzh-section__outer{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-section--is-breakout .stzh-section__outer{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:auto;margin-right:auto;max-width:84.25rem}}";
 
 const StzhSection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * Searches for any slotted `stzh-cspace` or `stzh-richtext` elements (or their descendants)
+     * and sets their properties accordingly.
+     */
+    this.init = () => {
+      if (this.variant !== "contextbox" || !this.slotElement) {
+        return;
+      }
+      const assignedElements = this.slotElement.assignedElements({ flatten: true });
+      const nestedCspaceOrRichtext = [];
+      // Check each assigned element and its descendants for a matching tag name
+      assignedElements.forEach((assignedElement) => {
+        if (assignedElement.matches("stzh-cspace, stzh-richtext")) {
+          nestedCspaceOrRichtext.push(assignedElement);
+        }
+        nestedCspaceOrRichtext.push(...Array.from(assignedElement.querySelectorAll("stzh-cspace, stzh-richtext")));
+      });
+      nestedCspaceOrRichtext.forEach(cspaceOrRichtext => {
+        utils.setProps(cspaceOrRichtext, {
+          removeFirstMargin: true,
+          removeLastMargin: true
+        });
+      });
+    };
+    this.onSlotChange = () => {
+      this.init();
+    };
     this.variant = "default";
     this.background = "default";
     this.marginTop = "default";
@@ -17,13 +46,16 @@ const StzhSection = class {
     this.paddingBottom = "default";
     this.breakout = false;
   }
+  componentDidLoad() {
+    this.init();
+  }
   render() {
     return (index.h(index.Host, null, index.h("section", { class: {
         "stzh-section": true,
-        [`stzh-section--is-breakout`]: this.breakout,
+        "stzh-section--is-breakout": this.breakout,
         [`stzh-section--${this.variant}`]: !!this.variant,
-        [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,
-      } }, index.h("div", { class: "stzh-section__outer" }, index.h("div", { class: "stzh-section__heading" }, index.h("slot", { name: "heading" })), index.h("div", { class: "stzh-section__wrapper" }, index.h("slot", null))))));
+        [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom
+      } }, index.h("div", { class: "stzh-section__outer" }, index.h("div", { class: "stzh-section__heading" }, index.h("slot", { name: "heading" })), index.h("div", { class: "stzh-section__wrapper" }, index.h("slot", { onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
   }
 };
 StzhSection.style = stzhSectionCss;

package/dist/cjs/stzh-section.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-section.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,2mXAA2mX;;MCWrnX,WAAW;;;mBAE4E,SAAS;sBAG5C,SAAS;qBAGf,SAAS;wBAGN,SAAS;sBAGX,SAAS;yBAGN,SAAS;oBAGzB,KAAK;;EAElD,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,qBACE,KAAK,EAAE;QACL,cAAc,EAAE,IAAI;QACpB,CAAC,2BAA2B,GAAG,IAAI,CAAC,QAAQ;QAC5C,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;QACjD,CAAC,+BAA+B,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY;OAC1E,IAEDA,iBAAK,KAAK,EAAC,qBAAqB,IAC9BA,iBAAK,KAAK,EAAC,uBAAuB,IAChCA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,EACNA,iBAAK,KAAK,EAAC,uBAAuB,IAChCA,qBAAa,CACT,CACF,CACE,CACL,EACP;GACH;;;;;;","names":["h","Host"],"sources":["src/components/stzh-section/stzh-section.scss?tag=stzh-section&encapsulation=shadow","src/components/stzh-section/stzh-section.tsx"],"sourcesContent":["/**\n * @prop --color: Color of section\n * @prop --background-color: Background color of section\n * @prop --padding-left: Left padding of section\n * @prop --padding-right: Right padding of section\n * @prop --padding-top: Top padding of section\n * @prop --padding-bottom: Bottom padding section\n *\n * @prop --stzh-section-highlight-color: **Global**: Color of section when highlight variant is used\n * @prop --stzh-section-highlight-background-color: **Global**: Background color of section when highlight variant is used\n */\n\n:host {\n  --color: #{$colorBlack};\n  --background-color: transparent;\n  --heading-color: var(--stzh-section-heading-color, #{$headingColor});\n  --heading-background-color: transparent;\n\n  --padding-left: var(--stzh-section-padding-left, 0px);\n  --padding-right: var(--stzh-section-padding-right, 0px);\n  --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner')});\n  --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner')});\n\n  --margin-top: var(--stzh-section-margin-top, 0px);\n  --margin-bottom: var(--stzh-section-margin-bottom, 0px);\n\n  @include mq($from: small) {\n    --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner', 'small')});\n    --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner', 'small')});\n  }\n\n  @include mq($from: large) {\n    --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner', 'large')});\n    --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner', 'large')});\n  }\n\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n\n  ::slotted(stzh-heading) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n    --stzh-heading-color: var(--heading-color);\n  }\n}\n\n/* Breakout */\n\n:host(:where([breakout]:not([breakout=\"default\"]))) {\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n  margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n  width: calc(100vw - var(--stzh-scrollbar-width));\n  max-width: calc(100vw - var(--stzh-scrollbar-width));\n}\n\n/* Background variants */\n\n:host(:where([background]:not([background=\"default\"]))) {\n  --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner')});\n  --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner')});\n\n  --margin-top: var(--stzh-section-background-margin-top, #{spaceCurveValue('background-section-outer')});\n  --margin-bottom: var(--stzh-section-background-margin-bottom, #{spaceCurveValue('background-section-outer')});\n\n  @include mq($from: small) {\n    --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner', 'small')});\n    --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner', 'small')});\n  }\n\n  @include mq($from: large) {\n    --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner', 'large')});\n    --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner', 'large')});\n\n    --margin-top: var(--stzh-section-background-margin-top, #{spaceCurveValue('background-section-outer', 'large')});\n    --margin-bottom: var(--stzh-section-background-margin-bottom, #{spaceCurveValue('background-section-outer', 'large')});\n  }\n}\n\n:host([background=\"secondary\"]) {\n  --background-color: #{$colorSecondary20};\n}\n\n:host([background=\"primary\"]) {\n  --background-color: #{$colorPrimary70};\n}\n\n/* Highlight variant */\n\n:host([variant=\"highlight\"]) {\n  @include spaceCurve('--padding-left', 'small');\n  @include spaceCurve('--padding-right', 'small');\n  @include spaceCurve('--padding-top', 'medium');\n  @include spaceCurve('--padding-bottom', 'medium');\n\n  --color: #{$sectionHighlightColor};\n  --background-color: #{$sectionHighlightBackgroundColor};\n  --heading-background-color: #{$colorSecondary40};\n\n  // disable nested section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n}\n\n/* Contextbox variant */\n\n:host([variant=\"contextbox\"]) {\n  @include spaceCurve('--padding-left', 'regular');\n  @include spaceCurve('--padding-right', 'regular');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  --color: #{$sectionHighlightColor};\n  --background-color: #{$sectionHighlightBackgroundColor};\n  --heading-background-color: #{$colorSecondary40};\n\n  // disable nested section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Greybox variant */\n\n:host([variant=\"greybox\"]) {\n  --background-color: #{$colorGrey10};\n  @include spaceCurve('--padding-left', 'large');\n  @include spaceCurve('--padding-right', 'large');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n:host([variant=\"poimax\"]) {\n  --background-color: #{$colorGrey10};\n  @include spaceCurve('--padding-left', 'regular');\n  @include spaceCurve('--padding-right', 'regular');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Margin variants */\n\n:host([margin-top=\"none\"]) {\n  --margin-top: 0px;\n}\n\n:host([margin-bottom=\"none\"]) {\n  --margin-bottom: 0px;\n}\n\n/* Padding variants */\n\n:host([padding-top=\"none\"]) {\n  --padding-top: 0px;\n}\n\n:host([padding-bottom=\"none\"]) {\n  --padding-bottom: 0px;\n}\n\n.stzh-section {\n  background-color: var(--background-color);\n\n  &__heading {\n    display: flex;\n    flex-direction: column;\n    background-color: var(--heading-background-color);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n  }\n\n  &__wrapper {\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n\n    --stzh-base-color: var(--color);\n  }\n\n  &--is-breakout &__outer {\n    @include container;\n  }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n */\n@Component({\n  tag: \"stzh-section\",\n  styleUrl: \"stzh-section.scss\",\n  shadow: true,\n})\nexport class StzhSection {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"highlight\" | \"contextbox\" | \"greybox\" | \"poimax\" = \"default\";\n\n  /** Background color */\n  @Prop({ reflect: true }) background: \"default\" | \"secondary\" = \"default\";\n\n  /** Margin top spacing */\n  @Prop({ reflect: true }) marginTop: \"default\" | \"none\" = \"default\";\n\n  /** Margin bottom spacing */\n  @Prop({ reflect: true }) marginBottom: \"default\" | \"none\" = \"default\";\n\n  /** Padding top spacing */\n  @Prop({ reflect: true }) paddingTop: \"default\" | \"none\" = \"default\";\n\n  /** Padding bottom spacing */\n  @Prop({ reflect: true }) paddingBottom: \"default\" | \"none\" = \"default\";\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <section\n          class={{\n            \"stzh-section\": true,\n            [`stzh-section--is-breakout`]: this.breakout,\n            [`stzh-section--${this.variant}`]: !!this.variant,\n            [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,\n          }}\n        >\n          <div class=\"stzh-section__outer\">\n            <div class=\"stzh-section__heading\">\n              <slot name=\"heading\"></slot>\n            </div>\n            <div class=\"stzh-section__wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-section.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,2mXAA2mX;;MCYrnX,WAAW;;;;;;;IA4Bd,SAAI,GAAG;MACb,IAAI,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;QACtD,OAAO;OACR;MAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;MAC9E,MAAM,sBAAsB,GAAkB,EAAE,CAAC;;MAGjD,gBAAgB,CAAC,OAAO,CAAC,CAAC,eAA4B;QACpD,IAAI,eAAe,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE;UACzD,sBAAsB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC9C;QACD,sBAAsB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAc,4BAA4B,CAAC,CAAC,CAAC,CAAC;OACzH,CAAC,CAAC;MAEH,sBAAsB,CAAC,OAAO,CAAC,gBAAgB;QAC7CA,cAAQ,CAAC,gBAAgB,EAAE;UACzB,iBAAiB,EAAE,IAAI;UACvB,gBAAgB,EAAE,IAAI;SAC4B,CAAC,CAAC;OACvD,CAAC,CAAC;KACJ,CAAC;IAEM,iBAAY,GAAG;MACrB,IAAI,CAAC,IAAI,EAAE,CAAC;KACb,CAAC;mBAlDgG,SAAS;sBAG5C,SAAS;qBAGf,SAAS;wBAGN,SAAS;sBAGX,SAAS;yBAGN,SAAS;oBAGzB,KAAK;;EAkClD,gBAAgB;IACd,IAAI,CAAC,IAAI,EAAE,CAAC;GACb;EAED,MAAM;IACJ,QACEC,QAACC,UAAI,QACHD,qBACE,KAAK,EAAE;QACL,cAAc,EAAE,IAAI;QACpB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;QAC1C,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;QACjD,CAAC,+BAA+B,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY;OAC1E,IAEDA,iBAAK,KAAK,EAAC,qBAAqB,IAC9BA,iBAAK,KAAK,EAAC,uBAAuB,IAChCA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,EACNA,iBAAK,KAAK,EAAC,uBAAuB,IAChCA,kBAAM,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAqB,CAAC,GAAS,CACjG,CACF,CACE,CACL,EACP;GACH;;;;;;","names":["setProps","h","Host"],"sources":["src/components/stzh-section/stzh-section.scss?tag=stzh-section&encapsulation=shadow","src/components/stzh-section/stzh-section.tsx"],"sourcesContent":["/**\n * @prop --color: Color of section\n * @prop --background-color: Background color of section\n * @prop --padding-left: Left padding of section\n * @prop --padding-right: Right padding of section\n * @prop --padding-top: Top padding of section\n * @prop --padding-bottom: Bottom padding section\n *\n * @prop --stzh-section-highlight-color: **Global**: Color of section when highlight variant is used\n * @prop --stzh-section-highlight-background-color: **Global**: Background color of section when highlight variant is used\n */\n\n:host {\n  --color: #{$colorBlack};\n  --background-color: transparent;\n  --heading-color: var(--stzh-section-heading-color, #{$headingColor});\n  --heading-background-color: transparent;\n\n  --padding-left: var(--stzh-section-padding-left, 0px);\n  --padding-right: var(--stzh-section-padding-right, 0px);\n  --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner')});\n  --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner')});\n\n  --margin-top: var(--stzh-section-margin-top, 0px);\n  --margin-bottom: var(--stzh-section-margin-bottom, 0px);\n\n  @include mq($from: small) {\n    --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner', 'small')});\n    --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner', 'small')});\n  }\n\n  @include mq($from: large) {\n    --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner', 'large')});\n    --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner', 'large')});\n  }\n\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n\n  ::slotted(stzh-heading) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n    --stzh-heading-color: var(--heading-color);\n  }\n}\n\n/* Breakout */\n\n:host(:where([breakout]:not([breakout=\"default\"]))) {\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n  margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n  width: calc(100vw - var(--stzh-scrollbar-width));\n  max-width: calc(100vw - var(--stzh-scrollbar-width));\n}\n\n/* Background variants */\n\n:host(:where([background]:not([background=\"default\"]))) {\n  --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner')});\n  --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner')});\n\n  --margin-top: var(--stzh-section-background-margin-top, #{spaceCurveValue('background-section-outer')});\n  --margin-bottom: var(--stzh-section-background-margin-bottom, #{spaceCurveValue('background-section-outer')});\n\n  @include mq($from: small) {\n    --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner', 'small')});\n    --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner', 'small')});\n  }\n\n  @include mq($from: large) {\n    --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner', 'large')});\n    --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner', 'large')});\n\n    --margin-top: var(--stzh-section-background-margin-top, #{spaceCurveValue('background-section-outer', 'large')});\n    --margin-bottom: var(--stzh-section-background-margin-bottom, #{spaceCurveValue('background-section-outer', 'large')});\n  }\n}\n\n:host([background=\"secondary\"]) {\n  --background-color: #{$colorSecondary20};\n}\n\n:host([background=\"primary\"]) {\n  --background-color: #{$colorPrimary70};\n}\n\n/* Highlight variant */\n\n:host([variant=\"highlight\"]) {\n  @include spaceCurve('--padding-left', 'small');\n  @include spaceCurve('--padding-right', 'small');\n  @include spaceCurve('--padding-top', 'medium');\n  @include spaceCurve('--padding-bottom', 'medium');\n\n  --color: #{$sectionHighlightColor};\n  --background-color: #{$sectionHighlightBackgroundColor};\n  --heading-background-color: #{$colorSecondary40};\n\n  // disable nested section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n}\n\n/* Contextbox variant */\n\n:host([variant=\"contextbox\"]) {\n  @include spaceCurve('--padding-left', 'regular');\n  @include spaceCurve('--padding-right', 'regular');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  --color: #{$sectionHighlightColor};\n  --background-color: #{$sectionHighlightBackgroundColor};\n  --heading-background-color: #{$colorSecondary40};\n\n  // disable nested section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Greybox variant */\n\n:host([variant=\"greybox\"]) {\n  --background-color: #{$colorGrey10};\n  @include spaceCurve('--padding-left', 'large');\n  @include spaceCurve('--padding-right', 'large');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n:host([variant=\"poimax\"]) {\n  --background-color: #{$colorGrey10};\n  @include spaceCurve('--padding-left', 'regular');\n  @include spaceCurve('--padding-right', 'regular');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Margin variants */\n\n:host([margin-top=\"none\"]) {\n  --margin-top: 0px;\n}\n\n:host([margin-bottom=\"none\"]) {\n  --margin-bottom: 0px;\n}\n\n/* Padding variants */\n\n:host([padding-top=\"none\"]) {\n  --padding-top: 0px;\n}\n\n:host([padding-bottom=\"none\"]) {\n  --padding-bottom: 0px;\n}\n\n.stzh-section {\n  background-color: var(--background-color);\n\n  &__heading {\n    display: flex;\n    flex-direction: column;\n    background-color: var(--heading-background-color);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n  }\n\n  &__wrapper {\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n\n    --stzh-base-color: var(--color);\n  }\n\n  &--is-breakout &__outer {\n    @include container;\n  }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport { setProps } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n */\n@Component({\n  tag: \"stzh-section\",\n  styleUrl: \"stzh-section.scss\",\n  shadow: true\n})\nexport class StzhSection {\n  private slotElement: HTMLSlotElement;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"highlight\" | \"contextbox\" | \"greybox\" | \"poimax\" = \"default\";\n\n  /** Background color */\n  @Prop({ reflect: true }) background: \"default\" | \"secondary\" = \"default\";\n\n  /** Margin top spacing */\n  @Prop({ reflect: true }) marginTop: \"default\" | \"none\" = \"default\";\n\n  /** Margin bottom spacing */\n  @Prop({ reflect: true }) marginBottom: \"default\" | \"none\" = \"default\";\n\n  /** Padding top spacing */\n  @Prop({ reflect: true }) paddingTop: \"default\" | \"none\" = \"default\";\n\n  /** Padding bottom spacing */\n  @Prop({ reflect: true }) paddingBottom: \"default\" | \"none\" = \"default\";\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  /**\n   * Searches for any slotted `stzh-cspace` or `stzh-richtext` elements (or their descendants)\n   * and sets their properties accordingly.\n   */\n  private init = () => {\n    if (this.variant !== \"contextbox\" || !this.slotElement) {\n      return;\n    }\n\n    const assignedElements = this.slotElement.assignedElements({ flatten: true });\n    const nestedCspaceOrRichtext: HTMLElement[] = [];\n\n    // Check each assigned element and its descendants for a matching tag name\n    assignedElements.forEach((assignedElement: HTMLElement) => {\n      if (assignedElement.matches(\"stzh-cspace, stzh-richtext\")) {\n        nestedCspaceOrRichtext.push(assignedElement);\n      }\n      nestedCspaceOrRichtext.push(...Array.from(assignedElement.querySelectorAll<HTMLElement>(\"stzh-cspace, stzh-richtext\")));\n    });\n\n    nestedCspaceOrRichtext.forEach(cspaceOrRichtext => {\n      setProps(cspaceOrRichtext, {\n        removeFirstMargin: true,\n        removeLastMargin: true\n      } as HTMLStzhCspaceElement | HTMLStzhRichtextElement);\n    });\n  };\n\n  private onSlotChange = () => {\n    this.init();\n  };\n\n  componentDidLoad() {\n    this.init();\n  }\n\n  render() {\n    return (\n      <Host>\n        <section\n          class={{\n            \"stzh-section\": true,\n            \"stzh-section--is-breakout\": this.breakout,\n            [`stzh-section--${this.variant}`]: !!this.variant,\n            [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom\n          }}\n        >\n          <div class=\"stzh-section__outer\">\n            <div class=\"stzh-section__heading\">\n              <slot name=\"heading\"></slot>\n            </div>\n            <div class=\"stzh-section__wrapper\">\n              <slot onSlotchange={this.onSlotChange} ref={el => (this.slotElement = el as HTMLSlotElement)}></slot>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-socialmediastream.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
 const mediaUtils = require('./media-utils-fa9f86b8.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 var MiniMasonry = function(conf) {

package/dist/cjs/stzh-sticky-actions.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
 const throttle = require('./throttle-d4877897.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./debounce-c8f1f58a.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 require('./string-utils-5dd70320.js');

package/dist/cjs/stzh-sticky.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 const throttle = require('./throttle-d4877897.js');
 require('./string-utils-5dd70320.js');
 require('./debounce-c8f1f58a.js');

package/dist/cjs/stzh-table.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 const stzhTableCss = ":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-table{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;--stzh-list-font-size:\"\";--stzh-list-line-height:\"\";--stzh-list-letter-spacing:\"\";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::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-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%;}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:\"\";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table stzh-icon.stzh-table__sort-icon{display:none}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:3}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{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);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:\"\";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}";

package/dist/cjs/stzh-textandimage.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 const stzhTextandimageCss = ":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{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      \"text text text text\" \"image image image image\"\n  );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n        --stzh-textandimage-grid-template-areas,\n        \"text text text text image image image image\"\n    );--grid-template-columns:var(\n        --stzh-textandimage-grid-template-columns,\n        repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n        --stzh-textandimage-grid-template-areas-image-left,\n        \"image image image image text text text text\"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n        --stzh-textandimage-small-grid-template-areas,\n        \"text text text text text image image image\"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n        --stzh-textandimage-small-grid-template-areas,\n        \"image image image text text text text text\"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        \"text text text .\" \"image image image image\"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        \"text text text text text . . .\" \"image image image image image image image image\"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        \"text text text text text text . .\" \"image image image image image image image image\"\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      \"text text text text\"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n        --stzh-textandimage-single-grid-template-areas,\n        \"text text text .\"\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n        --stzh-textandimage-single-grid-template-areas,\n        \"text text text text text text . .\"\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}";

package/dist/cjs/stzh-timeline-item.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-92254d32.js');
 const eventUtils = require('./event-utils-20e7b8b1.js');
 const animationUtils = require('./animation-utils-925ee0e0.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 const stzhTimelineItemCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--content-padding-bottom:var(--stzh-space-medium);--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--description-color:var(--stzh-color-black);--heading-margin-bottom:var(--stzh-space-medium);--button-color:var(--stzh-color-primary70);--button-background-color:transparent;--button-font-size:var(--stzh-timeline-nested-button-font-size, var(--stzh-font-milli-font-size));--button-line-height:var(--stzh-timeline-nested-button-line-height, var(--stzh-font-milli-heading-line-height));--button-letter-spacing:var(--stzh-timeline-nested-button-line-height, normal);--bullet-color:var(--stzh-color-primary70);--bullet-background-color:var(--stzh-color-grey20);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media screen and (min-width: 600px){:host{--button-font-size:var(--stzh-timeline-nested-button-font-size, var(--stzh-font-centi-font-size));--button-line-height:var(--stzh-timeline-nested-button-line-height, var(--stzh-font-centi-heading-line-height))}}:host(:where([is-foldable])){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-color-black);--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable])){--button-color:Highlight;--hover-button-color:Highlight}}:host(:where([open]:not([open=false]))){--heading-margin-bottom:0px}:host(:where([is-foldable][open]:not([open=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-primary70);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable][open]:not([open=false]))){--button-color:SelectedItem;--bullet-color:SelectedItem;--hover-button-color:SelectedItem;--hover-bullet-color:SelectedItem}}:host(:where([completed]:not([completed=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}:host(:where([is-foldable][open]:not([open=false]))){--hover-bullet-background-color:var(--stzh-color-secondary70)}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}.stzh-timeline-item{display:flex;flex-direction:column;}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall);align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__bullet{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);background-color:var(--hover-bullet-background-color)}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall);--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(--stzh-font-micro-heading-line-height);overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(--stzh-font-milli-heading-line-height)}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}";

package/dist/cjs/stzh-toast_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 const eventUtils = require('./event-utils-20e7b8b1.js');
 const animationUtils = require('./animation-utils-925ee0e0.js');
 const js_cookie = require('./js.cookie-b422ea10.js');

package/dist/cjs/stzh-toggle.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 const stzhInputDescription = require('./stzh-input-description-36e6c258.js');
 require('./string-utils-5dd70320.js');
 

package/dist/cjs/stzh-tooltip.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-92254d32.js');
 const arrow = require('./arrow-6893070b.js');
 const focusTrap_esm = require('./focus-trap.esm-db4a2d0d.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 const eventUtils = require('./event-utils-20e7b8b1.js');
 const animationUtils = require('./animation-utils-925ee0e0.js');
 require('./string-utils-5dd70320.js');

package/dist/cjs/stzh-twocolumns.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils = require('./utils-3e79835b.js');
+const utils = require('./utils-43e6c48e.js');
 require('./string-utils-5dd70320.js');
 
 const stzhTwocolumnsCss = ":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{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-twocolumns-grid-template-areas,\n    \"left left left left\"\n    \"right right right right\"\n  );--grid-template-columns:var(\n    --stzh-twocolumns-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      \"left left left left right right right right\"\n    );--grid-template-columns:var(\n      --stzh-twocolumns-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      \"left left left left right right right right\"\n    )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:\"image image image image\"\n    \"text text text text\";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}";

package/dist/cjs/stzh-upload.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-92254d32.js');
-const utils$2 = require('./utils-3e79835b.js');
+const utils$2 = require('./utils-43e6c48e.js');
 const stzhInputDescription = require('./stzh-input-description-36e6c258.js');
 const _commonjsHelpers = require('./_commonjsHelpers-dcc4cf71.js');
 require('./string-utils-5dd70320.js');
@@ -13327,6 +13327,7 @@ const StzhUpload = class {
     this.photographingConfig = undefined;
     this.photographingWebsocket = undefined;
     this.photographingToken = undefined;
+    this.hiddenInputFiles = [];
   }
   resetListener(event) {
     if (event.target.contains(this.element)) {
@@ -13675,7 +13676,7 @@ const StzhUpload = class {
       // Receives `event`
       drop: e => {
         var _a;
-        // Merge files in hidden input.
+        // Preserve files in hidden input when preventHiddenInputClear is true
         if (this.preventHiddenInputClear) {
           const hiddenFileInput = (_a = this.hiddenInputContainerElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
           const dataTransfer = new DataTransfer();
@@ -13693,6 +13694,7 @@ const StzhUpload = class {
       // Receives `file`
       // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L594
       async addedfile(file) {
+        var _a;
         file._id = previewCounter++;
         self.totalFilesState.push(file);
         let sessCheck = sessionStorage.getItem("totalFilesState");
@@ -13702,6 +13704,26 @@ const StzhUpload = class {
         else {
           sessionStorage.setItem("totalFilesState", JSON.stringify(self.totalFilesState));
         }
+        // Preserve files in hidden input when preventHiddenInputClear is true
+        if (self.preventHiddenInputClear) {
+          const hiddenFileInput = (_a = self.hiddenInputContainerElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+          if (hiddenFileInput) {
+            let fileAlreadyExists = false;
+            if (file instanceof File) {
+              fileAlreadyExists = self.hiddenInputFiles.some(existingFile => existingFile.name === file.name && existingFile.size === file.size);
+              if (!fileAlreadyExists) {
+                self.hiddenInputFiles.push(file);
+              }
+            }
+            if (self.hiddenInputFiles.length > 0) {
+              const dataTransfer = new DataTransfer();
+              self.hiddenInputFiles.forEach(trackedFile => {
+                dataTransfer.items.add(trackedFile);
+              });
+              hiddenFileInput.files = dataTransfer.files;
+            }
+          }
+        }
         if (self.preventDuplicateFileNames) {
           if (self.totalFilesState.length > 0) {
             self.duplicateDetected = false; // reset
@@ -13934,14 +13956,16 @@ const StzhUpload = class {
         sessionStorage.setItem("totalFilesState", JSON.stringify(this.totalFilesState));
       }
       if (this.preventHiddenInputClear) {
+        // Remove the file from our tracked array
+        this.hiddenInputFiles = this.hiddenInputFiles.filter(trackedFile => trackedFile.name !== file.name);
         const hiddenFileInput = (_a = this.hiddenInputContainerElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
-        const dataTransfer = new DataTransfer();
-        for (let i = 0; i < hiddenFileInput.files.length; i++) {
-          if (hiddenFileInput.files[i].name !== file.name) {
-            dataTransfer.items.add(hiddenFileInput.files[i]);
-          }
+        if (hiddenFileInput) {
+          const dataTransfer = new DataTransfer();
+          this.hiddenInputFiles.forEach(trackedFile => {
+            dataTransfer.items.add(trackedFile);
+          });
+          hiddenFileInput.files = dataTransfer.files;
         }
-        hiddenFileInput.files = dataTransfer.files;
       }
       return (this.stzhFileRemove.emit({
         component: "stzh-upload",