@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/stzh-components/{p-15f3c6a1.entry.js → p-dbe28f96.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a,g as i}from"./p-ef5985a3.js";import{s,h}from"./p-87c329f2.js";import{a as r,r as o,m as n}from"./p-f4adb3cd.js";import"./p-dae15605.js";var l=function(e){if(e){var t=function(e){return[].slice.call(e)},a=0,i=1,s=2,h=3,r=[],o=null,n="requestAnimationFrame"in e?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};e.cancelAnimationFrame(o);var a=function(){return c(r.filter((function(e){return e.dirty&&e.active})))};if(t.sync)return a();o=e.requestAnimationFrame(a)}:function(){},l=function(e){return function(t){r.forEach((function(t){return t.dirty=e})),n(t)}},c=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=z(e)})),e.filter(m).forEach(f);var t=e.filter(d);t.forEach(g),t.forEach((function(e){f(e),p(e)})),t.forEach(v)},p=function(e){return e.dirty=a},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!==s||e.dirty===s&&e.element.parentNode.clientWidth!==e.availableWidth},z=function(t){var a=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(a.getPropertyValue("font-size")),t.display=a.getPropertyValue("display"),t.whiteSpace=a.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)},f=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}}))},b=function(e,t){return function(a){e.dirty=t,e.active&&n(a)}},u=function(e){return function(){r=r.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,n())}},_=function(e){return function(){return e.active=!1}},w=function(e){e.observeMutations&&(e.observer=new MutationObserver(b(e,i)),e.observer.observe(e.element,e.observeMutations))},k={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in e&&{subtree:!0,childList:!0,characterData:!0}},y=null,j=function(){e.clearTimeout(y),y=e.setTimeout(l(s),S.observeWindowDelay)},M=["resize","orientationchange"];return Object.defineProperty(S,"observeWindow",{set:function(t){var a="".concat(t?"add":"remove","EventListener");M.forEach((function(t){e[a](t,j)}))}}),S.observeWindow=!0,S.observeWindowDelay=100,S.fitAll=l(h),S}function O(e,t){var a=Object.assign({},k,t),i=e.map((function(e){var t=Object.assign({},a,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},w(e),e.newbie=!0,e.dirty=!0,r.push(e)}(t),{element:e,fit:b(t,h),unfreeze:x(t),freeze:_(t),unsubscribe:u(t)}}));return n(),i}function S(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e?O(t(document.querySelectorAll(e)),a):O([e],a)[0]}}("undefined"==typeof window?null:window);const c=".sc-stzh-pagetitle-hero-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-hero-h,[stzh-hidden].sc-stzh-pagetitle-hero-h{display:none}.sc-stzh-pagetitle-hero-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagetitle-hero-h .has-focus.sc-stzh-pagetitle-hero{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-hero-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-hero{outline-style:none !important}.sc-stzh-pagetitle-hero-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-hero::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-hero-h.sc-stzh-pagetitle-hero-s>img[slot=image],.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,.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;object-fit:cover;object-position:center}.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xsmall) / -1)}@media screen and (min-width: 900px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-medium) / -1);padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xlarge) / -1)}}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero{list-style:none;padding:0;margin:0;display:flex;gap:var(--stzh-space-xsmall)}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{position:absolute;left:0;top:0}}@media screen and (max-width: 899px){.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);--stzh-chip-color:var(--stzh-base-invert-color);--stzh-chip-background-color:var(--stzh-color-white40op);--stzh-chip-hover-color:var(--stzh-base-invert-color);--stzh-chip-hover-background-color:var(--stzh-color-white30op);--stzh-chip-disabled-color:var(--stzh-color-white60op);--stzh-chip-disabled-background-color:var(--stzh-color-white40op);--stzh-chip-active-color:var(--stzh-color-primary);--stzh-chip-active-background-color:var(--stzh-color-white80op);--stzh-chip-active-hover-color:var(--stzh-color-primary);--stzh-chip-active-hover-background-color:var(--stzh-color-white80op);display:flex;justify-content:center;flex-direction:column;flex-shrink:0;position:relative;z-index:1;background-color:var(--stzh-color-primary);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: 900px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-big)}}@media screen and (min-width: 900px){.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:var(--stzh-font-style-heavy);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-large);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: 900px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.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:flex;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: 900px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-big)}}@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: 900px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{flex-direction:row}}.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{position:relative;flex-shrink:0;background-color:var(--stzh-color-old-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: 900px){.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: 900px){.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-xsmall)}@media screen and (min-width: 900px){.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: 600px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.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-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{flex-direction:row-reverse}}@media screen and (min-width: 900px){.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{margin-bottom:calc(var(--stzh-space-xxlarge) / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero{margin-bottom:calc( / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xxxlarge) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xxxxlarge) / -1)}}.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{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-large);margin-bottom:var(--stzh-space-large);position:static}@media screen and (min-width: 600px){.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)}}@media screen and (min-width: 900px){.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: 600px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.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)}}";const p=c;const g=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-link[slot="back-link"], [slot="back-link"] stzh-link');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const a=this.element.querySelectorAll('stzh-chip[slot="tag"], [slot="tag"] stzh-chip');if(e){s(e,{icon:"angle-left"})}t.forEach((e=>{s(e,{lead:true})}));a.forEach((e=>{s(e,{role:"listitem"})}))};this.reinitFitty=()=>{this.destroyFitty();const e=n("small").matches;this.fitty=l(this.mainTitleElement,{minSize:e?45:32,maxSize:e?96:64})};this.heading="";this.headingId="anchorContent";this.leadAuthor="";this.subtitle=""}destroyFitty(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}}async componentWillUpdate(){this.destroyFitty()}async componentDidRender(){if(this.fitty){return}this.reinitFitty()}connectedCallback(){this.init();r(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}o(this.reinitFitty);this.destroyFitty()}render(){const e=h(this.element,"image");const i=h(this.element,"lead");const s=h(this.element,"back-link");const r={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!e,"stzh-pagetitle-hero--has-no-lead":!i,"stzh-pagetitle-hero--has-back-link":s};return t(a,{key:"5a40025e386fdfc048e8e430fd801341ce57d901"},t("div",{key:"e358c40c81e06e77c401d6c73bbeec36fe32f6f1",class:r},t("div",{key:"3e0c810bbc4fbbed1194d27f6015016daa345b7d",class:"stzh-pagetitle-hero__header"},t("div",{key:"3c30ed880daac301db409fbc034bf9c318c56949",class:"stzh-pagetitle-hero__back-link"},t("slot",{key:"bfdf88eb29d75823a906cd92efdbc6a839e31ca5",name:"back-link"})),t("div",{key:"2460d18fb051bee1956d719ce4f874a36b14789a",class:"stzh-pagetitle-hero__image-wrapper"},t("div",{key:"bf57bd8b5cad3fb85c6eb6d5368e456ae969cb5e",class:"stzh-pagetitle-hero__image-ratio"}),t("slot",{key:"f540d5b6c8d9b75b13554686209816b364a8bdd9",name:"image"})),t("div",{key:"693e9cd1f972bd86fdd9a2fe6a4dd003f491177a",class:"stzh-pagetitle-hero__title-wrapper"},t("div",{key:"7776b94d2fb7ca943382dccdea5f4ebdedbd7423",class:"stzh-pagetitle-hero__tags",role:"list"},t("slot",{key:"4260433226d8d5511f6c654b7607b219d357a767",name:"tag"})),t("div",{key:"6548b19ab8aa02196455daf92b25f8b56543ada2",class:"stzh-pagetitle-hero__title-parent"},t("h1",{key:"e1bf2d3f86e8b7d8a5987dbc7262b074c58a221b",ref:e=>this.mainTitleElement=e,class:"stzh-pagetitle-hero__title",id:this.headingId,innerHTML:this.heading})),this.subtitle&&t("div",{key:"3340decb7d520b46c3c88dce9cad75f2268e7e99",class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),t("div",{key:"47ae4d6ea1715be31a547de92b3a7580aeee56cf",class:"stzh-pagetitle-hero__lead"},t("slot",{key:"d8c3131f13b74634d06545dd088d316c2b10bb1c",name:"lead"}),t("div",{key:"d9dea7578ccd0f38dbad78f5675c68da4b40b5e6",class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))}get element(){return i(this)}};g.style=p;export{g as stzh_pagetitle_hero};
-//# sourceMappingURL=p-15f3c6a1.entry.js.map
+import{r as e,h as t,a,g as i}from"./p-ef5985a3.js";import{s,h}from"./p-87c329f2.js";import{a as r,r as o,m as n}from"./p-f4adb3cd.js";import"./p-dae15605.js";var l=function(e){if(e){var t=function(e){return[].slice.call(e)},a=0,i=1,s=2,h=3,r=[],o=null,n="requestAnimationFrame"in e?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};e.cancelAnimationFrame(o);var a=function(){return c(r.filter((function(e){return e.dirty&&e.active})))};if(t.sync)return a();o=e.requestAnimationFrame(a)}:function(){},l=function(e){return function(t){r.forEach((function(t){return t.dirty=e})),n(t)}},c=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=d(e)})),e.filter(m).forEach(f);var t=e.filter(z);t.forEach(g),t.forEach((function(e){f(e),p(e)})),t.forEach(v)},p=function(e){return e.dirty=a},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!==s||e.dirty===s&&e.element.parentNode.clientWidth!==e.availableWidth},d=function(t){var a=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(a.getPropertyValue("font-size")),t.display=a.getPropertyValue("display"),t.whiteSpace=a.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)},f=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}}))},u=function(e,t){return function(a){e.dirty=t,e.active&&n(a)}},b=function(e){return function(){r=r.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,n())}},_=function(e){return function(){return e.active=!1}},w=function(e){e.observeMutations&&(e.observer=new MutationObserver(u(e,i)),e.observer.observe(e.element,e.observeMutations))},k={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in e&&{subtree:!0,childList:!0,characterData:!0}},y=null,j=function(){e.clearTimeout(y),y=e.setTimeout(l(s),S.observeWindowDelay)},M=["resize","orientationchange"];return Object.defineProperty(S,"observeWindow",{set:function(t){var a="".concat(t?"add":"remove","EventListener");M.forEach((function(t){e[a](t,j)}))}}),S.observeWindow=!0,S.observeWindowDelay=100,S.fitAll=l(h),S}function O(e,t){var a=Object.assign({},k,t),i=e.map((function(e){var t=Object.assign({},a,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},w(e),e.newbie=!0,e.dirty=!0,r.push(e)}(t),{element:e,fit:u(t,h),unfreeze:x(t),freeze:_(t),unsubscribe:b(t)}}));return n(),i}function S(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e?O(t(document.querySelectorAll(e)),a):O([e],a)[0]}}("undefined"==typeof window?null:window);const c=".sc-stzh-pagetitle-hero-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-hero-h,[stzh-hidden].sc-stzh-pagetitle-hero-h{display:none}.sc-stzh-pagetitle-hero-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagetitle-hero-h .has-focus.sc-stzh-pagetitle-hero{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-hero-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-hero{outline-style:none !important}.sc-stzh-pagetitle-hero-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-hero::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-hero-h.sc-stzh-pagetitle-hero-s>img[slot=image],.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,.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;object-fit:cover;object-position:center}.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xsmall) / -1)}@media screen and (min-width: 900px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-medium) / -1);padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xlarge) / -1)}}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero{list-style:none;padding:0;margin:0;display:flex;gap:var(--stzh-space-xsmall)}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{position:absolute;left:0;top:0}}@media screen and (max-width: 899px){.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);--stzh-chip-color:var(--stzh-base-invert-color);--stzh-chip-background-color:var(--stzh-color-white40op);--stzh-chip-hover-color:var(--stzh-base-invert-color);--stzh-chip-hover-background-color:var(--stzh-color-white30op);--stzh-chip-disabled-color:var(--stzh-color-white60op);--stzh-chip-disabled-background-color:var(--stzh-color-white40op);--stzh-chip-active-color:var(--stzh-color-primary);--stzh-chip-active-background-color:var(--stzh-color-white80op);--stzh-chip-active-hover-color:var(--stzh-color-primary);--stzh-chip-active-hover-background-color:var(--stzh-color-white80op);display:flex;justify-content:center;flex-direction:column;flex-shrink:0;position:relative;z-index:1;background-color:var(--stzh-color-primary);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: 900px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-big)}}@media screen and (min-width: 900px){.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:var(--stzh-font-style-heavy);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-large);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: 900px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.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:flex;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: 900px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-big)}}@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: 900px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{flex-direction:row}}.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{position:relative;flex-shrink:0;background-color:var(--stzh-color-old-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: 900px){.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: 900px){.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-xsmall)}@media screen and (min-width: 900px){.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: 600px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.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-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{flex-direction:row-reverse}}@media screen and (min-width: 900px){.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{margin-bottom:calc(var(--stzh-space-xxlarge) / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero{margin-bottom:calc( / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xxxlarge) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero{margin-bottom:calc(var(--stzh-space-xxxxlarge) / -1)}}.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{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-large);margin-bottom:var(--stzh-space-large);position:static}@media screen and (min-width: 600px){.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)}}@media screen and (min-width: 900px){.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: 600px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.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)}}";const p=c;const g=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-link[slot="back-link"], [slot="back-link"] stzh-link');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const a=this.element.querySelectorAll('stzh-chip[slot="tag"], [slot="tag"] stzh-chip');if(e){s(e,{icon:"angle-left"})}t.forEach((e=>{s(e,{lead:true})}));a.forEach((e=>{s(e,{role:"listitem"})}))};this.reinitFitty=()=>{this.destroyFitty();const e=n("small").matches;this.fitty=l(this.mainTitleElement,{minSize:e?45:32,maxSize:e?96:64})};this.heading="";this.headingId="anchorContent";this.leadAuthor="";this.subtitle=""}destroyFitty(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}}async componentWillUpdate(){this.destroyFitty()}async componentDidRender(){if(this.fitty){return}this.reinitFitty()}connectedCallback(){this.init();r(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}o(this.reinitFitty);this.destroyFitty()}render(){const e=h(this.element,"image");const i=h(this.element,"lead");const s=h(this.element,"back-link");const r={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!e,"stzh-pagetitle-hero--has-no-lead":!i,"stzh-pagetitle-hero--has-back-link":s};return t(a,{key:"bcd25c4c4cb3be130272f8a7780f2ed8c6ff4ba1"},t("div",{key:"a6e6961b33229fae1415acf98b646597f67ad584",class:r},t("div",{key:"9efafa7c6d1ce717cfdbce68d8a2851acf53813e",class:"stzh-pagetitle-hero__header"},t("div",{key:"a9e233f0aa69b675b7205568fdb833368efec4c2",class:"stzh-pagetitle-hero__back-link"},t("slot",{key:"277a49690f5aedf5f3db388c0618260d66bf24ff",name:"back-link"})),t("div",{key:"6155a14cd27e65dd07b8f1e48a13a371c899578a",class:"stzh-pagetitle-hero__image-wrapper"},t("div",{key:"934cf78953f48c4bf10f4d1e3d7d289c6f7dd407",class:"stzh-pagetitle-hero__image-ratio"}),t("slot",{key:"914e2e4ac218a07422ae33129bbe505c3b5e0cb4",name:"image"})),t("div",{key:"f28d60cd3b36ea31f5bc7edb609e1123799f3481",class:"stzh-pagetitle-hero__title-wrapper"},t("div",{key:"20cdcb04f8bae345c5f3e3769b166e7f7e1cedb3",class:"stzh-pagetitle-hero__tags",role:"list"},t("slot",{key:"98997ef5a94cffb5dac06c5b939f3c6196e5bc4e",name:"tag"})),t("div",{key:"48beec20fea7d9c0fae595b9a7150478a7fdb9c4",class:"stzh-pagetitle-hero__title-parent"},t("h1",{key:"f6f566c1026c6813415999ed94a85ac7e045af26",ref:e=>this.mainTitleElement=e,class:"stzh-pagetitle-hero__title",id:this.headingId,innerHTML:this.heading})),this.subtitle&&t("div",{key:"d7551260d571de922028fd0253e1f9fe5801ccff",class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),t("div",{key:"6707c76964878059553e9d9695f624b9a2694d78",class:"stzh-pagetitle-hero__lead"},t("slot",{key:"68d8f46003a6b263707035dc107d86834e4456c9",name:"lead"}),t("div",{key:"7ed34086c39225b55708cf53e7f5a02f47e72bb0",class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))}get element(){return i(this)}};g.style=p;export{g as stzh_pagetitle_hero};
+//# sourceMappingURL=p-dbe28f96.entry.js.map

