@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/stzh-components/{p-640bd513.entry.js → p-ad9d3926.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,a as n,g as o}from"./p-ef5985a3.js";import{C as r}from"./p-979121a0.js";import"./p-1ab64d01.js";var a={exports:{}};(function(e){console.info(`\nIFRAME-RESIZER\n\nIframe-Resizer 5 is now available via the following two packages:\n\n * @iframe-resizer/parent\n * @iframe-resizer/child\n\nAdditionally their are also new versions of iframe-resizer for React, Vue, and jQuery.\n\nVersion 5 of iframe-resizer has been extensively rewritten to use modern browser APIs, which has enabled significantly better performance and greater accuracy in the detection of content resizing events.\n\nPlease see https://iframe-resizer.com/upgrade for more details.\n`);(function(t){if(typeof window==="undefined")return;var i=0,n,o=false,r=false,a="message",s=a.length,c="[iFrameSizer]",f=c.length,l=null,u=window.requestAnimationFrame,d=Object.freeze({max:1,scroll:1,bodyScroll:1,documentElementScroll:1}),h={},m=null,w=Object.freeze({autoResize:true,bodyBackground:null,bodyMargin:null,bodyMarginV1:8,bodyPadding:null,checkOrigin:true,inPageLinks:false,enablePublicMethods:true,heightCalculationMethod:"bodyOffset",id:"iFrameResizer",interval:32,license:"1jqr0si6pnt",log:false,maxHeight:Infinity,maxWidth:Infinity,minHeight:0,minWidth:0,mouseEvents:true,resizeFrom:"parent",scrolling:false,sizeHeight:true,sizeWidth:false,warningTimeout:5e3,tolerance:0,widthCalculationMethod:"scroll",onClose:function(){return true},onClosed:function(){},onInit:function(){},onMessage:function(){I("onMessage function not defined")},onMouseEnter:function(){},onMouseLeave:function(){},onResized:function(){},onScroll:function(){return true}});function p(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function g(e,t,i){e.addEventListener(t,i,false)}function v(e,t,i){e.removeEventListener(t,i,false)}function z(){var e=["moz","webkit","o","ms"];var t;for(t=0;t<e.length&&!u;t+=1){u=window[e[t]+"RequestAnimationFrame"]}if(u){u=u.bind(window)}else{x("setup","RequestAnimationFrame not supported")}}function b(e){var t="Host page: "+e;if(window.top!==window.self){t=window.parentIFrame&&window.parentIFrame.getId?window.parentIFrame.getId()+": "+e:"Nested host page: "+e}return t}function y(e){return c+"["+b(e)+"]"}function k(e){return h[e]?h[e].log:o}function x(e,t){T("log",e,t,k(e))}function _(e,t){T("info",e,t,k(e))}function I(e,t){T("warn",e,t,true)}function T(e,t,i,n){if(true===n&&"object"===typeof window.console){console[e](y(t),i)}}function M(e){function t(){function e(){j(Q);E(G);H("onResized",Q)}r("Height");r("Width");A(e,Q,"init")}function i(){var e=B.slice(f).split(":");var t=e[1]?parseInt(e[1],10):0;var i=h[e[0]]&&h[e[0]].iframe;var r=getComputedStyle(i);return{iframe:i,id:e[0],height:t+n(r)+o(r),width:e[2],type:e[3]}}function n(e){if(e.boxSizing!=="border-box"){return 0}var t=e.paddingTop?parseInt(e.paddingTop,10):0;var i=e.paddingBottom?parseInt(e.paddingBottom,10):0;return t+i}function o(e){if(e.boxSizing!=="border-box"){return 0}var t=e.borderTopWidth?parseInt(e.borderTopWidth,10):0;var i=e.borderBottomWidth?parseInt(e.borderBottomWidth,10):0;return t+i}function r(e){var t=Number(h[G]["max"+e]),i=Number(h[G]["min"+e]),n=e.toLowerCase(),o=Number(Q[n]);x(G,"Checking "+n+" is in range "+i+"-"+t);if(o<i){o=i;x(G,"Set "+n+" to min value")}if(o>t){o=t;x(G,"Set "+n+" to max value")}Q[n]=""+o}function a(){function t(){function e(){var e=0,t=false;x(G,"Checking connection is from allowed list of origins: "+n);for(;e<n.length;e++){if(n[e]===i){t=true;break}}return t}function t(){var e=h[G]&&h[G].remoteHost;x(G,"Checking connection is from: "+e);return i===e}return n.constructor===Array?e():t()}var i=e.origin,n=h[G]&&h[G].checkOrigin;if(n&&""+i!=="null"&&!t()){throw new Error("Unexpected message received from: "+i+" for "+Q.iframe.id+". Message was: "+e.data+". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.")}return true}function u(){return c===(""+B).slice(0,f)&&B.slice(f).split(":")[0]in h}function d(){var e=Q.type in{true:1,false:1,undefined:1};if(e){x(G,"Ignoring init message from meta parent page")}return e}function m(e){return B.slice(B.indexOf(":")+s+e)}function w(e){x(G,"onMessage passed: {iframe: "+Q.iframe.id+", message: "+e+"}");H("onMessage",{iframe:Q.iframe,message:JSON.parse(e)});x(G,"--")}function p(){var e=document.body.getBoundingClientRect(),t=Q.iframe.getBoundingClientRect();return JSON.stringify({iframeHeight:t.height,iframeWidth:t.width,clientHeight:Math.max(document.documentElement.clientHeight,window.innerHeight||0),clientWidth:Math.max(document.documentElement.clientWidth,window.innerWidth||0),offsetTop:parseInt(t.top-e.top,10),offsetLeft:parseInt(t.left-e.left,10),scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,documentHeight:document.documentElement.clientHeight,documentWidth:document.documentElement.clientWidth,windowHeight:window.innerHeight,windowWidth:window.innerWidth})}function z(e,t){function i(){P("Send Page Info","pageInfo:"+p(),e,t)}$(i,32,t)}function b(){function e(e,i){function o(){if(h[n]){z(h[n].iframe,n)}else{t()}}["scroll","resize"].forEach((function(t){x(n,e+t+" listener for sendPageInfo");i(window,t,o)}))}function t(){e("Remove ",v)}function i(){e("Add ",g)}var n=G;i();if(h[n]){h[n].stopPageInfo=t}}function y(){if(h[G]&&h[G].stopPageInfo){h[G].stopPageInfo();delete h[G].stopPageInfo}}function k(){var e=true;if(null===Q.iframe){I(G,"IFrame ("+Q.id+") not found");e=false}return e}function T(e){var t=e.getBoundingClientRect();R(G);return{x:Math.floor(Number(t.left)+Number(l.x)),y:Math.floor(Number(t.top)+Number(l.y))}}function M(e){function t(){l=r;O();x(G,"--")}function i(){return{x:Number(Q.width)+o.x,y:Number(Q.height)+o.y}}function n(){if(window.parentIFrame){window.parentIFrame["scrollTo"+(e?"Offset":"")](r.x,r.y)}else{I(G,"Unable to scroll to requested position, window.parentIFrame not found")}}var o=e?T(Q.iframe):{x:0,y:0},r=i();x(G,"Reposition requested from iFrame (offset x:"+o.x+" y:"+o.y+")");if(window.top===window.self){t()}else{n()}}function O(){if(false===H("onScroll",l)){F()}else{E(G)}}function L(e){function t(){var e=T(r);x(G,"Moving to in page link (#"+n+") at x: "+e.x+" y: "+e.y);l={x:e.x,y:e.y};O();x(G,"--")}function i(){if(window.parentIFrame){window.parentIFrame.moveToAnchor(n)}else{x(G,"In page link #"+n+" not found and window.parentIFrame not found")}}var n=e.split("#")[1]||"",o=decodeURIComponent(n),r=document.getElementById(o)||document.getElementsByName(o)[0];if(r){t()}else if(window.top===window.self){x(G,"In page link #"+n+" not found")}else{i()}}function W(e){var t={};if(Number(Q.width)===0&&Number(Q.height)===0){var i=m(9).split(":");t={x:i[1],y:i[0]}}else{t={x:Q.width,y:Q.height}}H(e,{iframe:Q.iframe,screenX:Number(t.x),screenY:Number(t.y),type:Q.type})}function H(e,t){return S(G,e,t)}function V(){if(h[G]&&h[G].firstRun)U();switch(Q.type){case"close":{N(Q.iframe);break}case"message":{w(m(6));break}case"mouseenter":{W("onMouseEnter");break}case"mouseleave":{W("onMouseLeave");break}case"autoResize":{h[G].autoResize=JSON.parse(m(9));break}case"scrollTo":{M(false);break}case"scrollToOffset":{M(true);break}case"pageInfo":{z(h[G]&&h[G].iframe,G);b();break}case"pageInfoStop":{y();break}case"inPageLink":{L(m(9));break}case"reset":{C(Q);break}case"init":{t();H("onInit",Q.iframe);break}default:{if(Number(Q.width)===0&&Number(Q.height)===0){I("Unsupported message received ("+Q.type+"), this is likely due to the iframe containing a later "+"version of iframe-resizer than the parent page")}else{t()}}}}function q(e){var t=true;if(!h[e]){t=false;I(Q.type+" No settings for "+e+". Message was: "+B)}return t}function J(){for(var e in h){P("iFrame requested init",D(e),h[e].iframe,e)}}function U(){if(h[G]){h[G].firstRun=false}}var B=e.data,Q={},G=null;if("[iFrameResizerChild]Ready"===B){J()}else if(u()){Q=i();G=Q.id;if(h[G]){h[G].loaded=true}if(!d()&&q(G)){x(G,"Received: "+B);if(k()&&a()){V()}}}else{_(G,"Ignored: "+B)}}function S(e,t,i){var n=null,o=null;if(h[e]){n=h[e][t];if("function"===typeof n){o=n(i)}else{throw new TypeError(t+" on iFrame["+e+"] is not a function")}}return o}function O(e){var t=e.id;delete h[t]}function N(e){var t=e.id;if(S(t,"onClose",t)===false){x(t,"Close iframe cancelled by onClose event");return}x(t,"Removing iFrame: "+t);try{if(e.parentNode){e.parentNode.removeChild(e)}}catch(e){I(e)}S(t,"onClosed",t);x(t,"--");O(e);if(n){n.disconnect();n=null}}function R(e){if(null===l){l={x:window.pageXOffset===t?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===t?document.documentElement.scrollTop:window.pageYOffset};x(e,"Get page position: "+l.x+","+l.y)}}function E(e){if(null!==l){window.scrollTo(l.x,l.y);x(e,"Set page position: "+l.x+","+l.y);F()}}function F(){l=null}function C(e){function t(){j(e);P("reset","reset",e.iframe,e.id)}x(e.id,"Size reset requested by "+("init"===e.type?"host page":"iFrame"));R(e.id);A(t,e,"reset")}function j(e){function t(t){if(!e.id){x("undefined","messageData id not set");return}e.iframe.style[t]=e[t]+"px";x(e.id,"IFrame ("+o+") "+t+" set to "+e[t]+"px")}function i(t){if(!r&&"0"===e[t]){r=true;x(o,"Hidden iFrame detected, creating visibility listener");q()}}function n(e){t(e);i(e)}var o=e.iframe.id;if(h[o]){if(h[o].sizeHeight){n("height")}if(h[o].sizeWidth){n("width")}}}function A(e,t,i){if(i!==t.type&&u&&!window.jasmine){x(t.id,"Requesting animation frame");u(e)}else{e()}}function P(e,t,i,n,o){function r(){var o=h[n]&&h[n].targetOrigin;x(n,"["+e+"] Sending msg to iframe["+n+"] ("+t+") targetOrigin: "+o);i.contentWindow.postMessage(c+t,o)}function a(){I(n,"["+e+"] IFrame("+n+") not found")}function s(){if(i&&"contentWindow"in i&&null!==i.contentWindow){r()}else{a()}}function f(){function e(){if(h[n]&&!h[n].loaded&&!l){l=true;I(n,"IFrame has not responded within "+h[n].warningTimeout/1e3+" seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.")}}if(!!o&&h[n]&&!!h[n].warningTimeout){h[n].msgTimeout=setTimeout(e,h[n].warningTimeout)}}var l=false;n=n||i.id;if(h[n]){s();f()}}function D(e){return e+":"+h[e].bodyMarginV1+":"+h[e].sizeWidth+":"+h[e].log+":"+h[e].interval+":"+h[e].enablePublicMethods+":"+h[e].autoResize+":"+h[e].bodyMargin+":"+h[e].heightCalculationMethod+":"+h[e].bodyBackground+":"+h[e].bodyPadding+":"+h[e].tolerance+":"+h[e].inPageLinks+":"+h[e].resizeFrom+":"+h[e].widthCalculationMethod+":"+h[e].mouseEvents}function L(e){return typeof e==="number"}function W(e,r){function a(){function t(t){var i=h[M][t];if(Infinity!==i&&0!==i){e.style[t]=L(i)?i+"px":i;x(M,"Set "+t+" = "+e.style[t])}}function i(e){if(h[M]["min"+e]>h[M]["max"+e]){throw new Error("Value for min"+e+" can not be greater than max"+e)}}i("Height");i("Width");t("maxHeight");t("minHeight");t("maxWidth");t("minWidth")}function s(){var e=r&&r.id||w.id+i++;if(null!==document.getElementById(e)){e+=i++}return e}function c(t){if(typeof t!=="string"){throw new TypeError("Invaild id for iFrame. Expected String")}if(""===t){e.id=t=s();o=(r||{}).log;x(t,"Added missing iframe ID: "+t+" ("+e.src+")")}return t}function f(){x(M,"IFrame scrolling "+(h[M]&&h[M].scrolling?"enabled":"disabled")+" for "+M);e.style.overflow=false===(h[M]&&h[M].scrolling)?"hidden":"auto";switch(h[M]&&h[M].scrolling){case"omit":{break}case true:{e.scrolling="yes";break}case false:{e.scrolling="no";break}default:{e.scrolling=h[M]?h[M].scrolling:"no"}}}function l(){if("number"===typeof(h[M]&&h[M].bodyMargin)||"0"===(h[M]&&h[M].bodyMargin)){h[M].bodyMarginV1=h[M].bodyMargin;h[M].bodyMargin=""+h[M].bodyMargin+"px"}}function u(){var t=h[M]&&h[M].firstRun,i=h[M]&&h[M].heightCalculationMethod in d;if(!t&&i){C({iframe:e,height:0,width:0,type:"init"})}}function m(){if(h[M]){h[M].iframe.iFrameResizer={close:N.bind(null,h[M].iframe),removeListeners:O.bind(null,h[M].iframe),resize:P.bind(null,"Window resize","resize",h[M].iframe),moveToAnchor:function(e){P("Move to anchor","moveToAnchor:"+e,h[M].iframe,M)},sendMessage:function(e){e=JSON.stringify(e);P("Send Message","message:"+e,h[M].iframe,M)}}}}function v(i){function o(){P("iFrame.onload",i,e,t,true);u()}function r(t){if(!e.parentNode){return null}var i=new t((function(t){t.forEach((function(t){var i=Array.prototype.slice.call(t.removedNodes);i.forEach((function(t){if(t===e){N(e)}}))}))}));i.observe(e.parentNode,{childList:true});return i}var a=p();if(a){n=r(a)}g(e,"load",o);P("init",i,e,t,true)}function z(e){if("object"!==typeof e){throw new TypeError("Options is not an object")}}function b(e){for(var t in w){if(Object.prototype.hasOwnProperty.call(w,t)){h[M][t]=Object.prototype.hasOwnProperty.call(e,t)?e[t]:w[t]}}}function y(e){return""===e||null!==e.match(/^(about:blank|javascript:|file:\/\/)/)?"*":e}function k(e){var t=e.split("Callback");if(t.length===2){var i="on"+t[0].charAt(0).toUpperCase()+t[0].slice(1);this[i]=this[e];delete this[e];I(M,"Deprecated: '"+e+"' has been renamed '"+i+"'. The old method will be removed in the next major version.")}}function _(t){t=t||{};h[M]=Object.create(null);h[M].iframe=e;h[M].firstRun=true;h[M].remoteHost=e.src&&e.src.split("/").slice(0,3).join("/");z(t);Object.keys(t).forEach(k,t);b(t);if(h[M]){h[M].targetOrigin=true===h[M].checkOrigin?y(h[M].remoteHost):"*"}}function T(){return M in h&&"iFrameResizer"in e}var M=c(e.id);if(T()){I(M,"Ignored iFrame, already setup.")}else{_(r);f();a();l();v(D(M));m()}}function H(e,t){if(null===m){m=setTimeout((function(){m=null;e()}),t)}}var V={};function $(e,t,i){if(!V[i]){V[i]=setTimeout((function(){V[i]=null;e()}),t)}}function q(){function e(){function e(e){function t(t){return"0px"===(h[e]&&h[e].iframe.style[t])}function i(e){return null!==e.offsetParent}if(h[e]&&i(h[e].iframe)&&(t("height")||t("width"))){P("Visibility change","resize",h[e].iframe,e)}}Object.keys(h).forEach((function(t){e(t)}))}function t(t){x("window","Mutation observed: "+t[0].target+" "+t[0].type);H(e,16)}function i(){var e=document.querySelector("body"),i={attributes:true,attributeOldValue:false,characterData:true,characterDataOldValue:false,childList:true,subtree:true},o=new n(t);o.observe(e,i)}var n=p();if(n){i()}}function J(e){function t(){B("Window "+e,"resize")}x("window","Trigger event: "+e);H(t,16)}function U(){function e(){B("Tab Visible","resize")}if("hidden"!==document.visibilityState){x("document","Trigger event: Visibility change");H(e,16)}}function B(e,t){function i(e){return h[e]&&"parent"===h[e].resizeFrom&&h[e].autoResize&&!h[e].firstRun}Object.keys(h).forEach((function(n){if(i(n)){P(e,t,h[n].iframe,n)}}))}function Q(){g(window,"message",M);g(window,"resize",(function(){J("resize")}));g(document,"visibilitychange",U);g(document,"-webkit-visibilitychange",U)}function G(){function e(e,t){function i(){if(!t.tagName){throw new TypeError("Object is not a valid DOM element")}else if("IFRAME"!==t.tagName.toUpperCase()){throw new TypeError("Expected <IFRAME> tag, found <"+t.tagName+">")}}if(t){i();W(t,e);n.push(t)}}function i(e){if(e&&e.enablePublicMethods){I("enablePublicMethods option has been removed, public methods are now always available in the iFrame")}}var n;z();Q();return function o(r,a){n=[];i(r);switch(typeof a){case"undefined":case"string":{Array.prototype.forEach.call(document.querySelectorAll(a||"iframe"),e.bind(t,r));break}case"object":{e(r,a);break}default:{throw new TypeError("Unexpected data type ("+typeof a+")")}}return n}}function X(e){if(!e.fn){_("","Unable to bind to jQuery, it is not fully loaded.")}else if(!e.fn.iFrameResize){e.fn.iFrameResize=function e(t){function i(e,i){W(i,t)}return this.filter("iframe").each(i).end()}}}if(window.jQuery!==t){X(window.jQuery)}if(typeof t==="function"&&t.amd){t([],G)}else{e.exports=G()}window.iFrameResize=window.iFrameResize||G()})()})(a);var s={exports:{}};(function(e){(function(t){if(typeof window==="undefined")return;var i=true,n=10,o="",r=0,a="",s=null,c="",f=false,l={resize:1,click:1},u=128,d=true,h=1,m="bodyOffset",w=m,p=true,g="",v={},z=32,b=null,y=false,k=false,x="[iFrameSizer]",_=x.length,I="",T={max:1,min:1,bodyScroll:1,documentElementScroll:1},M="child",S=window.parent,O="*",N=0,R=false,E=null,F=16,C=1,j="scroll",A=j,P=window,D=function(){Z("onMessage function not defined")},L=function(){},W=function(){},H={height:function(){Z("Custom height calculation function not defined");return document.documentElement.offsetHeight},width:function(){Z("Custom width calculation function not defined");return document.body.scrollWidth}},V={},$=false;function q(){}try{var J=Object.create({},{passive:{get:function(){$=true}}});window.addEventListener("test",q,J);window.removeEventListener("test",q,J)}catch(e){}function U(e,t,i,n){e.addEventListener(t,i,$?n||{}:false)}function B(e,t,i){e.removeEventListener(t,i,false)}function Q(e){return e.charAt(0).toUpperCase()+e.slice(1)}function G(e){var t,i,n,o=null,r=0,a=function(){r=Date.now();o=null;n=e.apply(t,i);if(!o){t=i=null}};return function(){var s=Date.now();if(!r){r=s}var c=F-(s-r);t=this;i=arguments;if(c<=0||c>F){if(o){clearTimeout(o);o=null}r=s;n=e.apply(t,i);if(!o){t=i=null}}else if(!o){o=setTimeout(a,c)}return n}}function X(e){return x+"["+I+"] "+e}function Y(e){if(y&&"object"===typeof window.console){console.log(X(e))}}function Z(e){if("object"===typeof window.console){console.warn(X(e))}}function K(){ee();Y("Initialising iFrame ("+window.location.href+")");ie();re();oe("background",o);oe("padding",c);we();le();ue();ae();ve();ge();de();v=pe();Ee("init","Init message from host page");L()}function ee(){function e(e){return"true"===e}var n=g.slice(_).split(":");I=n[0];r=t===n[1]?r:Number(n[1]);f=t===n[2]?f:e(n[2]);y=t===n[3]?y:e(n[3]);z=t===n[4]?z:Number(n[4]);i=t===n[6]?i:e(n[6]);a=n[7];w=t===n[8]?w:n[8];o=n[9];c=n[10];N=t===n[11]?N:Number(n[11]);v.enable=t===n[12]?false:e(n[12]);M=t===n[13]?M:n[13];A=t===n[14]?A:n[14];k=t===n[15]?k:e(n[15])}function te(e){var t=e.split("Callback");if(t.length===2){var i="on"+t[0].charAt(0).toUpperCase()+t[0].slice(1);this[i]=this[e];delete this[e];Z("Deprecated: '"+e+"' has been renamed '"+i+"'. The old method will be removed in the next major version.")}}function ie(){function e(){var e=window.iFrameResizer;Y("Reading data from page: "+JSON.stringify(e));Object.keys(e).forEach(te,e);D="onMessage"in e?e.onMessage:D;L="onReady"in e?e.onReady:L;O="targetOrigin"in e?e.targetOrigin:O;w="heightCalculationMethod"in e?e.heightCalculationMethod:w;A="widthCalculationMethod"in e?e.widthCalculationMethod:A}function t(e,t){if("function"===typeof e){Y("Setup custom "+t+"CalcMethod");H[t]=e;e="custom"}return e}if("iFrameResizer"in window&&Object===window.iFrameResizer.constructor){e();w=t(w,"height");A=t(A,"width")}Y("TargetOrigin for parent set to: "+O)}function ne(e,t){if(-1!==t.indexOf("-")){Z("Negative CSS value ignored for "+e);t=""}return t}function oe(e,i){if(t!==i&&""!==i&&"null"!==i){document.body.style[e]=i;Y("Body "+e+' set to "'+i+'"')}}function re(){if(t===a){a=r+"px"}oe("margin",ne("margin",a))}function ae(){document.documentElement.style.height="";document.body.style.height="";Y('HTML & body height set to "auto"')}function se(e){var t={add:function(t){function i(){Ee(e.eventName,e.eventType)}V[t]=i;U(window,t,i,{passive:true})},remove:function(e){var t=V[e];delete V[e];B(window,e,t)}};if(e.eventNames&&Array.prototype.map){e.eventName=e.eventNames[0];e.eventNames.map(t[e.method])}else{t[e.method](e.eventName)}Y(Q(e.method)+" event listener: "+e.eventType)}function ce(e){se({method:e,eventType:"Animation Start",eventNames:["animationstart","webkitAnimationStart"]});se({method:e,eventType:"Animation Iteration",eventNames:["animationiteration","webkitAnimationIteration"]});se({method:e,eventType:"Animation End",eventNames:["animationend","webkitAnimationEnd"]});se({method:e,eventType:"Input",eventName:"input"});se({method:e,eventType:"Mouse Up",eventName:"mouseup"});se({method:e,eventType:"Mouse Down",eventName:"mousedown"});se({method:e,eventType:"Orientation Change",eventName:"orientationchange"});se({method:e,eventType:"Print",eventNames:["afterprint","beforeprint"]});se({method:e,eventType:"Ready State Change",eventName:"readystatechange"});se({method:e,eventType:"Touch Start",eventName:"touchstart"});se({method:e,eventType:"Touch End",eventName:"touchend"});se({method:e,eventType:"Touch Cancel",eventName:"touchcancel"});se({method:e,eventType:"Transition Start",eventNames:["transitionstart","webkitTransitionStart","MSTransitionStart","oTransitionStart","otransitionstart"]});se({method:e,eventType:"Transition Iteration",eventNames:["transitioniteration","webkitTransitionIteration","MSTransitionIteration","oTransitionIteration","otransitioniteration"]});se({method:e,eventType:"Transition End",eventNames:["transitionend","webkitTransitionEnd","MSTransitionEnd","oTransitionEnd","otransitionend"]});if("child"===M){se({method:e,eventType:"IFrame Resized",eventName:"resize"})}}function fe(e,t,i,n){if(t!==e){if(!(e in i)){Z(e+" is not a valid option for "+n+"CalculationMethod.");e=t}Y(n+' calculation method set to "'+e+'"')}return e}function le(){w=fe(w,m,Se,"height")}function ue(){A=fe(A,j,Oe,"width")}function de(){if(true===i){ce("add");ye()}else{Y("Auto Resize disabled")}}function he(){if(null!==s){s.disconnect()}}function me(){ce("remove");he();clearInterval(b)}function we(){var e=document.createElement("div");e.style.clear="both";e.style.display="block";e.style.height="0";document.body.appendChild(e)}function pe(){function e(){return{x:window.pageXOffset===t?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===t?document.documentElement.scrollTop:window.pageYOffset}}function i(t){var i=t.getBoundingClientRect(),n=e();return{x:parseInt(i.left,10)+parseInt(n.x,10),y:parseInt(i.top,10)+parseInt(n.y,10)}}function n(e){function n(e){var t=i(e);Y("Moving to in page link (#"+o+") at x: "+t.x+" y: "+t.y);Ae(t.y,t.x,"scrollToOffset")}var o=e.split("#")[1]||e,r=decodeURIComponent(o),a=document.getElementById(r)||document.getElementsByName(r)[0];if(t===a){Y("In page link (#"+o+") not found in iFrame, so sending to parent");Ae(0,0,"inPageLink","#"+o)}else{n(a)}}function o(){var e=window.location.hash;var t=window.location.href;if(""!==e&&"#"!==e){n(t)}}function r(){function e(e){function t(e){e.preventDefault();n(this.getAttribute("href"))}if("#"!==e.getAttribute("href")){U(e,"click",t)}}Array.prototype.forEach.call(document.querySelectorAll('a[href^="#"]'),e)}function a(){U(window,"hashchange",o)}function s(){setTimeout(o,u)}function c(){if(Array.prototype.forEach&&document.querySelectorAll){Y("Setting up location.hash handlers");r();a();s()}else{Z("In page linking not fully supported in this browser! (See README.md for IE8 workaround)")}}if(v.enable){c()}else{Y("In page linking not enabled")}return{findTarget:n}}function ge(){if(k!==true)return;function e(e){Ae(0,0,e.type,e.screenY+":"+e.screenX)}function t(t,i){Y("Add event listener: "+i);U(window.document,t,e)}t("mouseenter","Mouse Enter");t("mouseleave","Mouse Leave")}function ve(){Y("Enable public methods");P.parentIFrame={autoResize:function e(t){if(true===t&&false===i){i=true;de()}else if(false===t&&true===i){i=false;me()}Ae(0,0,"autoResize",JSON.stringify(i));return i},close:function e(){Ae(0,0,"close")},getId:function e(){return I},getPageInfo:function e(t){if("function"===typeof t){W=t;Ae(0,0,"pageInfo")}else{W=function(){};Ae(0,0,"pageInfoStop")}},moveToAnchor:function e(t){v.findTarget(t)},reset:function e(){je("parentIFrame.reset")},scrollTo:function e(t,i){Ae(i,t,"scrollTo")},scrollToOffset:function e(t,i){Ae(i,t,"scrollToOffset")},sendMessage:function e(t,i){Ae(0,0,"message",JSON.stringify(t),i)},setHeightCalculationMethod:function e(t){w=t;le()},setWidthCalculationMethod:function e(t){A=t;ue()},setTargetOrigin:function e(t){Y("Set targetOrigin: "+t);O=t},size:function e(t,i){var n=""+(t||"")+(i?","+i:"");Ee("size","parentIFrame.size("+n+")",t,i)}}}function ze(){if(0!==z){Y("setInterval: "+z+"ms");b=setInterval((function(){Ee("interval","setInterval: "+z)}),Math.abs(z))}}function be(){function e(e){function t(e){if(false===e.complete){Y("Attach listeners to "+e.src);e.addEventListener("load",o,false);e.addEventListener("error",r,false);c.push(e)}}if(e.type==="attributes"&&e.attributeName==="src"){t(e.target)}else if(e.type==="childList"){Array.prototype.forEach.call(e.target.querySelectorAll("img"),t)}}function t(e){c.splice(c.indexOf(e),1)}function i(e){Y("Remove listeners from "+e.src);e.removeEventListener("load",o,false);e.removeEventListener("error",r,false);t(e)}function n(e,t,n){i(e.target);Ee(t,n+": "+e.target.src)}function o(e){n(e,"imageLoad","Image loaded")}function r(e){n(e,"imageLoadFailed","Image load failed")}function a(t){Ee("mutationObserver","mutationObserver: "+t[0].target+" "+t[0].type);t.forEach(e)}function s(){var e=document.querySelector("body"),t={attributes:true,attributeOldValue:false,characterData:true,characterDataOldValue:false,childList:true,subtree:true};l=new f(a);Y("Create body MutationObserver");l.observe(e,t);return l}var c=[],f=window.MutationObserver||window.WebKitMutationObserver,l=s();return{disconnect:function(){if("disconnect"in l){Y("Disconnect body MutationObserver");l.disconnect();c.forEach(i)}}}}function ye(){var e=0>z;if(window.MutationObserver||window.WebKitMutationObserver){if(e){ze()}else{s=be()}}else{Y("MutationObserver not supported in this browser!");ze()}}function ke(e,t){var i=0;t=t||document.body;i=document.defaultView.getComputedStyle(t,null);i=null===i?0:i[e];return parseInt(i,n)}function xe(e){if(e>F/2){F=2*e;Y("Event throttle increased to "+F+"ms")}}function _e(e,t){var i=t.length,n=0,o=0,r=Q(e),a=Date.now();for(var s=0;s<i;s++){n=t[s].getBoundingClientRect()[e]+ke("margin"+r,t[s]);if(n>o){o=n}}a=Date.now()-a;Y("Parsed "+i+" HTML elements");Y("Element position calculated in "+a+"ms");xe(a);return o}function Ie(e){return[e.bodyOffset(),e.bodyScroll(),e.documentElementOffset(),e.documentElementScroll()]}function Te(e,t){function i(){Z("No tagged elements ("+t+") found on page");return document.querySelectorAll("body *")}var n=document.querySelectorAll("["+t+"]");if(n.length===0)i();return _e(e,n)}function Me(){return document.querySelectorAll("body *")}var Se={bodyOffset:function e(){return document.body.offsetHeight+ke("marginTop")+ke("marginBottom")},offset:function(){return Se.bodyOffset()},bodyScroll:function e(){return document.body.scrollHeight},custom:function e(){return H.height()},documentElementOffset:function e(){return document.documentElement.offsetHeight},documentElementScroll:function e(){return document.documentElement.scrollHeight},max:function e(){return Math.max.apply(null,Ie(Se))},min:function e(){return Math.min.apply(null,Ie(Se))},grow:function e(){return Se.max()},lowestElement:function e(){return Math.max(Se.bodyOffset()||Se.documentElementOffset(),_e("bottom",Me()))},taggedElement:function e(){return Te("bottom","data-iframe-height")}},Oe={bodyScroll:function e(){return document.body.scrollWidth},bodyOffset:function e(){return document.body.offsetWidth},custom:function e(){return H.width()},documentElementScroll:function e(){return document.documentElement.scrollWidth},documentElementOffset:function e(){return document.documentElement.offsetWidth},scroll:function e(){return Math.max(Oe.bodyScroll(),Oe.documentElementScroll())},max:function e(){return Math.max.apply(null,Ie(Oe))},min:function e(){return Math.min.apply(null,Ie(Oe))},rightMostElement:function e(){return _e("right",Me())},taggedElement:function e(){return Te("right","data-iframe-width")}};function Ne(e,i,n,o){function r(){h=d;C=m;Ae(h,C,e)}function a(){function e(e,t){var i=Math.abs(e-t)<=N;return!i}d=t===n?Se[w]():n;m=t===o?Oe[A]():o;return e(h,d)||f&&e(C,m)}function s(){return!(e in{init:1,interval:1,size:1})}function c(){return w in T||f&&A in T}function l(){Y("No change in size detected")}function u(){if(s()&&c()){je(i)}else if(!(e in{interval:1})){l()}}var d,m;if(a()||"init"===e){Fe();r()}else{u()}}var Re=G(Ne);function Ee(e,t,i,n){function o(){if(!(e in{reset:1,resetPage:1,init:1})){Y("Trigger event: "+t)}}function r(){return R&&e in l}if(r()){Y("Trigger event cancelled: "+e)}else{o();if(e==="init"){Ne(e,t,i,n)}else{Re(e,t,i,n)}}}function Fe(){if(!R){R=true;Y("Trigger event lock on")}clearTimeout(E);E=setTimeout((function(){R=false;Y("Trigger event lock off");Y("--")}),u)}function Ce(e){h=Se[w]();C=Oe[A]();Ae(h,C,e)}function je(e){var t=w;w=m;Y("Reset trigger event: "+e);Fe();Ce("reset");w=t}function Ae(e,i,n,o,r){function a(){if(t===r){r=O}else{Y("Message targetOrigin: "+r)}}function s(){var a=e+":"+i,s=I+":"+a+":"+n+(t===o?"":":"+o);Y("Sending message to host page ("+s+")");S.postMessage(x+s,r)}{a();s()}}function Pe(i){var n={init:function e(){g=i.data;S=i.source;K();d=false;setTimeout((function(){p=false}),u)},reset:function e(){if(p){Y("Page reset ignored by init")}else{Y("Page size reset by host page");Ce("resetPage")}},resize:function e(){Ee("resizeParent","Parent window requested size check")},moveToAnchor:function e(){v.findTarget(a())},inPageLink:function e(){this.moveToAnchor()},pageInfo:function e(){var t=a();Y("PageInfoFromParent called from parent: "+t);W(JSON.parse(t));Y(" --")},message:function e(){var t=a();Y("onMessage called from parent: "+t);D(JSON.parse(t));Y(" --")}};function o(){return x===(""+i.data).slice(0,_)}function r(){return i.data.split("]")[1].split(":")[0]}function a(){return i.data.slice(i.data.indexOf(":")+1)}function s(){return!e.exports&&"iFrameResize"in window||window.jQuery!==t&&"iFrameResize"in window.jQuery.prototype}function c(){return i.data.split(":")[2]in{true:1,false:1}}function f(){var e=r();if(e in n){n[e]()}else if(!s()&&!c()){Z("Unexpected message ("+i.data+")")}}function l(){if(false===d){f()}else if(c()){n.init()}else{Y('Ignored message of type "'+r()+'". Received before initialization.')}}if(o()){l()}}function De(){if("loading"!==document.readyState){window.parent.postMessage("[iFrameResizerChild]Ready","*")}}if(!("iframeResizer"in window)){window.iframeChildListener=function(e){Pe({data:e,sameDomian:true})};U(window,"message",Pe);U(window,"readystatechange",De);De()}})()})(s);const c=a.exports;var f={iframeResize:c,iframeResizer:c,contentWindow:s.exports};const l='.sc-stzh-iframe-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-iframe-h,[stzh-hidden].sc-stzh-iframe-h{display:none}.sc-stzh-iframe-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-iframe-h *.sc-stzh-iframe,.sc-stzh-iframe-h *.sc-stzh-iframe::before,.sc-stzh-iframe-h *.sc-stzh-iframe::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-iframe-h .has-focus.sc-stzh-iframe{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-iframe-h .stzh-fylingfocus-focused.sc-stzh-iframe{outline-style:none !important}.sc-stzh-iframe-h .stzh-fylingfocus-focused.sc-stzh-iframe::-moz-focus-inner{border:0 !important}.sc-stzh-iframe-h{position:relative}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=preview-logo],.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=preview-logo]{width:100%}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=preview-image],.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=preview-image]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text]{margin:0}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p{margin:0}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-xlarge)}}.stzh-iframe.sc-stzh-iframe{width:100%;height:100%}.stzh-iframe__iframe.sc-stzh-iframe{width:100%}.stzh-iframe__cookiewall.sc-stzh-iframe,.stzh-iframe__preview.sc-stzh-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.stzh-iframe__iframe.sc-stzh-iframe,.stzh-iframe__preview.sc-stzh-iframe{border:none}.stzh-iframe__preview.sc-stzh-iframe,.stzh-iframe__cookiewall.sc-stzh-iframe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--stzh-space-medium);visibility:hidden}.stzh-iframe__preview.is-visible.sc-stzh-iframe,.stzh-iframe__cookiewall.is-visible.sc-stzh-iframe{visibility:visible}.stzh-iframe__preview.sc-stzh-iframe{z-index:1;appearance:none;cursor:pointer;background-color:var(--stzh-color-grey20)}.stzh-iframe__preview-image-wrapper.sc-stzh-iframe:not(:empty)+.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{display:none}.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-large);left:var(--stzh-space-large);position:absolute;width:45%}@media screen and (min-width: 600px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{left:var(--stzh-space-xxxlarge)}}.stzh-iframe__preview-run.sc-stzh-iframe{position:relative;z-index:1;appearance:none;border:none;background-color:var(--stzh-color-primary);color:var(--stzh-color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);visibility:hidden;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-iframe__preview-run.is-visible.sc-stzh-iframe{visibility:visible}@media screen and (min-width: 900px){.stzh-iframe__preview-run.sc-stzh-iframe{width:var(--stzh-form-input-height);height:var(--stzh-form-input-height)}}.stzh-iframe__preview.sc-stzh-iframe:hover .stzh-iframe__preview-run.sc-stzh-iframe{background-color:var(--stzh-color-secondary60)}@media screen and (min-width: 900px){.stzh-iframe__preview-run-icon.sc-stzh-iframe{--size:var(--stzh-icon-size-large)}}.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);z-index:2;text-align:center;background-color:var(--stzh-color-black60op);color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:". content content content content content content .";grid-template-columns:repeat(8, minmax(0, 1fr));padding-left:0;padding-right:0}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-content.sc-stzh-iframe{grid-area:content}}.stzh-iframe__cookiewall-text.sc-stzh-iframe{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);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-iframe__cookiewall-close.sc-stzh-iframe{top:0;right:0;position:absolute;appearance:none;border:none;display:flex;align-items:center;justify-content:center;padding:var(--stzh-space-xsmall);background-color:transparent;color:var(--stzh-color-white);cursor:pointer}';const u=l;const d=console.log;console.log=function(){};console.log=d;const h="stzh-components-iframe-confirm";let m=0;const w=class{constructor(i){e(this,i);this.stzhPreviewSkip=t(this,"stzhPreviewSkip",7);this.stzhViewChange=t(this,"stzhViewChange",7);this._src=null;this.updateFocus=false;this.handleIframeLoad=()=>{if(this.updateFocus){this.iframeElement.focus();this.updateFocus=false}this.initializeIframeResizing()};this.handleCookiewallCloseClick=()=>{this.updateFocus=true;this.view="preview";this.stzhViewChange.emit({component:"stzh-iframe",value:this.view})};this.handleCookiewallConfirmClick=()=>{r.set(`${h}-${this.cookie}`,"1",{expires:this.cookieExpires||null});this.updateFocus=true;this.view="iframe";this.stzhViewChange.emit({component:"stzh-iframe",value:this.view})};this.handlePreviewClick=()=>{const e=r.get(`${h}-${this.cookie}`)||false;this.updateFocus=true;if(!this.cookie||e){this.view="iframe"}else{this.view="cookiewall"}this.stzhViewChange.emit({component:"stzh-iframe",value:this.view})};this.localization=undefined;this.iframeId=undefined;this.iframeErrorText=undefined;this.iframeResizerVariant="None";this.iframeResizerHeightCorrection=undefined;this.iframeResizerSecondlevelDomain=undefined;this.name=undefined;this.sandbox=undefined;this.referrerpolicy=undefined;this.allow="autoplay; fullscreen";this.width="100%";this.height="100%";this.src="";this.cookie=undefined;this.cookieExpires=365;this.cookieConfirmIcon=undefined;this.cookieConfirmLabel=undefined;this.cookieConfirmText=undefined;this.previewLabel=undefined;this.previewIcon="external-link";this.skipPreviewIfCookieAccepted=false;this.skipPreview=false;this.view="preview"}srcWatcher(e){if(this.view==="iframe"){this._src=e}}viewWatcher(e){if(e==="iframe"){this._src=this.src}else{this._src=null}}initializeIframeResizing(){switch(this.iframeResizerVariant){case"None":return;case"PostMessage":f.iframeResize({log:false,checkOrigin:false},this.iframeElement);break;case"SameSecondLevelDomain":console.warn("stzh-iframe: sameSecondLevelDomain is deprecated as it does no longer work on evergreen browsers, use PostMessage instead.");if(!this.iframeResizerSecondlevelDomain){console.log("stzh-iframe:","property 'iframeSecondlevelDomain' not filled out.")}this.setupIframeAutoSizing({frameId:this.iframeId,heightCorrection:this.iframeResizerHeightCorrection||0,hasSameDomain:false,secondLevelDomain:this.iframeResizerSecondlevelDomain});break}}setupIframeAutoSizing(e){const t=(e,t)=>()=>{var i;try{const n=((i=e.contentWindow)===null||i===void 0?void 0:i.document.body.scrollHeight)||0;if(n>0){e.style.height=`${n+t.heightCorrection}px`}}catch(e){console.warn("stzh-iframe:","Resizing not possible, perhaps due to cross-domain restrictions:",e)}};if(!e.hasSameDomain){document.domain=e.secondLevelDomain}const i=document.getElementById(e.frameId);if(!i){console.error(`Iframe with ID ${e.frameId} not found`);return}const n=t(i,e);window.addEventListener("resize",n);i.addEventListener("load",n);i.addEventListener("blur",n);i.addEventListener("readystatechange",n);try{n()}catch(e){console.warn("Initial resize failed, likely due to iframe not being fully loaded yet:",e)}}async componentWillLoad(){this.internalId=`stzh-iframe-${m++}`;const e=r.get(`${h}-${this.cookie}`)||false;if((!this.cookie||e)&&(this.skipPreviewIfCookieAccepted||this.skipPreview)||!this.cookie&&this.skipPreview){this.stzhPreviewSkip.emit({component:"stzh-iframe"});this.view="iframe"}else if(this.cookie&&this.skipPreview){this.view="cookiewall"}this.viewWatcher(this.view);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"iframe")}}async componentDidRender(){if(this.updateFocus){if(this.view==="iframe");else if(this.view==="preview"){this.previewButtonElement.focus();this.updateFocus=false}else if(this.view==="cookiewall"){this.confirmButtonElement.focus();this.updateFocus=false}}}render(){const e={"stzh-iframe":true};return i(n,{key:"9ed7e44c9ab8faaed83d08214093ef245c169fe7"},i("div",{key:"88ce18b35e92bd12ebc614927caa47dadf6bf653",class:e},this.view==="iframe"&&i("iframe",{key:"5bf65a4436735bec12cc6ba79b14543b8141de26",id:this.iframeId,name:this.name,sandbox:this.sandbox,referrerPolicy:this.referrerpolicy,width:this.width,height:this.height,ref:e=>this.iframeElement=e,class:"stzh-iframe__iframe",src:this._src,allow:this.allow,onLoad:this.handleIframeLoad},this.iframeErrorText),i("button",{key:"d1f7df9e1441d3ffe4668f88115db799ff6ee5ba",ref:e=>this.previewButtonElement=e,onClick:this.handlePreviewClick,"aria-label":this.previewLabel||this.localization.defaultPreviewLabel,class:{"stzh-iframe__preview":true,"is-visible":this.view==="preview"||this.view==="cookiewall"}},i("div",{key:"569c6bccc9b57f20989f2603e45ef76f8096dc66",class:"stzh-iframe__preview-image-wrapper"},i("slot",{key:"96984a0700ef04fe57d23ef567ef32c3151b76f0",name:"preview-image"})),i("div",{key:"cc86f5eaf4d14c8fd03284d27a3ff6a0df865149",class:"stzh-iframe__preview-logo-wrapper"},i("slot",{key:"00502da738af0adc7a407a092c9bf3f93d91bfa8",name:"preview-logo"})),this.previewIcon&&i("div",{key:"5603d0e5a3b32c5415489e4499094ad9bf305886",class:{"stzh-iframe__preview-run":true,"is-visible":this.view==="preview"}},i("stzh-icon",{key:"a679760e0be916b22e379480ff0f3db6f6aafef4",class:"stzh-iframe__preview-run-icon",name:this.previewIcon}))),this.cookie&&i("div",{key:"4d1a75ca7d40612291fce45815e6097a208bc2c6",class:{"stzh-iframe__cookiewall":true,"is-visible":this.view==="cookiewall"}},i("div",{key:"e93298d5c5c86fcbbb6db9cffc782fa453c92904",class:"stzh-iframe__cookiewall-content"},i("div",{key:"df77a9e9b7ea5bd920675c12bbebbbcd3919dc73",class:"stzh-iframe__cookiewall-text",id:`${this.internalId}-cookiewall-text`},this.cookieConfirmText?this.cookieConfirmText:i("slot",{name:"cookiewall-text"})),i("stzh-button",{key:"6a00014bcbe7058d7fe4c01089b77dcf8b062bfb",ref:e=>this.confirmButtonElement=e,class:"stzh-iframe__cookiewall-button",size:"small",a11yDescribedby:`${this.internalId}-cookiewall-text`,icon:this.cookieConfirmIcon,label:this.cookieConfirmLabel||this.localization.defaultConfirmLabel,onClick:this.handleCookiewallConfirmClick})),!this.skipPreview&&i("button",{key:"e1d9afd7d8eeae57f8348fe33ec9f3657370899d",class:"stzh-iframe__cookiewall-close",onClick:this.handleCookiewallCloseClick,"aria-label":this.localization.confirmCloseLabel},i("stzh-icon",{key:"7f7ef9518d27d23441514e7bbdc2bdc88015ef81",class:"stzh-iframe__cookiewall-close-icon",name:"close"})))))}get element(){return o(this)}static get watchers(){return{src:["srcWatcher"],view:["viewWatcher"]}}};w.style=u;export{w as stzh_iframe};
-//# sourceMappingURL=p-640bd513.entry.js.map
+import{r as e,c as t,h as i,a as n,g as o}from"./p-ef5985a3.js";import{C as r}from"./p-979121a0.js";import"./p-1ab64d01.js";var a={exports:{}};(function(e){console.info(`\nIFRAME-RESIZER\n\nIframe-Resizer 5 is now available via the following two packages:\n\n * @iframe-resizer/parent\n * @iframe-resizer/child\n\nAdditionally their are also new versions of iframe-resizer for React, Vue, and jQuery.\n\nVersion 5 of iframe-resizer has been extensively rewritten to use modern browser APIs, which has enabled significantly better performance and greater accuracy in the detection of content resizing events.\n\nPlease see https://iframe-resizer.com/upgrade for more details.\n`);(function(t){if(typeof window==="undefined")return;var i=0,n,o=false,r=false,a="message",s=a.length,c="[iFrameSizer]",f=c.length,l=null,u=window.requestAnimationFrame,d=Object.freeze({max:1,scroll:1,bodyScroll:1,documentElementScroll:1}),h={},m=null,w=Object.freeze({autoResize:true,bodyBackground:null,bodyMargin:null,bodyMarginV1:8,bodyPadding:null,checkOrigin:true,inPageLinks:false,enablePublicMethods:true,heightCalculationMethod:"bodyOffset",id:"iFrameResizer",interval:32,license:"1jqr0si6pnt",log:false,maxHeight:Infinity,maxWidth:Infinity,minHeight:0,minWidth:0,mouseEvents:true,resizeFrom:"parent",scrolling:false,sizeHeight:true,sizeWidth:false,warningTimeout:5e3,tolerance:0,widthCalculationMethod:"scroll",onClose:function(){return true},onClosed:function(){},onInit:function(){},onMessage:function(){I("onMessage function not defined")},onMouseEnter:function(){},onMouseLeave:function(){},onResized:function(){},onScroll:function(){return true}});function p(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function g(e,t,i){e.addEventListener(t,i,false)}function v(e,t,i){e.removeEventListener(t,i,false)}function z(){var e=["moz","webkit","o","ms"];var t;for(t=0;t<e.length&&!u;t+=1){u=window[e[t]+"RequestAnimationFrame"]}if(u){u=u.bind(window)}else{x("setup","RequestAnimationFrame not supported")}}function b(e){var t="Host page: "+e;if(window.top!==window.self){t=window.parentIFrame&&window.parentIFrame.getId?window.parentIFrame.getId()+": "+e:"Nested host page: "+e}return t}function y(e){return c+"["+b(e)+"]"}function k(e){return h[e]?h[e].log:o}function x(e,t){T("log",e,t,k(e))}function _(e,t){T("info",e,t,k(e))}function I(e,t){T("warn",e,t,true)}function T(e,t,i,n){if(true===n&&"object"===typeof window.console){console[e](y(t),i)}}function M(e){function t(){function e(){j(Q);E(G);H("onResized",Q)}r("Height");r("Width");A(e,Q,"init")}function i(){var e=B.slice(f).split(":");var t=e[1]?parseInt(e[1],10):0;var i=h[e[0]]&&h[e[0]].iframe;var r=getComputedStyle(i);return{iframe:i,id:e[0],height:t+n(r)+o(r),width:e[2],type:e[3]}}function n(e){if(e.boxSizing!=="border-box"){return 0}var t=e.paddingTop?parseInt(e.paddingTop,10):0;var i=e.paddingBottom?parseInt(e.paddingBottom,10):0;return t+i}function o(e){if(e.boxSizing!=="border-box"){return 0}var t=e.borderTopWidth?parseInt(e.borderTopWidth,10):0;var i=e.borderBottomWidth?parseInt(e.borderBottomWidth,10):0;return t+i}function r(e){var t=Number(h[G]["max"+e]),i=Number(h[G]["min"+e]),n=e.toLowerCase(),o=Number(Q[n]);x(G,"Checking "+n+" is in range "+i+"-"+t);if(o<i){o=i;x(G,"Set "+n+" to min value")}if(o>t){o=t;x(G,"Set "+n+" to max value")}Q[n]=""+o}function a(){function t(){function e(){var e=0,t=false;x(G,"Checking connection is from allowed list of origins: "+n);for(;e<n.length;e++){if(n[e]===i){t=true;break}}return t}function t(){var e=h[G]&&h[G].remoteHost;x(G,"Checking connection is from: "+e);return i===e}return n.constructor===Array?e():t()}var i=e.origin,n=h[G]&&h[G].checkOrigin;if(n&&""+i!=="null"&&!t()){throw new Error("Unexpected message received from: "+i+" for "+Q.iframe.id+". Message was: "+e.data+". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.")}return true}function u(){return c===(""+B).slice(0,f)&&B.slice(f).split(":")[0]in h}function d(){var e=Q.type in{true:1,false:1,undefined:1};if(e){x(G,"Ignoring init message from meta parent page")}return e}function m(e){return B.slice(B.indexOf(":")+s+e)}function w(e){x(G,"onMessage passed: {iframe: "+Q.iframe.id+", message: "+e+"}");H("onMessage",{iframe:Q.iframe,message:JSON.parse(e)});x(G,"--")}function p(){var e=document.body.getBoundingClientRect(),t=Q.iframe.getBoundingClientRect();return JSON.stringify({iframeHeight:t.height,iframeWidth:t.width,clientHeight:Math.max(document.documentElement.clientHeight,window.innerHeight||0),clientWidth:Math.max(document.documentElement.clientWidth,window.innerWidth||0),offsetTop:parseInt(t.top-e.top,10),offsetLeft:parseInt(t.left-e.left,10),scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,documentHeight:document.documentElement.clientHeight,documentWidth:document.documentElement.clientWidth,windowHeight:window.innerHeight,windowWidth:window.innerWidth})}function z(e,t){function i(){P("Send Page Info","pageInfo:"+p(),e,t)}$(i,32,t)}function b(){function e(e,i){function o(){if(h[n]){z(h[n].iframe,n)}else{t()}}["scroll","resize"].forEach((function(t){x(n,e+t+" listener for sendPageInfo");i(window,t,o)}))}function t(){e("Remove ",v)}function i(){e("Add ",g)}var n=G;i();if(h[n]){h[n].stopPageInfo=t}}function y(){if(h[G]&&h[G].stopPageInfo){h[G].stopPageInfo();delete h[G].stopPageInfo}}function k(){var e=true;if(null===Q.iframe){I(G,"IFrame ("+Q.id+") not found");e=false}return e}function T(e){var t=e.getBoundingClientRect();R(G);return{x:Math.floor(Number(t.left)+Number(l.x)),y:Math.floor(Number(t.top)+Number(l.y))}}function M(e){function t(){l=r;O();x(G,"--")}function i(){return{x:Number(Q.width)+o.x,y:Number(Q.height)+o.y}}function n(){if(window.parentIFrame){window.parentIFrame["scrollTo"+(e?"Offset":"")](r.x,r.y)}else{I(G,"Unable to scroll to requested position, window.parentIFrame not found")}}var o=e?T(Q.iframe):{x:0,y:0},r=i();x(G,"Reposition requested from iFrame (offset x:"+o.x+" y:"+o.y+")");if(window.top===window.self){t()}else{n()}}function O(){if(false===H("onScroll",l)){F()}else{E(G)}}function L(e){function t(){var e=T(r);x(G,"Moving to in page link (#"+n+") at x: "+e.x+" y: "+e.y);l={x:e.x,y:e.y};O();x(G,"--")}function i(){if(window.parentIFrame){window.parentIFrame.moveToAnchor(n)}else{x(G,"In page link #"+n+" not found and window.parentIFrame not found")}}var n=e.split("#")[1]||"",o=decodeURIComponent(n),r=document.getElementById(o)||document.getElementsByName(o)[0];if(r){t()}else if(window.top===window.self){x(G,"In page link #"+n+" not found")}else{i()}}function W(e){var t={};if(Number(Q.width)===0&&Number(Q.height)===0){var i=m(9).split(":");t={x:i[1],y:i[0]}}else{t={x:Q.width,y:Q.height}}H(e,{iframe:Q.iframe,screenX:Number(t.x),screenY:Number(t.y),type:Q.type})}function H(e,t){return S(G,e,t)}function V(){if(h[G]&&h[G].firstRun)U();switch(Q.type){case"close":{N(Q.iframe);break}case"message":{w(m(6));break}case"mouseenter":{W("onMouseEnter");break}case"mouseleave":{W("onMouseLeave");break}case"autoResize":{h[G].autoResize=JSON.parse(m(9));break}case"scrollTo":{M(false);break}case"scrollToOffset":{M(true);break}case"pageInfo":{z(h[G]&&h[G].iframe,G);b();break}case"pageInfoStop":{y();break}case"inPageLink":{L(m(9));break}case"reset":{C(Q);break}case"init":{t();H("onInit",Q.iframe);break}default:{if(Number(Q.width)===0&&Number(Q.height)===0){I("Unsupported message received ("+Q.type+"), this is likely due to the iframe containing a later "+"version of iframe-resizer than the parent page")}else{t()}}}}function q(e){var t=true;if(!h[e]){t=false;I(Q.type+" No settings for "+e+". Message was: "+B)}return t}function J(){for(var e in h){P("iFrame requested init",D(e),h[e].iframe,e)}}function U(){if(h[G]){h[G].firstRun=false}}var B=e.data,Q={},G=null;if("[iFrameResizerChild]Ready"===B){J()}else if(u()){Q=i();G=Q.id;if(h[G]){h[G].loaded=true}if(!d()&&q(G)){x(G,"Received: "+B);if(k()&&a()){V()}}}else{_(G,"Ignored: "+B)}}function S(e,t,i){var n=null,o=null;if(h[e]){n=h[e][t];if("function"===typeof n){o=n(i)}else{throw new TypeError(t+" on iFrame["+e+"] is not a function")}}return o}function O(e){var t=e.id;delete h[t]}function N(e){var t=e.id;if(S(t,"onClose",t)===false){x(t,"Close iframe cancelled by onClose event");return}x(t,"Removing iFrame: "+t);try{if(e.parentNode){e.parentNode.removeChild(e)}}catch(e){I(e)}S(t,"onClosed",t);x(t,"--");O(e);if(n){n.disconnect();n=null}}function R(e){if(null===l){l={x:window.pageXOffset===t?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===t?document.documentElement.scrollTop:window.pageYOffset};x(e,"Get page position: "+l.x+","+l.y)}}function E(e){if(null!==l){window.scrollTo(l.x,l.y);x(e,"Set page position: "+l.x+","+l.y);F()}}function F(){l=null}function C(e){function t(){j(e);P("reset","reset",e.iframe,e.id)}x(e.id,"Size reset requested by "+("init"===e.type?"host page":"iFrame"));R(e.id);A(t,e,"reset")}function j(e){function t(t){if(!e.id){x("undefined","messageData id not set");return}e.iframe.style[t]=e[t]+"px";x(e.id,"IFrame ("+o+") "+t+" set to "+e[t]+"px")}function i(t){if(!r&&"0"===e[t]){r=true;x(o,"Hidden iFrame detected, creating visibility listener");q()}}function n(e){t(e);i(e)}var o=e.iframe.id;if(h[o]){if(h[o].sizeHeight){n("height")}if(h[o].sizeWidth){n("width")}}}function A(e,t,i){if(i!==t.type&&u&&!window.jasmine){x(t.id,"Requesting animation frame");u(e)}else{e()}}function P(e,t,i,n,o){function r(){var o=h[n]&&h[n].targetOrigin;x(n,"["+e+"] Sending msg to iframe["+n+"] ("+t+") targetOrigin: "+o);i.contentWindow.postMessage(c+t,o)}function a(){I(n,"["+e+"] IFrame("+n+") not found")}function s(){if(i&&"contentWindow"in i&&null!==i.contentWindow){r()}else{a()}}function f(){function e(){if(h[n]&&!h[n].loaded&&!l){l=true;I(n,"IFrame has not responded within "+h[n].warningTimeout/1e3+" seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.")}}if(!!o&&h[n]&&!!h[n].warningTimeout){h[n].msgTimeout=setTimeout(e,h[n].warningTimeout)}}var l=false;n=n||i.id;if(h[n]){s();f()}}function D(e){return e+":"+h[e].bodyMarginV1+":"+h[e].sizeWidth+":"+h[e].log+":"+h[e].interval+":"+h[e].enablePublicMethods+":"+h[e].autoResize+":"+h[e].bodyMargin+":"+h[e].heightCalculationMethod+":"+h[e].bodyBackground+":"+h[e].bodyPadding+":"+h[e].tolerance+":"+h[e].inPageLinks+":"+h[e].resizeFrom+":"+h[e].widthCalculationMethod+":"+h[e].mouseEvents}function L(e){return typeof e==="number"}function W(e,r){function a(){function t(t){var i=h[M][t];if(Infinity!==i&&0!==i){e.style[t]=L(i)?i+"px":i;x(M,"Set "+t+" = "+e.style[t])}}function i(e){if(h[M]["min"+e]>h[M]["max"+e]){throw new Error("Value for min"+e+" can not be greater than max"+e)}}i("Height");i("Width");t("maxHeight");t("minHeight");t("maxWidth");t("minWidth")}function s(){var e=r&&r.id||w.id+i++;if(null!==document.getElementById(e)){e+=i++}return e}function c(t){if(typeof t!=="string"){throw new TypeError("Invaild id for iFrame. Expected String")}if(""===t){e.id=t=s();o=(r||{}).log;x(t,"Added missing iframe ID: "+t+" ("+e.src+")")}return t}function f(){x(M,"IFrame scrolling "+(h[M]&&h[M].scrolling?"enabled":"disabled")+" for "+M);e.style.overflow=false===(h[M]&&h[M].scrolling)?"hidden":"auto";switch(h[M]&&h[M].scrolling){case"omit":{break}case true:{e.scrolling="yes";break}case false:{e.scrolling="no";break}default:{e.scrolling=h[M]?h[M].scrolling:"no"}}}function l(){if("number"===typeof(h[M]&&h[M].bodyMargin)||"0"===(h[M]&&h[M].bodyMargin)){h[M].bodyMarginV1=h[M].bodyMargin;h[M].bodyMargin=""+h[M].bodyMargin+"px"}}function u(){var t=h[M]&&h[M].firstRun,i=h[M]&&h[M].heightCalculationMethod in d;if(!t&&i){C({iframe:e,height:0,width:0,type:"init"})}}function m(){if(h[M]){h[M].iframe.iFrameResizer={close:N.bind(null,h[M].iframe),removeListeners:O.bind(null,h[M].iframe),resize:P.bind(null,"Window resize","resize",h[M].iframe),moveToAnchor:function(e){P("Move to anchor","moveToAnchor:"+e,h[M].iframe,M)},sendMessage:function(e){e=JSON.stringify(e);P("Send Message","message:"+e,h[M].iframe,M)}}}}function v(i){function o(){P("iFrame.onload",i,e,t,true);u()}function r(t){if(!e.parentNode){return null}var i=new t((function(t){t.forEach((function(t){var i=Array.prototype.slice.call(t.removedNodes);i.forEach((function(t){if(t===e){N(e)}}))}))}));i.observe(e.parentNode,{childList:true});return i}var a=p();if(a){n=r(a)}g(e,"load",o);P("init",i,e,t,true)}function z(e){if("object"!==typeof e){throw new TypeError("Options is not an object")}}function b(e){for(var t in w){if(Object.prototype.hasOwnProperty.call(w,t)){h[M][t]=Object.prototype.hasOwnProperty.call(e,t)?e[t]:w[t]}}}function y(e){return""===e||null!==e.match(/^(about:blank|javascript:|file:\/\/)/)?"*":e}function k(e){var t=e.split("Callback");if(t.length===2){var i="on"+t[0].charAt(0).toUpperCase()+t[0].slice(1);this[i]=this[e];delete this[e];I(M,"Deprecated: '"+e+"' has been renamed '"+i+"'. The old method will be removed in the next major version.")}}function _(t){t=t||{};h[M]=Object.create(null);h[M].iframe=e;h[M].firstRun=true;h[M].remoteHost=e.src&&e.src.split("/").slice(0,3).join("/");z(t);Object.keys(t).forEach(k,t);b(t);if(h[M]){h[M].targetOrigin=true===h[M].checkOrigin?y(h[M].remoteHost):"*"}}function T(){return M in h&&"iFrameResizer"in e}var M=c(e.id);if(T()){I(M,"Ignored iFrame, already setup.")}else{_(r);f();a();l();v(D(M));m()}}function H(e,t){if(null===m){m=setTimeout((function(){m=null;e()}),t)}}var V={};function $(e,t,i){if(!V[i]){V[i]=setTimeout((function(){V[i]=null;e()}),t)}}function q(){function e(){function e(e){function t(t){return"0px"===(h[e]&&h[e].iframe.style[t])}function i(e){return null!==e.offsetParent}if(h[e]&&i(h[e].iframe)&&(t("height")||t("width"))){P("Visibility change","resize",h[e].iframe,e)}}Object.keys(h).forEach((function(t){e(t)}))}function t(t){x("window","Mutation observed: "+t[0].target+" "+t[0].type);H(e,16)}function i(){var e=document.querySelector("body"),i={attributes:true,attributeOldValue:false,characterData:true,characterDataOldValue:false,childList:true,subtree:true},o=new n(t);o.observe(e,i)}var n=p();if(n){i()}}function J(e){function t(){B("Window "+e,"resize")}x("window","Trigger event: "+e);H(t,16)}function U(){function e(){B("Tab Visible","resize")}if("hidden"!==document.visibilityState){x("document","Trigger event: Visibility change");H(e,16)}}function B(e,t){function i(e){return h[e]&&"parent"===h[e].resizeFrom&&h[e].autoResize&&!h[e].firstRun}Object.keys(h).forEach((function(n){if(i(n)){P(e,t,h[n].iframe,n)}}))}function Q(){g(window,"message",M);g(window,"resize",(function(){J("resize")}));g(document,"visibilitychange",U);g(document,"-webkit-visibilitychange",U)}function G(){function e(e,t){function i(){if(!t.tagName){throw new TypeError("Object is not a valid DOM element")}else if("IFRAME"!==t.tagName.toUpperCase()){throw new TypeError("Expected <IFRAME> tag, found <"+t.tagName+">")}}if(t){i();W(t,e);n.push(t)}}function i(e){if(e&&e.enablePublicMethods){I("enablePublicMethods option has been removed, public methods are now always available in the iFrame")}}var n;z();Q();return function o(r,a){n=[];i(r);switch(typeof a){case"undefined":case"string":{Array.prototype.forEach.call(document.querySelectorAll(a||"iframe"),e.bind(t,r));break}case"object":{e(r,a);break}default:{throw new TypeError("Unexpected data type ("+typeof a+")")}}return n}}function X(e){if(!e.fn){_("","Unable to bind to jQuery, it is not fully loaded.")}else if(!e.fn.iFrameResize){e.fn.iFrameResize=function e(t){function i(e,i){W(i,t)}return this.filter("iframe").each(i).end()}}}if(window.jQuery!==t){X(window.jQuery)}if(typeof t==="function"&&t.amd){t([],G)}else{e.exports=G()}window.iFrameResize=window.iFrameResize||G()})()})(a);var s={exports:{}};(function(e){(function(t){if(typeof window==="undefined")return;var i=true,n=10,o="",r=0,a="",s=null,c="",f=false,l={resize:1,click:1},u=128,d=true,h=1,m="bodyOffset",w=m,p=true,g="",v={},z=32,b=null,y=false,k=false,x="[iFrameSizer]",_=x.length,I="",T={max:1,min:1,bodyScroll:1,documentElementScroll:1},M="child",S=window.parent,O="*",N=0,R=false,E=null,F=16,C=1,j="scroll",A=j,P=window,D=function(){Z("onMessage function not defined")},L=function(){},W=function(){},H={height:function(){Z("Custom height calculation function not defined");return document.documentElement.offsetHeight},width:function(){Z("Custom width calculation function not defined");return document.body.scrollWidth}},V={},$=false;function q(){}try{var J=Object.create({},{passive:{get:function(){$=true}}});window.addEventListener("test",q,J);window.removeEventListener("test",q,J)}catch(e){}function U(e,t,i,n){e.addEventListener(t,i,$?n||{}:false)}function B(e,t,i){e.removeEventListener(t,i,false)}function Q(e){return e.charAt(0).toUpperCase()+e.slice(1)}function G(e){var t,i,n,o=null,r=0,a=function(){r=Date.now();o=null;n=e.apply(t,i);if(!o){t=i=null}};return function(){var s=Date.now();if(!r){r=s}var c=F-(s-r);t=this;i=arguments;if(c<=0||c>F){if(o){clearTimeout(o);o=null}r=s;n=e.apply(t,i);if(!o){t=i=null}}else if(!o){o=setTimeout(a,c)}return n}}function X(e){return x+"["+I+"] "+e}function Y(e){if(y&&"object"===typeof window.console){console.log(X(e))}}function Z(e){if("object"===typeof window.console){console.warn(X(e))}}function K(){ee();Y("Initialising iFrame ("+window.location.href+")");ie();re();oe("background",o);oe("padding",c);we();le();ue();ae();ve();ge();de();v=pe();Ee("init","Init message from host page");L()}function ee(){function e(e){return"true"===e}var n=g.slice(_).split(":");I=n[0];r=t===n[1]?r:Number(n[1]);f=t===n[2]?f:e(n[2]);y=t===n[3]?y:e(n[3]);z=t===n[4]?z:Number(n[4]);i=t===n[6]?i:e(n[6]);a=n[7];w=t===n[8]?w:n[8];o=n[9];c=n[10];N=t===n[11]?N:Number(n[11]);v.enable=t===n[12]?false:e(n[12]);M=t===n[13]?M:n[13];A=t===n[14]?A:n[14];k=t===n[15]?k:e(n[15])}function te(e){var t=e.split("Callback");if(t.length===2){var i="on"+t[0].charAt(0).toUpperCase()+t[0].slice(1);this[i]=this[e];delete this[e];Z("Deprecated: '"+e+"' has been renamed '"+i+"'. The old method will be removed in the next major version.")}}function ie(){function e(){var e=window.iFrameResizer;Y("Reading data from page: "+JSON.stringify(e));Object.keys(e).forEach(te,e);D="onMessage"in e?e.onMessage:D;L="onReady"in e?e.onReady:L;O="targetOrigin"in e?e.targetOrigin:O;w="heightCalculationMethod"in e?e.heightCalculationMethod:w;A="widthCalculationMethod"in e?e.widthCalculationMethod:A}function t(e,t){if("function"===typeof e){Y("Setup custom "+t+"CalcMethod");H[t]=e;e="custom"}return e}if("iFrameResizer"in window&&Object===window.iFrameResizer.constructor){e();w=t(w,"height");A=t(A,"width")}Y("TargetOrigin for parent set to: "+O)}function ne(e,t){if(-1!==t.indexOf("-")){Z("Negative CSS value ignored for "+e);t=""}return t}function oe(e,i){if(t!==i&&""!==i&&"null"!==i){document.body.style[e]=i;Y("Body "+e+' set to "'+i+'"')}}function re(){if(t===a){a=r+"px"}oe("margin",ne("margin",a))}function ae(){document.documentElement.style.height="";document.body.style.height="";Y('HTML & body height set to "auto"')}function se(e){var t={add:function(t){function i(){Ee(e.eventName,e.eventType)}V[t]=i;U(window,t,i,{passive:true})},remove:function(e){var t=V[e];delete V[e];B(window,e,t)}};if(e.eventNames&&Array.prototype.map){e.eventName=e.eventNames[0];e.eventNames.map(t[e.method])}else{t[e.method](e.eventName)}Y(Q(e.method)+" event listener: "+e.eventType)}function ce(e){se({method:e,eventType:"Animation Start",eventNames:["animationstart","webkitAnimationStart"]});se({method:e,eventType:"Animation Iteration",eventNames:["animationiteration","webkitAnimationIteration"]});se({method:e,eventType:"Animation End",eventNames:["animationend","webkitAnimationEnd"]});se({method:e,eventType:"Input",eventName:"input"});se({method:e,eventType:"Mouse Up",eventName:"mouseup"});se({method:e,eventType:"Mouse Down",eventName:"mousedown"});se({method:e,eventType:"Orientation Change",eventName:"orientationchange"});se({method:e,eventType:"Print",eventNames:["afterprint","beforeprint"]});se({method:e,eventType:"Ready State Change",eventName:"readystatechange"});se({method:e,eventType:"Touch Start",eventName:"touchstart"});se({method:e,eventType:"Touch End",eventName:"touchend"});se({method:e,eventType:"Touch Cancel",eventName:"touchcancel"});se({method:e,eventType:"Transition Start",eventNames:["transitionstart","webkitTransitionStart","MSTransitionStart","oTransitionStart","otransitionstart"]});se({method:e,eventType:"Transition Iteration",eventNames:["transitioniteration","webkitTransitionIteration","MSTransitionIteration","oTransitionIteration","otransitioniteration"]});se({method:e,eventType:"Transition End",eventNames:["transitionend","webkitTransitionEnd","MSTransitionEnd","oTransitionEnd","otransitionend"]});if("child"===M){se({method:e,eventType:"IFrame Resized",eventName:"resize"})}}function fe(e,t,i,n){if(t!==e){if(!(e in i)){Z(e+" is not a valid option for "+n+"CalculationMethod.");e=t}Y(n+' calculation method set to "'+e+'"')}return e}function le(){w=fe(w,m,Se,"height")}function ue(){A=fe(A,j,Oe,"width")}function de(){if(true===i){ce("add");ye()}else{Y("Auto Resize disabled")}}function he(){if(null!==s){s.disconnect()}}function me(){ce("remove");he();clearInterval(b)}function we(){var e=document.createElement("div");e.style.clear="both";e.style.display="block";e.style.height="0";document.body.appendChild(e)}function pe(){function e(){return{x:window.pageXOffset===t?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===t?document.documentElement.scrollTop:window.pageYOffset}}function i(t){var i=t.getBoundingClientRect(),n=e();return{x:parseInt(i.left,10)+parseInt(n.x,10),y:parseInt(i.top,10)+parseInt(n.y,10)}}function n(e){function n(e){var t=i(e);Y("Moving to in page link (#"+o+") at x: "+t.x+" y: "+t.y);Ae(t.y,t.x,"scrollToOffset")}var o=e.split("#")[1]||e,r=decodeURIComponent(o),a=document.getElementById(r)||document.getElementsByName(r)[0];if(t===a){Y("In page link (#"+o+") not found in iFrame, so sending to parent");Ae(0,0,"inPageLink","#"+o)}else{n(a)}}function o(){var e=window.location.hash;var t=window.location.href;if(""!==e&&"#"!==e){n(t)}}function r(){function e(e){function t(e){e.preventDefault();n(this.getAttribute("href"))}if("#"!==e.getAttribute("href")){U(e,"click",t)}}Array.prototype.forEach.call(document.querySelectorAll('a[href^="#"]'),e)}function a(){U(window,"hashchange",o)}function s(){setTimeout(o,u)}function c(){if(Array.prototype.forEach&&document.querySelectorAll){Y("Setting up location.hash handlers");r();a();s()}else{Z("In page linking not fully supported in this browser! (See README.md for IE8 workaround)")}}if(v.enable){c()}else{Y("In page linking not enabled")}return{findTarget:n}}function ge(){if(k!==true)return;function e(e){Ae(0,0,e.type,e.screenY+":"+e.screenX)}function t(t,i){Y("Add event listener: "+i);U(window.document,t,e)}t("mouseenter","Mouse Enter");t("mouseleave","Mouse Leave")}function ve(){Y("Enable public methods");P.parentIFrame={autoResize:function e(t){if(true===t&&false===i){i=true;de()}else if(false===t&&true===i){i=false;me()}Ae(0,0,"autoResize",JSON.stringify(i));return i},close:function e(){Ae(0,0,"close")},getId:function e(){return I},getPageInfo:function e(t){if("function"===typeof t){W=t;Ae(0,0,"pageInfo")}else{W=function(){};Ae(0,0,"pageInfoStop")}},moveToAnchor:function e(t){v.findTarget(t)},reset:function e(){je("parentIFrame.reset")},scrollTo:function e(t,i){Ae(i,t,"scrollTo")},scrollToOffset:function e(t,i){Ae(i,t,"scrollToOffset")},sendMessage:function e(t,i){Ae(0,0,"message",JSON.stringify(t),i)},setHeightCalculationMethod:function e(t){w=t;le()},setWidthCalculationMethod:function e(t){A=t;ue()},setTargetOrigin:function e(t){Y("Set targetOrigin: "+t);O=t},size:function e(t,i){var n=""+(t||"")+(i?","+i:"");Ee("size","parentIFrame.size("+n+")",t,i)}}}function ze(){if(0!==z){Y("setInterval: "+z+"ms");b=setInterval((function(){Ee("interval","setInterval: "+z)}),Math.abs(z))}}function be(){function e(e){function t(e){if(false===e.complete){Y("Attach listeners to "+e.src);e.addEventListener("load",o,false);e.addEventListener("error",r,false);c.push(e)}}if(e.type==="attributes"&&e.attributeName==="src"){t(e.target)}else if(e.type==="childList"){Array.prototype.forEach.call(e.target.querySelectorAll("img"),t)}}function t(e){c.splice(c.indexOf(e),1)}function i(e){Y("Remove listeners from "+e.src);e.removeEventListener("load",o,false);e.removeEventListener("error",r,false);t(e)}function n(e,t,n){i(e.target);Ee(t,n+": "+e.target.src)}function o(e){n(e,"imageLoad","Image loaded")}function r(e){n(e,"imageLoadFailed","Image load failed")}function a(t){Ee("mutationObserver","mutationObserver: "+t[0].target+" "+t[0].type);t.forEach(e)}function s(){var e=document.querySelector("body"),t={attributes:true,attributeOldValue:false,characterData:true,characterDataOldValue:false,childList:true,subtree:true};l=new f(a);Y("Create body MutationObserver");l.observe(e,t);return l}var c=[],f=window.MutationObserver||window.WebKitMutationObserver,l=s();return{disconnect:function(){if("disconnect"in l){Y("Disconnect body MutationObserver");l.disconnect();c.forEach(i)}}}}function ye(){var e=0>z;if(window.MutationObserver||window.WebKitMutationObserver){if(e){ze()}else{s=be()}}else{Y("MutationObserver not supported in this browser!");ze()}}function ke(e,t){var i=0;t=t||document.body;i=document.defaultView.getComputedStyle(t,null);i=null===i?0:i[e];return parseInt(i,n)}function xe(e){if(e>F/2){F=2*e;Y("Event throttle increased to "+F+"ms")}}function _e(e,t){var i=t.length,n=0,o=0,r=Q(e),a=Date.now();for(var s=0;s<i;s++){n=t[s].getBoundingClientRect()[e]+ke("margin"+r,t[s]);if(n>o){o=n}}a=Date.now()-a;Y("Parsed "+i+" HTML elements");Y("Element position calculated in "+a+"ms");xe(a);return o}function Ie(e){return[e.bodyOffset(),e.bodyScroll(),e.documentElementOffset(),e.documentElementScroll()]}function Te(e,t){function i(){Z("No tagged elements ("+t+") found on page");return document.querySelectorAll("body *")}var n=document.querySelectorAll("["+t+"]");if(n.length===0)i();return _e(e,n)}function Me(){return document.querySelectorAll("body *")}var Se={bodyOffset:function e(){return document.body.offsetHeight+ke("marginTop")+ke("marginBottom")},offset:function(){return Se.bodyOffset()},bodyScroll:function e(){return document.body.scrollHeight},custom:function e(){return H.height()},documentElementOffset:function e(){return document.documentElement.offsetHeight},documentElementScroll:function e(){return document.documentElement.scrollHeight},max:function e(){return Math.max.apply(null,Ie(Se))},min:function e(){return Math.min.apply(null,Ie(Se))},grow:function e(){return Se.max()},lowestElement:function e(){return Math.max(Se.bodyOffset()||Se.documentElementOffset(),_e("bottom",Me()))},taggedElement:function e(){return Te("bottom","data-iframe-height")}},Oe={bodyScroll:function e(){return document.body.scrollWidth},bodyOffset:function e(){return document.body.offsetWidth},custom:function e(){return H.width()},documentElementScroll:function e(){return document.documentElement.scrollWidth},documentElementOffset:function e(){return document.documentElement.offsetWidth},scroll:function e(){return Math.max(Oe.bodyScroll(),Oe.documentElementScroll())},max:function e(){return Math.max.apply(null,Ie(Oe))},min:function e(){return Math.min.apply(null,Ie(Oe))},rightMostElement:function e(){return _e("right",Me())},taggedElement:function e(){return Te("right","data-iframe-width")}};function Ne(e,i,n,o){function r(){h=d;C=m;Ae(h,C,e)}function a(){function e(e,t){var i=Math.abs(e-t)<=N;return!i}d=t===n?Se[w]():n;m=t===o?Oe[A]():o;return e(h,d)||f&&e(C,m)}function s(){return!(e in{init:1,interval:1,size:1})}function c(){return w in T||f&&A in T}function l(){Y("No change in size detected")}function u(){if(s()&&c()){je(i)}else if(!(e in{interval:1})){l()}}var d,m;if(a()||"init"===e){Fe();r()}else{u()}}var Re=G(Ne);function Ee(e,t,i,n){function o(){if(!(e in{reset:1,resetPage:1,init:1})){Y("Trigger event: "+t)}}function r(){return R&&e in l}if(r()){Y("Trigger event cancelled: "+e)}else{o();if(e==="init"){Ne(e,t,i,n)}else{Re(e,t,i,n)}}}function Fe(){if(!R){R=true;Y("Trigger event lock on")}clearTimeout(E);E=setTimeout((function(){R=false;Y("Trigger event lock off");Y("--")}),u)}function Ce(e){h=Se[w]();C=Oe[A]();Ae(h,C,e)}function je(e){var t=w;w=m;Y("Reset trigger event: "+e);Fe();Ce("reset");w=t}function Ae(e,i,n,o,r){function a(){if(t===r){r=O}else{Y("Message targetOrigin: "+r)}}function s(){var a=e+":"+i,s=I+":"+a+":"+n+(t===o?"":":"+o);Y("Sending message to host page ("+s+")");S.postMessage(x+s,r)}{a();s()}}function Pe(i){var n={init:function e(){g=i.data;S=i.source;K();d=false;setTimeout((function(){p=false}),u)},reset:function e(){if(p){Y("Page reset ignored by init")}else{Y("Page size reset by host page");Ce("resetPage")}},resize:function e(){Ee("resizeParent","Parent window requested size check")},moveToAnchor:function e(){v.findTarget(a())},inPageLink:function e(){this.moveToAnchor()},pageInfo:function e(){var t=a();Y("PageInfoFromParent called from parent: "+t);W(JSON.parse(t));Y(" --")},message:function e(){var t=a();Y("onMessage called from parent: "+t);D(JSON.parse(t));Y(" --")}};function o(){return x===(""+i.data).slice(0,_)}function r(){return i.data.split("]")[1].split(":")[0]}function a(){return i.data.slice(i.data.indexOf(":")+1)}function s(){return!e.exports&&"iFrameResize"in window||window.jQuery!==t&&"iFrameResize"in window.jQuery.prototype}function c(){return i.data.split(":")[2]in{true:1,false:1}}function f(){var e=r();if(e in n){n[e]()}else if(!s()&&!c()){Z("Unexpected message ("+i.data+")")}}function l(){if(false===d){f()}else if(c()){n.init()}else{Y('Ignored message of type "'+r()+'". Received before initialization.')}}if(o()){l()}}function De(){if("loading"!==document.readyState){window.parent.postMessage("[iFrameResizerChild]Ready","*")}}if(!("iframeResizer"in window)){window.iframeChildListener=function(e){Pe({data:e,sameDomian:true})};U(window,"message",Pe);U(window,"readystatechange",De);De()}})()})(s);const c=a.exports;var f={iframeResize:c,iframeResizer:c,contentWindow:s.exports};const l='.sc-stzh-iframe-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-iframe-h,[stzh-hidden].sc-stzh-iframe-h{display:none}.sc-stzh-iframe-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-iframe-h *.sc-stzh-iframe,.sc-stzh-iframe-h *.sc-stzh-iframe::before,.sc-stzh-iframe-h *.sc-stzh-iframe::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-iframe-h .has-focus.sc-stzh-iframe{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-iframe-h .stzh-fylingfocus-focused.sc-stzh-iframe{outline-style:none !important}.sc-stzh-iframe-h .stzh-fylingfocus-focused.sc-stzh-iframe::-moz-focus-inner{border:0 !important}.sc-stzh-iframe-h{position:relative}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=preview-logo],.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=preview-logo]{width:100%}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=preview-image],.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=preview-image]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text]{margin:0}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p{margin:0}.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text],.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p,.sc-stzh-iframe-h.sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child),.sc-stzh-iframe-h .sc-stzh-iframe-s>[slot=cookiewall-text] p:not(:last-child){margin-bottom:var(--stzh-space-xlarge)}}.stzh-iframe.sc-stzh-iframe{width:100%;height:100%}.stzh-iframe__iframe.sc-stzh-iframe{width:100%}.stzh-iframe__cookiewall.sc-stzh-iframe,.stzh-iframe__preview.sc-stzh-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.stzh-iframe__iframe.sc-stzh-iframe,.stzh-iframe__preview.sc-stzh-iframe{border:none}.stzh-iframe__preview.sc-stzh-iframe,.stzh-iframe__cookiewall.sc-stzh-iframe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--stzh-space-medium);visibility:hidden}.stzh-iframe__preview.is-visible.sc-stzh-iframe,.stzh-iframe__cookiewall.is-visible.sc-stzh-iframe{visibility:visible}.stzh-iframe__preview.sc-stzh-iframe{z-index:1;appearance:none;cursor:pointer;background-color:var(--stzh-color-grey20)}.stzh-iframe__preview-image-wrapper.sc-stzh-iframe:not(:empty)+.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{display:none}.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-large);left:var(--stzh-space-large);position:absolute;width:45%}@media screen and (min-width: 600px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__preview-logo-wrapper.sc-stzh-iframe{left:var(--stzh-space-xxxlarge)}}.stzh-iframe__preview-run.sc-stzh-iframe{position:relative;z-index:1;appearance:none;border:none;background-color:var(--stzh-color-primary);color:var(--stzh-color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);visibility:hidden;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-iframe__preview-run.is-visible.sc-stzh-iframe{visibility:visible}@media screen and (min-width: 900px){.stzh-iframe__preview-run.sc-stzh-iframe{width:var(--stzh-form-input-height);height:var(--stzh-form-input-height)}}.stzh-iframe__preview.sc-stzh-iframe:hover .stzh-iframe__preview-run.sc-stzh-iframe{background-color:var(--stzh-color-secondary60)}@media screen and (min-width: 900px){.stzh-iframe__preview-run-icon.sc-stzh-iframe{--size:var(--stzh-icon-size-large)}}.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);z-index:2;text-align:center;background-color:var(--stzh-color-black60op);color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall.sc-stzh-iframe{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:". content content content content content content .";grid-template-columns:repeat(8, minmax(0, 1fr));padding-left:0;padding-right:0}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-iframe__cookiewall.sc-stzh-iframe{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-content.sc-stzh-iframe{grid-area:content}}.stzh-iframe__cookiewall-text.sc-stzh-iframe{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);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-iframe__cookiewall-text.sc-stzh-iframe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-iframe__cookiewall-close.sc-stzh-iframe{top:0;right:0;position:absolute;appearance:none;border:none;display:flex;align-items:center;justify-content:center;padding:var(--stzh-space-xsmall);background-color:transparent;color:var(--stzh-color-white);cursor:pointer}';const u=l;const d=console.log;console.log=function(){};console.log=d;const h="stzh-components-iframe-confirm";let m=0;const w=class{constructor(i){e(this,i);this.stzhPreviewSkip=t(this,"stzhPreviewSkip",7);this.stzhViewChange=t(this,"stzhViewChange",7);this._src=null;this.updateFocus=false;this.handleIframeLoad=()=>{if(this.updateFocus){this.iframeElement.focus();this.updateFocus=false}this.initializeIframeResizing()};this.handleCookiewallCloseClick=()=>{this.updateFocus=true;this.view="preview";this.stzhViewChange.emit({component:"stzh-iframe",value:this.view})};this.handleCookiewallConfirmClick=()=>{r.set(`${h}-${this.cookie}`,"1",{expires:this.cookieExpires||null});this.updateFocus=true;this.view="iframe";this.stzhViewChange.emit({component:"stzh-iframe",value:this.view})};this.handlePreviewClick=()=>{const e=r.get(`${h}-${this.cookie}`)||false;this.updateFocus=true;if(!this.cookie||e){this.view="iframe"}else{this.view="cookiewall"}this.stzhViewChange.emit({component:"stzh-iframe",value:this.view})};this.localization=undefined;this.iframeId=undefined;this.iframeErrorText=undefined;this.iframeResizerVariant="None";this.iframeResizerHeightCorrection=undefined;this.iframeResizerSecondlevelDomain=undefined;this.name=undefined;this.sandbox=undefined;this.referrerpolicy=undefined;this.allow="autoplay; fullscreen";this.width="100%";this.height="100%";this.src="";this.cookie=undefined;this.cookieExpires=365;this.cookieConfirmIcon=undefined;this.cookieConfirmLabel=undefined;this.cookieConfirmText=undefined;this.previewLabel=undefined;this.previewIcon="external-link";this.skipPreviewIfCookieAccepted=false;this.skipPreview=false;this.view="preview"}srcWatcher(e){if(this.view==="iframe"){this._src=e}}viewWatcher(e){if(e==="iframe"){this._src=this.src}else{this._src=null}}initializeIframeResizing(){switch(this.iframeResizerVariant){case"None":return;case"PostMessage":f.iframeResize({log:false,checkOrigin:false},this.iframeElement);break;case"SameSecondLevelDomain":console.warn("stzh-iframe: sameSecondLevelDomain is deprecated as it does no longer work on evergreen browsers, use PostMessage instead.");if(!this.iframeResizerSecondlevelDomain){console.log("stzh-iframe:","property 'iframeSecondlevelDomain' not filled out.")}this.setupIframeAutoSizing({frameId:this.iframeId,heightCorrection:this.iframeResizerHeightCorrection||0,hasSameDomain:false,secondLevelDomain:this.iframeResizerSecondlevelDomain});break}}setupIframeAutoSizing(e){const t=(e,t)=>()=>{var i;try{const n=((i=e.contentWindow)===null||i===void 0?void 0:i.document.body.scrollHeight)||0;if(n>0){e.style.height=`${n+t.heightCorrection}px`}}catch(e){console.warn("stzh-iframe:","Resizing not possible, perhaps due to cross-domain restrictions:",e)}};if(!e.hasSameDomain){document.domain=e.secondLevelDomain}const i=document.getElementById(e.frameId);if(!i){console.error(`Iframe with ID ${e.frameId} not found`);return}const n=t(i,e);window.addEventListener("resize",n);i.addEventListener("load",n);i.addEventListener("blur",n);i.addEventListener("readystatechange",n);try{n()}catch(e){console.warn("Initial resize failed, likely due to iframe not being fully loaded yet:",e)}}async componentWillLoad(){this.internalId=`stzh-iframe-${m++}`;const e=r.get(`${h}-${this.cookie}`)||false;if((!this.cookie||e)&&(this.skipPreviewIfCookieAccepted||this.skipPreview)||!this.cookie&&this.skipPreview){this.stzhPreviewSkip.emit({component:"stzh-iframe"});this.view="iframe"}else if(this.cookie&&this.skipPreview){this.view="cookiewall"}this.viewWatcher(this.view);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"iframe")}}async componentDidRender(){if(this.updateFocus){if(this.view==="iframe");else if(this.view==="preview"){this.previewButtonElement.focus();this.updateFocus=false}else if(this.view==="cookiewall"){this.confirmButtonElement.focus();this.updateFocus=false}}}render(){const e={"stzh-iframe":true};return i(n,{key:"1ea8336c2a72e09afdc7b66f63bf1c905669d059"},i("div",{key:"249dd3a4fdc84eb88a5bda01078f4d65587551f8",class:e},this.view==="iframe"&&i("iframe",{key:"b9459c43ac7009f6bc59b264a01dbc8430c4a960",id:this.iframeId,name:this.name,sandbox:this.sandbox,referrerPolicy:this.referrerpolicy,width:this.width,height:this.height,ref:e=>this.iframeElement=e,class:"stzh-iframe__iframe",src:this._src,allow:this.allow,onLoad:this.handleIframeLoad},this.iframeErrorText),i("button",{key:"bc1374da545a08c71f52001c9c26af7a4f7a4900",ref:e=>this.previewButtonElement=e,onClick:this.handlePreviewClick,"aria-label":this.previewLabel||this.localization.defaultPreviewLabel,class:{"stzh-iframe__preview":true,"is-visible":this.view==="preview"||this.view==="cookiewall"}},i("div",{key:"1eb9109999d87383d0374c103bafac1c10f2fd28",class:"stzh-iframe__preview-image-wrapper"},i("slot",{key:"a0a70e3d8b08436bdc36f1061fa05a7f54732cf8",name:"preview-image"})),i("div",{key:"1ee5cd11064a4ebbaf553a02493c457cbfddb0a8",class:"stzh-iframe__preview-logo-wrapper"},i("slot",{key:"ff72a882cbbc8d5fffb2f75375784fb06db5c50a",name:"preview-logo"})),this.previewIcon&&i("div",{key:"4df2b537c7811ecfdd31cbc53bfc53b28ec5a52b",class:{"stzh-iframe__preview-run":true,"is-visible":this.view==="preview"}},i("stzh-icon",{key:"35fcef994af70ef6cf89711e1312e7c71653119c",class:"stzh-iframe__preview-run-icon",name:this.previewIcon}))),this.cookie&&i("div",{key:"355128b058a6fc168a2c979da896cc2ed6125429",class:{"stzh-iframe__cookiewall":true,"is-visible":this.view==="cookiewall"}},i("div",{key:"2b33c1621fb4c18522d8d2d872b87869135eb697",class:"stzh-iframe__cookiewall-content"},i("div",{key:"58454edecbf4b37b707684b01ce3ad0c2ccf2510",class:"stzh-iframe__cookiewall-text",id:`${this.internalId}-cookiewall-text`},this.cookieConfirmText?this.cookieConfirmText:i("slot",{name:"cookiewall-text"})),i("stzh-button",{key:"7fcb0d3803c8ec19f54b0eceb139f4359fa645f2",ref:e=>this.confirmButtonElement=e,class:"stzh-iframe__cookiewall-button",size:"small",a11yDescribedby:`${this.internalId}-cookiewall-text`,icon:this.cookieConfirmIcon,label:this.cookieConfirmLabel||this.localization.defaultConfirmLabel,onClick:this.handleCookiewallConfirmClick})),!this.skipPreview&&i("button",{key:"e4caa90cebdea8aea3a0feefcd7951cf67e59114",class:"stzh-iframe__cookiewall-close",onClick:this.handleCookiewallCloseClick,"aria-label":this.localization.confirmCloseLabel},i("stzh-icon",{key:"9bc4820fe47f58007570622e4c29ca88381e938a",class:"stzh-iframe__cookiewall-close-icon",name:"close"})))))}get element(){return o(this)}static get watchers(){return{src:["srcWatcher"],view:["viewWatcher"]}}};w.style=u;export{w as stzh_iframe};
+//# sourceMappingURL=p-ad9d3926.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as s,c as i,h as e,a,g as o}from"./p-ef5985a3.js";const t=".sc-stzh-imagecomparison-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-imagecomparison-h,[stzh-hidden].sc-stzh-imagecomparison-h{display:none}.sc-stzh-imagecomparison-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::before,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::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-imagecomparison-h .has-focus.sc-stzh-imagecomparison{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison{outline-style:none !important}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison::-moz-focus-inner{border:0 !important}.sc-stzh-imagecomparison-h{--exposure:50%;--divider-width:0.125rem}@media print{.sc-stzh-imagecomparison-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>*,.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>[slot=image-after],.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>[slot=image-after]{clip-path:polygon(calc(var(--exposure) + var(--divider-width) / 2) 0, 100% 0, 100% 100%, calc(var(--exposure) + var(--divider-width) / 2) 100%)}.stzh-imagecomparison.sc-stzh-imagecomparison{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.stzh-imagecomparison__control.sc-stzh-imagecomparison{position:absolute;inset:0;opacity:0;cursor:pointer}.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{position:absolute;left:var(--exposure);height:100%;width:var(--divider-width);background-color:var(--stzh-color-white);transform:translateX(-50%);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:var(--exposure);overflow:hidden;width:calc(2 * var(--stzh-icon-size) + var(--divider-width));height:var(--stzh-icon-size);transform:translate(-50%, -50%);color:var(--stzh-color-primary70);background-color:var(--stzh-color-white);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{pointer-events:none;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{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);position:absolute;top:0;display:flex;align-items:center;height:1.5rem;padding:0 var(--stzh-space-xsmall);background:var(--stzh-color-black50op);color:var(--stzh-color-white)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison{left:0}.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{right:0}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:var(--stzh-color-primary70)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}";const r=t;const n=class{constructor(e){s(this,e);this.stzhChange=i(this,"stzhChange",7);this.handleInput=s=>{let i=this.inputElement.value;this.value=Number(i);this.stzhChange.emit({component:"stzh-imagecomparison",originalEvent:s,value:this.value})};this.localization=undefined;this.hintLeft="";this.hintRight="";this.value=50;this.label=undefined;this.a11yDescribedby=""}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"imagecomparison")}}render(){const s={"stzh-imagecomparison":true};return e(a,{key:"8fb01c2b3205504ec3618ebe2827c910e26673f6","aria-roledescription":this.localization.label,style:{"--exposure":`${this.value.toString()}%`}},e("div",{key:"087dbca7ba2c928be58ab16103acf356d5733fd6",class:s},e("div",{key:"11d3bd46be8d3c004e178cc008f8d9d65a3b6fa8",class:"stzh-imagecomparison__element"},e("slot",{key:"81ec7b34f39e7136e252494ce3028fba2dc268b2",name:"image-before"}),e("slot",{key:"8ee4dae7e23bae9f393052deae2111dd946bb9b5",name:"image-after"}),e("label",{key:"90e07ac71607075db9805d9fab3a2f54f8c66856",class:"stzh-imagecomparison__label","aria-label":this.label||this.localization.label,"aria-describedby":this.a11yDescribedby||null},e("div",{key:"ae11ac3cfad066a765918cf2a6df153cb98f80b2",class:"stzh-imagecomparison__slider-icon-wrapper"},e("stzh-icon",{key:"bdf91cddd0328eeac357b177eeadf9186224f25d",class:"stzh-imagecomparison__slider-icon-left",name:"angle-left"}),e("stzh-icon",{key:"db1d2ef2ba4f9c10872aa4e43a8064e0d6960652",class:"stzh-imagecomparison__slider-icon-right",name:"angle-right"})),e("div",{key:"2aa22770a38203e1501aef70569cf4a9081c371d",class:"stzh-imagecomparison__slider-line"}),e("input",{key:"d27fa842febee03709311b90123afcf1208d8a30",type:"range",class:"stzh-imagecomparison__control",min:"0",max:"100",ref:s=>this.inputElement=s,onInput:this.handleInput})),e("div",{key:"495532d4297937afd2fd13b3abe739e036b5645d",class:"stzh-imagecomparison__hint-wrapper"},e("span",{key:"accd3d11ea0101b1f90ee9bdde6248814cb121b0",class:"stzh-imagecomparison__hint-left"},this.hintLeft?this.hintLeft:e("slot",{name:"hint-left"})),e("span",{key:"5c671703aa0f3741280a068ead4c59a6eb0351a1",class:"stzh-imagecomparison__hint-right"},this.hintRight?this.hintRight:e("slot",{name:"hint-right"}))))))}get element(){return o(this)}};n.style=r;export{n as stzh_imagecomparison};
+//# sourceMappingURL=p-adc9fb2b.entry.js.map

