@oiz/stzh-components 2.4.0-beta → 2.4.0

package/dist/esm-es5/stzh-pagetitle-hero.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,i,a){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(t){try{l(a.next(t))}catch(e){s(e)}}function h(t){try{l(a["throw"](t))}catch(e){s(e)}}function l(e){e.done?i(e.value):o(e.value).then(n,h)}l((a=a.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,o,s,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(e){return function(t){return l([e,t])}}function l(h){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,h[0]&&(i=0)),i)try{if(a=1,o&&(s=h[0]&2?o["return"]:h[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,h[1])).done)return s;if(o=0,s)h=[h[0]&2,s.value];switch(h[0]){case 0:case 1:s=h;break;case 4:i.label++;return{value:h[1],done:false};case 5:i.label++;o=h[1];h=[0];continue;case 7:h=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(h[0]===6||h[0]===2)){i=0;continue}if(h[0]===3&&(!s||h[1]>s[0]&&h[1]<s[3])){i.label=h[1];break}if(h[0]===6&&i.label<s[1]){i.label=s[1];s=h;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(h);break}if(s[2])i.ops.pop();i.trys.pop();continue}h=r.call(t,i)}catch(e){h=[6,e];o=0}finally{a=s=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-51148d9a.js";import{a as addMediaChangeListener,r as removeMediaChangeListener,m as media}from"./media-utils-9b041ceb.js";var e=function(e){if(e){var t=function(e){return[].slice.call(e)},r=0,i=1,a=2,o=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=z(e)})),e.filter(m).forEach(u);var t=e.filter(d);t.forEach(g),t.forEach((function(e){u(e),p(e)})),t.forEach(v)},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"},d=function(e){return e.dirty!==a||e.dirty===a&&e.element.parentNode.clientWidth!==e.availableWidth},z=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},m=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"},v=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())}},w=function(e){return function(){return e.active=!1}},_=function(e){e.observeMutations&&(e.observer=new MutationObserver(f(e,i)),e.observer.observe(e.element,e.observeMutations))},y={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(a),P.observeWindowDelay)},F=["resize","orientationchange"];return Object.defineProperty(P,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");F.forEach((function(t){e[r](t,S)}))}}),P.observeWindow=!0,P.observeWindowDelay=100,P.fitAll=l(o),P}function E(e,t){var r=Object.assign({},y,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},_(e),e.newbie=!0,e.dirty=!0,s.push(e)}(t),{element:e,fit:f(t,o),unfreeze:x(t),freeze:w(t),unsubscribe:b(t)}}));return h(),i}function P(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 stzhPagetitleHeroCss=".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}.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]:not([disabled]){--color:var(--stzh-color-white);--border:0.0625rem solid var(--stzh-color-white);--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white48);--icon-color:var(--stzh-color-white);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-white16);--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-white16);--hover-counter-color:var(--stzh-color-white);--hover-icon-color:var(--stzh-color-white)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][non-interactive]:not([non-interactive=false]):not([disabled]){--hover-color:var(--color);--hover-border:var(--border);--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][variant=filter][active]:not([active=false]):not([disabled]){--border:0.0625rem solid transparent;--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.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 StzhPagetitleHero=function(){function t(t){var r=this;registerInstance(this,t);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){setPropsIfNull(e,{icon:"arrow-left-circle"})}t.forEach((function(e){setPropsIfNull(e,{lead:true})}));i.forEach((function(e){setPropsIfNull(e,{role:"listitem"})}))};this.reinitFitty=function(){r.destroyFitty();var t=media("small").matches;r.fitty=e(r.mainTitleElement,{minSize:t?45:32,maxSize:t?96:64})};this.heading="";this.leadAuthor="";this.subtitle=""}t.prototype.destroyFitty=function(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}};t.prototype.componentWillUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.destroyFitty();return[2]}))}))};t.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]}))}))};t.prototype.connectedCallback=function(){this.init();addMediaChangeListener(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect();removeMediaChangeListener(this.reinitFitty);this.destroyFitty()};t.prototype.render=function(){var e=this;var t=hasSlot(this.element,"image");var r=hasSlot(this.element,"lead");var i=hasSlot(this.element,"back-link");var a={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!t,"stzh-pagetitle-hero--has-no-lead":!r,"stzh-pagetitle-hero--has-back-link":i};return h(Host,null,h("div",{class:a},h("div",{class:"stzh-pagetitle-hero__header"},h("div",{class:"stzh-pagetitle-hero__back-link"},h("slot",{name:"back-link"})),h("div",{class:"stzh-pagetitle-hero__image-wrapper"},h("div",{class:"stzh-pagetitle-hero__image-ratio"}),h("slot",{name:"image"})),h("div",{class:"stzh-pagetitle-hero__title-wrapper"},h("div",{class:"stzh-pagetitle-hero__tags",role:"list"},h("slot",{name:"tag"})),h("div",{class:"stzh-pagetitle-hero__title-parent"},h("h1",{ref:function(t){return e.mainTitleElement=t},class:"stzh-pagetitle-hero__title"},this.heading)),this.subtitle&&h("div",{class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),h("div",{class:"stzh-pagetitle-hero__lead"},h("slot",{name:"lead"}),h("div",{class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPagetitleHero.style=stzhPagetitleHeroCss;export{StzhPagetitleHero as stzh_pagetitle_hero};
+var __awaiter=this&&this.__awaiter||function(t,r,i,a){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(t){try{l(a.next(t))}catch(e){s(e)}}function h(t){try{l(a["throw"](t))}catch(e){s(e)}}function l(e){e.done?i(e.value):o(e.value).then(n,h)}l((a=a.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,o,s,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(e){return function(t){return l([e,t])}}function l(h){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,h[0]&&(i=0)),i)try{if(a=1,o&&(s=h[0]&2?o["return"]:h[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,h[1])).done)return s;if(o=0,s)h=[h[0]&2,s.value];switch(h[0]){case 0:case 1:s=h;break;case 4:i.label++;return{value:h[1],done:false};case 5:i.label++;o=h[1];h=[0];continue;case 7:h=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(h[0]===6||h[0]===2)){i=0;continue}if(h[0]===3&&(!s||h[1]>s[0]&&h[1]<s[3])){i.label=h[1];break}if(h[0]===6&&i.label<s[1]){i.label=s[1];s=h;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(h);break}if(s[2])i.ops.pop();i.trys.pop();continue}h=r.call(t,i)}catch(e){h=[6,e];o=0}finally{a=s=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};import{r as registerInstance,h,c as Host,g as getElement}from"./index-319b7c49.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-51148d9a.js";import{a as addMediaChangeListener,r as removeMediaChangeListener,m as media}from"./media-utils-9b041ceb.js";var e=function(e){if(e){var t=function(e){return[].slice.call(e)},r=0,i=1,a=2,o=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=z(e)})),e.filter(m).forEach(u);var t=e.filter(d);t.forEach(g),t.forEach((function(e){u(e),p(e)})),t.forEach(v)},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"},d=function(e){return e.dirty!==a||e.dirty===a&&e.element.parentNode.clientWidth!==e.availableWidth},z=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},m=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"},v=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())}},w=function(e){return function(){return e.active=!1}},_=function(e){e.observeMutations&&(e.observer=new MutationObserver(f(e,i)),e.observer.observe(e.element,e.observeMutations))},y={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(a),P.observeWindowDelay)},F=["resize","orientationchange"];return Object.defineProperty(P,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");F.forEach((function(t){e[r](t,S)}))}}),P.observeWindow=!0,P.observeWindowDelay=100,P.fitAll=l(o),P}function E(e,t){var r=Object.assign({},y,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},_(e),e.newbie=!0,e.dirty=!0,s.push(e)}(t),{element:e,fit:f(t,o),unfreeze:x(t),freeze:w(t),unsubscribe:b(t)}}));return h(),i}function P(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 stzhPagetitleHeroCss=".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}.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]:not([disabled]){--color:var(--stzh-color-white);--border:0.0625rem solid var(--stzh-color-white);--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white56);--icon-color:var(--stzh-color-white);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-white16);--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-white16);--hover-counter-color:var(--stzh-color-white);--hover-icon-color:var(--stzh-color-white)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][non-interactive]:not([non-interactive=false]):not([disabled]){--hover-color:var(--color);--hover-border:var(--border);--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][variant=filter][active]:not([active=false]):not([disabled]){--border:0.0625rem solid transparent;--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.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 StzhPagetitleHero=function(){function t(t){var r=this;registerInstance(this,t);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){setPropsIfNull(e,{icon:"arrow-left-circle"})}t.forEach((function(e){setPropsIfNull(e,{lead:true})}));i.forEach((function(e){setPropsIfNull(e,{role:"listitem"})}))};this.reinitFitty=function(){r.destroyFitty();var t=media("small").matches;r.fitty=e(r.mainTitleElement,{minSize:t?45:32,maxSize:t?96:64})};this.heading="";this.leadAuthor="";this.subtitle=""}t.prototype.destroyFitty=function(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}};t.prototype.componentWillUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.destroyFitty();return[2]}))}))};t.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]}))}))};t.prototype.connectedCallback=function(){this.init();addMediaChangeListener(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect();removeMediaChangeListener(this.reinitFitty);this.destroyFitty()};t.prototype.render=function(){var e=this;var t=hasSlot(this.element,"image");var r=hasSlot(this.element,"lead");var i=hasSlot(this.element,"back-link");var a={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!t,"stzh-pagetitle-hero--has-no-lead":!r,"stzh-pagetitle-hero--has-back-link":i};return h(Host,null,h("div",{class:a},h("div",{class:"stzh-pagetitle-hero__header"},h("div",{class:"stzh-pagetitle-hero__back-link"},h("slot",{name:"back-link"})),h("div",{class:"stzh-pagetitle-hero__image-wrapper"},h("div",{class:"stzh-pagetitle-hero__image-ratio"}),h("slot",{name:"image"})),h("div",{class:"stzh-pagetitle-hero__title-wrapper"},h("div",{class:"stzh-pagetitle-hero__tags",role:"list"},h("slot",{name:"tag"})),h("div",{class:"stzh-pagetitle-hero__title-parent"},h("h1",{ref:function(t){return e.mainTitleElement=t},class:"stzh-pagetitle-hero__title"},this.heading)),this.subtitle&&h("div",{class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),h("div",{class:"stzh-pagetitle-hero__lead"},h("slot",{name:"lead"}),h("div",{class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPagetitleHero.style=stzhPagetitleHeroCss;export{StzhPagetitleHero as stzh_pagetitle_hero};