package/dist/stzh-components/{p-3f4afd76.entry.js → p-de4b1f2b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as c,a as s,g as e}from"./p-ef5985a3.js";import{h as a}from"./p-87c329f2.js";import"./p-dae15605.js";const n=".sc-stzh-contact-cv-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-cv-h,[stzh-hidden].sc-stzh-contact-cv-h{display:none}.sc-stzh-contact-cv-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-cv-h *.sc-stzh-contact-cv,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::before,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-cv-h .has-focus.sc-stzh-contact-cv{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv{outline-style:none !important}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv::-moz-focus-inner{border:0 !important}.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-title.sc-stzh-contact-cv{margin-bottom:0;font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}";const o=n;const i=class{constructor(c){t(this,c);this._trainings=[];this._hobbies=[];this.localization=undefined;this.jobtitle=undefined;this.responsibilities=undefined;this.trainings=undefined;this.hobbies=undefined}trainingsWatcher(t){if(typeof t==="string"){this._trainings=JSON.parse(t)}else{this._trainings=t}}hobbiesWatcher(t){if(typeof t==="string"){this._hobbies=JSON.parse(t)}else{this._hobbies=t}}async componentWillLoad(){this.trainingsWatcher(this.trainings);this.hobbiesWatcher(this.hobbies);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"contact-cv")}}render(){const t=a(this.element,"favorite-links");const e={"stzh-contact-cv":true,"stzh-contact-cv--has-favorite-links":t};return c(s,{key:"5a291f348ebadcbde51de7ad4b9ba377d797693f"},c("div",{key:"be10e062984ae67d06a055409d316d525cbce398",class:e},c("div",{key:"bb62a08709141afdf55d3a1995d621d38544b928",class:"stzh-contact-cv__content-wrapper"},c("stzh-text",{key:"87d66c355b366f232ae67dc4dc0b00d48993f370",class:"stzh-contact-cv__content-block"},c("p",{key:"ed25eb6233741fbf7eb61db8ac7d25b4d76151eb",class:"stzh-contact-cv__content-title"},this.localization.jobtitle),c("span",{key:"beb4fb7eb9a9097dc8ad52ed286bc0fb010308ad"},this.jobtitle)),c("stzh-text",{key:"501245e800c42f0935b4ca56eee9dcba0c80ca3e",class:"stzh-contact-cv__content-block"},c("p",{key:"efbef83306ebf2c2123a84b50517267c36660404",class:"stzh-contact-cv__content-title"},this.localization.responsibilities),c("span",{key:"5df94126ed2b6021e0567a89473581438d0566dc"},this.responsibilities)),c("stzh-text",{key:"18973ce79765d018999abb3e26b2ff7f7266cf0a",class:"stzh-contact-cv__content-block"},c("p",{key:"0811996e0a7583db612496f654b53bd5b7248020",class:"stzh-contact-cv__content-title"},this.localization.trainings),c("stzh-list",{key:"a09f673fc22590c133fb88e67b6e659e6665e69e"},this._trainings.map((t=>c("stzh-list-item",null,t))))),c("stzh-text",{key:"2316b0d44c23eab83c95570f610f2105c353fd78",class:"stzh-contact-cv__content-block"},c("p",{key:"ce0b3b4306b40d2eaf8bc72f1ffdbeae6fe72c3a",class:"stzh-contact-cv__content-title"},this.localization.hobbies),c("stzh-list",{key:"92a4edb5f2c670560c8b224163f564bcd3f4707d"},this._hobbies.map((t=>c("stzh-list-item",null,t))))),c("div",{key:"ebed4659a3cba6989971216a7ab5883715d18862",class:"stzh-contact-cv__favorite-links"},c("stzh-text",{key:"51b1de961263ad8158b29a42fb70adf505717d08",class:"stzh-contact-cv__content-block"},c("p",{key:"3aeda3f44d909d5a5a928ce44db5e6ec2d737307",class:"stzh-contact-cv__content-title"},this.localization.favoriteLinks),c("slot",{key:"c1b6c8b7f0d96caf017c67f7f7de6da15f411aee",name:"favorite-links"}))))))}get element(){return e(this)}static get watchers(){return{trainings:["trainingsWatcher"],hobbies:["hobbiesWatcher"]}}};i.style=o;export{i as stzh_contact_cv};
-//# sourceMappingURL=p-3f4afd76.entry.js.map
+import{r as t,h as c,a as s,g as e}from"./p-ef5985a3.js";import{h as a}from"./p-87c329f2.js";import"./p-dae15605.js";const n=".sc-stzh-contact-cv-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-cv-h,[stzh-hidden].sc-stzh-contact-cv-h{display:none}.sc-stzh-contact-cv-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-cv-h *.sc-stzh-contact-cv,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::before,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-cv-h .has-focus.sc-stzh-contact-cv{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv{outline-style:none !important}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv::-moz-focus-inner{border:0 !important}.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-title.sc-stzh-contact-cv{margin-bottom:0;font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}";const o=n;const i=class{constructor(c){t(this,c);this._trainings=[];this._hobbies=[];this.localization=undefined;this.jobtitle=undefined;this.responsibilities=undefined;this.trainings=undefined;this.hobbies=undefined}trainingsWatcher(t){if(typeof t==="string"){this._trainings=JSON.parse(t)}else{this._trainings=t}}hobbiesWatcher(t){if(typeof t==="string"){this._hobbies=JSON.parse(t)}else{this._hobbies=t}}async componentWillLoad(){this.trainingsWatcher(this.trainings);this.hobbiesWatcher(this.hobbies);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"contact-cv")}}render(){const t=a(this.element,"favorite-links");const e={"stzh-contact-cv":true,"stzh-contact-cv--has-favorite-links":t};return c(s,{key:"8466d32d09d3c011a69223619e781da2e088da0a"},c("div",{key:"558bb0afcf909b6207c8674b59473d470c766628",class:e},c("div",{key:"3a51fdacc4c2d522d692aa03d6910cdff30efe27",class:"stzh-contact-cv__content-wrapper"},c("stzh-text",{key:"6b7697590c006bb59ff7bac84fa286132e82c108",class:"stzh-contact-cv__content-block"},c("p",{key:"bec0a0b7d25f0f13239639124b58d38a42c2adfb",class:"stzh-contact-cv__content-title"},this.localization.jobtitle),c("span",{key:"90cc00c2e58c0f6b6b47962e05747813e7485222"},this.jobtitle)),c("stzh-text",{key:"d14d18d2803083cf3d39e89506277578db302f18",class:"stzh-contact-cv__content-block"},c("p",{key:"2187062fac27fa5529421ace4f3a3219166713e3",class:"stzh-contact-cv__content-title"},this.localization.responsibilities),c("span",{key:"3dbd9abb5b23c965c360513efa23da81b919cf56"},this.responsibilities)),c("stzh-text",{key:"6af3fb5c4d99e2a1fe0779ff613fa54ba68ffcd5",class:"stzh-contact-cv__content-block"},c("p",{key:"6722c85c9fb70e286456b99528e92784c095c8e9",class:"stzh-contact-cv__content-title"},this.localization.trainings),c("stzh-list",{key:"957cf2abb0b660d210d0ad3bd3c93e61482c6eb0"},this._trainings.map((t=>c("stzh-list-item",null,t))))),c("stzh-text",{key:"1597178300f9f6c771a4c77fd44fac9d9c80ff25",class:"stzh-contact-cv__content-block"},c("p",{key:"0f87ae74514dc6dab15c5f9d9f41efdbb429c51e",class:"stzh-contact-cv__content-title"},this.localization.hobbies),c("stzh-list",{key:"4217583b4969179fb1a5771991ee232c17c31dfa"},this._hobbies.map((t=>c("stzh-list-item",null,t))))),c("div",{key:"289ffce07c60875edc258c2d8c971189438fd5fd",class:"stzh-contact-cv__favorite-links"},c("stzh-text",{key:"fa94866d8d0acf524609425c0922567ab7848fe4",class:"stzh-contact-cv__content-block"},c("p",{key:"48253aa57da577592b61eacd97e5163a191ab08a",class:"stzh-contact-cv__content-title"},this.localization.favoriteLinks),c("slot",{key:"6abffb6d53acbeedc6396de446cea75d0259deea",name:"favorite-links"}))))))}get element(){return e(this)}static get watchers(){return{trainings:["trainingsWatcher"],hobbies:["hobbiesWatcher"]}}};i.style=o;export{i as stzh_contact_cv};
+//# sourceMappingURL=p-de4b1f2b.entry.js.map