package/dist/stzh-components/{p-8dccb0a9.entry.js.map → p-adc9fb2b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhImagecomparisonCss","StzhImagecomparisonStyle0","StzhImageComparison","this","handleInput","event","value","inputElement","Number","stzhChange","emit","component","originalEvent","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","key","label","style","toString","class","name","a11yDescribedby","type","min","max","ref","el","onInput","hintLeft","hintRight"],"sources":["src/components/stzh-imagecomparison/stzh-imagecomparison.scss?tag=stzh-imagecomparison&encapsulation=scoped","src/components/stzh-imagecomparison/stzh-imagecomparison.tsx"],"sourcesContent":[":host {\n  --exposure: 50%;\n  --divider-width: 2px;\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted(*) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  ::slotted([slot=\"image-after\"]) {\n    clip-path: polygon(\n      calc(var(--exposure) + (var(--divider-width) / 2)) 0,\n      100% 0,\n      100% 100%,\n      calc(var(--exposure) + (var(--divider-width) / 2)) 100%\n    );\n  }\n}\n\n.stzh-imagecomparison {\n  display: flex;\n  flex-direction: column;\n  user-select: none;\n\n  &__control {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  &__slider-line {\n    position: absolute;\n    left: var(--exposure);\n    height: 100%;\n    width: var(--divider-width);\n    background-color: $colorWhite;\n    transform: translateX(-50%);\n    transition: background-color $baseTransitionAnimationSpeed;\n  }\n\n  &__slider-icon-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: absolute;\n    top: 50%;\n    left: var(--exposure);\n    overflow: hidden;\n    width: calc(2 * #{iconSize()} + var(--divider-width));\n    height: #{iconSize()};\n    transform: translate(-50%, -50%);\n    color: $colorPrimary70;\n    background-color: $colorWhite;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__hint-wrapper {\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity $baseTransitionAnimationSpeed;\n  }\n\n  &__hint-left,\n  &__hint-right {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    position: absolute;\n    top: 0;\n    display: flex;\n    align-items: center;\n    height: 24px;\n    padding: 0 space(\"xsmall\");\n    background: $colorBlack50op;\n    color: $colorWhite;\n  }\n\n  &__hint-left {\n    left: 0;\n  }\n\n  &__hint-right {\n    right: 0;\n  }\n\n  &__label:hover &__slider-line {\n    background-color: $colorPrimary70;\n  }\n\n  &__label:hover &__slider-icon-wrapper {\n    background-color: $colorSecondary30;\n  }\n\n  &__label:hover + &__hint-wrapper {\n    opacity: 1;\n  }\n}\n","import { Component, Host, Element, Prop, h, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhImagecomparisonChangeEvent } from \"../../index\";\n\nimport { StzhImagecomparisonLocalizedText } from \"./stzh-imagecomparison.localization\";\n\n/**\n * @slot image-before - Slot for a before image\n * @slot image-after - Slot for a after image\n * @slot hint-left - Slot for a left image hint as alternative for attribute\n * @slot hint-right - Slot for a right image hint as alternative for attribute\n */\n\n@Component({\n  tag: \"stzh-imagecomparison\",\n  styleUrl: \"stzh-imagecomparison.scss\",\n  scoped: true,\n})\nexport class StzhImageComparison {\n  /**  Translation strings. */\n  @Prop() localization: StzhImagecomparisonLocalizedText;\n\n  /** Hint left */\n  @Prop() hintLeft: string = \"\";\n\n  /** Hint right */\n  @Prop() hintRight: string = \"\";\n\n  /** Width of image before */\n  @Prop({ mutable: true }) value: number = 50;\n\n  /** Overwrite default label */\n  @Prop() label: string;\n\n  /** Id for element which describes the label */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @Element() element: HTMLStzhImagecomparisonElement;\n\n  /* Image comparison slider on change event */\n  @Event() stzhChange: EventEmitter<StzhImagecomparisonChangeEvent>;\n\n  private inputElement: HTMLInputElement;\n\n  private handleInput = (event: InputEvent) => {\n    let value = this.inputElement.value;\n    this.value = Number(value);\n\n    this.stzhChange.emit({\n      component: \"stzh-imagecomparison\",\n      originalEvent: event,\n      value: this.value,\n    });\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"imagecomparison\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-imagecomparison\": true,\n    };\n\n    return (\n      <Host\n        aria-roledescription={this.localization.label}\n        style={{\n          \"--exposure\": `${this.value.toString()}%`,\n        }}\n      >\n        <div class={classes}>\n          <div class=\"stzh-imagecomparison__element\">\n            <slot name=\"image-before\"></slot>\n            <slot name=\"image-after\"></slot>\n\n            <label\n              class=\"stzh-imagecomparison__label\"\n              aria-label={this.label || this.localization.label}\n              aria-describedby={this.a11yDescribedby || null}\n            >\n              <div class=\"stzh-imagecomparison__slider-icon-wrapper\">\n                <stzh-icon class=\"stzh-imagecomparison__slider-icon-left\" name=\"angle-left\"></stzh-icon>\n                <stzh-icon class=\"stzh-imagecomparison__slider-icon-right\" name=\"angle-right\"></stzh-icon>\n              </div>\n              <div class=\"stzh-imagecomparison__slider-line\"></div>\n\n              <input\n                type=\"range\"\n                class=\"stzh-imagecomparison__control\"\n                min=\"0\"\n                max=\"100\"\n                ref={el => (this.inputElement = el as HTMLInputElement)}\n                onInput={this.handleInput}\n              />\n            </label>\n\n            <div class=\"stzh-imagecomparison__hint-wrapper\">\n              <span class=\"stzh-imagecomparison__hint-left\">\n                {this.hintLeft ? this.hintLeft : <slot name=\"hint-left\"></slot>}\n              </span>\n              <span class=\"stzh-imagecomparison__hint-right\">\n                {this.hintRight ? this.hintRight : <slot name=\"hint-right\"></slot>}\n              </span>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAyB,+iIAC/B,MAAAC,EAAeD,E,MCiBFE,EAAmB,M,gEA0BtBC,KAAAC,YAAeC,IACrB,IAAIC,EAAQH,KAAKI,aAAaD,MAC9BH,KAAKG,MAAQE,OAAOF,GAEpBH,KAAKM,WAAWC,KAAK,CACnBC,UAAW,uBACXC,cAAeP,EACfC,MAAOH,KAAKG,OACZ,E,0CA7BuB,G,eAGC,G,WAGa,G,0CAM0B,E,CAoBnE,uBAAMO,GACJ,IAAKV,KAAKW,aAAc,CACtBX,KAAKW,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBf,KAAKgB,QAAS,kB,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,uBAAwB,MAG1B,OACEC,EAACC,EAAI,CAAAC,IAAA,kEACmBrB,KAAKW,aAAaW,MACxCC,MAAO,CACL,aAAc,GAAGvB,KAAKG,MAAMqB,gBAG9BL,EAAA,OAAAE,IAAA,2CAAKI,MAAOP,GACVC,EAAA,OAAAE,IAAA,2CAAKI,MAAM,iCACTN,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,gBAEXP,EAAA,SAAAE,IAAA,2CACEI,MAAM,8BAA6B,aACvBzB,KAAKsB,OAAStB,KAAKW,aAAaW,MAAK,mBAC/BtB,KAAK2B,iBAAmB,MAE1CR,EAAA,OAAAE,IAAA,2CAAKI,MAAM,6CACTN,EAAA,aAAAE,IAAA,2CAAWI,MAAM,yCAAyCC,KAAK,eAC/DP,EAAA,aAAAE,IAAA,2CAAWI,MAAM,0CAA0CC,KAAK,iBAElEP,EAAA,OAAAE,IAAA,2CAAKI,MAAM,sCAEXN,EAAA,SAAAE,IAAA,2CACEO,KAAK,QACLH,MAAM,gCACNI,IAAI,IACJC,IAAI,MACJC,IAAKC,GAAOhC,KAAKI,aAAe4B,EAChCC,QAASjC,KAAKC,eAIlBkB,EAAA,OAAAE,IAAA,2CAAKI,MAAM,sCACTN,EAAA,QAAAE,IAAA,2CAAMI,MAAM,mCACTzB,KAAKkC,SAAWlC,KAAKkC,SAAWf,EAAA,QAAMO,KAAK,eAE9CP,EAAA,QAAAE,IAAA,2CAAMI,MAAM,oCACTzB,KAAKmC,UAAYnC,KAAKmC,UAAYhB,EAAA,QAAMO,KAAK,mB"}
+{"version":3,"names":["stzhImagecomparisonCss","StzhImagecomparisonStyle0","StzhImageComparison","this","handleInput","event","value","inputElement","Number","stzhChange","emit","component","originalEvent","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","key","label","style","toString","class","name","a11yDescribedby","type","min","max","ref","el","onInput","hintLeft","hintRight"],"sources":["src/components/stzh-imagecomparison/stzh-imagecomparison.scss?tag=stzh-imagecomparison&encapsulation=scoped","src/components/stzh-imagecomparison/stzh-imagecomparison.tsx"],"sourcesContent":[":host {\n  --exposure: 50%;\n  --divider-width: 2px;\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted(*) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  ::slotted([slot=\"image-after\"]) {\n    clip-path: polygon(\n      calc(var(--exposure) + (var(--divider-width) / 2)) 0,\n      100% 0,\n      100% 100%,\n      calc(var(--exposure) + (var(--divider-width) / 2)) 100%\n    );\n  }\n}\n\n.stzh-imagecomparison {\n  display: flex;\n  flex-direction: column;\n  user-select: none;\n\n  &__control {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  &__slider-line {\n    position: absolute;\n    left: var(--exposure);\n    height: 100%;\n    width: var(--divider-width);\n    background-color: $colorWhite;\n    transform: translateX(-50%);\n    transition: background-color $baseTransitionAnimationSpeed;\n  }\n\n  &__slider-icon-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: absolute;\n    top: 50%;\n    left: var(--exposure);\n    overflow: hidden;\n    width: calc(2 * #{iconSize()} + var(--divider-width));\n    height: #{iconSize()};\n    transform: translate(-50%, -50%);\n    color: $colorPrimary70;\n    background-color: $colorWhite;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__hint-wrapper {\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity $baseTransitionAnimationSpeed;\n  }\n\n  &__hint-left,\n  &__hint-right {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    position: absolute;\n    top: 0;\n    display: flex;\n    align-items: center;\n    height: 24px;\n    padding: 0 space(\"xsmall\");\n    background: $colorBlack50op;\n    color: $colorWhite;\n  }\n\n  &__hint-left {\n    left: 0;\n  }\n\n  &__hint-right {\n    right: 0;\n  }\n\n  &__label:hover &__slider-line {\n    background-color: $colorPrimary70;\n  }\n\n  &__label:hover &__slider-icon-wrapper {\n    background-color: $colorSecondary30;\n  }\n\n  &__label:hover + &__hint-wrapper {\n    opacity: 1;\n  }\n}\n","import { Component, Host, Element, Prop, h, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhImagecomparisonChangeEvent } from \"../../index\";\n\nimport { StzhImagecomparisonLocalizedText } from \"./stzh-imagecomparison.localization\";\n\n/**\n * @slot image-before - Slot for a before image\n * @slot image-after - Slot for a after image\n * @slot hint-left - Slot for a left image hint as alternative for attribute\n * @slot hint-right - Slot for a right image hint as alternative for attribute\n */\n\n@Component({\n  tag: \"stzh-imagecomparison\",\n  styleUrl: \"stzh-imagecomparison.scss\",\n  scoped: true,\n})\nexport class StzhImageComparison {\n  /**  Translation strings. */\n  @Prop() localization: StzhImagecomparisonLocalizedText;\n\n  /** Hint left */\n  @Prop() hintLeft: string = \"\";\n\n  /** Hint right */\n  @Prop() hintRight: string = \"\";\n\n  /** Width of image before */\n  @Prop({ mutable: true }) value: number = 50;\n\n  /** Overwrite default label */\n  @Prop() label: string;\n\n  /** Id for element which describes the label */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @Element() element: HTMLStzhImagecomparisonElement;\n\n  /* Image comparison slider on change event */\n  @Event() stzhChange: EventEmitter<StzhImagecomparisonChangeEvent>;\n\n  private inputElement: HTMLInputElement;\n\n  private handleInput = (event: InputEvent) => {\n    let value = this.inputElement.value;\n    this.value = Number(value);\n\n    this.stzhChange.emit({\n      component: \"stzh-imagecomparison\",\n      originalEvent: event,\n      value: this.value,\n    });\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"imagecomparison\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-imagecomparison\": true,\n    };\n\n    return (\n      <Host\n        aria-roledescription={this.localization.label}\n        style={{\n          \"--exposure\": `${this.value.toString()}%`,\n        }}\n      >\n        <div class={classes}>\n          <div class=\"stzh-imagecomparison__element\">\n            <slot name=\"image-before\"></slot>\n            <slot name=\"image-after\"></slot>\n\n            <label\n              class=\"stzh-imagecomparison__label\"\n              aria-label={this.label || this.localization.label}\n              aria-describedby={this.a11yDescribedby || null}\n            >\n              <div class=\"stzh-imagecomparison__slider-icon-wrapper\">\n                <stzh-icon class=\"stzh-imagecomparison__slider-icon-left\" name=\"angle-left\"></stzh-icon>\n                <stzh-icon class=\"stzh-imagecomparison__slider-icon-right\" name=\"angle-right\"></stzh-icon>\n              </div>\n              <div class=\"stzh-imagecomparison__slider-line\"></div>\n\n              <input\n                type=\"range\"\n                class=\"stzh-imagecomparison__control\"\n                min=\"0\"\n                max=\"100\"\n                ref={el => (this.inputElement = el as HTMLInputElement)}\n                onInput={this.handleInput}\n              />\n            </label>\n\n            <div class=\"stzh-imagecomparison__hint-wrapper\">\n              <span class=\"stzh-imagecomparison__hint-left\">\n                {this.hintLeft ? this.hintLeft : <slot name=\"hint-left\"></slot>}\n              </span>\n              <span class=\"stzh-imagecomparison__hint-right\">\n                {this.hintRight ? this.hintRight : <slot name=\"hint-right\"></slot>}\n              </span>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAyB,+iIAC/B,MAAAC,EAAeD,E,MCiBFE,EAAmB,M,gEA0BtBC,KAAAC,YAAeC,IACrB,IAAIC,EAAQH,KAAKI,aAAaD,MAC9BH,KAAKG,MAAQE,OAAOF,GAEpBH,KAAKM,WAAWC,KAAK,CACnBC,UAAW,uBACXC,cAAeP,EACfC,MAAOH,KAAKG,OACZ,E,0CA7BuB,G,eAGC,G,WAGa,G,0CAM0B,E,CAoBnE,uBAAMO,GACJ,IAAKV,KAAKW,aAAc,CACtBX,KAAKW,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBf,KAAKgB,QAAS,kB,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,uBAAwB,MAG1B,OACEC,EAACC,EAAI,CAAAC,IAAA,kEACmBrB,KAAKW,aAAaW,MACxCC,MAAO,CACL,aAAc,GAAGvB,KAAKG,MAAMqB,gBAG9BL,EAAA,OAAAE,IAAA,2CAAKI,MAAOP,GACVC,EAAA,OAAAE,IAAA,2CAAKI,MAAM,iCACTN,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,gBAEXP,EAAA,SAAAE,IAAA,2CACEI,MAAM,8BAA6B,aACvBzB,KAAKsB,OAAStB,KAAKW,aAAaW,MAAK,mBAC/BtB,KAAK2B,iBAAmB,MAE1CR,EAAA,OAAAE,IAAA,2CAAKI,MAAM,6CACTN,EAAA,aAAAE,IAAA,2CAAWI,MAAM,yCAAyCC,KAAK,eAC/DP,EAAA,aAAAE,IAAA,2CAAWI,MAAM,0CAA0CC,KAAK,iBAElEP,EAAA,OAAAE,IAAA,2CAAKI,MAAM,sCAEXN,EAAA,SAAAE,IAAA,2CACEO,KAAK,QACLH,MAAM,gCACNI,IAAI,IACJC,IAAI,MACJC,IAAKC,GAAOhC,KAAKI,aAAe4B,EAChCC,QAASjC,KAAKC,eAIlBkB,EAAA,OAAAE,IAAA,2CAAKI,MAAM,sCACTN,EAAA,QAAAE,IAAA,2CAAMI,MAAM,mCACTzB,KAAKkC,SAAWlC,KAAKkC,SAAWf,EAAA,QAAMO,KAAK,eAE9CP,EAAA,QAAAE,IAAA,2CAAMI,MAAM,oCACTzB,KAAKmC,UAAYnC,KAAKmC,UAAYhB,EAAA,QAAMO,KAAK,mB"}

package/dist/stzh-components/{p-b5361fa5.entry.js → p-b11487ec.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as i,g as h}from"./p-ef5985a3.js";import{m as e,a,r}from"./p-f4adb3cd.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";var n=function(t){this._sizes=[];this._columns=[];this._container=null;this._count=null;this._width=0;this._removeListener=null;this._currentGutterX=null;this._currentGutterY=null;this._resizeTimeout=null,this.conf={baseWidth:255,gutterX:null,gutterY:null,gutter:10,container:null,minify:true,ultimateGutter:5,surroundingGutter:true,direction:"ltr",wedge:false};this.init(t);return this};n.prototype.init=function(t){for(var s in this.conf){if(t[s]!=undefined){this.conf[s]=t[s]}}if(this.conf.gutterX==null||this.conf.gutterY==null){this.conf.gutterX=this.conf.gutterY=this.conf.gutter}this._currentGutterX=this.conf.gutterX;this._currentGutterY=this.conf.gutterY;this._container=typeof this.conf.container=="object"&&this.conf.container.nodeName?this.conf.container:document.querySelector(this.conf.container);if(!this._container){throw new Error("Container not found or missing")}var i=this.resizeThrottler.bind(this);window.addEventListener("resize",i);this._removeListener=function(){window.removeEventListener("resize",i);if(this._resizeTimeout!=null){window.clearTimeout(this._resizeTimeout);this._resizeTimeout=null}};this.layout()};n.prototype.reset=function(){this._sizes=[];this._columns=[];this._count=null;this._width=this._container.clientWidth;var t=this.conf.baseWidth;if(this._width<t){this._width=t;this._container.style.minWidth=t+"px"}if(this.getCount()==1){this._currentGutterX=this.conf.ultimateGutter;this._count=1}else if(this._width<this.conf.baseWidth+2*this._currentGutterX){this._currentGutterX=0}else{this._currentGutterX=this.conf.gutterX}};n.prototype.getCount=function(){if(this.conf.surroundingGutter){return Math.floor((this._width-this._currentGutterX)/(this.conf.baseWidth+this._currentGutterX))}return Math.floor((this._width+this._currentGutterX)/(this.conf.baseWidth+this._currentGutterX))};n.prototype.computeWidth=function(){var t;if(this.conf.surroundingGutter){t=(this._width-this._currentGutterX)/this._count-this._currentGutterX}else{t=(this._width+this._currentGutterX)/this._count-this._currentGutterX}t=Number.parseFloat(t.toFixed(2));return t};n.prototype.layout=function(){if(!this._container){console.error("Container not found");return}this.reset();if(this._count==null){this._count=this.getCount()}var t=this.computeWidth();for(var s=0;s<this._count;s++){this._columns[s]=0}var i=this._container.children;for(var h=0;h<i.length;h++){i[h].style.width=t+"px";this._sizes[h]=i[h].clientHeight}var e;if(this.conf.direction=="ltr"){e=this.conf.surroundingGutter?this._currentGutterX:0}else{e=this._width-(this.conf.surroundingGutter?this._currentGutterX:0)}if(this._count>this._sizes.length){var a=this._sizes.length*(t+this._currentGutterX)-this._currentGutterX;if(this.conf.wedge===false){if(this.conf.direction=="ltr"){e=(this._width-a)/2}else{e=this._width-(this._width-a)/2}}else{if(this.conf.direction=="ltr");else{e=this._width-this._currentGutterX}}}for(var r=0;r<i.length;r++){var o=this.conf.minify?this.getShortest():this.getNextColumn(r);var n=0;if(this.conf.surroundingGutter||o!=this._columns.length){n=this._currentGutterX}var c;if(this.conf.direction=="ltr"){c=e+(t+n)*o}else{c=e-(t+n)*o-t}var l=this._columns[o];i[r].style.transform="translate3d("+Math.round(c)+"px,"+Math.round(l)+"px,0)";this._columns[o]+=this._sizes[r]+(this._count>1?this.conf.gutterY:this.conf.ultimateGutter)}this._container.style.height=this._columns[this.getLongest()]-this._currentGutterY+"px"};n.prototype.getNextColumn=function(t){return t%this._columns.length};n.prototype.getShortest=function(){var t=0;for(var s=0;s<this._count;s++){if(this._columns[s]<this._columns[t]){t=s}}return t};n.prototype.getLongest=function(){var t=0;for(var s=0;s<this._count;s++){if(this._columns[s]>this._columns[t]){t=s}}return t};n.prototype.resizeThrottler=function(){if(!this._resizeTimeout){this._resizeTimeout=setTimeout(function(){this._resizeTimeout=null;if(this._container.clientWidth!=this._width){this.layout()}}.bind(this),33)}};n.prototype.destroy=function(){if(typeof this._removeListener=="function"){this._removeListener()}var t=this._container.children;for(var s=0;s<t.length;s++){t[s].style.removeProperty("width");t[s].style.removeProperty("transform")}this._container.style.removeProperty("height");this._container.style.removeProperty("min-width")};const c=".sc-stzh-socialmediastream-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-socialmediastream-h,[stzh-hidden].sc-stzh-socialmediastream-h{display:none}.sc-stzh-socialmediastream-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-socialmediastream-h *.sc-stzh-socialmediastream,.sc-stzh-socialmediastream-h *.sc-stzh-socialmediastream::before,.sc-stzh-socialmediastream-h *.sc-stzh-socialmediastream::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-socialmediastream-h .has-focus.sc-stzh-socialmediastream{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-socialmediastream-h .stzh-fylingfocus-focused.sc-stzh-socialmediastream{outline-style:none !important}.sc-stzh-socialmediastream-h .stzh-fylingfocus-focused.sc-stzh-socialmediastream::-moz-focus-inner{border:0 !important}.stzh-socialmediastream__items.sc-stzh-socialmediastream{position:relative}.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-xlarge)}}.stzh-socialmediastream__item.sc-stzh-socialmediastream{position:absolute}";const l=c;const m=class{constructor(s){t(this,s);this._items=[];this.resizeHandler=()=>{if(e("ultra").matches){this.gutterInPixel=32}else if(e("large").matches){this.gutterInPixel=24}else if(e("medium").matches){this.gutterInPixel=20}else if(e("small").matches){this.gutterInPixel=20}else{this.gutterInPixel=16}if(this.masonry){this.masonry.conf.ultimateGutter=this.gutterInPixel;this.masonry.conf.gutter=this.gutterInPixel;this.masonry.conf.gutterX=this.gutterInPixel;this.masonry.conf.gutterY=this.gutterInPixel;this.masonry.layout()}};this.init=()=>{this.itemsWatcher(this.items)};this.items=[];this.heading="";this.headingLevel="3";this.gutterInPixel=16}itemsWatcher(t){if(!t){this._items=[]}else if(typeof t==="string"){try{this._items=JSON.parse(t)}catch(t){this._items=[]}}else{this._items=t}}connectedCallback(){this.init();a(this.resizeHandler)}disconnectedCallback(){r(this.resizeHandler)}componentDidLoad(){this.resizeHandler();this.masonry=new n({container:".stzh-socialmediastream__items",baseWidth:275,gutter:this.gutterInPixel,surroundingGutter:0})}render(){const t=o(this.element,"heading");const h={"stzh-socialmediastream":true,"stzh-socialmediastream--has-heading":t||!!this.heading};return s(i,{key:"f63fa8b0999772f03750cbe8820ee7f1add5cc6f"},s("div",{key:"149155fb348da1ee1a575fdc33a4372cf2dce718",class:h},s("div",{key:"687dd31ff7d07997fa9581fbc2fbca22905f7052",class:"stzh-socialmediastream__heading"},!!this.heading?s("stzh-heading",{level:this.headingLevel},this.heading):s("slot",{name:"heading"})),s("div",{key:"cebd9bc1a551b4ef811c03318ec6144c313d11ff",class:"stzh-socialmediastream__items"},this._items&&this._items.length&&this._items.map((t=>s("stzh-socialmediastream-item",{class:"stzh-socialmediastream__item",item:t}))))))}get element(){return h(this)}static get watchers(){return{items:["itemsWatcher"]}}};m.style=l;export{m as stzh_socialmediastream};
-//# sourceMappingURL=p-b5361fa5.entry.js.map
+import{r as t,h as s,a as i,g as e}from"./p-ef5985a3.js";import{m as h,a,r}from"./p-f4adb3cd.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";var n=function(t){this._sizes=[];this._columns=[];this._container=null;this._count=null;this._width=0;this._removeListener=null;this._currentGutterX=null;this._currentGutterY=null;this._resizeTimeout=null,this.conf={baseWidth:255,gutterX:null,gutterY:null,gutter:10,container:null,minify:true,ultimateGutter:5,surroundingGutter:true,direction:"ltr",wedge:false};this.init(t);return this};n.prototype.init=function(t){for(var s in this.conf){if(t[s]!=undefined){this.conf[s]=t[s]}}if(this.conf.gutterX==null||this.conf.gutterY==null){this.conf.gutterX=this.conf.gutterY=this.conf.gutter}this._currentGutterX=this.conf.gutterX;this._currentGutterY=this.conf.gutterY;this._container=typeof this.conf.container=="object"&&this.conf.container.nodeName?this.conf.container:document.querySelector(this.conf.container);if(!this._container){throw new Error("Container not found or missing")}var i=this.resizeThrottler.bind(this);window.addEventListener("resize",i);this._removeListener=function(){window.removeEventListener("resize",i);if(this._resizeTimeout!=null){window.clearTimeout(this._resizeTimeout);this._resizeTimeout=null}};this.layout()};n.prototype.reset=function(){this._sizes=[];this._columns=[];this._count=null;this._width=this._container.clientWidth;var t=this.conf.baseWidth;if(this._width<t){this._width=t;this._container.style.minWidth=t+"px"}if(this.getCount()==1){this._currentGutterX=this.conf.ultimateGutter;this._count=1}else if(this._width<this.conf.baseWidth+2*this._currentGutterX){this._currentGutterX=0}else{this._currentGutterX=this.conf.gutterX}};n.prototype.getCount=function(){if(this.conf.surroundingGutter){return Math.floor((this._width-this._currentGutterX)/(this.conf.baseWidth+this._currentGutterX))}return Math.floor((this._width+this._currentGutterX)/(this.conf.baseWidth+this._currentGutterX))};n.prototype.computeWidth=function(){var t;if(this.conf.surroundingGutter){t=(this._width-this._currentGutterX)/this._count-this._currentGutterX}else{t=(this._width+this._currentGutterX)/this._count-this._currentGutterX}t=Number.parseFloat(t.toFixed(2));return t};n.prototype.layout=function(){if(!this._container){console.error("Container not found");return}this.reset();if(this._count==null){this._count=this.getCount()}var t=this.computeWidth();for(var s=0;s<this._count;s++){this._columns[s]=0}var i=this._container.children;for(var e=0;e<i.length;e++){i[e].style.width=t+"px";this._sizes[e]=i[e].clientHeight}var h;if(this.conf.direction=="ltr"){h=this.conf.surroundingGutter?this._currentGutterX:0}else{h=this._width-(this.conf.surroundingGutter?this._currentGutterX:0)}if(this._count>this._sizes.length){var a=this._sizes.length*(t+this._currentGutterX)-this._currentGutterX;if(this.conf.wedge===false){if(this.conf.direction=="ltr"){h=(this._width-a)/2}else{h=this._width-(this._width-a)/2}}else{if(this.conf.direction=="ltr");else{h=this._width-this._currentGutterX}}}for(var r=0;r<i.length;r++){var o=this.conf.minify?this.getShortest():this.getNextColumn(r);var n=0;if(this.conf.surroundingGutter||o!=this._columns.length){n=this._currentGutterX}var c;if(this.conf.direction=="ltr"){c=h+(t+n)*o}else{c=h-(t+n)*o-t}var l=this._columns[o];i[r].style.transform="translate3d("+Math.round(c)+"px,"+Math.round(l)+"px,0)";this._columns[o]+=this._sizes[r]+(this._count>1?this.conf.gutterY:this.conf.ultimateGutter)}this._container.style.height=this._columns[this.getLongest()]-this._currentGutterY+"px"};n.prototype.getNextColumn=function(t){return t%this._columns.length};n.prototype.getShortest=function(){var t=0;for(var s=0;s<this._count;s++){if(this._columns[s]<this._columns[t]){t=s}}return t};n.prototype.getLongest=function(){var t=0;for(var s=0;s<this._count;s++){if(this._columns[s]>this._columns[t]){t=s}}return t};n.prototype.resizeThrottler=function(){if(!this._resizeTimeout){this._resizeTimeout=setTimeout(function(){this._resizeTimeout=null;if(this._container.clientWidth!=this._width){this.layout()}}.bind(this),33)}};n.prototype.destroy=function(){if(typeof this._removeListener=="function"){this._removeListener()}var t=this._container.children;for(var s=0;s<t.length;s++){t[s].style.removeProperty("width");t[s].style.removeProperty("transform")}this._container.style.removeProperty("height");this._container.style.removeProperty("min-width")};const c=".sc-stzh-socialmediastream-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-socialmediastream-h,[stzh-hidden].sc-stzh-socialmediastream-h{display:none}.sc-stzh-socialmediastream-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-socialmediastream-h *.sc-stzh-socialmediastream,.sc-stzh-socialmediastream-h *.sc-stzh-socialmediastream::before,.sc-stzh-socialmediastream-h *.sc-stzh-socialmediastream::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-socialmediastream-h .has-focus.sc-stzh-socialmediastream{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-socialmediastream-h .stzh-fylingfocus-focused.sc-stzh-socialmediastream{outline-style:none !important}.sc-stzh-socialmediastream-h .stzh-fylingfocus-focused.sc-stzh-socialmediastream::-moz-focus-inner{border:0 !important}.stzh-socialmediastream__items.sc-stzh-socialmediastream{position:relative}.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-socialmediastream__heading.sc-stzh-socialmediastream{margin-bottom:var(--stzh-space-xlarge)}}.stzh-socialmediastream__item.sc-stzh-socialmediastream{position:absolute}";const l=c;const m=class{constructor(s){t(this,s);this._items=[];this.resizeHandler=()=>{if(h("ultra").matches){this.gutterInPixel=32}else if(h("large").matches){this.gutterInPixel=24}else if(h("medium").matches){this.gutterInPixel=20}else if(h("small").matches){this.gutterInPixel=20}else{this.gutterInPixel=16}if(this.masonry){this.masonry.conf.ultimateGutter=this.gutterInPixel;this.masonry.conf.gutter=this.gutterInPixel;this.masonry.conf.gutterX=this.gutterInPixel;this.masonry.conf.gutterY=this.gutterInPixel;this.masonry.layout()}};this.init=()=>{this.itemsWatcher(this.items)};this.items=[];this.heading="";this.headingLevel="3";this.gutterInPixel=16}itemsWatcher(t){if(!t){this._items=[]}else if(typeof t==="string"){try{this._items=JSON.parse(t)}catch(t){this._items=[]}}else{this._items=t}}connectedCallback(){this.init();a(this.resizeHandler)}disconnectedCallback(){r(this.resizeHandler)}componentDidLoad(){this.resizeHandler();this.masonry=new n({container:".stzh-socialmediastream__items",baseWidth:275,gutter:this.gutterInPixel,surroundingGutter:0})}render(){const t=o(this.element,"heading");const e={"stzh-socialmediastream":true,"stzh-socialmediastream--has-heading":t||!!this.heading};return s(i,{key:"a809d75196f3282b7611a55ab712d34f9b75ab7e"},s("div",{key:"3cfbc3b48e27657efae8c67d59b2de30adf0442f",class:e},s("div",{key:"5c830dbfd73dca56943e59fb0865bbe8e8983fbe",class:"stzh-socialmediastream__heading"},!!this.heading?s("stzh-heading",{level:this.headingLevel},this.heading):s("slot",{name:"heading"})),s("div",{key:"89a675f9ad86ef13c17f1bc9142b8f91d1093b38",class:"stzh-socialmediastream__items"},this._items&&this._items.length&&this._items.map((t=>s("stzh-socialmediastream-item",{class:"stzh-socialmediastream__item",item:t}))))))}get element(){return e(this)}static get watchers(){return{items:["itemsWatcher"]}}};m.style=l;export{m as stzh_socialmediastream};
+//# sourceMappingURL=p-b11487ec.entry.js.map

package/dist/stzh-components/{p-a60e9919.entry.js → p-b9354960.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,f as s,a,g as r}from"./p-ef5985a3.js";import{s as i,h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const n=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-twocolumns-grid-template-areas,\n    "left left left left" "right right right right"\n  );--grid-template-columns:var(\n    --stzh-twocolumns-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    );--grid-template-columns:var(\n      --stzh-twocolumns-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:"image image image image"\n    "text text text text";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}';const h=n;const l=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-textandimage stzh-ratio[slot="right"], stzh-textandimage [slot="right"] stzh-ratio, stzh-textandimage stzh-gallery[slot="right"], stzh-textandimage [slot="right"] stzh-gallery');t.forEach((t=>{i(t,{ratio:"16:9"})}))}}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=o(this.element,"left");const r=o(this.element,"right");const i={"stzh-twocolumns":true,"stzh-twocolumns--has-left":t,"stzh-twocolumns--has-right":r};return e(a,{key:"c28f76996890fa489fa70653d0f12cdbb020d584"},e("div",{key:"01c0674fd8b41c24dd95748f97212e54d8cd7d71",class:i},e("div",{key:"bd3f15c9fa0eff5aed6062151aed31bb30c2140b",class:"stzh-twocolumns__left"},e("slot",{key:"bfb2e87c7f903a4264bdbc69da8c6608fc8a6adf",name:"left",onSlotchange:()=>s(this.element)})),e("div",{key:"000ef53649e8fb1dbecf9813e89ee13d5aa540f5",class:"stzh-twocolumns__right"},e("slot",{key:"37baf79fb1e12ee1656b44c5ac307080ce7e2efa",name:"right",onSlotchange:()=>s(this.element)}))))}get element(){return r(this)}};l.style=h;export{l as stzh_twocolumns};
-//# sourceMappingURL=p-a60e9919.entry.js.map
+import{r as t,h as e,f as s,a,g as r}from"./p-ef5985a3.js";import{s as i,h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const n=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-twocolumns-grid-template-areas,\n    "left left left left" "right right right right"\n  );--grid-template-columns:var(\n    --stzh-twocolumns-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    );--grid-template-columns:var(\n      --stzh-twocolumns-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:"image image image image"\n    "text text text text";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}';const h=n;const l=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-textandimage stzh-ratio[slot="right"], stzh-textandimage [slot="right"] stzh-ratio, stzh-textandimage stzh-gallery[slot="right"], stzh-textandimage [slot="right"] stzh-gallery');t.forEach((t=>{i(t,{ratio:"16:9"})}))}}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=o(this.element,"left");const r=o(this.element,"right");const i={"stzh-twocolumns":true,"stzh-twocolumns--has-left":t,"stzh-twocolumns--has-right":r};return e(a,{key:"ea51dbcb9a4b00425d4c3edebf441378229fc4c8"},e("div",{key:"479d3e53ccca109f8222d699a9d92148f3c8fe40",class:i},e("div",{key:"7ab3f9a35b59d543c6530af6e407c91ef582f75c",class:"stzh-twocolumns__left"},e("slot",{key:"a99911d417d9a14d7880e7e9bae47fd995302bd0",name:"left",onSlotchange:()=>s(this.element)})),e("div",{key:"09a261f24a2d0b83c5ff9daa4da39a50909ad906",class:"stzh-twocolumns__right"},e("slot",{key:"8b3626ede07ae7930ce0519e2fcdaba7d676900f",name:"right",onSlotchange:()=>s(this.element)}))))}get element(){return r(this)}};l.style=h;export{l as stzh_twocolumns};
+//# sourceMappingURL=p-b9354960.entry.js.map

