@oiz/stzh-components 2.7.0 → 2.8.0-beta

package/dist/stzh-components/{p-8d695d3e.system.entry.js → p-f65b5145.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,i){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function s(e){try{h(i.next(e))}catch(e){a(e)}}function n(e){try{h(i["throw"](e))}catch(e){a(e)}}function h(e){e.done?r(e.value):o(e.value).then(s,n)}h((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return h([e,t])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(r=0)),r)try{if(i=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:r.label++;return{value:n[1],done:false};case 5:r.label++;o=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){r.label=n[1];break}if(n[0]===6&&r.label<a[1]){r.label=a[1];a=n;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(n);break}if(a[2])r.ops.pop();r.trys.pop();continue}n=t.call(e,r)}catch(e){n=[6,e];o=0}finally{i=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js","./p-176db2fe.system.js"],(function(e){"use strict";var t,r,i,o,a,s,n,h,l;return{setters:[function(e){t=e.r;r=e.h;i=e.a;o=e.g},function(e){a=e.s;s=e.h},function(e){n=e.a;h=e.r;l=e.m}],execute:function(){var c=function(e){if(e){var t=function(e){return[].slice.call(e)},r=0,i=1,o=2,a=3,s=[],n=null,h="requestAnimationFrame"in e?function(){e.cancelAnimationFrame(n),n=e.requestAnimationFrame((function(){return c(s.filter((function(e){return e.dirty&&e.active})))}))}:function(){},l=function(e){return function(){s.forEach((function(t){return t.dirty=e})),h()}},c=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=d(e)})),e.filter(v).forEach(u);var t=e.filter(z);t.forEach(g),t.forEach((function(e){u(e),p(e)})),t.forEach(m)},p=function(e){return e.dirty=r},g=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?"normal":"nowrap"},z=function(e){return e.dirty!==o||e.dirty===o&&e.element.parentNode.clientWidth!==e.availableWidth},d=function(t){var r=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(r.getPropertyValue("font-size")),t.display=r.getPropertyValue("display"),t.whiteSpace=r.getPropertyValue("white-space"),!0},v=function(e){var t=!1;return!e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=!0,e.display="inline-block"),"nowrap"!==e.whiteSpace&&(t=!0,e.whiteSpace="nowrap"),e.preStyleTestCompleted=!0,t)},u=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+"px"},m=function(e){e.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}))},f=function(e,t){return function(){e.dirty=t,e.active&&h()}},b=function(e){return function(){s=s.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize}},x=function(e){return function(){e.active||(e.active=!0,h())}},_=function(e){return function(){return e.active=!1}},y=function(e){e.observeMutations&&(e.observer=new MutationObserver(f(e,i)),e.observer.observe(e.element,e.observeMutations))},w={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in e&&{subtree:!0,childList:!0,characterData:!0}},k=null,S=function(){e.clearTimeout(k),k=e.setTimeout(l(o),W.observeWindowDelay)},F=["resize","orientationchange"];return Object.defineProperty(W,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");F.forEach((function(t){e[r](t,S)}))}}),W.observeWindow=!0,W.observeWindowDelay=100,W.fitAll=l(a),W}function E(e,t){var r=Object.assign({},w,t),i=e.map((function(e){var t=Object.assign({},r,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},y(e),e.newbie=!0,e.dirty=!0,s.push(e)}(t),{element:e,fit:f(t,a),unfreeze:x(t),freeze:_(t),unsubscribe:b(t)}}));return h(),i}function W(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e?E(t(document.querySelectorAll(e)),r):E([e],r)[0]}}("undefined"==typeof window?null:window);var p=".sc-stzh-pagetitle-hero-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-hero-h{display:none}.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::before,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>img[slot=image],.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>[slot=image] img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter]{--color:var(--stzh-base-invert-color);--border-color:var(--stzh-base-invert-color);--remove-color:var(--stzh-base-invert-color);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white56);--icon-color:var(--stzh-base-invert-color);--hover-color:var(--stzh-base-invert-color);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-base-invert-color16);--hover-remove-color:var(--stzh-base-invert-color);--hover-remove-background-color:var(--stzh-base-invert-color16);--hover-counter-color:var(--stzh-base-invert-color);--hover-icon-color:var(--stzh-base-invert-color)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][non-interactive]:not([non-interactive=false]){--hover-color:var(--color);--hover-border-color:var(--border-color);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][active]:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:transparent;--remove-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-base-invert-color);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-primary60op);--hover-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-border-color:transparent;--hover-background-color:var(--stzh-base-invert-color72);--hover-remove-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-remove-background-color:var(--stzh-base-invert-color16);--hover-icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-counter-color:var(--stzh-color-primary60op)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][disabled]:not([disabled=false]){--color:var(--stzh-base-invert-color32);--border-color:var(--stzh-base-invert-color32);--remove-color:var(--stzh-base-invert-color32);--background-color:transparent;--icon-color:var(--stzh-base-invert-color32);--counter-color:var(--stzh-base-invert-color16);--hover-color:var(--stzh-base-invert-color32);--hover-border-color:var(--stzh-base-invert-color32);--hover-background-color:transparent;--hover-remove-color:var(--stzh-base-invert-color32);--hover-remove-background-color:transparent;--hover-icon-color:var(--stzh-base-invert-color32);--hover-counter-color:var(--stzh-base-invert-color16)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag]:not(:last-child){margin-right:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{position:absolute;left:0;top:0}}@media screen and (max-width: 1023px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero:not(:empty){margin:var(--stzh-space-xlarge) 0}}.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));padding:var(--stzh-space-xxxlarge) var(--stzh-space-xlarge);margin-top:calc(var(--stzh-space-xxxlarge) * -1)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xxxxlarge) var(--stzh-space-xxlarge);margin-top:calc(var(--stzh-space-big) * -1)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin:var(--stzh-space-big) 0;width:50%;margin-left:-8.3333333333%}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xbig)}}.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-white);margin:0;font-size:1.875rem;line-height:1.107;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:normal;word-break:normal;word-break:break-word}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-size:2.8125rem}}.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);margin-top:var(--stzh-space-xlarge);color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxxlarge);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 600px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row;flex-direction:row}}.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{position:relative;-ms-flex-negative:0;flex-shrink:0;background-color:var(--stzh-color-grey5);margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{width:58.3333333333%;margin-left:0;margin-right:0}}.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{position:relative;width:100%;height:0;padding-bottom:75%}@media screen and (min-width: 600px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:56.25%}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:75%}}.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin:0 auto;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge);max-width:66.6666666667%}}.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin-right:-8.3333333333%}}.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:column;flex-direction:column;margin-top:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{width:100%;margin:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge);position:static}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxlarge)}}";var g=e("stzh_pagetitle_hero",function(){function e(e){var r=this;t(this,e);this.init=function(){var e=r.element.querySelector('stzh-link[slot="back-link"], [slot="back-link"] stzh-link');var t=r.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var i=r.element.querySelectorAll('stzh-chip[slot="tag"], [slot="tag"] stzh-chip');if(e){a(e,{icon:"arrow-left-circle"})}t.forEach((function(e){a(e,{lead:true})}));i.forEach((function(e){a(e,{role:"listitem"})}))};this.reinitFitty=function(){r.destroyFitty();var e=l("small").matches;r.fitty=c(r.mainTitleElement,{minSize:e?45:32,maxSize:e?96:64})};this.heading="";this.leadAuthor="";this.subtitle=""}e.prototype.destroyFitty=function(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}};e.prototype.componentWillUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.destroyFitty();return[2]}))}))};e.prototype.componentDidRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.fitty){return[2]}this.reinitFitty();return[2]}))}))};e.prototype.connectedCallback=function(){this.init();n(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}h(this.reinitFitty);this.destroyFitty()};e.prototype.render=function(){var e=this;var t=s(this.element,"image");var o=s(this.element,"lead");var a=s(this.element,"back-link");var n={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!t,"stzh-pagetitle-hero--has-no-lead":!o,"stzh-pagetitle-hero--has-back-link":a};return r(i,null,r("div",{class:n},r("div",{class:"stzh-pagetitle-hero__header"},r("div",{class:"stzh-pagetitle-hero__back-link"},r("slot",{name:"back-link"})),r("div",{class:"stzh-pagetitle-hero__image-wrapper"},r("div",{class:"stzh-pagetitle-hero__image-ratio"}),r("slot",{name:"image"})),r("div",{class:"stzh-pagetitle-hero__title-wrapper"},r("div",{class:"stzh-pagetitle-hero__tags",role:"list"},r("slot",{name:"tag"})),r("div",{class:"stzh-pagetitle-hero__title-parent"},r("h1",{ref:function(t){return e.mainTitleElement=t},class:"stzh-pagetitle-hero__title"},this.heading)),this.subtitle&&r("div",{class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),r("div",{class:"stzh-pagetitle-hero__lead"},r("slot",{name:"lead"}),r("div",{class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());g.style=p}}}));
-//# sourceMappingURL=p-8d695d3e.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,r,i){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function s(e){try{h(i.next(e))}catch(e){a(e)}}function n(e){try{h(i["throw"](e))}catch(e){a(e)}}function h(e){e.done?r(e.value):o(e.value).then(s,n)}h((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return h([e,t])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(r=0)),r)try{if(i=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:r.label++;return{value:n[1],done:false};case 5:r.label++;o=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){r.label=n[1];break}if(n[0]===6&&r.label<a[1]){r.label=a[1];a=n;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(n);break}if(a[2])r.ops.pop();r.trys.pop();continue}n=t.call(e,r)}catch(e){n=[6,e];o=0}finally{i=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-22a2f4c1.system.js","./p-176db2fe.system.js"],(function(e){"use strict";var t,r,i,o,a,s,n,h,l;return{setters:[function(e){t=e.r;r=e.h;i=e.a;o=e.g},function(e){a=e.s;s=e.h},function(e){n=e.a;h=e.r;l=e.m}],execute:function(){var c=function(e){if(e){var t=function(e){return[].slice.call(e)},r=0,i=1,o=2,a=3,s=[],n=null,h="requestAnimationFrame"in e?function(){e.cancelAnimationFrame(n),n=e.requestAnimationFrame((function(){return c(s.filter((function(e){return e.dirty&&e.active})))}))}:function(){},l=function(e){return function(){s.forEach((function(t){return t.dirty=e})),h()}},c=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=d(e)})),e.filter(v).forEach(u);var t=e.filter(z);t.forEach(g),t.forEach((function(e){u(e),p(e)})),t.forEach(m)},p=function(e){return e.dirty=r},g=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?"normal":"nowrap"},z=function(e){return e.dirty!==o||e.dirty===o&&e.element.parentNode.clientWidth!==e.availableWidth},d=function(t){var r=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(r.getPropertyValue("font-size")),t.display=r.getPropertyValue("display"),t.whiteSpace=r.getPropertyValue("white-space"),!0},v=function(e){var t=!1;return!e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=!0,e.display="inline-block"),"nowrap"!==e.whiteSpace&&(t=!0,e.whiteSpace="nowrap"),e.preStyleTestCompleted=!0,t)},u=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+"px"},m=function(e){e.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}))},f=function(e,t){return function(){e.dirty=t,e.active&&h()}},b=function(e){return function(){s=s.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize}},x=function(e){return function(){e.active||(e.active=!0,h())}},_=function(e){return function(){return e.active=!1}},y=function(e){e.observeMutations&&(e.observer=new MutationObserver(f(e,i)),e.observer.observe(e.element,e.observeMutations))},w={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in e&&{subtree:!0,childList:!0,characterData:!0}},k=null,S=function(){e.clearTimeout(k),k=e.setTimeout(l(o),W.observeWindowDelay)},F=["resize","orientationchange"];return Object.defineProperty(W,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");F.forEach((function(t){e[r](t,S)}))}}),W.observeWindow=!0,W.observeWindowDelay=100,W.fitAll=l(a),W}function E(e,t){var r=Object.assign({},w,t),i=e.map((function(e){var t=Object.assign({},r,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},y(e),e.newbie=!0,e.dirty=!0,s.push(e)}(t),{element:e,fit:f(t,a),unfreeze:x(t),freeze:_(t),unsubscribe:b(t)}}));return h(),i}function W(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e?E(t(document.querySelectorAll(e)),r):E([e],r)[0]}}("undefined"==typeof window?null:window);var p=".sc-stzh-pagetitle-hero-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-hero-h{display:none}.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::before,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>img[slot=image],.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>[slot=image] img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter]{--color:var(--stzh-base-invert-color);--border-color:var(--stzh-base-invert-color);--remove-color:var(--stzh-base-invert-color);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white56);--icon-color:var(--stzh-base-invert-color);--hover-color:var(--stzh-base-invert-color);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-base-invert-color16);--hover-remove-color:var(--stzh-base-invert-color);--hover-remove-background-color:var(--stzh-base-invert-color16);--hover-counter-color:var(--stzh-base-invert-color);--hover-icon-color:var(--stzh-base-invert-color)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][non-interactive]:not([non-interactive=false]){--hover-color:var(--color);--hover-border-color:var(--border-color);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][active]:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:transparent;--remove-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-base-invert-color);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-primary60op);--hover-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-border-color:transparent;--hover-background-color:var(--stzh-base-invert-color72);--hover-remove-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-remove-background-color:var(--stzh-base-invert-color16);--hover-icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-counter-color:var(--stzh-color-primary60op)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][disabled]:not([disabled=false]){--color:var(--stzh-base-invert-color32);--border-color:var(--stzh-base-invert-color32);--remove-color:var(--stzh-base-invert-color32);--background-color:transparent;--icon-color:var(--stzh-base-invert-color32);--counter-color:var(--stzh-base-invert-color16);--hover-color:var(--stzh-base-invert-color32);--hover-border-color:var(--stzh-base-invert-color32);--hover-background-color:transparent;--hover-remove-color:var(--stzh-base-invert-color32);--hover-remove-background-color:transparent;--hover-icon-color:var(--stzh-base-invert-color32);--hover-counter-color:var(--stzh-base-invert-color16)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag]:not(:last-child){margin-right:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{position:absolute;left:0;top:0}}@media screen and (max-width: 1023px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero:not(:empty){margin:var(--stzh-space-xlarge) 0}}.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));padding:var(--stzh-space-xxxlarge) var(--stzh-space-xlarge);margin-top:calc(var(--stzh-space-xxxlarge) * -1)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xxxxlarge) var(--stzh-space-xxlarge);margin-top:calc(var(--stzh-space-big) * -1)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin:var(--stzh-space-big) 0;width:50%;margin-left:-8.3333333333%}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xbig)}}.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-white);margin:0;font-size:1.875rem;line-height:1.107;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:normal;word-break:normal;word-break:break-word}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-size:2.8125rem}}.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);margin-top:var(--stzh-space-xlarge);color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxxlarge);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 600px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row;flex-direction:row}}.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{position:relative;-ms-flex-negative:0;flex-shrink:0;background-color:var(--stzh-color-grey5);margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{width:58.3333333333%;margin-left:0;margin-right:0}}.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{position:relative;width:100%;height:0;padding-bottom:75%}@media screen and (min-width: 600px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:56.25%}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:75%}}.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin:0 auto;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge);max-width:66.6666666667%}}.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin-right:-8.3333333333%}}.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:column;flex-direction:column;margin-top:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{width:100%;margin:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge);position:static}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxlarge)}}";var g=e("stzh_pagetitle_hero",function(){function e(e){var r=this;t(this,e);this.init=function(){var e=r.element.querySelector('stzh-link[slot="back-link"], [slot="back-link"] stzh-link');var t=r.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var i=r.element.querySelectorAll('stzh-chip[slot="tag"], [slot="tag"] stzh-chip');if(e){a(e,{icon:"arrow-left-circle"})}t.forEach((function(e){a(e,{lead:true})}));i.forEach((function(e){a(e,{role:"listitem"})}))};this.reinitFitty=function(){r.destroyFitty();var e=l("small").matches;r.fitty=c(r.mainTitleElement,{minSize:e?45:32,maxSize:e?96:64})};this.heading="";this.leadAuthor="";this.subtitle=""}e.prototype.destroyFitty=function(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}};e.prototype.componentWillUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.destroyFitty();return[2]}))}))};e.prototype.componentDidRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.fitty){return[2]}this.reinitFitty();return[2]}))}))};e.prototype.connectedCallback=function(){this.init();n(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}h(this.reinitFitty);this.destroyFitty()};e.prototype.render=function(){var e=this;var t=s(this.element,"image");var o=s(this.element,"lead");var a=s(this.element,"back-link");var n={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!t,"stzh-pagetitle-hero--has-no-lead":!o,"stzh-pagetitle-hero--has-back-link":a};return r(i,null,r("div",{class:n},r("div",{class:"stzh-pagetitle-hero__header"},r("div",{class:"stzh-pagetitle-hero__back-link"},r("slot",{name:"back-link"})),r("div",{class:"stzh-pagetitle-hero__image-wrapper"},r("div",{class:"stzh-pagetitle-hero__image-ratio"}),r("slot",{name:"image"})),r("div",{class:"stzh-pagetitle-hero__title-wrapper"},r("div",{class:"stzh-pagetitle-hero__tags",role:"list"},r("slot",{name:"tag"})),r("div",{class:"stzh-pagetitle-hero__title-parent"},r("h1",{ref:function(t){return e.mainTitleElement=t},class:"stzh-pagetitle-hero__title"},this.heading)),this.subtitle&&r("div",{class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),r("div",{class:"stzh-pagetitle-hero__lead"},r("slot",{name:"lead"}),r("div",{class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());g.style=p}}}));
+//# sourceMappingURL=p-f65b5145.system.entry.js.map

package/dist/stzh-components/{p-b82351f0.system.entry.js → p-f665752d.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js"],(function(e){"use strict";var s,r,t,n,i;return{setters:[function(e){s=e.r;r=e.h;t=e.a;n=e.g},function(e){i=e.s}],execute:function(){var o=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker .rsbtn_play{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";var a=e("stzh_readspeaker",function(){function e(e){var r=this;s(this,e);this.onLinkClick=function(){r.readspeakerLink.click()};this.init=function(){r.addClickEvents();var e=r.element.querySelectorAll("stzh-link, stzh-button");e.forEach((function(e){e.addEventListener("click",r.onLinkClick);i(e,{icon:"volume-medium"})}))};this.href=undefined;this.eventId=undefined}e.prototype.addClickEvents=function(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}};e.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};e.prototype.render=function(){var e=this;var s={"stzh-readspeaker":true};return r(t,null,r("div",{class:s},r("slot",null),r("div",{class:"rs_skip rsbtn_classic rs_preserve right"},r("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:function(s){return e.readspeakerLink=s}},r("span",{class:"rsbtn_text"},r("span",null,"readspeakerlink"))))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=o}}}));
-//# sourceMappingURL=p-b82351f0.system.entry.js.map
+System.register(["./p-7b184ebb.system.js","./p-22a2f4c1.system.js"],(function(e){"use strict";var s,r,t,n,i;return{setters:[function(e){s=e.r;r=e.h;t=e.a;n=e.g},function(e){i=e.s}],execute:function(){var o=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker .rsbtn_play{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";var a=e("stzh_readspeaker",function(){function e(e){var r=this;s(this,e);this.onLinkClick=function(){r.readspeakerLink.click()};this.init=function(){r.addClickEvents();var e=r.element.querySelectorAll("stzh-link, stzh-button");e.forEach((function(e){e.addEventListener("click",r.onLinkClick);i(e,{icon:"volume-medium"})}))};this.href=undefined;this.eventId=undefined}e.prototype.addClickEvents=function(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}};e.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};e.prototype.render=function(){var e=this;var s={"stzh-readspeaker":true};return r(t,null,r("div",{class:s},r("slot",null),r("div",{class:"rs_skip rsbtn_classic rs_preserve right"},r("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:function(s){return e.readspeakerLink=s}},r("span",{class:"rsbtn_text"},r("span",null,"readspeakerlink"))))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=o}}}));
+//# sourceMappingURL=p-f665752d.system.entry.js.map

package/dist/stzh-components/p-f879bc5a.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-7b184ebb.system.js"],(function(t){"use strict";var e,s,l;return{setters:[function(t){e=t.r;s=t.h;l=t.a}],execute:function(){var n=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host{width:100%}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2);}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}.stzh-row--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-row--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-row--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-row--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-row--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-row--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-row--items-center{-ms-flex-align:center;align-items:center}.stzh-row--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-row--items-stretch{-ms-flex-align:stretch;align-items:stretch}.stzh-row--content-end{-ms-flex-line-pack:end;align-content:flex-end}.stzh-row--content-center{-ms-flex-line-pack:center;align-content:center}.stzh-row--content-between{-ms-flex-line-pack:justify;align-content:space-between}.stzh-row--content-around{-ms-flex-line-pack:distribute;align-content:space-around}.stzh-row--content-evenly{-ms-flex-line-pack:space-evenly;align-content:space-evenly}';var a=t("stzh_row",function(){function t(t){e(this,t);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justify="start";this.items="start";this.content="start"}t.prototype.render=function(){var t;return s(l,null,s("div",{class:(t={"stzh-row":true},t["stzh-row--justify-".concat(this.justify)]=!!this.justify,t["stzh-row--items-".concat(this.items)]=!!this.items,t["stzh-row--content-".concat(this.content)]=!!this.content,t)},s("slot",null)))};return t}());a.style=n}}}));
+//# sourceMappingURL=p-f879bc5a.system.entry.js.map

package/dist/stzh-components/p-f879bc5a.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhRowCss","StzhRow","exports","class_1","prototype","render","h","Host","class","_a","concat","this","justify","items","content"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n  width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span])) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-row {\n  display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n  margin-left: calc(#{$gridGutter} / -2);\n  margin-right: calc(#{$gridGutter} / -2);\n\n  @include mq($from: small) {\n    margin-left: calc(#{$gridGutterSmall} / -2);\n    margin-right: calc(#{$gridGutterSmall} / -2);\n  }\n\n  @include mq($from: medium) {\n    margin-left: calc(#{$gridGutterMedium} / -2);\n    margin-right: calc(#{$gridGutterMedium} / -2);\n  }\n\n  /* Justify content variants */\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n\n  /* Align content variants */\n\n  &--content-end {\n    align-content: flex-end;\n  }\n\n  &--content-center {\n    align-content: center;\n  }\n\n  &--content-between {\n    align-content: space-between;\n  }\n\n  &--content-around {\n    align-content: space-around;\n  }\n\n  &--content-evenly {\n    align-content: space-evenly;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAa,g8U,ICiBNC,EAAOC,EAAA,sB,kCAEK,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,aAGuB,Q,WAGJ,Q,aAGI,O,CAEnDC,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,WAAY,MACZA,EAAC,qBAAAC,OAAqBC,KAAKC,YAAcD,KAAKC,QAC9CH,EAAC,mBAAAC,OAAmBC,KAAKE,UAAYF,KAAKE,MAC1CJ,EAAC,qBAAAC,OAAqBC,KAAKG,YAAcH,KAAKG,Q,IAGhDR,EAAA,c,WAhCU,I"}

package/dist/stzh-components/{p-c3b260a1.entry.js → p-fb12ec57.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as s,h as i,a as e,g as n}from"./p-9e02896c.js";import{h as r}from"./p-5c697491.js";import{f as h}from"./p-25a09313.js";
+import{r as t,c as s,h as i,a as e,g as n}from"./p-9e02896c.js";import{h as r}from"./p-fc339100.js";import{f as h}from"./p-25a09313.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -29,4 +29,4 @@ import{r as t,c as s,h as i,a as e,g as n}from"./p-9e02896c.js";import{h as r}fr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */}function ai(t){return hi({...t,state:!0})}var oi=Symbol("@vidstack/media-provider-discovery");var li=class extends ei{constructor(){super();this._disconnectDisposal=new J;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new Yt;this._store=Ms();this._state=rs(this._store);this.connectedQueue=Kt(this);this.mediaQueue=new Yt;this.screenOrientationController=new Xt(this);this.fullscreenController=new jt(this,this.screenOrientationController);zt(this,"vds-media-provider-connect",{register:oi});const t=Ht(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(dt(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(Q("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){fs((()=>{this.startLoadingMedia()}))}}render(){return S`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();as((()=>{as((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(Q("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const i=Nt(0,t,1);if(s!==i){this._setVolume(i);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(Q("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(Q("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(Q("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(Q("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(Q("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(Q("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(Q("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(Q("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(Q("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Ms();this._state=rs(this._store);if(this._controller){ns(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Os([hi({type:Number})],li.prototype,"volume",1);Os([hi({type:Boolean})],li.prototype,"paused",1);Os([hi({type:Number})],li.prototype,"currentTime",1);Os([hi({type:Boolean})],li.prototype,"muted",1);Os([hi()],li.prototype,"poster",1);Os([hi({type:Boolean})],li.prototype,"loop",1);Os([hi({type:Boolean})],li.prototype,"controls",1);Os([ai()],li.prototype,"canLoadPoster",2);Os([hi({attribute:"loading"})],li.prototype,"loading",2);Os([hi({type:Boolean})],li.prototype,"autoplay",1);Os([hi({attribute:"log-level"})],li.prototype,"logLevel",1);Os([hi({attribute:"idle-delay",type:Number})],li.prototype,"idleDelay",1);Os([hi({attribute:"fullscreen-orientation"})],li.prototype,"fullscreenOrientation",1);var ui=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new J;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=X(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(Q("vds-user-idle-change",{detail:t}));this._idle=t}}};var di=class{constructor(t){this._host=t;this._disconnectDisposal=new J;this.providerQueue=new Yt;this.providerDisposal=new J;this._logController=void 0;this._logger=void 0;this._providerContext=zs.provide(this._host);this._mediaStoreProvider=Fs.provide(this._host);this.state=rs(this._store);this._userIdleController=new ui(this._host,this._store);this._handleIdleChange=Z(this._host,"vds-user-idle-change",(t=>{this._store.userIdle.set(t.detail);this._satisfyMediaRequest("userIdle",t)}));this._pendingMediaRequests={loading:[],play:[],pause:[],volume:[],fullscreen:[],seeked:[],seeking:[],userIdle:[]};this._handleStartLoadingRequest=Z(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=Z(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=Z(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=Z(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=Z(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=Z(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=Z(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=Z(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=Z(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=Z(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=Z(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=Z(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=Z(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=Z(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=Z(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(Q("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=Z(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(Q("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=Y((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=H((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=Q("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;wt(t,oi,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!ct(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);ns(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(ct(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);Ps(this._store);this._store.viewType.set("unknown")}_flushMediaProviderConnectedQueue(){this.providerQueue.start();this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Jt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();if(i){s.requestEvent=i;st(s,i)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return i=>{if(!this._mediaRequestEventGateway(i))return;if(this._provider){s(i);return}this.providerQueue.queue(t,(()=>{s(i)}))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Jt(t)){const i=t[s].bind(this);this.providerDisposal.add(X(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);st(t,this._findLastMediaEvent("vds-src-change"));st(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);st(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);st(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){st(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);st(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);st(t,this._findLastMediaEvent("vds-play"));st(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){st(t,this._findLastMediaEvent("vds-play-fail"));st(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);st(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=Q("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();st(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){st(t,this._findLastMediaEvent("vds-waiting"));st(t,s)}else{st(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(Q("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}st(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s);this._store.played.set(i);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);st(t,this._findLastMediaEvent("vds-waiting"));st(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Ts(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail;const e=s.length===0?0:s.end(s.length-1);const n=i.length===0?0:i.end(i.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(e);this._store.seekable.set(i);this._store.seekableAmount.set(n)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var ci=class{constructor(t,s,i){this._host=t;this._store=s;this._mediaProps=i;this._disposal=new J;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){fs((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t);const e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return gs(t)}};var fi=class extends ci{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{ls(this._host,s,vt(i)||ft(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function vi(...t){return new fi(...t)}var pi=class extends ci{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),vt(i)||ft(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function gi(...t){return new pi(...t)}var mi=Symbol("@vidstack/media-discovery");var yi=class extends ei{constructor(){super();this.controller=new di(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new Xt(this);this.fullscreenController=new jt(this,this.screenOrientationController);zt(this,"vds-media-connect",{register:mi});As(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));As(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));As(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Is`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){ls(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return S`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){vi(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){gi(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return Et&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Os([ai()],yi.prototype,"__mediaFullscreen",2);Os([ai()],yi.prototype,"__mediaIsVideoView",2);Os([ai()],yi.prototype,"__mediaPlaysinline",2);Os([hi({attribute:"fullscreen-orientation"})],yi.prototype,"fullscreenOrientation",1);os("vds-media",yi);var _i=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var bi=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function wi(t){if(_i.test(t))return"audio";if(bi.test(t))return"video";return"unknown"}var zi=class extends li{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new J;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(ft(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!dt(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(dt(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(Q("vds-time-update",{detail:{currentTime:Math.min(t,this.mediaElement?.duration??0),played:this.mediaElement.played},triggerEvent:s}))}handleDefaultSlotChange(){this._handleMediaElementDisconnect();this._handleMediaElementConnect()}get _canMediaElementConnect(){return this.canLoad&&!ct(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=cs(this)[0];const s=t?.tagName??"";if(!/^(audio|video)$/i.test(s));this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");ls(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(Q("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));if(this._hasMediaElementConnected&&false){this._logger?.infoGroup("Media element disconnected").labelledLog("Media Element",this.mediaElement).dispatch()}this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(Q("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!hs(s,t)){this.dispatchEvent(Q("vds-src-change",{detail:t}))}}_getMediaSources(){const t=[this.mediaElement?.src,...Array.from(this.mediaElement?.querySelectorAll("source")??[]).map((t=>t.src))].filter(Boolean);return Array.from(new Set(t))}_getMediaMetadata(){return{src:this.state.src,currentSrc:this.mediaElement.currentSrc,duration:this.mediaElement.duration||0,poster:this.mediaElement.poster,mediaType:this._getMediaType(),viewType:this.state.viewType}}_attachMediaEventListeners(){if(ct(this.mediaElement))return;const t={abort:this._handleAbort,canplay:this._handleCanPlay,canplaythrough:this._handleCanPlayThrough,durationchange:this._handleDurationChange,emptied:this._handleEmptied,ended:this._handleEnded,error:this._handleError,loadeddata:this._handleLoadedData,loadedmetadata:this._handleLoadedMetadata,loadstart:this._handleLoadStart,pause:this._handlePause,play:this._handlePlay,playing:this._handlePlaying,progress:this._handleProgress,ratechange:this._handleRateChange,seeked:this._handleSeeked,seeking:this._handleSeeking,stalled:this._handleStalled,suspend:this._handleSuspend,volumechange:this._handleVolumeChange,waiting:this._handleWaiting};Jt(t).forEach((s=>{const i=t[s].bind(this);const e=X(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(Q("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(Q("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(Q("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(Q("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(Q("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(Q("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(Q("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(Q("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=Q("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(Q("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=Q("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(Q("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(Q("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(Q("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=Q("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&Rt(this.mediaElement.duration)>Rt(i)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(Q("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(Q("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(Q("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(Q("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=Q("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=Q("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(Q("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=ct(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(Q("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(Q("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=Q("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return wi(this.state.currentSrc)}};Os([hi()],zi.prototype,"preload",2);var ki=class extends zi{static get styles(){return[Is`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(Q("vds-view-type-change",{detail:"audio"}))}};os("vds-audio",ki);var xi=Is`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Ei=class extends ei{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=Z(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});It(this);["pointerup","keydown"].forEach((t=>{Z(this,t,(t=>{if(this.disabled||vs(t)&&!ps(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[xi]}static get parts(){return[]}connectedCallback(){super.connectedCallback();us(this,"tabindex","0");us(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){ls(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return S`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Os([hi({type:Boolean})],Ei.prototype,"pressed",2);Os([hi({type:Boolean,reflect:true})],Ei.prototype,"disabled",2);var Ci=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=Kt(t)}else{this._requests=new Yt}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=Q(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(i)}))}_createLogger(t){}};var Si=class extends Ei{constructor(){super();this._mediaRemote=new Ci(this);As(this,"paused",(t=>{this.pressed=!t;ls(this,"paused",t)}))}connectedCallback(){super.connectedCallback();us(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};os("vds-play-button",Si);var Mi=class extends Ei{constructor(){super();this._mediaRemote=new Ci(this);this._volume=1;this._muted=false;As(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));As(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();us(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;ls(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};os("vds-mute-button",Mi);function $i(){const t=ts(false);const s=ts(false);return{value:ts(50),pointerValue:ts(0),min:ts(0),max:ts(100),dragging:t,pointing:s,interactive:ss([t,s],(([t,s])=>t||s))}}var Ti=ht($i);var Pi=Is`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Fi=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Fi||{});var Ai=class extends ei{constructor(){super();this._sliderStoreProvider=Ti.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Ci(this);this._disconnectDisposal=new J;this._handlePointerEnter=Z(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=Z(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=Z(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=Z(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=Z(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;const e=Object.keys(Fi).includes(s);if(!e)return;const n=!i?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const r=Number(Fi[s]);const h=n*r;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=Z(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=Z(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=ws((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=Z(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=Z(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=Z(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=ws((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(Q("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=ws((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(Q(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));It(this)}static get styles(){return[Pi]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return is(this.store.min)}set min(t){this.store.min.set(t)}get max(){return is(this.store.max)}set max(t){this.store.max.set(t)}get step(){return this._step}set step(t){this._step=t}get keyboardStep(){return this._keyboardStep}set keyboardStep(t){this._keyboardStep=t}get isDragging(){return is(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return is(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{ls(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");ls(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){ds(this,"fill-value",`${this.value}`);ds(this,"fill-rate",`${this.fillRate}`);ds(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){ds(this,"pointer-value",`${this.pointerValue}`);ds(this,"pointer-rate",`${this.pointerRate}`);ds(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return S`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return S`<slot></slot>`}_setupAriaAttrs(){us(this,"role","slider");us(this,"tabindex","0");us(this,"aria-orientation","horizontal");us(this,"autocomplete","off")}_updateAriaValueAttrs(){this.setAttribute("aria-valuemin",this._getValueMin());this.setAttribute("aria-valuenow",this._getValueNow());this.setAttribute("aria-valuemax",this._getValueMax());this.setAttribute("aria-valuetext",this._getValueText())}_getValueMin(){return String(this.min)}_getValueNow(){return String(this.value)}_getValueMax(){return String(this.max)}_getValueText(){return`${Vt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(Q("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(Q("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return Nt(this.min,Vt(t,Rt(this.step)),this.max)}_getValueFromRate(t){const s=Nt(0,t,1);const i=this.max-this.min;const e=i*s;const n=Math.round(e/this.step);const r=this.step*n;return this.min+r}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:i,width:e}=this.getBoundingClientRect();const n=(s-i)/e;return this._getValueFromRate(n)}};Os([hi({type:Number})],Ai.prototype,"min",1);Os([hi({type:Number})],Ai.prototype,"max",1);Os([hi({reflect:true,type:Boolean})],Ai.prototype,"disabled",2);Os([hi({type:Number})],Ai.prototype,"value",2);Os([hi({type:Number})],Ai.prototype,"step",1);Os([hi({attribute:"keyboard-step",type:Number})],Ai.prototype,"keyboardStep",1);Os([hi({attribute:"shift-key-multiplier",type:Number})],Ai.prototype,"shiftKeyMultiplier",2);Os([hi({type:Boolean,attribute:"custom-value-text"})],Ai.prototype,"customValueText",2);var Di=Is``;var qi=class extends Ai{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=Z(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=Z(this,"vds-slider-value-change",(t=>{if(vs(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=Z(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=Z(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=Y((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;As(this,"currentTime",(t=>{this.value=t}));As(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));As(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Di]}connectedCallback(){super.connectedCallback();us(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",bs(this.value)).replace("{duration}",bs(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Os([hi({attribute:false,state:true})],qi.prototype,"value",2);Os([hi({attribute:false})],qi.prototype,"min",1);Os([hi({attribute:false})],qi.prototype,"max",1);Os([hi({attribute:"value-text"})],qi.prototype,"valueText",2);Os([hi({attribute:"pause-while-dragging",type:Boolean})],qi.prototype,"pauseWhileDragging",2);Os([hi({attribute:"seeking-request-throttle",type:Number})],qi.prototype,"seekingRequestThrottle",2);Os([ai()],qi.prototype,"__mediaDuration",2);Os([ai()],qi.prototype,"__mediaPaused",2);os("vds-time-slider",qi);var Oi=class extends Ai{constructor(){super();this.value=100;this._handleSliderValueChange=Z(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=Z(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));As(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();us(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const i=Vt(s/100,3);this._mediaRemote.changeVolume(i,t)}};Os([hi({attribute:false})],Oi.prototype,"min",1);Os([hi({attribute:false})],Oi.prototype,"max",1);Os([hi({attribute:false,state:true})],Oi.prototype,"value",2);os("vds-volume-slider",Oi);var Li=class extends ei{constructor(){super(...arguments);this._disposal=new J;this._sliderStoreConsumer=Ti.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Is`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return S`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const i=s.subscribe((t=>{this.__value=t}));this._disposal.add(i)}_createPercentStore(t){return ss([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>{const e=i-s;return t/e*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Vt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return _s(this.__value,this.padHours,this.showHours)}};Os([ai()],Li.prototype,"__value",2);Os([hi()],Li.prototype,"type",2);Os([hi()],Li.prototype,"format",2);Os([hi({attribute:"show-hours",type:Boolean})],Li.prototype,"showHours",2);Os([hi({attribute:"pad-hours",type:Boolean})],Li.prototype,"padHours",2);Os([hi({attribute:"decimal-places",type:Number})],Li.prototype,"decimalPlaces",2);os("vds-slider-value-text",Li);var Vi=class extends ei{constructor(){super(...arguments);this._disposal=new J;this._mediaStoreConsumer=Fs.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Is`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return S`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return ss([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return _s(this.__seconds,this.padHours,this.showHours)}};Os([ai()],Vi.prototype,"__seconds",2);Os([hi()],Vi.prototype,"type",2);Os([hi({attribute:"show-hours",type:Boolean})],Vi.prototype,"showHours",2);Os([hi({attribute:"pad-hours",type:Boolean})],Vi.prototype,"padHours",2);Os([hi({type:Boolean})],Vi.prototype,"remainder",2);os("vds-time",Vi);const Ni=".sc-stzh-audio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-audio__controls-top.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{border:0.0625rem solid var(--stzh-base-border-color);padding:var(--stzh-space-medium) var(--stzh-space-xlarge)}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}.stzh-audio__button.sc-stzh-audio{width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color;transition-property:color, background-color;color:var(--stzh-color-grey55)}.stzh-audio__button.is-play.sc-stzh-audio,.stzh-audio__button.is-mute.sc-stzh-audio,.stzh-audio__button.is-transcript.sc-stzh-audio{margin-right:var(--stzh-space-xsmall)}.stzh-audio__button.is-active.sc-stzh-audio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__transcript.sc-stzh-audio{border-top:none}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));display:-ms-inline-flexbox;display:inline-flex;margin-right:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (max-width: 599px){.stzh-audio__time.sc-stzh-audio{margin-right:auto}}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1.1875rem;--thumb-width:0.8125rem;--track-height:0.3125rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-audio__slider.is-time.sc-stzh-audio{-ms-flex-positive:1;flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{width:20%;min-width:5rem;max-width:6.875rem;display:none}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:-ms-flexbox;display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0.25rem;background-color:var(--stzh-color-grey25)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider-thumb-container.sc-stzh-audio{position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);-webkit-box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:var(--width);top:var(--top);left:var(--left);width:var(--width);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-white)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-audio__media-preview-container.sc-stzh-audio{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}";const Ri=class{constructor(i){t(this,i);this.stzhPlay=s(this,"stzhPlay",7);this.stzhPlaying=s(this,"stzhPlaying",7);this.stzhPause=s(this,"stzhPause",7);this.stzhReplay=s(this,"stzhReplay",7);this.stzhEnd=s(this,"stzhEnd",7);this.stzhEnded=s(this,"stzhEnded",7);this.stzhError=s(this,"stzhError",7);this.localization=undefined;this.src="";this.preload="none";this.transcript="";this.transcriptShown=false;this.downloadAnalyticsId=undefined;this.transcriptAnalyticsId=undefined}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await h(this.element,"audio")}}render(){const t=!!this.transcript||r(this.element,"transcript");const s={"stzh-audio":true};return i(e,null,i("vds-media",{class:s},i("vds-audio",{class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{preload:this.preload,src:this.src},i("slot",null))),i("div",{class:"stzh-audio__controls"},i("div",{class:"stzh-audio__loader-overlay"},i("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),i("div",{class:"stzh-audio__controls-top"},i("vds-time-slider",{class:"stzh-audio__slider is-time"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{class:"stzh-audio__controls-bottom"},i("stzh-tooltip",null,i("vds-play-button",{class:"stzh-audio__button is-play"},i("stzh-icon",{class:"stzh-audio__played",name:"play-filled"}),i("stzh-icon",{class:"stzh-audio__paused",name:"pause-filled"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__played"},this.localization.play),i("span",{class:"stzh-audio__paused"},this.localization.pause))),i("div",{class:"stzh-audio__time"},i("vds-time",{type:"current"}),i("span",{class:"stzh-audio__time-separator"},"/"),i("vds-time",{type:"duration"})),i("stzh-tooltip",null,i("vds-mute-button",{class:"stzh-audio__button is-mute"},i("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__muted"},this.localization.mute),i("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{class:"stzh-audio__slider is-volume"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"}))),t&&i("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},i("stzh-icon",{name:"transcript"}))),i("stzh-tooltip",{content:this.localization.download},i("a",{class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{name:"download"}))))),i("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},i("stzh-text",null,this.transcript?this.transcript:i("slot",{name:"transcript"})))))}get element(){return n(this)}};Ri.style=Ni;export{Ri as stzh_audio};
-//# sourceMappingURL=p-c3b260a1.entry.js.map
+//# sourceMappingURL=p-fb12ec57.entry.js.map

package/dist/stzh-components/p-fb36e3be.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,a as s}from"./p-9e02896c.js";const l=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host{width:100%}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2);}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}.stzh-row--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-row--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-row--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-row--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-row--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-row--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-row--items-center{-ms-flex-align:center;align-items:center}.stzh-row--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-row--items-stretch{-ms-flex-align:stretch;align-items:stretch}.stzh-row--content-end{-ms-flex-line-pack:end;align-content:flex-end}.stzh-row--content-center{-ms-flex-line-pack:center;align-content:center}.stzh-row--content-between{-ms-flex-line-pack:justify;align-content:space-between}.stzh-row--content-around{-ms-flex-line-pack:distribute;align-content:space-around}.stzh-row--content-evenly{-ms-flex-line-pack:space-evenly;align-content:space-evenly}';const n=class{constructor(e){t(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justify="start";this.items="start";this.content="start"}render(){return e(s,null,e("div",{class:{"stzh-row":true,[`stzh-row--justify-${this.justify}`]:!!this.justify,[`stzh-row--items-${this.items}`]:!!this.items,[`stzh-row--content-${this.content}`]:!!this.content}},e("slot",null)))}};n.style=l;export{n as stzh_row};
+//# sourceMappingURL=p-fb36e3be.entry.js.map

package/dist/stzh-components/{p-df9460ae.system.entry.js.map → p-fb36e3be.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhRowCss","StzhRow","exports","class_1","prototype","render","h","Host","class","_a","concat","this","justify","items","content"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n  @include clearfix;\n  width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span])) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-row {\n  display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n  margin-left: calc(#{$gridGutter} / -2);\n  margin-right: calc(#{$gridGutter} / -2);\n\n  @include mq($from: small) {\n    margin-left: calc(#{$gridGutterSmall} / -2);\n    margin-right: calc(#{$gridGutterSmall} / -2);\n  }\n\n  @include mq($from: medium) {\n    margin-left: calc(#{$gridGutterMedium} / -2);\n    margin-right: calc(#{$gridGutterMedium} / -2);\n  }\n\n  /* Justify content variants */\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n\n  /* Align content variants */\n\n  &--content-end {\n    align-content: flex-end;\n  }\n\n  &--content-center {\n    align-content: center;\n  }\n\n  &--content-between {\n    align-content: space-between;\n  }\n\n  &--content-around {\n    align-content: space-around;\n  }\n\n  &--content-evenly {\n    align-content: space-evenly;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAa,i/U,ICiBNC,EAAOC,EAAA,sB,kCAEK,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,aAGuB,Q,WAGJ,Q,aAGI,O,CAEnDC,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,WAAY,MACZA,EAAC,qBAAAC,OAAqBC,KAAKC,YAAcD,KAAKC,QAC9CH,EAAC,mBAAAC,OAAmBC,KAAKE,UAAYF,KAAKE,MAC1CJ,EAAC,qBAAAC,OAAqBC,KAAKG,YAAcH,KAAKG,Q,IAGhDR,EAAA,c,WAhCU,I"}
+{"version":3,"names":["stzhRowCss","StzhRow","render","h","Host","class","this","justify","items","content"],"sources":["./src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","./src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n  width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span])) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-row {\n  display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n  margin-left: calc(#{$gridGutter} / -2);\n  margin-right: calc(#{$gridGutter} / -2);\n\n  @include mq($from: small) {\n    margin-left: calc(#{$gridGutterSmall} / -2);\n    margin-right: calc(#{$gridGutterSmall} / -2);\n  }\n\n  @include mq($from: medium) {\n    margin-left: calc(#{$gridGutterMedium} / -2);\n    margin-right: calc(#{$gridGutterMedium} / -2);\n  }\n\n  /* Justify content variants */\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n\n  /* Align content variants */\n\n  &--content-end {\n    align-content: flex-end;\n  }\n\n  &--content-center {\n    align-content: center;\n  }\n\n  &--content-between {\n    align-content: space-between;\n  }\n\n  &--content-around {\n    align-content: space-around;\n  }\n\n  &--content-evenly {\n    align-content: space-evenly;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,g8U,MCiBNC,EAAO,M,mCAEK,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,aAGuB,Q,WAGJ,Q,aAGI,O,CAEnDC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBC,KAAKC,aAAcD,KAAKC,QAC9C,CAAC,mBAAmBD,KAAKE,WAAYF,KAAKE,MAC1C,CAAC,qBAAqBF,KAAKG,aAAcH,KAAKG,UAGhDN,EAAA,c"}

package/dist/stzh-components/p-fc339100.js

@@ -0,0 +1,2 @@
+function t(t,n){if(n){return t.querySelector(`[slot="${n}"]`)!==null}return Array.from(u(t)).some((t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){const n=t;if(!n.hasAttribute("slot")){return true}}return false}))}function n(t,n){Object.keys(n).forEach((e=>{if(t.getAttribute(e)===null){t[e]=n[e]}}))}function e(t){if(!t||t.nodeType!==1){return false}return t.tagName.toLowerCase().indexOf("stzh-")===0}function r(t){const n=document.querySelector(`meta[name="${t}"],[property="${t}"]`);return n?n.getAttribute("content"):""}function u(t){const n=t.childNodes;if(t["s-sc"]){const t=[];for(let e=0;e<n.length;e++){const r=n[e]["s-nr"];if(r){t.push(r)}}return t}return Array.from(n)}const o=Node.prototype.cloneNode;function f(t,n){const e=o.call(t,false);const r=u(t);if(n){for(let t=0;t<r.length;t++){if(r[t].nodeType!==2){const n=f(r[t],true);e.appendChild(n)}}}return e}function s(t){let n;let r;let u;if(e(t)){n=f(t,true);r=n;u=t}else{n=t.cloneNode();let o=n;let s=t;while(s.children.length===1&&!e(s.children[0])){s=s.children[0];const t=s.cloneNode();o.appendChild(t);o=t}if(e(s.children[0])){r=f(s.children[0],true);u=s.children[0];o.appendChild(r)}else{n=f(t,true)}}return[n,r,u]}export{s as c,r as g,t as h,e as i,n as s};
+//# sourceMappingURL=p-fc339100.js.map

package/dist/stzh-components/p-fc339100.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasSlot","el","name","querySelector","Array","from","childNodes","some","node","nodeType","TEXT_NODE","textContent","trim","ELEMENT_NODE","hasAttribute","setPropsIfNull","element","attributes","Object","keys","forEach","attribute","getAttribute","isStzhElement","tagName","toLowerCase","indexOf","getMeta","meta","document","result","i","length","slot","push","nativeCloneNodeFn","Node","prototype","cloneNode","cloneElement","deep","clonedNode","call","srcChildNodes","childClone","appendChild","cloneWrappedStzhElement","elementToClone","clonedElement","clonedStzhElement","originalStzhElement","clonedInnerElementLast","originalInnerElementLast","children","clonedInnerElementCurrent"],"sources":["./src/utils/utils.ts"],"sourcesContent":["// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some(node => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach(attribute => {\n    if (element.getAttribute(attribute) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  })\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf('stzh-') === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(`meta[name=\"${name}\"],[property=\"${name}\"]`);\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function children(node: Element) {\n  return childNodes(node).map((n: any) => n.nodeType === 1);\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nconst nativeCloneNodeFn = Node.prototype.cloneNode;\n\nexport function cloneElement(node: Element, deep: boolean) {\n  const clonedNode = nativeCloneNodeFn.call(node, false);\n  const srcChildNodes = childNodes(node);\n\n  if (deep) {\n    for (let i = 0; i < srcChildNodes.length; i++) {\n      if (srcChildNodes[i].nodeType !== 2) {\n        const childClone = cloneElement(srcChildNodes[i], true);\n        clonedNode.appendChild(childClone);\n      }\n    }\n  }\n\n  return clonedNode;\n}\n\n// Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// and potentially wrapped in normal elements (e.g. angular component)\nexport function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n  let clonedElement: Element;\n  let clonedStzhElement: Element;\n  let originalStzhElement: Element;\n\n  if (isStzhElement(elementToClone)) {\n    clonedElement = cloneElement(elementToClone, true);\n    clonedStzhElement = clonedElement;\n    originalStzhElement = elementToClone;\n  } else {\n    clonedElement = elementToClone.cloneNode() as Element;\n\n    let clonedInnerElementLast: Element = clonedElement;\n    let originalInnerElementLast: Element = elementToClone;\n\n    // clone inner root elements separately until we find a stzh element\n    while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n      originalInnerElementLast = originalInnerElementLast.children[0];\n      const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n      clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n      clonedInnerElementLast = clonedInnerElementCurrent;\n    }\n\n    if (isStzhElement(originalInnerElementLast.children[0])) {\n      clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n      originalStzhElement = originalInnerElementLast.children[0];\n      clonedInnerElementLast.appendChild(clonedStzhElement);\n    } else {\n      // no root stzh element found, so we give up and just deep clone the root\n      clonedElement = cloneElement(elementToClone, true);\n    }\n  }\n\n  return [clonedElement, clonedStzhElement, originalStzhElement];\n}\n"],"mappings":"SAEgBA,EAAQC,EAAiBC,GAEvC,GAAIA,EAAM,CACR,OAAOD,EAAGE,cAAc,UAAUD,SAAc,I,CAIlD,OAAOE,MAAMC,KAAKC,EAAWL,IAAKM,MAAKC,IACrC,GAAIA,EAAKC,WAAaD,EAAKE,WAAaF,EAAKG,YAAYC,SAAW,GAAI,CACtE,OAAO,I,CAGT,GAAIJ,EAAKC,WAAaD,EAAKK,aAAc,CACvC,MAAMZ,EAAKO,EACX,IAAKP,EAAGa,aAAa,QAAS,CAC5B,OAAO,I,EAIX,OAAO,KAAK,GAEhB,C,SAEgBC,EAAeC,EAAkBC,GAC/CC,OAAOC,KAAKF,GAAYG,SAAQC,IAC9B,GAAIL,EAAQM,aAAaD,KAAe,KAAM,CAC5CL,EAAQK,GAAaJ,EAAWI,E,IAGtC,C,SAEgBE,EAAcP,GAC5B,IAAKA,GAAWA,EAAQP,WAAa,EAAG,CACtC,OAAO,K,CAGT,OAAOO,EAAQQ,QAAQC,cAAcC,QAAQ,WAAa,CAC5D,C,SAGgBC,EAAQzB,GACtB,MAAM0B,EAAOC,SAAS1B,cAAc,cAAcD,kBAAqBA,OACvE,OAAO0B,EAAOA,EAAKN,aAAa,WAAa,EAC/C,C,SAMgBhB,EAAWE,GACzB,MAAMF,EAAaE,EAAKF,WAIxB,GAAIE,EAAK,QAAS,CAChB,MAAMsB,EAAS,GAEf,IAAK,IAAIC,EAAI,EAAGA,EAAIzB,EAAW0B,OAAQD,IAAK,CAC1C,MAAME,EAAO3B,EAAWyB,GAAG,QAE3B,GAAIE,EAAM,CACRH,EAAOI,KAAKD,E,EAIhB,OAAOH,C,CAGT,OAAO1B,MAAMC,KAAKC,EACpB,CAEA,MAAM6B,EAAoBC,KAAKC,UAAUC,U,SAEzBC,EAAa/B,EAAegC,GAC1C,MAAMC,EAAaN,EAAkBO,KAAKlC,EAAM,OAChD,MAAMmC,EAAgBrC,EAAWE,GAEjC,GAAIgC,EAAM,CACR,IAAK,IAAIT,EAAI,EAAGA,EAAIY,EAAcX,OAAQD,IAAK,CAC7C,GAAIY,EAAcZ,GAAGtB,WAAa,EAAG,CACnC,MAAMmC,EAAaL,EAAaI,EAAcZ,GAAI,MAClDU,EAAWI,YAAYD,E,GAK7B,OAAOH,CACT,C,SAIgBK,EAAwBC,GACtC,IAAIC,EACJ,IAAIC,EACJ,IAAIC,EAEJ,GAAI3B,EAAcwB,GAAiB,CACjCC,EAAgBT,EAAaQ,EAAgB,MAC7CE,EAAoBD,EACpBE,EAAsBH,C,KACjB,CACLC,EAAgBD,EAAeT,YAE/B,IAAIa,EAAkCH,EACtC,IAAII,EAAoCL,EAGxC,MAAOK,EAAyBC,SAASrB,SAAW,IAAMT,EAAc6B,EAAyBC,SAAS,IAAK,CAC7GD,EAA2BA,EAAyBC,SAAS,GAC7D,MAAMC,EAA4BF,EAAyBd,YAE3Da,EAAuBN,YAAYS,GACnCH,EAAyBG,C,CAG3B,GAAI/B,EAAc6B,EAAyBC,SAAS,IAAK,CACvDJ,EAAoBV,EAAaa,EAAyBC,SAAS,GAAI,MACvEH,EAAsBE,EAAyBC,SAAS,GACxDF,EAAuBN,YAAYI,E,KAC9B,CAELD,EAAgBT,EAAaQ,EAAgB,K,EAIjD,MAAO,CAACC,EAAeC,EAAmBC,EAC5C,Q"}

package/dist/stzh-components/{p-52e52b49.entry.js → p-fd97e87d.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as r,a as e,g as t}from"./p-9e02896c.js";import{s as n}from"./p-5c697491.js";const i=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker .rsbtn_play{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";const a=class{constructor(r){s(this,r);this.onLinkClick=()=>{this.readspeakerLink.click()};this.init=()=>{this.addClickEvents();const s=this.element.querySelectorAll("stzh-link, stzh-button");s.forEach((s=>{s.addEventListener("click",this.onLinkClick);n(s,{icon:"volume-medium"})}))};this.href=undefined;this.eventId=undefined}addClickEvents(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const s={"stzh-readspeaker":true};return r(e,null,r("div",{class:s},r("slot",null),r("div",{class:"rs_skip rsbtn_classic rs_preserve right"},r("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:s=>this.readspeakerLink=s},r("span",{class:"rsbtn_text"},r("span",null,"readspeakerlink"))))))}get element(){return t(this)}};a.style=i;export{a as stzh_readspeaker};
-//# sourceMappingURL=p-52e52b49.entry.js.map
+import{r as s,h as r,a as e,g as t}from"./p-9e02896c.js";import{s as n}from"./p-fc339100.js";const i=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.stzh-readspeaker[hidden]{display:none}.stzh-readspeaker *,.stzh-readspeaker *::before,.stzh-readspeaker *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-readspeaker .rsbtn_play{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-readspeaker .rsbtn_classic.rsexpanded .rsbtn_exp.rsimg{float:left;padding-bottom:0;-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover)}.rsbtn_classic.rsexpanded{position:absolute;max-width:100%;z-index:var(--stzh-z-index-sticky)}.rsbtn_classic.rsexpanded,.rsbtn_classic.rsexpanded *,.rsbtn_classic.rsexpanded *::after,.rsbtn_classic.rsexpanded *::before{-webkit-box-sizing:initial;box-sizing:initial}.rsbtn_classic.rsexpanded .rsbtn_playerarea{padding:0.625rem;border:none}.rsbtn_classic.rsexpanded .rsbtn_closer.rsimg{right:0.625rem;top:0.625rem}.rsbtn_classic.rsexpanded .rsbtn_settings .rsbtn_btnlabel.rsimg,.rsbtn_classic.rsexpanded .rsbtn_dl .rsbtn_btnlabel,.rsbtn_classic.rsexpanded .rsbtn_powered .rsbtn_btnlabel{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);height:auto}.rsbtn_classic.rsexpanded .rsbtn_bottomlinks{margin-top:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_topbar>*,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_stop,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_pause,.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_volume,.rsbtn_classic.rsexpanded .rsbtn_closer,.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.375rem solid var(--stzh-color-grey13);border-radius:0.3125rem}.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg .rsbtn_icon{border:0.3125rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_progress_container.rsimg{border:0.4375rem solid var(--stzh-color-grey13)}.rsbtn_classic.rsexpanded .rsbtn_topbar{margin-right:2.5rem}.rsbtn_classic.rspopup.rscompact{z-index:var(--stzh-z-index-sticky);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none;padding:0.625rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1.25rem;height:1.25rem}.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left,.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_right{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.rsbtn_classic.rspopup.rscompact .rsbtn_exp .rsbtn_separator{height:0.0625rem}";const a=class{constructor(r){s(this,r);this.onLinkClick=()=>{this.readspeakerLink.click()};this.init=()=>{this.addClickEvents();const s=this.element.querySelectorAll("stzh-link, stzh-button");s.forEach((s=>{s.addEventListener("click",this.onLinkClick);n(s,{icon:"volume-medium"})}))};this.href=undefined;this.eventId=undefined}addClickEvents(){if(window.ReadSpeaker){window.ReadSpeaker.init()}if(window.rspkr&&window.rspkr.ui){window.rspkr.ui.addClickEvents()}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const s={"stzh-readspeaker":true};return r(e,null,r("div",{class:s},r("slot",null),r("div",{class:"rs_skip rsbtn_classic rs_preserve right"},r("a",{"aria-hidden":"true",tabindex:"-1",rel:"nofollow",class:"rsbtn_play icon read",href:this.href,"data-rsevent-id":this.eventId,ref:s=>this.readspeakerLink=s},r("span",{class:"rsbtn_text"},r("span",null,"readspeakerlink"))))))}get element(){return t(this)}};a.style=i;export{a as stzh_readspeaker};
+//# sourceMappingURL=p-fd97e87d.entry.js.map

package/dist/stzh-components/p-fdabe05c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,a}from"./p-9e02896c.js";const h=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host{--h-space:var(--stzh-space-default);--h-around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around));padding-right:calc(var(--h-space) * var(--h-around));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--h-around:1;width:var(--h-space)}:host([around]:not([around=false])){--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-medium)}}:host([curve=small]){--h-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-large)}}:host([curve=regular]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--h-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--h-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall)}:host([size=small]){--h-space:var(--stzh-space-small)}:host([size=medium]){--h-space:var(--stzh-space-medium)}:host([size=large]){--h-space:var(--stzh-space-large)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--h-space:var(--stzh-space-big)}:host([size=xbig]){--h-space:var(--stzh-space-xbig)}:host([size=huge]){--h-space:var(--stzh-space-huge)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge)}:host([size=none]){--h-space:var(--stzh-space-none)}:host([size=default]){--h-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--h-space:var(--stzh-space-default)}}.stzh-hspace{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-hspace--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-hspace--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-hspace--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-hspace--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-hspace--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-hspace--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-hspace--items-center{-ms-flex-align:center;align-items:center}.stzh-hspace--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-hspace--items-stretch{-ms-flex-align:stretch;align-items:stretch}";const i=class{constructor(s){e(this,s);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.items="start";this.around=false;this.border="none"}render(){return s(a,null,s("div",{class:{"stzh-hspace":true,[`stzh-hspace--justify-${this.justify}`]:!!this.justify,[`stzh-hspace--items-${this.items}`]:!!this.items}},s("slot",null)))}};i.style=h;export{i as stzh_hspace};
+//# sourceMappingURL=p-fdabe05c.entry.js.map

package/dist/stzh-components/p-fdabe05c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhHspaceCss","StzhHspace","render","h","Host","class","this","justify","items"],"sources":["./src/components/stzh-hspace/stzh-hspace.scss?tag=stzh-hspace&encapsulation=shadow","./src/components/stzh-hspace/stzh-hspace.tsx"],"sourcesContent":[":host {\n  --h-space: #{space()};\n  --h-around: 0;\n\n  display: flex;\n\n  ::slotted(*) {\n    // fix IE11 not wrapping text\n    max-width: 100%;\n    padding-left: calc(var(--h-space) * var(--h-around));\n    padding-right: calc(var(--h-space) * var(--h-around));\n    margin: 0;\n  }\n\n  ::slotted(*:not(:last-child)) {\n    margin-right: calc(var(--h-space) * (1 - var(--h-around)));\n  }\n\n  ::slotted(stzh-vspace),\n  ::slotted(stzh-hspace),\n  ::slotted(stzh-row),\n  ::slotted(stzh-container),\n  ::slotted(stzh-section) {\n    align-self: stretch;\n    flex-grow: 1;\n  }\n}\n\n:host(:empty) {\n  --h-around: 1;\n\n  width: var(--h-space);\n}\n\n:host([around]:not([around=\"false\"])) {\n  --h-around: 1;\n}\n\n/* Border variants */\n\n:host([border=\"left\"]),\n:host([border=\"left-right\"]) {\n  border-left: 1px solid $baseBorderColor;\n}\n\n:host([border=\"right\"]),\n:host([border=\"left-right\"]) {\n  border-right: 1px solid $baseBorderColor;\n}\n\n/* Space variants */\n\n@each $spaceCurve, $value in $spaceCurves {\n  $defaultSize: map-get($value, 'size');\n  $breakpointSizes: map-get($value, 'sizes');\n\n  // :host([curve=\"#{$spaceCurve}\"]) > .stzh-h-space {\n  :host([curve=\"#{$spaceCurve}\"]) {\n    --h-space: #{space($defaultSize)};\n\n    @each $breakpoint, $size in $breakpointSizes {\n      @include mq($from: $breakpoint) {\n        --h-space: #{space($size)};\n      }\n    }\n  }\n}\n\n@mixin spaceProps($breakpoint: null) {\n  @each $space, $value in $spaceSizes {\n    @if $breakpoint {\n      // :host([size-#{$breakpoint}=\"#{$space}\"]) > .stzh-h-space {\n      :host([size-#{$breakpoint}=\"#{$space}\"]) {\n        @include mq($from: $breakpoint) {\n          --h-space: #{$value};\n        }\n      }\n    } @else {\n      // :host([size=\"#{$space}\"]) > .stzh-h-space {\n      :host([size=\"#{$space}\"]) {\n        --h-space: #{$value};\n      }\n    }\n  }\n}\n\n@include spaceProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include spaceProps($breakpoint);\n}\n\n.stzh-hspace {\n  flex-grow: 1;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0;\n  margin: 0;\n\n  &--border-left {\n    border-left: 1px solid $baseBorderColor;\n  }\n\n  &--border-right {\n    border-right: 1px solid $baseBorderColor;\n  }\n\n  /* Justify content variants */\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Space, Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any elements that should be horizontically spaced\n */\n@Component({\n  tag: \"stzh-hspace\",\n  styleUrl: \"stzh-hspace.scss\",\n  shadow: true\n})\nexport class StzhHspace {\n  /** Type of curve */\n  @Prop() curve: Space.Curves = \"none\";\n\n  /** Type of size */\n  @Prop() size: Space.Sizes = \"inherit\";\n  /** Type of size above small breakpoint  */\n  @Prop() sizeSmall: Space.Sizes = \"inherit\";\n  /** Type of size above medium breakpoint  */\n  @Prop() sizeMedium: Space.Sizes = \"inherit\";\n  /** Type of size above large breakpoint  */\n  @Prop() sizeLarge: Space.Sizes = \"inherit\";\n  /** Type of size above ultra breakpoint  */\n  @Prop() sizeUltra: Space.Sizes = \"inherit\";\n\n  /** Alignment */\n  @Prop() justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop() items: Layout.Items = \"start\";\n\n  /** Apply spacing to slotted elements */\n  @Prop({ reflect: true }) around: boolean = false;\n\n  /** Add border */\n  @Prop({ reflect: true }) border: \"none\" | \"left\" | \"right\" | \"left-right\" = \"none\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-hspace\": true,\n            [`stzh-hspace--justify-${this.justify}`]: !!this.justify,\n            [`stzh-hspace--items-${this.items}`]: !!this.items\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,gga,MCiBTC,EAAU,M,oCAES,O,UAGF,U,eAEK,U,gBAEC,U,eAED,U,eAEA,U,aAGC,Q,WAGJ,Q,YAGa,M,YAGiC,M,CAE5EC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,cAAe,KACf,CAAC,wBAAwBC,KAAKC,aAAcD,KAAKC,QACjD,CAAC,sBAAsBD,KAAKE,WAAYF,KAAKE,QAG/CL,EAAA,c"}

package/dist/stzh-components/p-fdb1fd0a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,F as r,a as o,g as e}from"./p-9e02896c.js";import{f as a}from"./p-25a09313.js";import{a as h,p as n}from"./p-77a00e55.js";import{c as d}from"./p-c8bcceac.js";import{h as c}from"./p-fc339100.js";import{S as l}from"./p-ea61b128.js";import{c as z}from"./p-e787179c.js";const p=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datepicker-h{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";const u=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.onRootFocus=()=>{if(this.input){this.input.setFocus()}};this.onInputChange=()=>{const t=this.dateAdapter.parse(this.input.value,"inputdate");if(this.input.value===""||t){const s=h(t);if(this.calendar){this.calendar.value=s}this.value=s;this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}};this.onCalendarChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate});if(this.input){this.input.value=t.detail.valueAsDate&&this.dateAdapter.format(t.detail.valueAsDate,"inputdate")}if(this.popover){this.popover.hide()}};this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=()=>false;this.name="";this.value="";this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.inline=false;this.dateAdapter=undefined;this.localization=undefined;this.buttonLabel=undefined}createDateFormatters(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}}valueWatcher(t){const s=n(t);if(this.calendar){this.calendar.value=t}if(this.input){this.input.value=this.dateAdapter.format(s,"inputdate")}this.updateButtonAccessibleLabel()}async setDate(t){this.value=h(t)}async getPopover(){return this.popover}updateButtonAccessibleLabel(){if(!this.localization){return}try{const t=n(this.value);this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}`}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){if(!this.localization){this.localization=await a(this.element,"datepicker")}if(!this.dateAdapter){this.dateAdapter=d(this.localization.$formats,this.localization.$globals)}}componentDidLoad(){this.valueWatcher(this.value)}render(){const t={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline};return i(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:t},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(r,null,i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{label:this.label,labelHidden:this.labelHidden,ref:t=>this.input=t,noAutocomplete:true,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:t=>this.popover=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":true,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))}get element(){return e(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};u.style=p;const f='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radio-h{display:inline-block}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';let g=0;const m=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.setFocus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}async setFocus(){this.input.focus()}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0}async componentWillLoad(){this.inputId=`stzh-radio-${g++}`;this.errorWatcher(this.error);if(!this.localization){this.localization=await a(this.element,"radio")}}render(){const t=c(this.element,"description")||!!this.description;const s=c(this.element,"description-long")||!!this.descriptionLong;const r=c(this.element,"error")||!!this.error;const e={"stzh-radio":true,"stzh-radio--has-description":t,"stzh-radio--has-description-long":s,"stzh-radio--has-error":r,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled};return i(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:e},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(l,{classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return e(this)}static get watchers(){return{error:["errorWatcher"]}}};m.style=f;const _=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radiogroup-h[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";const b="stzh-radio, stzh-button[type=radio], stzh-card";let v=0;const k=class{constructor(s){t(this,s);this._preventUpdateProperties=[];this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(b));this.updateRadiosProperty("show-marker",false);this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchInvalid(this.invalid);this.watchRequired(this.required)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedRadio=null;this.preventUpdateProperties=[]}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchInvalid(t){this.updateRadiosProperty("invalid",t)}watchRequired(t){this.updateRadiosProperty("required",t)}watchValue(t){this.updateCheckedRadioByValue(t)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){i[z(t)]=s}}))}updateCheckedRadioByValue(t){this.checkedRadio=this.radios.find((s=>s.value===t));if(this.checkedRadio){this.checkedRadio.checked=true}this.uncheckRadios()}uncheckRadios(){this.radios.forEach((t=>{if(!this.checkedRadio||t!==this.checkedRadio){t.checked=false}}))}async componentWillLoad(){this.radiogroupId=`stzh-radiogroup-${v++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await a(this.element,"radiogroup")}}componentShouldUpdate(t,s,i){return i!=="checkedRadio"}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(b));const t=this.radios.find((t=>t.checked));if(t){this.value=t.value}}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=c(this.element,"description")||!!this.description;const s=c(this.element,"description-long")||!!this.descriptionLong;const r=c(this.element,"error")||!!this.error;const o={"stzh-radiogroup":true,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":r,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction};return i("fieldset",{class:o},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(l,{classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return e(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};k.style=_;export{u as stzh_datepicker,m as stzh_radio,k as stzh_radiogroup};
+//# sourceMappingURL=p-fdb1fd0a.entry.js.map