package/dist/stzh-components/{p-13881ff2.entry.js → p-de8c2229.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,f as a,a as i,g as s}from"./p-ef5985a3.js";import{h as n,s as m}from"./p-87c329f2.js";import"./p-dae15605.js";const r=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text" "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas-image-left,\n      "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n        "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n        "image image image image image image image image"\n    )}}:host([image-moves]){padding-bottom:var(--stzh-space-xxxlarge)}:host([image-moves]) .stzh-textandimage__right{display:flex;justify-content:center}@media screen and (max-width: 899px){:host([image-moves]){--row-gap:0px}:host([image-moves]) .stzh-textandimage__right{justify-content:left}}@media screen and (min-width: 900px) and (max-width: 1259px){:host([image-moves]) .stzh-textandimage__right{justify-content:right}}@media screen and (min-width: 900px){:host([image-moves]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([image-moves][short-text]){--row-gap:0px}:host([image-moves][short-text]) .stzh-textandimage__right{justify-content:left}@media screen and (min-width: 900px){:host([image-moves][short-text]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text" "image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves][short-text]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text" "image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}@media screen and (max-width: 599px){.stzh-textandimage__wrapper{max-width:75%}}@media screen and (min-width: 600px){.stzh-textandimage__wrapper{max-width:50%}}@media screen and (min-width: 900px){.stzh-textandimage__wrapper{max-width:75%}}@media screen and (min-width: 1260px){.stzh-textandimage__wrapper{max-width:50%}}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const g=r;const d=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{m(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{m(t,{variant:"single"})}));this.checkLineCount()};this.checkLineCount=()=>{const t=this.element.querySelectorAll('[slot="left"] stzh-vspace stzh-richtext div');if(this.imageMoves){if(t.length>0){const e=getComputedStyle(t[0]);const a=t[0].clientHeight/parseFloat(e.lineHeight)<=4;this.element.toggleAttribute("short-text",a)}}};this.size="default";this.imagePosition="right";this.imageMoves=false}onWindowResize(){this.checkLineCount()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const m=!(t&&s);const r={"stzh-textandimage":true,"stzh-textandimage--is-single-left":m&&t,"stzh-textandimage--is-single-right":m&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"0fbc3abc39e86a3a7509d73999517c7ef5e3300e",single:m,"image-position":this.imagePosition},e("div",{key:"e3a21b07b90af39ed9bda5c9fd7296b3b105b07d",class:r},e("div",{key:"bfc6e159556327347a3a849fec9355b1d8cbc968",class:"stzh-textandimage__left"},e("slot",{key:"41d2bb8064c87c054289ebcb5960234e94b35fa9",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"afa09006e7fc508b271eebacb7518510ff79603f",class:"stzh-textandimage__right"},e("div",{key:"9ba052e19d1cf4933ffccb14be38a1b016a27f4b",class:this.imageMoves?"stzh-textandimage__wrapper":""},e("slot",{key:"58be22dc8a6c8950dc27c1c36b6b79ace6646ca4",name:"right",onSlotchange:()=>a(this.element)})))))}get element(){return s(this)}};d.style=g;export{d as stzh_textandimage};
-//# sourceMappingURL=p-13881ff2.entry.js.map
+import{r as t,h as e,f as a,a as i,g as s}from"./p-ef5985a3.js";import{h as n,s as m}from"./p-87c329f2.js";import"./p-dae15605.js";const r=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text" "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas-image-left,\n      "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n        "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n        "image image image image image image image image"\n    )}}:host([image-moves]){padding-bottom:var(--stzh-space-xxxlarge)}:host([image-moves]) .stzh-textandimage__right{display:flex;justify-content:center}@media screen and (max-width: 899px){:host([image-moves]){--row-gap:0px}:host([image-moves]) .stzh-textandimage__right{justify-content:left}}@media screen and (min-width: 900px) and (max-width: 1259px){:host([image-moves]) .stzh-textandimage__right{justify-content:right}}@media screen and (min-width: 900px){:host([image-moves]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([image-moves][short-text]){--row-gap:0px}:host([image-moves][short-text]) .stzh-textandimage__right{justify-content:left}@media screen and (min-width: 900px){:host([image-moves][short-text]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text" "image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves][short-text]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text" "image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}@media screen and (max-width: 599px){.stzh-textandimage__wrapper{max-width:75%}}@media screen and (min-width: 600px){.stzh-textandimage__wrapper{max-width:50%}}@media screen and (min-width: 900px){.stzh-textandimage__wrapper{max-width:75%}}@media screen and (min-width: 1260px){.stzh-textandimage__wrapper{max-width:50%}}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const g=r;const d=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{m(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{m(t,{variant:"single"})}));this.checkLineCount()};this.checkLineCount=()=>{const t=this.element.querySelectorAll('[slot="left"] stzh-vspace stzh-richtext div');if(this.imageMoves){if(t.length>0){const e=getComputedStyle(t[0]);const a=t[0].clientHeight/parseFloat(e.lineHeight)<=4;this.element.toggleAttribute("short-text",a)}}};this.size="default";this.imagePosition="right";this.imageMoves=false}onWindowResize(){this.checkLineCount()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const m=!(t&&s);const r={"stzh-textandimage":true,"stzh-textandimage--is-single-left":m&&t,"stzh-textandimage--is-single-right":m&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"ecff2043174d8e262376c63f3bd0424c69de95fa",single:m,"image-position":this.imagePosition},e("div",{key:"8a4935aa3176ecadb040f107b7d4b44a35cc339b",class:r},e("div",{key:"aab9557d993da5630cbf1184927dbc757f12d222",class:"stzh-textandimage__left"},e("slot",{key:"2898103e1a179cc4dd6935f52d8b82dd74834193",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"eb4f2e6258478135561005f4f4da5d984040b085",class:"stzh-textandimage__right"},e("div",{key:"224cb0c631e2cad8c67cd85cb030f7031e7e17e2",class:this.imageMoves?"stzh-textandimage__wrapper":""},e("slot",{key:"510da86c4799a63685bad934d652d7242b2491f4",name:"right",onSlotchange:()=>a(this.element)})))))}get element(){return s(this)}};d.style=g;export{d as stzh_textandimage};
+//# sourceMappingURL=p-de8c2229.entry.js.map