package/dist/stzh-components/{p-368d97c2.entry.js → p-bb1d4410.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as s,g as n}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as h,a as o,b as r}from"./p-2c0bec3e.js";import{m as d,a as c,r as p}from"./p-f4adb3cd.js";const l=":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{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;scrollbar-color:var(--stzh-color-primary40) var(--content-background);}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto;bottom:0}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-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);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-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);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-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);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";const m=l;const u={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const z={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let v=0;const g=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhMenuItemClick=e(this,"stzhMenuItemClick",7);this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}};this.localization=undefined;this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.isSmall=undefined;this.isMedium=undefined;this.isLarge=undefined;this.isUltra=undefined;this.analyticsId=undefined;this.rootTabindex=0}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(z.keyframes,{height:this.bodyElement.scrollHeight}),z.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${v++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"8d814a8e0e79688c18cf252a97027944664eaeee",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"e4048c92028b18c3a6e2bd0a33200b80cbf63bef",class:"stzh-pi-menu-positioner"},i("div",{key:"58cba2e20480c28bea85e7268370aeb686785f2f",class:e,style:{width:r}},i("div",{key:"427a08f026aa5f274e6358e44e21d01754c88322",class:n,onClick:this.handleBackdropClick}),i(t,{key:"9e3b71a442ad935930fa47961dfcce387220dd27",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"76e742716dc800c260ad509413efa3abcf2b7b1c",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"d907834e673e9838d75120b239f3bba9574cbf43",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"a0aee001981739d866c75673f4e9739b299aa9f9",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"f48db0525c4aa919af26b0b102e187b0fba12175",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"7d601e993e68d909bada6b7f73690b4b544d5f94",class:"stzh-pi-menu__content-inner"},i("nav",{key:"16f78af2613d5d627ae425012e8ace36788d9c37",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"861ad618e88385525ce7455e3c3c3eeeb085ca97",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"3c57f05aa34ab8c0900c41f61beba7ad28dca17e",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"fb870cbd1098cab33cdcd3a641146cd591bde3bc",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"f4073640a70396980e8d3a3305dbd58858cc7ead",class:"stzh-pi-menu__button-text"},i("span",{key:"90c703747d6ac6fb8849bfb207a2c1fffe660cf5",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"21cdf06321e37b291f4c32fda90c75b86d918ffe",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};g.style=m;export{g as stzh_pi_menu};
-//# sourceMappingURL=p-368d97c2.entry.js.map
+import{r as t,c as e,h as i,a as s,g as n}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as h,a as o,b as r}from"./p-2c0bec3e.js";import{m as d,a as c,r as p}from"./p-f4adb3cd.js";const l=":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{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;scrollbar-color:var(--stzh-color-primary40) var(--content-background);}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto;bottom:0}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-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);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-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);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-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);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";const m=l;const u={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const z={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let v=0;const g=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhMenuItemClick=e(this,"stzhMenuItemClick",7);this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}};this.localization=undefined;this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.isSmall=undefined;this.isMedium=undefined;this.isLarge=undefined;this.isUltra=undefined;this.analyticsId=undefined;this.rootTabindex=0}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(z.keyframes,{height:this.bodyElement.scrollHeight}),z.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${v++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"57045684e2f4a2ad5559d0a531b77d1bb3e13fcc",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"42c42aa79045f7df2899fe837fee2f447a67d99b",class:"stzh-pi-menu-positioner"},i("div",{key:"dcb487d0a8c093aa51403b204e33ad5a4d89682f",class:e,style:{width:r}},i("div",{key:"49bd807628e73a723b2a6ff2088f30315eee2131",class:n,onClick:this.handleBackdropClick}),i(t,{key:"b85e45447c9ea90347107a8dbca3c925aa5c2315",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"42082f63ea72df85dd0d196383a4c9407b28caeb",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"64717628f0b735ebd05447efd2880f2c30d2b190",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"b727aef4cfd5bfffd7d8332d214db3062e6b85c7",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"fd1eb0ba81ab4853f7404777aab058280227f6e3",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"684f545d9e82648acc98013ad52012eda80126de",class:"stzh-pi-menu__content-inner"},i("nav",{key:"69d4e538668cd30c89b7b5054de0ecacb3f94d14",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"325c29a8d6b209ea46ca2c42eae6ba21386d8163",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"e96fc4a6d795f42f7de769caa7503b312450c5e4",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"a796b83c07871db48cdb79cf57f33fc45c463442",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"be9e79e611839893454186a68a384c887d8fdd5f",class:"stzh-pi-menu__button-text"},i("span",{key:"24d7d0ad3f41dd70e887bff7e1d50a6297e8e369",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"a8a0ef3058c5b26000c6edfc68f2935c578058df",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};g.style=m;export{g as stzh_pi_menu};
+//# sourceMappingURL=p-bb1d4410.entry.js.map