package/dist/stzh-components/{p-ee9f0975.entry.js → p-def94196.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,F as i,a as h,g as c}from"./p-ef5985a3.js";import{S as r}from"./p-9531514f.js";const o=".sc-stzh-chipselect-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall)}.stzh-chipselect__label.sc-stzh-chipselect{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;margin-bottom:var(--stzh-space-xsmall)}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}";const l=o;let a=0;const n=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this._data=[];this._value=[];this.handleReset=async()=>{this.value=this.defaultValue};this.handleChipClick=async(t,s)=>{if(this.multiple){if(t.value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(t.value!==""){this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]}}else{this.value=t.value}this.activeFocusOptionIndex=s;await this.waitForNextRender();this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?this._value:this._value[0]})};this.handleKeydown=t=>{let s=null;const e=this.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(e>0){s=e-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(e<this._data.length-1){s=e+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(this.multiple){if(this._data[e].value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(this._data[e].value!==""){this.value=this._value.includes(this._data[e].value)?this._value.filter((t=>t!==this._data[e].value)):[...this._value,this._data[e].value]}}else{this.value=this._data[e].value}this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}if(s!==null){this.activeFocusOptionIndex=s}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.labelHidden=false;this.multiple=false;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.hideOptional=false;this.a11yDescribedby="";this.activeFocusOptionIndex=0}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){if(typeof t==="string"){try{const s=JSON.parse(t);if(Array.isArray(s)){this._value=s}else{this._value=t?[t]:[]}}catch(s){this._value=t?[t]:[]}}else{this._value=t?t:[]}}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._data.map((t=>{if(typeof t.value!=="string"){throw new TypeError(`${t.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`)}}))}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=[]}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.id=`stzh-chipselect-${a++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);this.valueWatcher(this.value);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect")}}render(){const t=!!this.description;const s=!!this.descriptionLong;const c=!!this.error;const o={"stzh-chipselect":true,"stzh-chipselect--has-description":t,"stzh-chipselect--has-description-long":s,"stzh-chipselect--has-error":c,"stzh-chipselect--is-invalid":this.invalid||c,"stzh-chipselect--is-disabled":this.disabled,"stzh-chipselect--is-required":this.required,"stzh-chipselect--has-label-hidden":this.labelHidden};return e(h,{key:"4161021da18b9b06aaff411c28a8d048a1a0a659","is-invalid":this.invalid||c},e("div",{key:"9c94e4c66a743bc31b4c0f2cf1afce3c0317afc8",class:o},this.multiple?e(i,null,this._value.map((t=>e("input",{type:"hidden",name:this.name,value:t})))):e("input",{type:"hidden",name:this.name,value:this.value}),e("label",{key:"d2d9140d14e7ce3c8c295146a097ec0e0f4ee6dc",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"3ee1dc931d60159ae494e674f84b961fea04430f",class:"stzh-chipselect__marker"},e("span",{key:"4e6c35a50910032d6172e71dc75d7a6a05977a88",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"0739ce248173572f67bea5e06a4702b3b8d42a7e",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this._data.length>0&&e(i,{key:"2723bf07f2d8afbf6e725e387df21927d569368d"},e("div",{key:"f77d157c0d61bc3c5d96b48e8daaa8a617949864",id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":`${this.id}-option-${this.activeFocusOptionIndex}`,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":true,"is-focused":this.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,type:t.type,inverted:t.inverted,variant:t.variant,size:t.size||"small",disabled:this.disabled||t.disabled,active:this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]===""),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]==="")?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)})))),e(r,{key:"0f31db7d4069acef9b153764733c59de85335ca2",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))))}get element(){return c(this)}static get watchers(){return{value:["valueWatcher"],data:["dataWatcher"],error:["errorWatcher"]}}};n.style=l;export{n as stzh_chipselect};
-//# sourceMappingURL=p-ee9f0975.entry.js.map
+import{r as t,c as s,h as e,F as i,a as h,g as c}from"./p-ef5985a3.js";import{S as r}from"./p-9531514f.js";const o=".sc-stzh-chipselect-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall)}.stzh-chipselect__label.sc-stzh-chipselect{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;margin-bottom:var(--stzh-space-xsmall)}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}";const l=o;let a=0;const n=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this._data=[];this._value=[];this.handleReset=async()=>{this.value=this.defaultValue};this.handleChipClick=async(t,s)=>{if(this.multiple){if(t.value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(t.value!==""){this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]}}else{this.value=t.value}this.activeFocusOptionIndex=s;await this.waitForNextRender();this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?this._value:this._value[0]})};this.handleKeydown=t=>{let s=null;const e=this.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(e>0){s=e-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(e<this._data.length-1){s=e+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(e<0){return}if(this.multiple){if(this._data[e].value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(this._data[e].value!==""){this.value=this._value.includes(this._data[e].value)?this._value.filter((t=>t!==this._data[e].value)):[...this._value,this._data[e].value]}}else{this.value=this._data[e].value}this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}if(s!==null){this.activeFocusOptionIndex=s}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.labelHidden=false;this.multiple=false;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.hideOptional=false;this.a11yDescribedby="";this.activeFocusOptionIndex=-1}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){if(typeof t==="string"){try{const s=JSON.parse(t);if(Array.isArray(s)){this._value=s}else{this._value=t?[t]:[]}}catch(s){this._value=t?[t]:[]}}else{this._value=t?t:[]}}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._data.map((t=>{if(typeof t.value!=="string"){throw new TypeError(`${t.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`)}}))}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=[]}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.id=`stzh-chipselect-${a++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);this.valueWatcher(this.value);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect")}}render(){const t=!!this.description;const s=!!this.descriptionLong;const c=!!this.error;const o=this.activeFocusOptionIndex>=0;const l=o?`${this.id}-option-${this.activeFocusOptionIndex}`:undefined;const a={"stzh-chipselect":true,"stzh-chipselect--has-description":t,"stzh-chipselect--has-description-long":s,"stzh-chipselect--has-error":c,"stzh-chipselect--is-invalid":this.invalid||c,"stzh-chipselect--is-disabled":this.disabled,"stzh-chipselect--is-required":this.required,"stzh-chipselect--has-label-hidden":this.labelHidden};return e(h,{key:"5794c7d0e50201f7689bbc19717a02824f9a497d","is-invalid":this.invalid||c},e("div",{key:"769c9167d5548992b626d31faf43a0c272a0f6df",class:a},this.multiple?e(i,null,this._value.map((t=>e("input",{type:"hidden",name:this.name,value:t})))):e("input",{type:"hidden",name:this.name,value:this.value}),e("label",{key:"b76e3e7c99f4a5c401d76cfbeab4281480ce48bc",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"2c6ca19b9f7b2dcc8284d0c9e469c4caf6f8e11f",class:"stzh-chipselect__marker"},e("span",{key:"22f350affc68c12f36caf592e41b74e58d822962",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"7a1e903e7c27dce25bcee7b43cce6f646f4ee5aa",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this._data.length>0&&e(i,{key:"1f64a0b097e78a5c9e99fb891c50383c5e4a5f9e"},e("div",{key:"e073e45633cf904a6b02058d56d188b3c01d9d15",id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":l,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":true,"is-focused":this.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,type:t.type,inverted:t.inverted,variant:t.variant,size:t.size||"small",disabled:this.disabled||t.disabled,active:this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]===""),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]==="")?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)})))),e(r,{key:"4f01198867cfdc306856d1e12dea624080276eea",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))))}get element(){return c(this)}static get watchers(){return{value:["valueWatcher"],data:["dataWatcher"],error:["errorWatcher"]}}};n.style=l;export{n as stzh_chipselect};
+//# sourceMappingURL=p-def94196.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stzhChipselectCss","StzhChipselectStyle0","chipselectCounter","StzhChipselect","this","_data","_value","handleReset","async","value","defaultValue","handleChipClick","data","index","multiple","length","includes","filter","activeFocusOptionIndex","waitForNextRender","stzhChange","emit","component","handleKeydown","event","newActiveIndex","activeOptionIndex","key","preventDefault","resetListener","target","contains","element","requestAnimationFrame","valueWatcher","newValue","parsedValue","JSON","parse","Array","isArray","ex","dataWatcher","map","dataEntry","TypeError","errorWatcher","_error","e","Promise","resolve","renderPromiseResolve","componentDidRender","componentWillLoad","id","error","localization","window","stzhComponents","utils","fetchTranslations","render","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","hasActive","activeId","undefined","classes","invalid","disabled","required","labelHidden","h","Host","class","Fragment","type","name","htmlFor","label","hideOptional","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","role","tabindex","a11yDescribedby","onKeyDown","counter","icon","inverted","variant","size","active","a11yTabindex","onClick","StzhInputDescription","classPrefix","descriptionLongTitle","moreInfoButtonLabel"],"sources":["src/components/stzh-chipselect/stzh-chipselect.scss?tag=stzh-chipselect&encapsulation=scoped","src/components/stzh-chipselect/stzh-chipselect.tsx"],"sourcesContent":[":host {\n  &[disabled]:not([disabled=\"false\"]) {\n    --description-color: #{$formDisabledColor};\n  }\n  &[active]:not([active=\"false\"]) {\n    --background-color: var(\n      --stzh-chip-active-background-color,\n      #{$colorPrimary70}\n    );\n  }\n  &[active].is-focused {\n    --background-color: var(\n      --stzh-chip-active-background-color,\n      #{$colorPrimary70}\n    );\n  }\n}\n\n.stzh-chipselect {\n  @include input-description;\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    @include truncate;\n    color: $headingColor;\n    display: block;\n    margin-bottom: space(\"xsmall\");\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__marker {\n    @include fontSize(\"nano\");\n    margin-left: calc(-0.25em + #{space(\"xsmall\")});\n  }\n\n  &__chips {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    border-radius: $buttonBorderRadius;\n    gap: space(\"medium\");\n\n    &:focus-within {\n      .is-focused[active] {\n        --background-color: #{$colorPrimary90};\n\n        @include highContrast() {\n          --background-color: Canvas;\n        }\n      }\n    }\n  }\n\n  &__chip {\n    &.is-focused:not([active]) {\n      --background-color: #{$colorSecondary40};\n\n      @include highContrast() {\n        --background-color: Highlight;\n      }\n    }\n  }\n\n  // &__dropdown {\n  //   @include mq($from: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  // &__description-wrapper {\n  //   @include mq($to: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  &--has-error &__error,\n  &--has-description &__description {\n    margin-top: space(\"xsmall\");\n  }\n\n  /* Hidden label */\n\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__chips,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State, Fragment, Listen } from \"@stencil/core\";\n\nimport {\n  StzhChipselectItem,\n  StzhChipselectChangeEvent,\n  // StzhDropdownChangeEvent\n} from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nlet chipselectCounter = 0;\n\n/**\n * @slot - Slot for `stzh-checkbox` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-chipselect\",\n  styleUrl: \"stzh-chipselect.scss\",\n  scoped: true,\n})\nexport class StzhChipselect {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** The list of chips */\n  @Prop() data: string | StzhChipselectItem[] = [];\n  private _data: StzhChipselectItem[] = [];\n  // private _dataDropdown: any[] = [];\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Multiple */\n  @Prop({ mutable: true }) multiple: boolean = false;\n\n  /** Value */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n  private _value: string[] = [];\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string | string[] = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether all chips are disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @State() activeFocusOptionIndex: number = -1;\n\n  @Element() element: HTMLStzhChipselectElement;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhChipselectChangeEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        const parsedValue = JSON.parse(newValue); // since parsing a number like string (i.e. \"1\") will return a number and parsing a boolean like string (i.e. \"true\") will return a boolean we need to check if the parsed value is indeed an array.\n        if (Array.isArray(parsedValue)) {\n          this._value = parsedValue;\n        } else {\n          this._value = newValue ? [newValue] : [];\n        }\n      } catch (ex) {\n        this._value = newValue ? [newValue] : [];\n      }\n    } else {\n      this._value = newValue ? newValue : [];\n    }\n  }\n\n  @Watch(\"data\")\n  dataWatcher(newValue: StzhChipselectItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this._data.map(dataEntry => {\n      if (typeof dataEntry.value !== \"string\") {\n        throw new TypeError(\n          `${dataEntry.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`,\n        );\n      }\n    });\n    // this._dataDropdown = this._data.map((data) => {\n    //   return {\n    //     text: data.counter\n    //       ? `${data.label} (${data.counter})`\n    //       : data.label,\n    //     value: data.value\n    //   }\n    // });\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  private id: string;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private waitForNextRender() {\n    return new Promise(resolve => (this.renderPromiseResolve = resolve));\n  }\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n\n    // this.stzhChange.emit({\n    //   component: \"stzh-chipselect\",\n    //   value: this.value\n    // });\n  };\n\n  private handleChipClick = async (data: StzhChipselectItem, index: number) => {\n    if (this.multiple) {\n      if (data.value === \"\" && this._value.length > 0 && !(this._value.length === 1 && this._value[0] === \"\")) {\n        this.value = [];\n      } else if (data.value !== \"\") {\n        this.value = this._value.includes(data.value)\n          ? this._value.filter(value => value !== data.value)\n          : [...this._value, data.value];\n      }\n    } else {\n      this.value = data.value;\n    }\n\n    this.activeFocusOptionIndex = index;\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-chipselect\",\n      value: this.multiple ? this._value : this._value[0],\n    });\n  };\n\n  // private handleDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n  //   this.value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n\n  //   this.activeFocusOptionIndex = this._data.findIndex(data => {\n  //     return data.value === this.value;\n  //   });\n\n  //   await this.waitForNextRender();\n\n  //   this.stzhChange.emit({\n  //     component: \"stzh-chipselect\",\n  //     value: this.value\n  //   })\n  // }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    let newActiveIndex: number = null;\n    const activeOptionIndex = this.activeFocusOptionIndex;\n\n    if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n      event.preventDefault();\n\n      if (activeOptionIndex > 0) {\n        newActiveIndex = activeOptionIndex - 1;\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < this._data.length - 1) {\n        newActiveIndex = activeOptionIndex + 1;\n      }\n    } else if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      \n      if (activeOptionIndex < 0) {\n        return;\n      }\n\n      if (this.multiple) {\n        if (\n          this._data[activeOptionIndex].value === \"\" &&\n          this._value.length > 0 &&\n          !(this._value.length === 1 && this._value[0] === \"\")\n        ) {\n          this.value = [];\n        } else if (this._data[activeOptionIndex].value !== \"\") {\n          this.value = this._value.includes(this._data[activeOptionIndex].value)\n            ? this._value.filter(value => value !== this._data[activeOptionIndex].value)\n            : [...this._value, this._data[activeOptionIndex].value];\n        }\n      } else {\n        this.value = this._data[activeOptionIndex].value;\n      }\n      this.stzhChange.emit({\n        component: \"stzh-chipselect\",\n        value: this.value,\n      });\n    }\n\n    if (newActiveIndex !== null) {\n      this.activeFocusOptionIndex = newActiveIndex;\n    }\n  };\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-chipselect-${chipselectCounter++}`;\n\n    this.dataWatcher(this.data);\n    this.errorWatcher(this.error);\n    this.valueWatcher(this.value);\n\n    this.defaultValue = this.defaultValue || this.value;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"chipselect\");\n    }\n  }\n\n  render() {\n    const descriptionUsed = !!this.description;\n    const descriptionLongUsed = !!this.descriptionLong;\n    const errorUsed = !!this.error;\n\n    const hasActive = this.activeFocusOptionIndex >= 0;\n    const activeId = hasActive ? `${this.id}-option-${this.activeFocusOptionIndex}` : undefined;\n\n    const classes = {\n      \"stzh-chipselect\": true,\n      \"stzh-chipselect--has-description\": descriptionUsed,\n      \"stzh-chipselect--has-description-long\": descriptionLongUsed,\n      \"stzh-chipselect--has-error\": errorUsed,\n      \"stzh-chipselect--is-invalid\": this.invalid || errorUsed,\n      \"stzh-chipselect--is-disabled\": this.disabled,\n      \"stzh-chipselect--is-required\": this.required,\n      \"stzh-chipselect--has-label-hidden\": this.labelHidden,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed}>\n        <div class={classes}>\n          {this.multiple ? (\n            <Fragment>\n              {this._value.map(value => (\n                <input type=\"hidden\" name={this.name} value={value} />\n              ))}\n            </Fragment>\n          ) : (\n            <input type=\"hidden\" name={this.name} value={this.value} />\n          )}\n\n          <label class=\"stzh-chipselect__label\" htmlFor={this.id}>\n            {this.label ? this.label : <slot></slot>}\n            {!this.hideOptional && (\n              <span class=\"stzh-chipselect__marker\">\n                <span class=\"stzh-chipselect__marker-symbol\" aria-hidden=\"true\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldMarker\n                    : this.localization.$globals.optionalFieldMarker}\n                </span>\n                <span class=\"stzh-chipselect__marker-text\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldText\n                    : this.localization.$globals.optionalFieldText}\n                </span>\n              </span>\n            )}\n          </label>\n\n          {this._data.length > 0 && (\n            <Fragment>\n              <div\n                id={this.id}\n                class=\"stzh-chipselect__chips\"\n                role=\"listbox\"\n                tabindex=\"0\"\n                aria-multiselectable={this.multiple ? \"true\" : \"false\"}\n                aria-activedescendant={activeId}\n                aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n                onKeyDown={this.handleKeydown}\n              >\n                {this._data.map((data, index) => (\n                  <stzh-chip\n                    role=\"option\"\n                    class={{\n                      \"stzh-chipselect__chip\": true,\n                      \"is-focused\": this.activeFocusOptionIndex === index,\n                    }}\n                    label={data.label}\n                    counter={data.counter}\n                    icon={data.icon}\n                    type={data.type}\n                    inverted={data.inverted}\n                    variant={data.variant}\n                    size={data.size || \"small\"}\n                    disabled={this.disabled || data.disabled}\n                    active={\n                      this._value.includes(data.value) ||\n                      (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === \"\")) ||\n                      (!data.value &&\n                        this.multiple &&\n                        (this._value.length === 0 || (this._value.length === 1 && this._value[0] === \"\")))\n                    }\n                    aria-selected={\n                      this._value.includes(data.value) ||\n                      (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === \"\")) ||\n                      (!data.value &&\n                        this.multiple &&\n                        (this._value.length === 0 || (this._value.length === 1 && this._value[0] === \"\")))\n                        ? \"true\"\n                        : \"false\"\n                    }\n                    id={`${this.id}-option-${index}`}\n                    a11yTabindex=\"-1\"\n                    onClick={() => this.handleChipClick(data, index)}\n                  ></stzh-chip>\n                ))}\n              </div>\n\n              <StzhInputDescription\n                classPrefix=\"stzh-chipselect\"\n                id={`${this.id}-description`}\n                error={this._error}\n                description={this.description}\n                descriptionLong={this.descriptionLong}\n                descriptionLongTitle={this.descriptionLongTitle}\n                descriptionLongUsed={descriptionLongUsed}\n                moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n              />\n\n              {/* <stzh-dropdown\n                class=\"stzh-chipselect__dropdown\"\n                multiple={this.multiple}\n                disabled={this.disabled}\n                error={this._error}\n                description={this.description}\n                descriptionLong={this.descriptionLong}\n                required={this.required}\n                invalid={this.invalid}\n                items={[this.value]}\n                label={this.label}\n                labelHidden={this.labelHidden}\n                options={this._dataDropdown}\n                hideOptional={this.hideOptional}\n                onStzhChange={this.handleDropdownChange}\n              ></stzh-dropdown> */}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,4mLAC1B,MAAAC,EAAeD,ECYf,IAAIE,EAAoB,E,MAcXC,EAAc,M,gEAMjBC,KAAAC,MAA8B,GAiB9BD,KAAAE,OAAmB,GAwHnBF,KAAAG,YAAcC,UACpBJ,KAAKK,MAAQL,KAAKM,YAAY,EAQxBN,KAAAO,gBAAkBH,MAAOI,EAA0BC,KACzD,GAAIT,KAAKU,SAAU,CACjB,GAAIF,EAAKH,QAAU,IAAML,KAAKE,OAAOS,OAAS,KAAOX,KAAKE,OAAOS,SAAW,GAAKX,KAAKE,OAAO,KAAO,IAAK,CACvGF,KAAKK,MAAQ,E,MACR,GAAIG,EAAKH,QAAU,GAAI,CAC5BL,KAAKK,MAAQL,KAAKE,OAAOU,SAASJ,EAAKH,OACnCL,KAAKE,OAAOW,QAAOR,GAASA,IAAUG,EAAKH,QAC3C,IAAIL,KAAKE,OAAQM,EAAKH,M,MAEvB,CACLL,KAAKK,MAAQG,EAAKH,K,CAGpBL,KAAKc,uBAAyBL,QAExBT,KAAKe,oBAEXf,KAAKgB,WAAWC,KAAK,CACnBC,UAAW,kBACXb,MAAOL,KAAKU,SAAWV,KAAKE,OAASF,KAAKE,OAAO,IACjD,EAkBIF,KAAAmB,cAAiBC,IACvB,IAAIC,EAAyB,KAC7B,MAAMC,EAAoBtB,KAAKc,uBAE/B,GAAIM,EAAMG,MAAQ,WAAaH,EAAMG,MAAQ,YAAa,CACxDH,EAAMI,iBAEN,GAAIF,EAAoB,EAAG,CACzBD,EAAiBC,EAAoB,C,OAElC,GAAIF,EAAMG,MAAQ,aAAeH,EAAMG,MAAQ,aAAc,CAClEH,EAAMI,iBAEN,GAAIF,EAAoBtB,KAAKC,MAAMU,OAAS,EAAG,CAC7CU,EAAiBC,EAAoB,C,OAElC,GAAIF,EAAMG,MAAQ,KAAOH,EAAMG,MAAQ,QAAS,CACrDH,EAAMI,iBAEN,GAAIF,EAAoB,EAAG,CACzB,M,CAGF,GAAItB,KAAKU,SAAU,CACjB,GACEV,KAAKC,MAAMqB,GAAmBjB,QAAU,IACxCL,KAAKE,OAAOS,OAAS,KACnBX,KAAKE,OAAOS,SAAW,GAAKX,KAAKE,OAAO,KAAO,IACjD,CACAF,KAAKK,MAAQ,E,MACR,GAAIL,KAAKC,MAAMqB,GAAmBjB,QAAU,GAAI,CACrDL,KAAKK,MAAQL,KAAKE,OAAOU,SAASZ,KAAKC,MAAMqB,GAAmBjB,OAC5DL,KAAKE,OAAOW,QAAOR,GAASA,IAAUL,KAAKC,MAAMqB,GAAmBjB,QACpE,IAAIL,KAAKE,OAAQF,KAAKC,MAAMqB,GAAmBjB,M,MAEhD,CACLL,KAAKK,MAAQL,KAAKC,MAAMqB,GAAmBjB,K,CAE7CL,KAAKgB,WAAWC,KAAK,CACnBC,UAAW,kBACXb,MAAOL,KAAKK,O,CAIhB,GAAIgB,IAAmB,KAAM,CAC3BrB,KAAKc,uBAAyBO,C,yCAtOY,G,+BAQtB,G,iBAGO,M,cAGc,M,WAGO,G,kBAIO,G,gIAkBf,M,cAGC,M,cAGA,M,kBAGI,M,qBAGkB,G,6BAExB,C,CAQ3C,aAAAI,CAAcL,GACZ,GAAKA,EAAMM,OAAuBC,SAAS3B,KAAK4B,SAAU,CACxDC,uBAAsB,KACpB7B,KAAKG,aAAa,G,EAMxB,YAAA2B,CAAaC,GACX,UAAWA,IAAa,SAAU,CAChC,IACE,MAAMC,EAAcC,KAAKC,MAAMH,GAC/B,GAAII,MAAMC,QAAQJ,GAAc,CAC9BhC,KAAKE,OAAS8B,C,KACT,CACLhC,KAAKE,OAAS6B,EAAW,CAACA,GAAY,E,EAExC,MAAOM,GACPrC,KAAKE,OAAS6B,EAAW,CAACA,GAAY,E,MAEnC,CACL/B,KAAKE,OAAS6B,EAAWA,EAAW,E,EAKxC,WAAAO,CAAYP,GACV,UAAWA,IAAa,SAAU,CAChC/B,KAAKC,MAAQgC,KAAKC,MAAMH,E,KACnB,CACL/B,KAAKC,MAAQ8B,C,CAGf/B,KAAKC,MAAMsC,KAAIC,IACb,UAAWA,EAAUnC,QAAU,SAAU,CACvC,MAAM,IAAIoC,UACR,GAAGD,EAAUnC,+L,KAerB,YAAAqC,CAAaX,GACX,UAAWA,IAAa,SAAU,CAChC,IACE/B,KAAK2C,OAASV,KAAKC,MAAMH,E,CACzB,MAAOa,GACP,GAAIb,EAAU,CACZ/B,KAAK2C,OAAS,CAACZ,E,KACV,CACL/B,KAAK2C,OAAS,E,QAGb,GAAIZ,EAAU,CACnB/B,KAAK2C,OAASZ,C,KACT,CACL/B,KAAK2C,OAAS,E,EAOV,iBAAA5B,GACN,OAAO,IAAI8B,SAAQC,GAAY9C,KAAK+C,qBAAuBD,G,CAmG7D,kBAAAE,GACE,GAAIhD,KAAK+C,qBAAsB,CAC7B/C,KAAK+C,sB,EAIT,uBAAME,GACJjD,KAAKkD,GAAK,mBAAmBpD,MAE7BE,KAAKsC,YAAYtC,KAAKQ,MACtBR,KAAK0C,aAAa1C,KAAKmD,OACvBnD,KAAK8B,aAAa9B,KAAKK,OAEvBL,KAAKM,aAAeN,KAAKM,cAAgBN,KAAKK,MAE9C,IAAKL,KAAKoD,aAAc,CACtBpD,KAAKoD,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBxD,KAAK4B,QAAS,a,EAI1F,MAAA6B,GACE,MAAMC,IAAoB1D,KAAK2D,YAC/B,MAAMC,IAAwB5D,KAAK6D,gBACnC,MAAMC,IAAc9D,KAAKmD,MAEzB,MAAMY,EAAY/D,KAAKc,wBAA0B,EACjD,MAAMkD,EAAWD,EAAY,GAAG/D,KAAKkD,aAAalD,KAAKc,yBAA2BmD,UAElF,MAAMC,EAAU,CACd,kBAAmB,KACnB,mCAAoCR,EACpC,wCAAyCE,EACzC,6BAA8BE,EAC9B,8BAA+B9D,KAAKmE,SAAWL,EAC/C,+BAAgC9D,KAAKoE,SACrC,+BAAgCpE,KAAKqE,SACrC,oCAAqCrE,KAAKsE,aAG5C,OACEC,EAACC,EAAI,CAAAjD,IAAA,wDAAavB,KAAKmE,SAAWL,GAChCS,EAAA,OAAAhD,IAAA,2CAAKkD,MAAOP,GACTlE,KAAKU,SACJ6D,EAACG,EAAQ,KACN1E,KAAKE,OAAOqC,KAAIlC,GACfkE,EAAA,SAAOI,KAAK,SAASC,KAAM5E,KAAK4E,KAAMvE,MAAOA,OAIjDkE,EAAA,SAAOI,KAAK,SAASC,KAAM5E,KAAK4E,KAAMvE,MAAOL,KAAKK,QAGpDkE,EAAA,SAAAhD,IAAA,2CAAOkD,MAAM,yBAAyBI,QAAS7E,KAAKkD,IACjDlD,KAAK8E,MAAQ9E,KAAK8E,MAAQP,EAAA,cACzBvE,KAAK+E,cACLR,EAAA,QAAAhD,IAAA,2CAAMkD,MAAM,2BACVF,EAAA,QAAAhD,IAAA,2CAAMkD,MAAM,iCAAgC,cAAa,QACtDzE,KAAKqE,SACFrE,KAAKoD,aAAa4B,SAASC,oBAC3BjF,KAAKoD,aAAa4B,SAASE,qBAEjCX,EAAA,QAAAhD,IAAA,2CAAMkD,MAAM,gCACTzE,KAAKqE,SACFrE,KAAKoD,aAAa4B,SAASG,kBAC3BnF,KAAKoD,aAAa4B,SAASI,qBAMtCpF,KAAKC,MAAMU,OAAS,GACnB4D,EAACG,EAAQ,CAAAnD,IAAA,4CACPgD,EAAA,OAAAhD,IAAA,2CACE2B,GAAIlD,KAAKkD,GACTuB,MAAM,yBACNY,KAAK,UACLC,SAAS,IAAG,uBACUtF,KAAKU,SAAW,OAAS,QAAO,wBAC/BsD,EAAQ,mBACb,GAAGhE,KAAKkD,kBAAkBlD,KAAKuF,kBACjDC,UAAWxF,KAAKmB,eAEfnB,KAAKC,MAAMsC,KAAI,CAAC/B,EAAMC,IACrB8D,EAAA,aACEc,KAAK,SACLZ,MAAO,CACL,wBAAyB,KACzB,aAAczE,KAAKc,yBAA2BL,GAEhDqE,MAAOtE,EAAKsE,MACZW,QAASjF,EAAKiF,QACdC,KAAMlF,EAAKkF,KACXf,KAAMnE,EAAKmE,KACXgB,SAAUnF,EAAKmF,SACfC,QAASpF,EAAKoF,QACdC,KAAMrF,EAAKqF,MAAQ,QACnBzB,SAAUpE,KAAKoE,UAAY5D,EAAK4D,SAChC0B,OACE9F,KAAKE,OAAOU,SAASJ,EAAKH,SACxBL,KAAKU,WAAaF,EAAKH,QAAUL,KAAKE,OAAOS,SAAW,GAAKX,KAAKE,OAAO,KAAO,MAChFM,EAAKH,OACLL,KAAKU,WACJV,KAAKE,OAAOS,SAAW,GAAMX,KAAKE,OAAOS,SAAW,GAAKX,KAAKE,OAAO,KAAO,IAAK,gBAGpFF,KAAKE,OAAOU,SAASJ,EAAKH,SACxBL,KAAKU,WAAaF,EAAKH,QAAUL,KAAKE,OAAOS,SAAW,GAAKX,KAAKE,OAAO,KAAO,MAChFM,EAAKH,OACLL,KAAKU,WACJV,KAAKE,OAAOS,SAAW,GAAMX,KAAKE,OAAOS,SAAW,GAAKX,KAAKE,OAAO,KAAO,IAC3E,OACA,QAENgD,GAAI,GAAGlD,KAAKkD,aAAazC,IACzBsF,aAAa,KACbC,QAAS,IAAMhG,KAAKO,gBAAgBC,EAAMC,QAKhD8D,EAAC0B,EAAoB,CAAA1E,IAAA,2CACnB2E,YAAY,kBACZhD,GAAI,GAAGlD,KAAKkD,iBACZC,MAAOnD,KAAK2C,OACZgB,YAAa3D,KAAK2D,YAClBE,gBAAiB7D,KAAK6D,gBACtBsC,qBAAsBnG,KAAKmG,qBAC3BvC,oBAAqBA,EACrBwC,oBAAqBpG,KAAKoD,aAAa4B,SAASoB,wB"}

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,a as i,g as a}from"./p-ef5985a3.js";import{s as p,h as s}from"./p-87c329f2.js";import"./p-dae15605.js";const n='.sc-stzh-pi-pagetitle-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(\n    --stzh-pi-pagetitle-hero-background-color,\n    var(--stzh-color-primary10)\n  );--lead-background-color:var(\n    --stzh-pi-pagetitle-lead-background-color,\n    var(--stzh-color-primary40)\n  );--background-color:var(\n    --stzh-pi-pagetitle-background-color,\n    var(--stzh-color-coolgrey10)\n  );--grid-template-areas:"hero hero hero hero"\n    "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". hero hero hero"\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 900px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero"\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero hero hero ."\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero . . ."\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=dateline],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=dateline]{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);--color:var(--stzh-color-black80op)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=breadcrumb],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=breadcrumb]{--color:var(--stzh-color-black)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:1.25rem}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:2rem}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:4rem}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:calc((100vw - 84.25rem) / 2)}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=content],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=content]{--stzh-cardlist-pi-content:1}.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color);padding-top:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"lead lead lead lead";background-color:var(--lead-background-color);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . . lead lead lead lead lead lead . . ."}}.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-area:image-lead-menu;column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"image image image image" "lead lead lead lead"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . image image image image image image" "lead lead lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . . image image image image image image image image image" "lead lead lead lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle__hero.sc-stzh-pi-pagetitle{grid-area:hero}.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{display:none;grid-column:1/2;grid-row:1/2;position:relative;z-index:2}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{grid-column:1/-1;grid-row:1/2;z-index:1}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-2.5rem;grid-column:3/-1;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{--stzh-base-lead-color:var(--stzh-heading-color);grid-column:1/-1;grid-row:2/4;z-index:1;background-color:var(--lead-background-color);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{grid-column:3/-1;grid-row:2/-1}}.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{flex-direction:row}}.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pi-pagetitle__dateline.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxsmall)}.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu-inner.sc-stzh-pi-pagetitle{position:absolute;top:0;right:0;bottom:0;left:0}}.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"article-info article-info article-info article-info"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info"}}.stzh-pi-pagetitle__article-info.sc-stzh-pi-pagetitle{grid-area:article-info}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{margin-top:0;margin-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-coolgrey70);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{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)}}.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{margin:0;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)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{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)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:auto repeat(3, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:transparent}@media screen and (max-width: 899px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:var(--lead-background-color)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{position:relative;display:inherit;margin-right:calc(var(--stzh-grid-gutter) * -1)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-small) * -1)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-medium) * -1);margin-left:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-large) * -1);margin-left:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-ultra) * -1);margin-left:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle--level-3.sc-stzh-pi-pagetitle,.stzh-pi-pagetitle--level-4.sc-stzh-pi-pagetitle{--hero-background-color:var(--stzh-color-coolgrey20);--lead-background-color:var(--stzh-color-coolgrey30)}.stzh-pi-pagetitle--hyphens.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{hyphens:auto}';const l=n;const r=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const i=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){p(e,{curve:"hero",level:"1"})}if(i){p(i,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}t.forEach((e=>{p(e,{lead:true})}))};this.level=1;this.hyphensEnabled=false;this.author="";this.date=""}connectedCallback(){this.init()}render(){const e=s(this.element,"image");const a=s(this.element,"lead");const p=s(this.element,"readspeaker");const n=s(this.element,"menu");const l=!!this.author||!!this.date;const r={"stzh-pi-pagetitle":true,"stzh-pi-pagetitle--has-image":e,"stzh-pi-pagetitle--has-no-image":!e,"stzh-pi-pagetitle--has-lead":a,"stzh-pi-pagetitle--has-meta":p,"stzh-pi-pagetitle--has-menu":n,"stzh-pi-pagetitle--has-article-info":l,"stzh-pi-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pi-pagetitle--level-${this.level}`]:!!this.level};return t(i,{key:"804a4efc2fa0cfe72dc06c15cef351e976fc41d7","has-menu":n,"has-article-info":l},t("div",{key:"c7676dba441053c2e39386316afbfa859367b72d",class:r},t("div",{key:"e60a57bcc4958611afda278d8b87e3b27b32177b",class:"stzh-pi-pagetitle__hero-container"},t("div",{key:"30d5ba4fb239bcfe2b063845469688bffe2fea07",class:"stzh-pi-pagetitle__hero"},t("div",{key:"2acebd4bf60ad119e6ace906844a1dea14cfd1a1",class:"stzh-pi-pagetitle__breadcrumbs"},t("slot",{key:"77c21fc003437d110d6a1980600bdd544110a2e9",name:"breadcrumb"})),t("div",{key:"be3222a52e66bfa0feb6297d6e4cb5be8d2c86ad",class:"stzh-pi-pagetitle__meta"},t("div",{key:"979225e6182bcd67743e4b719131ed141cd70486",class:"stzh-pi-pagetitle__readspeaker"},t("slot",{key:"6129f705d89f32b4a55d18a3f3b921b1c6735347",name:"readspeaker"}))),t("div",{key:"f073c73e9ca45b3f425937e2018a8e68a675c8df",class:"stzh-pi-pagetitle__dateline"},t("slot",{key:"7ac38869bba88c421da523fe69100603f2bbb183",name:"dateline"})),t("div",{key:"b53560280e515aa4d3622f9f2ef17208a8ef20bd",class:"stzh-pi-pagetitle__heading"},t("slot",{key:"fea90a8e173eebdf699c0f57285cf3497e174735",name:"heading"})))),t("div",{key:"2d3bb0353eca8b4371779742441a28b7ac2bda5f",class:"stzh-pi-pagetitle__image-lead-menu-container"},t("div",{key:"ed6bc81ef43f341ba11d9e6caca8d509fbd4671e",class:"stzh-pi-pagetitle__image-lead-menu"},t("div",{key:"ceecdeffec67126392b33266f9a2e1ece3b2040f",class:"stzh-pi-pagetitle__menu"},n&&t("div",{key:"fba62ef0cc97ea8926eb904e5ad79965ce1325c0",class:"stzh-pi-pagetitle__menu-inner"},t("slot",{key:"54abbb9115babd2f0d3fd54824413f5250c0a896",name:"menu"}))),e&&t("div",{key:"7399aeb9c0ae844ef81fc03192c3901b2e152c2c",class:"stzh-pi-pagetitle__image"},[1,2].indexOf(this.level)>-1&&t("div",{key:"926f0d5c2523e9ca0753f526f4df2076ed7e0331",class:"stzh-pi-pagetitle__image-wrapper"},t("stzh-ratio",{key:"236f2052bf4f2b6baec0a79ab780dbbf361ee634",ratio:"16:9",ratioSmall:"21:9",class:"stzh-pi-pagetitle__ratio"},t("slot",{key:"d1d27f157eef7fe98a5f7e6cb7de16d31519d397",name:"image"})))),n&&t("div",{key:"06865f44ee1dd07904aa8d0555a86fcee6ee0c58",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"badd32758195b468dd641ff4cce3d38cdbdb98f2",name:"lead"})))),!n&&t("div",{key:"f07cbc8824dc2aa6a1f8b977ba766894eaa8b49f",class:"stzh-pi-pagetitle__lead-container"},t("div",{key:"3e30a4ce643a1eb53e08b8f6e67e78566824f6ce",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"f86b1fcb31937d096a92c93f1b591aba559ed26f",name:"lead"}))),t("div",{key:"49be971b2748631c370c2ca2db71286c57a8f7b7",class:"stzh-pi-pagetitle__article-info-wrapper"},t("div",{key:"61fc35a35582a4f8524bff4d617f52bd39c797e5",class:"stzh-pi-pagetitle__article-info"},t("div",{key:"2011f7a43431521f5339f6217957006fcb02dca2",class:"stzh-pi-pagetitle__article-info-holder"},l&&t("div",{key:"68ab3f8fcdfe143ffe4e99683207723cb315df4a"},this.author&&t("p",{key:"70ecb540df84f877cab6c33c752d06d785ba8abe",class:"stzh-pi-pagetitle__author"},this.author),this.date&&t("p",{key:"e052e5f011c57333314dd3d4287f8f6cc05d15d4",class:"stzh-pi-pagetitle__date"},this.date)),t("slot",{key:"8f51584e518ba3464f6bf8c41cb6a64aad1feece",name:"content"}))))))}get element(){return a(this)}};r.style=l;export{r as stzh_pi_pagetitle};
+//# sourceMappingURL=p-e437fcf8.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stzhPiPagetitleCss","StzhPiPagetitleStyle0","StzhPiPagetitle","this","init","heading","element","querySelector","leads","querySelectorAll","readspeakerButton","setPropsIfNull","curve","level","variant","noPaddingLeft","noPaddingRight","size","sizeMedium","buttonAccesskey","forEach","lead","connectedCallback","render","imageSlotUsed","hasSlot","leadSlotUsed","readspeakerSlotUsed","menuSlotUsed","hasArticleInfo","author","date","classes","hyphensEnabled","h","Host","key","class","name","indexOf","ratio","ratioSmall"],"sources":["src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.scss?tag=stzh-pi-pagetitle&encapsulation=scoped","src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-pagetitle-background-color: Background if it has a menu\n   * @prop --stzh-pi-pagetitle-hero-background-color: Background color\n   * @prop --stzh-pi-pagetitle-lead-background-color: Background of lead section\n */\n\n:host {\n  --hero-background-color: var(\n    --stzh-pi-pagetitle-hero-background-color,\n    #{$colorPrimary10}\n  );\n  --lead-background-color: var(\n    --stzh-pi-pagetitle-lead-background-color,\n    #{$colorPrimary40}\n  );\n  --background-color: var(\n    --stzh-pi-pagetitle-background-color,\n    #{$colorCoolgrey10}\n  );\n  --grid-template-areas: \"hero hero hero hero\"\n    \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  @include mq($from: small) {\n    --grid-template-areas: \". hero hero hero\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: \". . hero hero hero hero hero hero\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \". . hero hero hero hero hero hero hero hero hero .\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n  @include mq($from: ultra) {\n    --grid-template-areas: \". . hero hero hero hero hero hero hero . . .\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  ::slotted([slot=\"dateline\"]) {\n    @include fontSize(\"milli\");\n    @include font(\"heavy\");\n    --color: var(--stzh-color-black80op);\n  }\n\n  ::slotted([slot=\"heading\"]),\n  ::slotted([slot=\"lead\"]) *,\n  ::slotted([slot=\"breadcrumb\"]) {\n    --color: var(--stzh-color-black);\n  }\n\n  ::slotted([slot=\"menu\"]) {\n    --stzh-pi-menu-padding-left: #{$containerMargin};\n\n    @include mq($from: small) {\n      --stzh-pi-menu-padding-left: #{$containerMarginSmall};\n    }\n\n    @include mq($from: large) {\n      --stzh-pi-menu-padding-left: #{$containerMarginLarge};\n    }\n\n    @include mq($from: ultra) {\n      --stzh-pi-menu-padding-left: calc((100vw - #{$containerMaxWidth}) / 2);\n    }\n  }\n  ::slotted([slot=\"content\"]) {\n    --stzh-cardlist-pi-content: 1;\n  }\n}\n\n.stzh-pi-pagetitle {\n  @include spaceCurve(\"margin-bottom\", \"large\");\n  @include spaceCurve(\"margin-bottom\", \"large\");\n\n  /* Containers */\n\n  &__hero-container {\n    @include grid;\n    grid-template-areas: var(--grid-template-areas);\n    background-color: var(--hero-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include containerPadding;\n  }\n\n  &__image-lead-menu-container {\n    @include grid;\n    grid-template-areas: var(--grid-template-areas);\n    background-color: var(--hero-background-color);\n\n    @include mq($from: medium) {\n      @include containerPadding;\n    }\n  }\n\n  &__lead-container {\n    @include grid;\n    grid-template-areas: \"lead lead lead lead\";\n    background-color: var(--lead-background-color);\n    @include containerPadding;\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . . lead lead lead lead lead lead . . .\";\n    }\n  }\n\n  &__image-lead-menu {\n    grid-area: image-lead-menu;\n\n    @include grid;\n    grid-template-areas: \"image image image image\" \"lead lead lead lead\";\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n    }\n  }\n\n  /* Elements */\n\n  &__hero {\n    grid-area: hero;\n  }\n\n  &__menu {\n    display: none;\n    // grid-area: menu;\n    grid-column: 1 / 2; /* span full width */\n    grid-row: 1 / 2; /* same row as image */\n    position: relative; /* allows z-index to work */\n    z-index: 2;\n\n    @include mq($from: medium) {\n      // grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n      grid-column: 1 / 3; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n\n    @include mq($from: large) {\n      // grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n      grid-column: 1 / 3; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n  }\n\n  &__image {\n    // grid-area: image;\n    grid-column: 1 / -1;\n    grid-row: 1 / 2; /* extend beyond menu row */\n    z-index: 1;\n\n    @include mq($from: medium) {\n      margin-right: -$containerMarginMedium;\n      grid-column: 3 / -1; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n\n    @include mq($from: large) {\n      margin-right: -$containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n    }\n  }\n\n  &__lead {\n    --stzh-base-lead-color: #{$headingColor};\n    // grid-area: lead;\n    grid-column: 1 / -1;\n    grid-row: 2 / 4; /* extend beyond menu row */\n    z-index: 1;\n\n    background-color: var(--lead-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n\n    @include mq($from: medium) {\n      grid-column: 3 / -1; /* span full width */\n      grid-row: 2 / -1; /* same row as image */\n    }\n  }\n\n  &__text {\n    @include spaceCurve(\"padding-top\", \"big\");\n    @include spaceCurve(\"padding-bottom\", \"big\");\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  &__meta {\n    display: flex;\n    flex-direction: column-reverse;\n    row-gap: space(\"xsmall\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__readspeaker {\n    margin-bottom: space(\"medium\");\n\n    @include mq($from: small) {\n      margin-bottom: space(\"large\");\n    }\n\n    @include mq($from: small, $to: medium) {\n      --stzh-readspeaker-dropdown-position: relative;\n      --stzh-readspeaker-dropdown-top: auto;\n    }\n  }\n\n  &__dateline {\n    margin-bottom: space(\"xxsmall\");\n  }\n\n  &__breadcrumbs {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  &__heading {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  /**\n   * Menu.\n   */\n\n  &__menu-inner {\n    @include mq($from: medium) {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n  }\n\n  /* Article Info */\n  &__article-info-wrapper {\n    @include container();\n    @include spaceCurve(\"padding-top\", \"large\");\n    @include grid;\n    grid-template-areas: \"article-info article-info article-info article-info\";\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . article-info article-info article-info article-info article-info article-info\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info\";\n    }\n  }\n\n  &__article-info {\n    grid-area: article-info;\n  }\n\n  &__article-info-holder {\n    @include mq($from: medium) {\n      @include spaceCurve(\"padding-left\", \"regular\");\n    }\n  }\n\n  &__author {\n    margin-top: 0;\n    margin-bottom: var(--stzh-space-xxsmall);\n    color: var(--stzh-color-coolgrey70);\n    @include font(\"heavy\");\n    @include fontCurve(\"p1\");\n  }\n\n  &__date {\n    margin: 0;\n    @include fontCurve(\"p1\");\n  }\n\n  /**\n   * Has menu.\n   */\n  &--has-menu &__image-lead-menu {\n    grid-template-columns: auto repeat(3, minmax(0, 1fr));\n    // grid-template-areas: \"menu image image image\" \"menu lead lead lead\";\n\n    @include mq($from: medium) {\n      grid-template-columns: $gridColumnsMedium;\n      // grid-template-areas: \"menu menu image image image image image image\" \"menu menu lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-columns: $gridColumnsLarge;\n      // grid-template-areas: \"menu menu menu image image image image image image image image image\" \"menu menu menu lead lead lead lead lead lead lead lead lead\";\n    }\n  }\n\n  &--has-menu &__image-lead-menu-container {\n    background-color: transparent;\n    @include mq($to: medium) {\n      background-color: var(--lead-background-color);\n    }\n  }\n\n  &--has-menu &__menu {\n    position: relative;\n    display: inherit;\n    margin-right: calc(#{$gridGutter} * -1);\n\n    @include mq($from: small) {\n      margin-right: calc(#{$gridGutterSmall} * -1);\n    }\n\n    @include mq($from: medium) {\n      margin-right: calc(#{$gridGutterMedium} * -1);\n      margin-left: -$containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      margin-right: calc(#{$gridGutterLarge} * -1);\n      margin-left: -$containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc(#{$gridGutterUltra} * -1);\n      margin-left: calc((100vw - #{$containerMaxWidth}) / -2);\n    }\n  }\n\n  &--has-menu &__lead {\n    @include spaceCurve(\"padding-left\", \"regular\");\n\n    @include mq($from: medium) {\n      margin-right: -$containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      margin-right: -$containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n      padding-right: calc((100vw - 84.25rem) / 2);\n    }\n  }\n\n  /* Has meta */\n\n  &--has-meta &__text {\n    @include spaceCurve(\"padding-top\", \"regular\");\n  }\n\n  /* Level 3-4 */\n  &--level-3,\n  &--level-4 {\n    --hero-background-color: var(--stzh-color-coolgrey20);\n    --lead-background-color: var(--stzh-color-coolgrey30);\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n * @slot breadcrumb - Slot for `stzh-link` element\n * @slot menu - Slot for `stzh-link` element\n * @slot dateline - Slot for date or meta information\n * @slot content - Slot for content\n */\n@Component({\n  tag: \"stzh-pi-pagetitle\",\n  styleUrl: \"stzh-pi-pagetitle.scss\",\n  scoped: true,\n})\nexport class StzhPiPagetitle {\n  /** Level */\n  @Prop({ reflect: true }) level: 1 | 2 | 3 | 4 = 1;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  /** Author of the content */\n  @Prop({ reflect: true }) author: string = \"\";\n\n  /** Date of the content */\n  @Prop({ reflect: true }) date: string = \"\";\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  private init = () => {\n    const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: \"hero\",\n        level: \"1\",\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\",\n      } as HTMLStzhButtonElement);\n    }\n\n    leads.forEach(lead => {\n      setPropsIfNull(lead, {\n        lead: true,\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n    const menuSlotUsed = hasSlot(this.element, \"menu\");\n    const hasArticleInfo = !!this.author || !!this.date;\n\n    const classes = {\n      \"stzh-pi-pagetitle\": true,\n      \"stzh-pi-pagetitle--has-image\": imageSlotUsed,\n      \"stzh-pi-pagetitle--has-no-image\": !imageSlotUsed,\n      \"stzh-pi-pagetitle--has-lead\": leadSlotUsed,\n      \"stzh-pi-pagetitle--has-meta\": readspeakerSlotUsed,\n      \"stzh-pi-pagetitle--has-menu\": menuSlotUsed,\n      \"stzh-pi-pagetitle--has-article-info\": hasArticleInfo,\n      \"stzh-pi-pagetitle--hyphens\": this.hyphensEnabled,\n      [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,\n    };\n\n    return (\n      <Host has-menu={menuSlotUsed} has-article-info={hasArticleInfo}>\n        <div class={classes}>\n          <div class=\"stzh-pi-pagetitle__hero-container\">\n            <div class=\"stzh-pi-pagetitle__hero\">\n              <div class=\"stzh-pi-pagetitle__breadcrumbs\">\n                <slot name=\"breadcrumb\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__meta\">\n                <div class=\"stzh-pi-pagetitle__readspeaker\">\n                  <slot name=\"readspeaker\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__dateline\">\n                <slot name=\"dateline\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__heading\">\n                <slot name=\"heading\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"stzh-pi-pagetitle__image-lead-menu-container\">\n            <div class=\"stzh-pi-pagetitle__image-lead-menu\">\n              <div class=\"stzh-pi-pagetitle__menu\">\n                {menuSlotUsed && (\n                  <div class=\"stzh-pi-pagetitle__menu-inner\">\n                    <slot name=\"menu\"></slot>\n                  </div>\n                )}\n              </div>\n\n              {imageSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__image\">\n                  {[1, 2].indexOf(this.level) > -1 && (\n                    <div class=\"stzh-pi-pagetitle__image-wrapper\">\n                      <stzh-ratio ratio={\"16:9\"} ratioSmall={\"21:9\"} class=\"stzh-pi-pagetitle__ratio\">\n                        <slot name={\"image\"}></slot>\n                      </stzh-ratio>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              {menuSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__lead\">\n                  <slot name=\"lead\"></slot>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {!menuSlotUsed && (\n            <div class=\"stzh-pi-pagetitle__lead-container\">\n              <div class=\"stzh-pi-pagetitle__lead\">\n                <slot name=\"lead\"></slot>\n              </div>\n            </div>\n          )}\n\n          <div class=\"stzh-pi-pagetitle__article-info-wrapper\">\n            <div class=\"stzh-pi-pagetitle__article-info\">\n              <div class=\"stzh-pi-pagetitle__article-info-holder\">\n                {hasArticleInfo && (\n                  <div>\n                    {this.author && <p class=\"stzh-pi-pagetitle__author\">{this.author}</p>}\n                    {this.date && <p class=\"stzh-pi-pagetitle__date\">{this.date}</p>}\n                  </div>\n                )}\n                <slot name=\"content\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAqB,so0BAC3B,MAAAC,EAAeD,E,MCmBFE,EAAe,M,yBAelBC,KAAAC,KAAO,KACb,MAAMC,EAAUF,KAAKG,QAAQC,cAAc,+DAC3C,MAAMC,EAAQL,KAAKG,QAAQG,iBAAiB,mDAC5C,MAAMC,EAAoBP,KAAKG,QAAQC,cAAc,oCAErD,GAAIF,EAAS,CACXM,EAAeN,EAAS,CACtBO,MAAO,OACPC,MAAO,K,CAIX,GAAIH,EAAmB,CACrBC,EAAeD,EAAmB,CAChCI,QAAS,iBACTC,cAAe,KACfC,eAAgB,KAChBC,KAAM,QACNC,WAAY,OACZC,gBAAiB,K,CAIrBX,EAAMY,SAAQC,IACZV,EAAeU,EAAM,CACnBA,KAAM,MACiB,GACzB,E,WAxC4C,E,oBAGG,M,YAGT,G,UAGF,E,CAkCxC,iBAAAC,GACEnB,KAAKC,M,CAGP,MAAAmB,GACE,MAAMC,EAAgBC,EAAQtB,KAAKG,QAAS,SAC5C,MAAMoB,EAAeD,EAAQtB,KAAKG,QAAS,QAC3C,MAAMqB,EAAsBF,EAAQtB,KAAKG,QAAS,eAClD,MAAMsB,EAAeH,EAAQtB,KAAKG,QAAS,QAC3C,MAAMuB,IAAmB1B,KAAK2B,UAAY3B,KAAK4B,KAE/C,MAAMC,EAAU,CACd,oBAAqB,KACrB,+BAAgCR,EAChC,mCAAoCA,EACpC,8BAA+BE,EAC/B,8BAA+BC,EAC/B,8BAA+BC,EAC/B,sCAAuCC,EACvC,6BAA8B1B,KAAK8B,eACnC,CAAC,4BAA4B9B,KAAKU,WAAYV,KAAKU,OAGrD,OACEqB,EAACC,EAAI,CAAAC,IAAA,sDAAWR,EAAY,mBAAoBC,GAC9CK,EAAA,OAAAE,IAAA,2CAAKC,MAAOL,GACVE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kCACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,gBAGbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kCACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,kBAIfJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,cAGbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,eAIjBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACRT,GACCM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,WAKhBd,GACCU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACR,CAAC,EAAG,GAAGE,QAAQpC,KAAKU,QAAU,GAC7BqB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCACTH,EAAA,cAAAE,IAAA,2CAAYI,MAAO,OAAQC,WAAY,OAAQJ,MAAM,4BACnDH,EAAA,QAAAE,IAAA,2CAAME,KAAM,aAOrBV,GACCM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,aAMjBV,GACAM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,WAKjBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACRR,GACCK,EAAA,OAAAE,IAAA,4CACGjC,KAAK2B,QAAUI,EAAA,KAAAE,IAAA,2CAAGC,MAAM,6BAA6BlC,KAAK2B,QAC1D3B,KAAK4B,MAAQG,EAAA,KAAAE,IAAA,2CAAGC,MAAM,2BAA2BlC,KAAK4B,OAG3DG,EAAA,QAAAE,IAAA,2CAAME,KAAK,gB"}

package/dist/stzh-components/{p-b1695c60.entry.js → p-e55ed246.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as c,a as o,g as s}from"./p-ef5985a3.js";const a=".sc-stzh-poicard-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-poicard-h,[stzh-hidden].sc-stzh-poicard-h{display:none}.sc-stzh-poicard-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poicard-h *.sc-stzh-poicard,.sc-stzh-poicard-h *.sc-stzh-poicard::before,.sc-stzh-poicard-h *.sc-stzh-poicard::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-poicard-h .has-focus.sc-stzh-poicard{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poicard-h .stzh-fylingfocus-focused.sc-stzh-poicard{outline-style:none !important}.sc-stzh-poicard-h .stzh-fylingfocus-focused.sc-stzh-poicard::-moz-focus-inner{border:0 !important}.sc-stzh-poicard-h{--background-color:var(--stzh-color-grey10);--hover-background-color:var(--stzh-color-grey20);--title-color:var(--stzh-color-primary70);--title-hover-color:var(--stzh-color-primary80);--title-background-color:var(--stzh-color-secondary20);--title-hover-background-color:var(--stzh-color-secondary30)}.stzh-poicard.sc-stzh-poicard{display:block;background-color:var(--background-color);text-decoration:none;height:100%}.stzh-poicard.sc-stzh-poicard:hover{--title-color:var(--title-hover-color);--title-background-color:var(--title-hover-background-color);--background-color:var(--hover-background-color)}.stzh-poicard__content.sc-stzh-poicard{display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-poicard__content-with-icon.sc-stzh-poicard,.stzh-poicard__content-with-badge.sc-stzh-poicard{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-poicard__content-with-icon.sc-stzh-poicard stzh-text.sc-stzh-poicard{width:auto;--color:var(--stzh-color-primary70)}.stzh-poicard__content-with-icon.sc-stzh-poicard stzh-icon.sc-stzh-poicard{--color:var(--stzh-color-primary70)}.stzh-poicard__content-with-badge.sc-stzh-poicard stzh-text.sc-stzh-poicard{width:auto;--color:var(--stzh-color-grey80)}.stzh-poicard__content-head.sc-stzh-poicard{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);--color:var(--title-color);background-color:var(--title-background-color)}.stzh-poicard__content-head.sc-stzh-poicard stzh-icon.sc-stzh-poicard{--color:var(--stzh-color-primary)}.stzh-poicard__content-title.sc-stzh-poicard{width:100%;--color:var(--stzh-color-grey80)}.stzh-poicard.sc-stzh-poicard:hover .stzh-poicard__content-title.sc-stzh-poicard{--color:var(--stzh-color-black)}.stzh-poicard__content-body.sc-stzh-poicard{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-medium);display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}";const e=a;const r=class{constructor(c){t(this,c);this.init=()=>{this.itemWatcher(this.item)};this.item=""}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}connectedCallback(){this.init()}render(){const t={"stzh-poicard":true};return c(o,{key:"797713a117408e03c0625523b30cc2fddba21cf7"},c("a",{key:"c6c13ef6efe59ea2e4076146db8a8e8c6cabb7d7",class:t,href:this._item.url,target:"_blank"},c("div",{key:"7b6d0d13a354e603614ead7aa55e3f2c2fb298e8",class:"stzh-poicard__content"},c("div",{key:"676d0d27e5d2b14545a4f1742c01c100ce9550ff",class:"stzh-poicard__content-head"},c("stzh-heading",{key:"527ffb7098fa18bae65078b11fb5c2220bde3530"},this._item.title)),c("div",{key:"f910d81a53068b8312302c2a8e171c6a6a52e962",class:"stzh-poicard__content-body"},this._item.distance&&c("div",{key:"119fb0912879f35f30886385153df7f0fd351a76",class:"stzh-poicard__content-with-icon"},c("stzh-icon",{key:"bc9f217a8899a93b979677e238b045c0c05f6b06",name:"pin"}),c("stzh-text",{key:"5dd9112ac897959af48d5adf2a3078be8c52a135"},this._item.distance)),this._item.temp&&c("div",{key:"65fc28ad8a9efb375705f1a62d5dc90c3bc359de",class:"stzh-poicard__content-with-icon"},c("stzh-icon",{key:"532dee86f98b4444663bc37adbce37e688a906be",name:"thermometer"}),c("stzh-text",{key:"2a337a4106892a75b5cd6275a76bce40fc638817"},this._item.temp)),(this._item.statusMessageContent||this._item.statusMessage)&&c("div",{key:"cdbf904934a021a2ed8ebc74f65341c24d9e6947",class:"stzh-poicard__content-with-badge"},this._item.statusMessage&&c("stzh-text",{key:"bfc3ad3427fda71b533a4dabf7c1a4e34716e0b3",size:"milli"},this._item.statusMessage),this._item.statusMessageContent&&c("stzh-chip",{key:"a3d7810f788b12ef9ae7f90f2ccc12b5ba3e0d30",variant:"tag",size:"small",inverted:true,icon:"",type:this._item.success?"default":"error",label:this._item.statusMessageContent}))))))}get element(){return s(this)}static get watchers(){return{item:["itemWatcher"]}}};r.style=e;export{r as stzh_poicard};
-//# sourceMappingURL=p-b1695c60.entry.js.map
+import{r as t,h as c,a as o,g as a}from"./p-ef5985a3.js";const s=".sc-stzh-poicard-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-poicard-h,[stzh-hidden].sc-stzh-poicard-h{display:none}.sc-stzh-poicard-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poicard-h *.sc-stzh-poicard,.sc-stzh-poicard-h *.sc-stzh-poicard::before,.sc-stzh-poicard-h *.sc-stzh-poicard::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-poicard-h .has-focus.sc-stzh-poicard{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poicard-h .stzh-fylingfocus-focused.sc-stzh-poicard{outline-style:none !important}.sc-stzh-poicard-h .stzh-fylingfocus-focused.sc-stzh-poicard::-moz-focus-inner{border:0 !important}.sc-stzh-poicard-h{--background-color:var(--stzh-color-grey10);--hover-background-color:var(--stzh-color-grey20);--title-color:var(--stzh-color-primary70);--title-hover-color:var(--stzh-color-primary80);--title-background-color:var(--stzh-color-secondary20);--title-hover-background-color:var(--stzh-color-secondary30)}.stzh-poicard.sc-stzh-poicard{display:block;background-color:var(--background-color);text-decoration:none;height:100%}.stzh-poicard.sc-stzh-poicard:hover{--title-color:var(--title-hover-color);--title-background-color:var(--title-hover-background-color);--background-color:var(--hover-background-color)}.stzh-poicard__content.sc-stzh-poicard{display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-poicard__content-with-icon.sc-stzh-poicard,.stzh-poicard__content-with-badge.sc-stzh-poicard{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-poicard__content-with-icon.sc-stzh-poicard stzh-text.sc-stzh-poicard{width:auto;--color:var(--stzh-color-primary70)}.stzh-poicard__content-with-icon.sc-stzh-poicard stzh-icon.sc-stzh-poicard{--color:var(--stzh-color-primary70)}.stzh-poicard__content-with-badge.sc-stzh-poicard stzh-text.sc-stzh-poicard{width:auto;--color:var(--stzh-color-grey80)}.stzh-poicard__content-head.sc-stzh-poicard{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);--color:var(--title-color);background-color:var(--title-background-color)}.stzh-poicard__content-head.sc-stzh-poicard stzh-icon.sc-stzh-poicard{--color:var(--stzh-color-primary)}.stzh-poicard__content-title.sc-stzh-poicard{width:100%;--color:var(--stzh-color-grey80)}.stzh-poicard.sc-stzh-poicard:hover .stzh-poicard__content-title.sc-stzh-poicard{--color:var(--stzh-color-black)}.stzh-poicard__content-body.sc-stzh-poicard{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-medium);display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}";const e=s;const r=class{constructor(c){t(this,c);this.init=()=>{this.itemWatcher(this.item)};this.item=""}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}connectedCallback(){this.init()}render(){const t={"stzh-poicard":true};return c(o,{key:"5b748e510cab10b545c18dddc91b10afb9014c1c"},c("a",{key:"b63cb6b3f459c73b279024687a61d4c82ad83c09",class:t,href:this._item.url,target:"_blank"},c("div",{key:"6f1da5cc8715f5664a85a0a7454eda5ba3bd6705",class:"stzh-poicard__content"},c("div",{key:"0f20818bc0ae33795431eaaad862065eaa39b69e",class:"stzh-poicard__content-head"},c("stzh-heading",{key:"d2ac73c04aa118be6dae0dc3dfb36118a08918be"},this._item.title)),c("div",{key:"50f35760d945c6e24d809fcaf8849ff229eb687f",class:"stzh-poicard__content-body"},this._item.distance&&c("div",{key:"6fa342ab5a496af2598721ab44729342303c9540",class:"stzh-poicard__content-with-icon"},c("stzh-icon",{key:"62f0acad7594721305709a876ef41bff4d55693e",name:"pin"}),c("stzh-text",{key:"a2124a9fbb1af2b7cd79420b07b59579fae75dbe"},this._item.distance)),this._item.temp&&c("div",{key:"1c975e6fe99a4314478afedca96cad2255e83341",class:"stzh-poicard__content-with-icon"},c("stzh-icon",{key:"81160b199e083767dcffc18b5060ca0d714705b9",name:"thermometer"}),c("stzh-text",{key:"a741dfe9e856776fd38477b0b3e9e93af7473ae9"},this._item.temp)),(this._item.statusMessageContent||this._item.statusMessage)&&c("div",{key:"eb4d6bb0a48c2074117a029fdf87c84c4f519ea2",class:"stzh-poicard__content-with-badge"},this._item.statusMessage&&c("stzh-text",{key:"9b6d6e68d71916cd639518bab0c74fbaae3902e6",size:"milli"},this._item.statusMessage),this._item.statusMessageContent&&c("stzh-chip",{key:"9c2664fd7a4c60fc4f4f9056ae68b05cb62a54d1",variant:"tag",size:"small",inverted:true,icon:"",type:this._item.success?"default":"error",label:this._item.statusMessageContent}))))))}get element(){return a(this)}static get watchers(){return{item:["itemWatcher"]}}};r.style=e;export{r as stzh_poicard};
+//# sourceMappingURL=p-e55ed246.entry.js.map

package/dist/stzh-components/{p-9c552bd1.entry.js → p-f06def5a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h,F as s,a as t,g as i}from"./p-ef5985a3.js";import{g}from"./p-87c329f2.js";import"./p-dae15605.js";const a='.sc-stzh-homepage-service-highlights-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-homepage-service-highlights-h,[stzh-hidden].sc-stzh-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--mostsearched-background-color:var(\n    --stzh-homepage-service-highlights-mostsearched-background-color,\n    var(--stzh-mostsearched-background-color)\n  );--mostsearched-item-font-size:var(\n    --stzh-homepage-service-highlights-mostsearched-item-font-size,\n    "inherit"\n  );--mostsearched-color:var(\n    --stzh-homepage-service-highlights-mostsearched-color,\n    var(--stzh-link-color)\n  );--topnews-background-color:var(\n    --stzh-homepage-service-highlights-topnews-background-color,\n    var(--stzh-topnews-background-color)\n  );--topnews-background-color-hover:var(\n    --stzh-homepage-service-highlights-topnews-background-color-hover,\n    var(--stzh-color-secondary40)\n  );--topnews-color-hover:var(\n    --stzh-homepage-service-highlights-topnews-hover,\n    var(--stzh-color-primary70)\n  );--topnews-item-subtitle-color:var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-color,\n    var(--stzh-color-primary70)\n  );--topnews-item-subtitle-font:var(\n    --stzh-homepage-service-highlights-topnews-subtitle-font,\n    var(--stzh-font-family-medium)\n  );--topnews-item-subtitle-highlighted-color:var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color,\n    var(--stzh-color-primary60)\n  )}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights{display:grid}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights,.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-homepage-service-highlights--has-topnews.sc-stzh-homepage-service-highlights{grid-template-columns:repeat(2, minmax(0, 1fr))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights{transition:background-color 150ms ease;text-decoration:none}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--topnews-background-color-hover)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights{background-color:var(--stzh-color-lemonyellow50)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-lemonyellow60)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-color);font-family:var(--topnews-item-subtitle-font)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-highlighted-color)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary80)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights:hover .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-color-hover)}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights{background-color:var(--topnews-background-color)}.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{background-color:var(--mostsearched-background-color);padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-small)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--color:var(--mostsearched-color);--text-decoration-line:none;--hover-text-decoration-line:none;--hover-color:$linkColor;transition:transform 150ms ease}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--font-size:var(--mostsearched-item-font-size)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(1.25rem)}}';const r=a;const o=class{constructor(h){e(this,h);this._topnewsItems=[];this._mostsearchedItems=[];this.init=()=>{this.topnewsItemsWatcher(this.topnewsItems);this.mostsearchedItemsWatcher(this.mostsearchedItems);const e=g();switch(e){case"stzh-theme-pkzh":this.topnewsHeadingCurve="h3";break}};this.topnewsItems=[];this.mostsearchedItems=[];this.topnewsHeadingCurve="h2"}topnewsItemsWatcher(e){if(!e){this._topnewsItems=[]}else if(typeof e==="string"){try{const h=JSON.parse(e);this._topnewsItems=this.ensureSingleHighlight(h)}catch(e){this._topnewsItems=[]}}else{this._topnewsItems=this.ensureSingleHighlight(e)}}mostsearchedItemsWatcher(e){if(!e){this._mostsearchedItems=[]}else if(typeof e==="string"){try{this._mostsearchedItems=JSON.parse(e)}catch(e){this._mostsearchedItems=[]}}else{this._mostsearchedItems=e}}ensureSingleHighlight(e){let h=false;return e.map((e=>{if(e.isHighlighted){if(!h){h=true;return e}else{return Object.assign(Object.assign({},e),{isHighlighted:false})}}return e}))}connectedCallback(){this.init()}renderTopnewsItemInner(e){return h(s,null,!!e.subtitle&&h("stzh-text",{class:"stzh-topnews-item__subtitle"},e.subtitle),h("stzh-heading",{class:"stzh-topnews-item__label",curve:this.topnewsHeadingCurve},e.label))}render(){const e={"stzh-homepage-service-highlights":true,"stzh-homepage-service-highlights--has-topnews":this._topnewsItems.length>0};return h(t,{key:"280038b3662d3ba8fdd491193c24f73cbbd63581"},h("div",{key:"08524da9d91d0317575201781d053fc265e953aa",class:e},this._topnewsItems.length>0&&h("div",{key:"1e7d6a905d2eef696f1d31e1930fa24a11c7c50d",class:"stzh-homepage-service-highlights__topnews"},this._topnewsItems.map((e=>!!e.href?h("a",{href:e.href,class:{"stzh-topnews-item":true,"stzh-topnews-item--highlighted":e.isHighlighted,"stzh-topnews-item--has-link":true}},this.renderTopnewsItemInner(e)):h("div",{class:{"stzh-topnews-item":true,"stzh-topnews-item--highlighted":e.isHighlighted}},this.renderTopnewsItemInner(e))))),this._mostsearchedItems.length>0&&h("div",{key:"d8a0607cbab10c87a03306a6818ebb1102d0f1c9",class:"stzh-homepage-service-highlights__mostsearched"},this._mostsearchedItems.map((e=>h("div",{class:{"stzh-mostsearched-item":true}},h("stzh-link",{class:"stzh-mostsearched-item__link",href:e.href,icon:"arrow-right"},e.label)))))))}get element(){return i(this)}static get watchers(){return{topnewsItems:["topnewsItemsWatcher"],mostsearchedItems:["mostsearchedItemsWatcher"]}}};o.style=r;export{o as stzh_homepage_service_highlights};
-//# sourceMappingURL=p-9c552bd1.entry.js.map
+import{r as e,h,F as s,a as t,g as i}from"./p-ef5985a3.js";import{g}from"./p-87c329f2.js";import"./p-dae15605.js";const a='.sc-stzh-homepage-service-highlights-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-homepage-service-highlights-h,[stzh-hidden].sc-stzh-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--mostsearched-background-color:var(\n    --stzh-homepage-service-highlights-mostsearched-background-color,\n    var(--stzh-mostsearched-background-color)\n  );--mostsearched-item-font-size:var(\n    --stzh-homepage-service-highlights-mostsearched-item-font-size,\n    "inherit"\n  );--mostsearched-color:var(\n    --stzh-homepage-service-highlights-mostsearched-color,\n    var(--stzh-link-color)\n  );--topnews-background-color:var(\n    --stzh-homepage-service-highlights-topnews-background-color,\n    var(--stzh-topnews-background-color)\n  );--topnews-background-color-hover:var(\n    --stzh-homepage-service-highlights-topnews-background-color-hover,\n    var(--stzh-color-secondary40)\n  );--topnews-color-hover:var(\n    --stzh-homepage-service-highlights-topnews-hover,\n    var(--stzh-color-primary70)\n  );--topnews-item-subtitle-color:var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-color,\n    var(--stzh-color-primary70)\n  );--topnews-item-subtitle-font:var(\n    --stzh-homepage-service-highlights-topnews-subtitle-font,\n    var(--stzh-font-family-medium)\n  );--topnews-item-subtitle-highlighted-color:var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color,\n    var(--stzh-color-primary60)\n  )}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights{display:grid}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights,.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-homepage-service-highlights--has-topnews.sc-stzh-homepage-service-highlights{grid-template-columns:repeat(2, minmax(0, 1fr))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights{transition:background-color 150ms ease;text-decoration:none}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--topnews-background-color-hover)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights{background-color:var(--stzh-color-lemonyellow50)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-lemonyellow60)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-color);font-family:var(--topnews-item-subtitle-font)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-highlighted-color)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary80)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights:hover .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-color-hover)}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights{background-color:var(--topnews-background-color)}.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{background-color:var(--mostsearched-background-color);padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-small)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--color:var(--mostsearched-color);--text-decoration-line:none;--hover-text-decoration-line:none;--hover-color:$linkColor;transition:transform 150ms ease}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--font-size:var(--mostsearched-item-font-size)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(1.25rem)}}';const r=a;const o=class{constructor(h){e(this,h);this._topnewsItems=[];this._mostsearchedItems=[];this.init=()=>{this.topnewsItemsWatcher(this.topnewsItems);this.mostsearchedItemsWatcher(this.mostsearchedItems);const e=g();switch(e){case"stzh-theme-pkzh":this.topnewsHeadingCurve="h3";break}};this.topnewsItems=[];this.mostsearchedItems=[];this.topnewsHeadingCurve="h2"}topnewsItemsWatcher(e){if(!e){this._topnewsItems=[]}else if(typeof e==="string"){try{const h=JSON.parse(e);this._topnewsItems=this.ensureSingleHighlight(h)}catch(e){this._topnewsItems=[]}}else{this._topnewsItems=this.ensureSingleHighlight(e)}}mostsearchedItemsWatcher(e){if(!e){this._mostsearchedItems=[]}else if(typeof e==="string"){try{this._mostsearchedItems=JSON.parse(e)}catch(e){this._mostsearchedItems=[]}}else{this._mostsearchedItems=e}}ensureSingleHighlight(e){let h=false;return e.map((e=>{if(e.isHighlighted){if(!h){h=true;return e}else{return Object.assign(Object.assign({},e),{isHighlighted:false})}}return e}))}connectedCallback(){this.init()}renderTopnewsItemInner(e){return h(s,null,!!e.subtitle&&h("stzh-text",{class:"stzh-topnews-item__subtitle"},e.subtitle),h("stzh-heading",{class:"stzh-topnews-item__label",curve:this.topnewsHeadingCurve},e.label))}render(){const e={"stzh-homepage-service-highlights":true,"stzh-homepage-service-highlights--has-topnews":this._topnewsItems.length>0};return h(t,{key:"f9f48bffc5a6c5c7bb0d1d6cc92b753c182888f1"},h("div",{key:"f2b472f7f9ab300265b5ea5cfd3f39438299112c",class:e},this._topnewsItems.length>0&&h("div",{key:"448282cdba1d4c9d9e0873c824b425c0cc0c592d",class:"stzh-homepage-service-highlights__topnews"},this._topnewsItems.map((e=>!!e.href?h("a",{href:e.href,class:{"stzh-topnews-item":true,"stzh-topnews-item--highlighted":e.isHighlighted,"stzh-topnews-item--has-link":true}},this.renderTopnewsItemInner(e)):h("div",{class:{"stzh-topnews-item":true,"stzh-topnews-item--highlighted":e.isHighlighted}},this.renderTopnewsItemInner(e))))),this._mostsearchedItems.length>0&&h("div",{key:"9fb11db51a5d6af2854253443a570d321b43cf6a",class:"stzh-homepage-service-highlights__mostsearched"},this._mostsearchedItems.map((e=>h("div",{class:{"stzh-mostsearched-item":true}},h("stzh-link",{class:"stzh-mostsearched-item__link",href:e.href,icon:"arrow-right"},e.label)))))))}get element(){return i(this)}static get watchers(){return{topnewsItems:["topnewsItemsWatcher"],mostsearchedItems:["mostsearchedItemsWatcher"]}}};o.style=r;export{o as stzh_homepage_service_highlights};
+//# sourceMappingURL=p-f06def5a.entry.js.map