@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

package/dist/fef-stencil-v4/{p-bbbcb135.entry.js → p-fe5ebbbd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e}from"./p-DUXO4XZe.js";var s=Object.defineProperty;var h=(t,i,e)=>i in t?s(t,i,{enumerable:true,configurable:true,writable:true,value:e}):t[i]=e;var o=(t,i,e)=>(h(t,typeof i!="symbol"?i+"":i,e),e);function n(){return!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)}const l=class{constructor(t){o(this,"mobileSelect");o(this,"trigger");o(this,"wheelList");o(this,"sliderList");o(this,"wheelsContain");o(this,"panel");o(this,"ensureBtn");o(this,"cancelBtn");o(this,"grayLayer");o(this,"popUp");o(this,"initPosition");o(this,"initColWidth");o(this,"wheelsData");o(this,"displayJson");o(this,"curValue");o(this,"curIndexArr");o(this,"isCascade");o(this,"isJsonType");o(this,"startY");o(this,"moveEndY");o(this,"moveY");o(this,"preMoveY");o(this,"offsetY");o(this,"offsetSum");o(this,"oversizeBorder");o(this,"enableClickStatus");o(this,"optionHeight");o(this,"curDistance");o(this,"cascadeJsonData");o(this,"eventHandleMap");o(this,"initDeepCount");o(this,"config");!l.checkRequiredConfig(t)||(this.config=Object.assign({},l.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=false,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=false,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=false,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=l.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),(i=(t=this.config).cancel)==null||i.call(t,this.curIndexArr,this.curValue,this),(s=(e=this.config).onCancel)==null||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),(i=(t=this.config).callback)==null||i.call(t,this.curIndexArr,this.curValue,this),(s=(e=this.config).onChange)==null||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},n()&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return typeof((e=(i=t[0])==null?void 0:i.data)==null?void 0:e[0])=="object"}static checkRequiredConfig(t){const i=l.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return l.log("error",`missing required param ${t.join(" and ")}.`),false}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return l.log("error",`missing required param '${s}'.`),false}return true}static log(t,i){var e;(e=console[t])==null||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),this.trigger?true:(l.log("error","trigger HTMLElement does not found on your document."),false)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(s==null?void 0:s.split(e))||[];if(this.isJsonType){let e=(t=this.wheelsData[0])==null?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=e==null?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=(h=e[o])==null?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=(h=(s=this.wheelsData[e])==null?void 0:s.data)==null?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)i==this.wheelList.length-1?t+=this.getInnerText(i):t+=this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&typeof t[0]!="object"||!this.isJsonType&&typeof t[0]=="object"){l.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);return}const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:(s=this.wheelsData[e])==null?void 0:s.data,o=h==null?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor){const i=this.mobileSelect.querySelector(".ms-title");i.style.color=t.titleColor}if(t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor){const i=this.mobileSelect.querySelector(".ms-btn-bar");i.style.backgroundColor=t.titleBgColor}if(t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}if(typeof t.maskOpacity=="number"){const i=this.mobileSelect.querySelector(".ms-gray-layer");i.style.background="rgba(0, 0, 0, "+t.maskOpacity+")"}}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),(t=document.querySelector("body"))==null||t.classList.add("ms-show"),typeof this.config.onShow=="function"&&((e=(i=this.config).onShow)==null||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),(t=document.querySelector("body"))==null||t.classList.remove("ms-show"),typeof this.config.onHide=="function"&&((e=(i=this.config).onHide)==null||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))typeof e.event=="string"?this[i][`${t}EventListener`](e.event,e.fn,{passive:false}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:false})}))}destroy(){var t,i;this.registerEvents("remove"),(i=(t=this.mobileSelect)==null?void 0:t.parentNode)==null||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++){const h=t[s][i.id],o=t[s][i.value];e+=`<li data-id="${h}">${o}</li>`}else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n        <div class="ms-content">\n          <div class="ms-btn-bar">\n            <div class="ms-fix-width">\n              <div class="ms-cancel">${this.config.cancelBtnText}</div>  \n              <div class="ms-title">${this.config.title||""}</div>\n              <div class="ms-ensure">${this.config.ensureBtnText}</div>\n            </div>\n          </div>\n          <div class="ms-panel">\n            <div class="ms-fix-width">\n            <div class="ms-wheels"></div>\n            <div class="ms-select-line"></div>\n            <div class="ms-shadow-mask"></div>\n          </div>\n        </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&((t=e[s][i.childs])==null?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,true}return false}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=s==0?this.cascadeJsonData[i[0]]:(e=o==null?void 0:o[h.childs])==null?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade){l.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");return}let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}));return}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){t===void 0||i===void 0||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),((i=this.sliderList[t].getElementsByTagName("li")[s])==null?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return(i=t.classList)==null?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,d=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,t.type==="mousedown"&&(this.enableClickStatus=true);break;case"touchmove":case"mousemove":if(t.preventDefault(),t.type==="mousemove"&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,d),this.curDistance[d]=this.curDistance[d]+this.offsetY,this.movePosition(c,this.curDistance[d]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,this.offsetSum==0){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(t!=2){const o=t-2,n=this.curDistance[d]+o*this.optionHeight;n<=2*this.optionHeight&&n>=this.oversizeBorder&&(this.curDistance[d]=n,this.movePosition(c,this.curDistance[d]),(e=(i=this.config).transitionEnd)==null||e.call(i,this.getIndexArr(),this.getCurValue(),this),(h=(s=this.config).onTransitionEnd)==null||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,d),this.curDistance[d]=this.fixPosition(this.curDistance[d]),this.curDistance[d]>2*this.optionHeight?this.curDistance[d]=2*this.optionHeight:this.curDistance[d]<this.oversizeBorder&&(this.curDistance[d]=this.oversizeBorder),this.movePosition(c,this.curDistance[d]),(n=(o=this.config).transitionEnd)==null||n.call(o,this.getIndexArr(),this.getCurValue(),this),(r=(l=this.config).onTransitionEnd)==null||r.call(l,this.getCurValue(),this.getIndexArr(),this);t.type==="mouseup"&&(this.enableClickStatus=false),this.isCascade&&this.checkRange(d,this.getIndexArr());break}}};let r=l;o(r,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:true,scrollSpeed:1}),o(r,"REQUIRED_PARAMS",["trigger","wheels"]);const a='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';class c{id;value;index}const d=class{constructor(e){t(this,e);this.selectionChanged=i(this,"selectionChanged")}triggerName;selectedText;wheelData;selectedId="";ensureBtnText="Confirm";cancelBtnText="Cancel";listTitle=undefined;selectionChanged;notFoundPopupProceedButton;componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button");if(this.notFoundPopupProceedButton){this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text");let e=document.querySelector("footer-nav #lang-ddl");if(e&&i){e.innerHTML=i}}}))}}wrapperClick(t){if(t){t.preventDefault();let i=t.target;if(i.id!=this.triggerName){let i=t.currentTarget;let e=i.querySelector(`#${this.triggerName}`);if(e){e.click()}}}}render(){return e("div",{key:"3e529cd952836b6d5eb909fc1c4c4dd68e673e73",class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{key:"99861d4d7fbe8a9fe32f1b27b3222568c4961912",onClick:t=>{this.wrapperClick(t)}},e("span",{key:"cba1d84fb394e20e2db73ebf7559ddb187d0c56c",id:this.triggerName},this.selectedText),e("icon-asset",{key:"600ab357558ee185d816bb5590bc51505c8bdb8d",type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this;let i=0;let e=new r({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2","test3"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId){try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index);i=e.index}catch(t){console.log(t)}}else{return}},callback:function(i,e,s){this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:undefined});if(e&&e[0]&&e[0].id!="#"){window.location.href=e[0].id}else{if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index);s.setValue(this.wheelData[i.index]);s.setTriggerInnerText(i.value);s.show()}}}.bind(this)});e.locatePosition(0,i)}getMobileSelectedItem(t){let i=new c;i.id=this.selectedId;let e=t.mobileSelect.querySelectorAll("[data-id]");e.forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id){i.index=e;i.value=t.textContent;return}}));return i}};d.style=a;export{d as ptc_mobile_select};
-//# sourceMappingURL=p-bbbcb135.entry.js.map
+import{r as t,c as i,h as e}from"./p-CavPmMZU.js";var s=Object.defineProperty;var h=(t,i,e)=>i in t?s(t,i,{enumerable:true,configurable:true,writable:true,value:e}):t[i]=e;var o=(t,i,e)=>(h(t,typeof i!="symbol"?i+"":i,e),e);function n(){return!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)}const l=class{constructor(t){o(this,"mobileSelect");o(this,"trigger");o(this,"wheelList");o(this,"sliderList");o(this,"wheelsContain");o(this,"panel");o(this,"ensureBtn");o(this,"cancelBtn");o(this,"grayLayer");o(this,"popUp");o(this,"initPosition");o(this,"initColWidth");o(this,"wheelsData");o(this,"displayJson");o(this,"curValue");o(this,"curIndexArr");o(this,"isCascade");o(this,"isJsonType");o(this,"startY");o(this,"moveEndY");o(this,"moveY");o(this,"preMoveY");o(this,"offsetY");o(this,"offsetSum");o(this,"oversizeBorder");o(this,"enableClickStatus");o(this,"optionHeight");o(this,"curDistance");o(this,"cascadeJsonData");o(this,"eventHandleMap");o(this,"initDeepCount");o(this,"config");!l.checkRequiredConfig(t)||(this.config=Object.assign({},l.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=false,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=false,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=false,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=l.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),(i=(t=this.config).cancel)==null||i.call(t,this.curIndexArr,this.curValue,this),(s=(e=this.config).onCancel)==null||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),(i=(t=this.config).callback)==null||i.call(t,this.curIndexArr,this.curValue,this),(s=(e=this.config).onChange)==null||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},n()&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return typeof((e=(i=t[0])==null?void 0:i.data)==null?void 0:e[0])=="object"}static checkRequiredConfig(t){const i=l.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return l.log("error",`missing required param ${t.join(" and ")}.`),false}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return l.log("error",`missing required param '${s}'.`),false}return true}static log(t,i){var e;(e=console[t])==null||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),this.trigger?true:(l.log("error","trigger HTMLElement does not found on your document."),false)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(s==null?void 0:s.split(e))||[];if(this.isJsonType){let e=(t=this.wheelsData[0])==null?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=e==null?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=(h=e[o])==null?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=(h=(s=this.wheelsData[e])==null?void 0:s.data)==null?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)i==this.wheelList.length-1?t+=this.getInnerText(i):t+=this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&typeof t[0]!="object"||!this.isJsonType&&typeof t[0]=="object"){l.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);return}const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:(s=this.wheelsData[e])==null?void 0:s.data,o=h==null?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor){const i=this.mobileSelect.querySelector(".ms-title");i.style.color=t.titleColor}if(t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor){const i=this.mobileSelect.querySelector(".ms-btn-bar");i.style.backgroundColor=t.titleBgColor}if(t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}if(typeof t.maskOpacity=="number"){const i=this.mobileSelect.querySelector(".ms-gray-layer");i.style.background="rgba(0, 0, 0, "+t.maskOpacity+")"}}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),(t=document.querySelector("body"))==null||t.classList.add("ms-show"),typeof this.config.onShow=="function"&&((e=(i=this.config).onShow)==null||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),(t=document.querySelector("body"))==null||t.classList.remove("ms-show"),typeof this.config.onHide=="function"&&((e=(i=this.config).onHide)==null||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))typeof e.event=="string"?this[i][`${t}EventListener`](e.event,e.fn,{passive:false}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:false})}))}destroy(){var t,i;this.registerEvents("remove"),(i=(t=this.mobileSelect)==null?void 0:t.parentNode)==null||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++){const h=t[s][i.id],o=t[s][i.value];e+=`<li data-id="${h}">${o}</li>`}else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n        <div class="ms-content">\n          <div class="ms-btn-bar">\n            <div class="ms-fix-width">\n              <div class="ms-cancel">${this.config.cancelBtnText}</div>  \n              <div class="ms-title">${this.config.title||""}</div>\n              <div class="ms-ensure">${this.config.ensureBtnText}</div>\n            </div>\n          </div>\n          <div class="ms-panel">\n            <div class="ms-fix-width">\n            <div class="ms-wheels"></div>\n            <div class="ms-select-line"></div>\n            <div class="ms-shadow-mask"></div>\n          </div>\n        </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&((t=e[s][i.childs])==null?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,true}return false}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=s==0?this.cascadeJsonData[i[0]]:(e=o==null?void 0:o[h.childs])==null?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade){l.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");return}let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}));return}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){t===void 0||i===void 0||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),((i=this.sliderList[t].getElementsByTagName("li")[s])==null?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return(i=t.classList)==null?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,d=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,t.type==="mousedown"&&(this.enableClickStatus=true);break;case"touchmove":case"mousemove":if(t.preventDefault(),t.type==="mousemove"&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,d),this.curDistance[d]=this.curDistance[d]+this.offsetY,this.movePosition(c,this.curDistance[d]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,this.offsetSum==0){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(t!=2){const o=t-2,n=this.curDistance[d]+o*this.optionHeight;n<=2*this.optionHeight&&n>=this.oversizeBorder&&(this.curDistance[d]=n,this.movePosition(c,this.curDistance[d]),(e=(i=this.config).transitionEnd)==null||e.call(i,this.getIndexArr(),this.getCurValue(),this),(h=(s=this.config).onTransitionEnd)==null||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,d),this.curDistance[d]=this.fixPosition(this.curDistance[d]),this.curDistance[d]>2*this.optionHeight?this.curDistance[d]=2*this.optionHeight:this.curDistance[d]<this.oversizeBorder&&(this.curDistance[d]=this.oversizeBorder),this.movePosition(c,this.curDistance[d]),(n=(o=this.config).transitionEnd)==null||n.call(o,this.getIndexArr(),this.getCurValue(),this),(r=(l=this.config).onTransitionEnd)==null||r.call(l,this.getCurValue(),this.getIndexArr(),this);t.type==="mouseup"&&(this.enableClickStatus=false),this.isCascade&&this.checkRange(d,this.getIndexArr());break}}};let r=l;o(r,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:true,scrollSpeed:1}),o(r,"REQUIRED_PARAMS",["trigger","wheels"]);const a='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';class c{id;value;index}const d=class{constructor(e){t(this,e);this.selectionChanged=i(this,"selectionChanged")}triggerName;selectedText;wheelData;selectedId="";ensureBtnText="Confirm";cancelBtnText="Cancel";listTitle=undefined;selectionChanged;notFoundPopupProceedButton;componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button");if(this.notFoundPopupProceedButton){this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text");let e=document.querySelector("footer-nav #lang-ddl");if(e&&i){e.innerHTML=i}}}))}}wrapperClick(t){if(t){t.preventDefault();let i=t.target;if(i.id!=this.triggerName){let i=t.currentTarget;let e=i.querySelector(`#${this.triggerName}`);if(e){e.click()}}}}render(){return e("div",{key:"c561137dbdc450d4db9479acdf9012ea06c5ccc4",class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{key:"ded03c25ca82ce30f906173af26f8834316beb5b",onClick:t=>{this.wrapperClick(t)}},e("span",{key:"80ce41c10c3797cfb348d87ce190bab55436ffe7",id:this.triggerName},this.selectedText),e("icon-asset",{key:"691811d0baea5958209aa095043096a86fc5306c",type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this;let i=0;let e=new r({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2","test3"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId){try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index);i=e.index}catch(t){console.log(t)}}else{return}},callback:function(i,e,s){this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:undefined});if(e&&e[0]&&e[0].id!="#"){window.location.href=e[0].id}else{if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index);s.setValue(this.wheelData[i.index]);s.setTriggerInnerText(i.value);s.show()}}}.bind(this)});e.locatePosition(0,i)}getMobileSelectedItem(t){let i=new c;i.id=this.selectedId;let e=t.mobileSelect.querySelectorAll("[data-id]");e.forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id){i.index=e;i.value=t.textContent;return}}));return i}};d.style=a;export{d as ptc_mobile_select};
+//# sourceMappingURL=p-fe5ebbbd.entry.js.map

package/dist/fef-stencil-v4/ptc-blue-pill-announcement-bar.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ptc-blue-pill-announcement-bar.entry.esm.js","sources":["src/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.scss?tag=ptc-blue-pill-announcement-bar&encapsulation=shadow","src/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\t.blue-pill-announcement-bar-wrapper {\r\n\t\tdisplay: inline-flex;\r\n\t\tpadding: 12px 24px;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tborder-radius: 30px;\r\n\t\tborder: 1px solid rgba(255, 255, 255, 0.2);\r\n\t\tbackground: var(--blue-7-base-color, #197bc0);\r\n\r\n\t\t/* Drop Shadow (X-Large) */\r\n\t\tbox-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.24);\r\n\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\ttext-align: left;\r\n\t\tsvg {\r\n\t\t\tmin-width: 16px;\r\n\t\t}\r\n\t}\r\n\t::slotted(p) {\r\n\t\tmargin-bottom: 0 !important;\r\n\t\tcolor: var(--color-white) !important;\r\n\t\tfont-size: var(--ptc-font-size-x-small) !important;\r\n\t\tfont-weight: var(--ptc-font-weight-regular) !important;\r\n\t\tline-height: var(--ptc-line-height-p) !important;\r\n\t\ttext-align: left !important;\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-blue-pill-announcement-bar\",\r\n\tstyleUrl: \"ptc-blue-pill-announcement-bar.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcBluePillAnnouncementBar {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"blue-pill-announcement-bar-wrapper\">\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g clip-path=\"url(#clip0_96_14879)\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z\"\r\n\t\t\t\t\t\t\t\tfill=\"white\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<rect\r\n\t\t\t\t\t\t\t\tx=\"7.5\"\r\n\t\t\t\t\t\t\t\ty=\"6.5\"\r\n\t\t\t\t\t\t\t\twidth=\"1\"\r\n\t\t\t\t\t\t\t\theight=\"6\"\r\n\t\t\t\t\t\t\t\tfill=\"white\"\r\n\t\t\t\t\t\t\t\tstroke=\"white\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<circle\r\n\t\t\t\t\t\t\t\tcx=\"8\"\r\n\t\t\t\t\t\t\t\tcy=\"4\"\r\n\t\t\t\t\t\t\t\tr=\"0.5\"\r\n\t\t\t\t\t\t\t\tfill=\"white\"\r\n\t\t\t\t\t\t\t\tstroke=\"white\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t<clipPath id=\"clip0_96_14879\">\r\n\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,6BAA6B,GAAG,q0BAAq0B;;MCO91B,0BAA0B,GAAA,MAAA;;;;IACtC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oCAAoC,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EAAA,EAEX,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAa,sBAAsB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,CAAC,EAAC,oNAAoN,EACtN,IAAI,EAAC,OAAO,EACX,CAAA,EACF,CACC,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,EACb,CAAA,EACF,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,KAAK,EACP,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,GACb,CACC,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,gBAAgB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA,CAClC,CACL,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACD,CACA;;;;;;;"}

package/dist/fef-stencil-v4/ptc-close-icon.ptc-modal.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptc-close-icon.ptc-modal.entry.esm.js","sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx","src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t//   border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t//   svg {\r\n\t\t//     @include base-focus-state;\r\n\t\t//   }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n",":host {\r\n\tdisplay: block;\r\n}\r\n\r\n.wrapper {\r\n\tposition: absolute;\r\n\twidth: 100vw;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 500001;\r\n\tdisplay: none;\r\n\r\n\t&.fixed {\r\n\t\tposition: fixed;\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tmargin: 7.5rem auto 1rem;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tmax-width: 22.5625rem;\r\n\t\twidth: 80%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t\talign-content: flex-end;\r\n\t\tz-index: 50020;\r\n\t\ttransform: translateY(-100%);\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-md {\r\n\t\t// \tmax-width: 29.125rem;\r\n\t\t// }\r\n\r\n\t\t&.md {\r\n\t\t\tmax-width: 44.125rem;\r\n\t\t}\r\n\r\n\t\t&.lg {\r\n\t\t\tmax-width: 56.25rem;\r\n\t\t}\r\n\r\n\t\t&.xl {\r\n\t\t\tmax-width: 64.0625rem;\r\n\t\t}\r\n\r\n\t\t&.max {\r\n\t\t\twidth: Calc(100% - 4rem);\r\n\t\t\tmax-width: 75rem;\r\n\t\t\theight: 80vh;\r\n\t\t\tmargin: auto;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.close {\r\n\t\t\t\tmargin: var(--ptc-element-spacing-02);\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tiframe {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.sm-modal {\r\n\t\t\twidth: 341px;\r\n\t\t\tmax-width: 341px;\r\n\r\n\t\t\t@media only screen and (max-width: 360px) {\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\tmax-width: 360px;\r\n\t\t\t\twidth: 360px;\r\n\t\t\t}\r\n\r\n\t\t\t// @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n\t\t\t//   max-width: 433px;\r\n\t\t\t//   width: 433px;\r\n\t\t\t// }\r\n\r\n\t\t\t// @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n\t\t\t//   max-width: 620px;\r\n\t\t\t//   width: 620px;\r\n\t\t\t// }\r\n\r\n\t\t\t&.modal-with-content {\r\n\t\t\t\t@media only screen and (min-width: 480px) {\r\n\t\t\t\t\twidth: 371px;\r\n\t\t\t\t\tmax-width: 371px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\t\tmax-width: 360px;\r\n\t\t\t\t\twidth: 360px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tiframe {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\ttransition: opacity var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\r\n\t\t\t\t&.ready {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.frame {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\toverflow-y: hidden;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t&.html {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.frame {\r\n\t\t\t.modal-body {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.close {\r\n\t\t\tmargin-right: 2px;\r\n\t\t\tmargin-top: 2px;\r\n\t\t}\r\n\r\n\t\t&.shadow-scroller {\r\n\t\t\tmax-height: calc(100vh - 220px);\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-md {\r\n\t\t\t// \tmax-height: 756px;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-header {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmin-height: 57px;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.close {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 8px;\r\n\t\t\t\t\tright: 8px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tmin-height: 200px;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t.modal-footer {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmin-height: 60px;\r\n\t\t\t\tborder-top: 1px solid var(--color-gray-02);\r\n\t\t\t\tpadding-top: 1rem;\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-top {\r\n\t\t\t\t.modal-header {\r\n\t\t\t\t\tbox-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-bottom {\r\n\t\t\t\t.modal-footer {\r\n\t\t\t\t\tbox-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.show {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t.modal-popup {\r\n\t\t\ttransform: translateY(0);\r\n\r\n\t\t\t&.rounded {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.overlay {\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 50010;\r\n\tdisplay: block;\r\n\tbackground-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n}\r\n\r\n:host(.large) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t}\r\n}\r\n\r\n:host(.pill) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t}\r\n}\r\n\r\n:host(.circle) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n}\r\n\r\n:host(.enclose-modal) {\r\n\t.modal-popup {\r\n\t\tmax-height: calc(100vh - 180px);\r\n\r\n\t\t&:not(.frame) .modal-body {\r\n\t\t\toverflow-y: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.bio-modal) {\r\n\t.wrapper.show {\r\n\t\talign-items: flex-start;\r\n\r\n\t\t// @include screen-sm {\r\n\t\t// \talign-items: center;\r\n\t\t// }\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tpadding: 30px 15px 30px 0;\r\n\t\tmax-width: 1200px;\r\n\t\tmargin: 20px auto 0 auto;\r\n\t\tmax-height: calc(100vh - 180px);\r\n\t\twidth: 90%;\r\n\t\theight: 100%;\r\n\r\n\t\t.modal-body {\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-sm {\r\n\t\t\t// \theight: auto;\r\n\t\t\t// }\r\n\r\n\t\t\t@media (max-height: 450px) {\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-sm {\r\n\t\t// \tmax-height: none;\r\n\t\t// \twidth: 80%;\r\n\t\t// \tmargin-top: 0px;\r\n\t\t// \theight: auto;\r\n\t\t// }\r\n\r\n\t\t// @include screen-xl {\r\n\t\t// \tmax-width: 1400px;\r\n\t\t// }\r\n\r\n\t\t@media (max-height: 450px) {\r\n\t\t\tmax-height: calc(100vh - 180px);\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.close {\r\n\t\tposition: absolute;\r\n\t\tmargin: 0;\r\n\t\tright: 8px;\r\n\t\ttop: 8px;\r\n\r\n\t\tsvg {\r\n\t\t\t.cls-1,\r\n\t\t\t.cls-2 {\r\n\t\t\t\tfill: none;\r\n\t\t\t\tstroke-width: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\tstroke: #1c2439;\r\n\t\t\t\tstroke-linecap: square;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-2 {\r\n\t\t\t\tstroke: #74c34d;\r\n\t\t\t}\r\n\r\n\t\t\tpath {\r\n\t\t\t\ttransition: all ease-in-out 250ms;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ttransform: translate(175.5px, 174.985px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\ttransform: translate(215.5px, 141.393px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\t.cls-1 {\r\n\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\ttransform: translate(175.5px, 162px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\ttransform: translate(149px, 174.985px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\ttransform: translate(215.5px, 174px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\t\ttransform: translate(152.5px, 135.5px);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.no-container) {\r\n\t.wrapper .modal-popup.xl {\r\n\t\tmax-width: 80rem !important;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.wrapper .modal-popup .close {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.video-modal) {\r\n\t.modal-popup {\r\n\t\tmargin: auto;\r\n\r\n\t\t&.xl {\r\n\t\t\t@media (max-height: 768px) {\r\n\t\t\t\tmax-width: 56rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 600px) {\r\n\t\t\t\tmax-width: 44rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 500px) {\r\n\t\t\t\tmax-width: 35rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 400px) {\r\n\t\t\t\tmax-width: 26rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.event-listing) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: unset;\r\n\t\t\twidth: calc(100% - 48px);\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.vh-center) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px auto;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.thank-you) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: calc(100% - 48px);\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-xs {\r\n\t\t\t// \tmax-width: 640px;\r\n\t\t\t// \twidth: 80%;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tpadding: 2px 24px 48px 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t// @include screen-md {\r\n\t\t\t\t// \tpadding: 2px 48px 48px 48px;\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.wrapper {\r\n\t\t.event-list-header {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 118px;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\tvar(--ptc-border-radius-standard) 0px 0px;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder-radius: 4px 4px 0px 0px;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t0deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 100%\r\n\t\t\t\t);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\r\n\t\t\t& + .close {\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t\tmargin-right: 0px;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.text-wrapper {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tcolumn-gap: 0.5em;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.event-mobile-modal {\r\n\t\t\tborder-top-left-radius: 0px;\r\n\t\t\tborder-top-right-radius: 0px;\r\n\t\t}\r\n\r\n\t\t.bottom-close {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 auto 40px auto;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\ttext-decoration-line: underline;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--color-blue-08);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// &:focus-visible {\r\n\t\t\t// \t@include base-focus-state;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/**\r\n\t * Modal Element\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/**\r\n\t * Set url for content iframe to load if false will load slot element\r\n\t */\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/**\r\n\t * Sets if popup should close if click on outside\r\n\t */\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t| \"sm\"\r\n\t\t| \"md\"\r\n\t\t| \"lg\"\r\n\t\t| \"xl\"\r\n\t\t| \"max\"\r\n\t\t| \"sm-modal\" = \"sm\";\r\n\t/**\r\n\t * This is to add css class to Modal Form with Content\r\n\t */\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/**\r\n\t * Set whether or not to display modal\r\n\t */\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should close if click on outside\r\n\t */\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have rounded corners\r\n\t */\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have rounded corners\r\n\t */\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have header footer sections\r\n\t */\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/**\r\n\t * Event for modal popup closed\r\n\t */\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/**\r\n\t * Event for modal popup opened\r\n\t */\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/**\r\n\t * Add the border radius  Options: standard | large | pill | circle\r\n\t */\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t| \"standard\"\r\n\t\t| \"large\"\r\n\t\t| \"pill\"\r\n\t\t| \"circle\" = \"standard\";\r\n\r\n\t/**\r\n\t * Sets if popup is nio modal\r\n\t */\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t| \"video-modal\"\r\n\t\t| \"default-modal\"\r\n\t\t| \"event-listing\"\r\n\t\t| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" || event.key === \" \" || event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass=\"modal-body\"\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">{content}</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ptc-close-icon.ptc-modal.entry.esm.js","sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx","src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t//   border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t//   svg {\r\n\t\t//     @include base-focus-state;\r\n\t\t//   }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n",":host {\r\n\tdisplay: block;\r\n}\r\n\r\n.wrapper {\r\n\tposition: absolute;\r\n\twidth: 100vw;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 500001;\r\n\tdisplay: none;\r\n\r\n\t&.fixed {\r\n\t\tposition: fixed;\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tmargin: 7.5rem auto 1rem;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tmax-width: 22.5625rem;\r\n\t\twidth: 80%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t\talign-content: flex-end;\r\n\t\tz-index: 50020;\r\n\t\ttransform: translateY(-100%);\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-md {\r\n\t\t// \tmax-width: 29.125rem;\r\n\t\t// }\r\n\r\n\t\t&.md {\r\n\t\t\tmax-width: 44.125rem;\r\n\t\t}\r\n\r\n\t\t&.lg {\r\n\t\t\tmax-width: 56.25rem;\r\n\t\t}\r\n\r\n\t\t&.xl {\r\n\t\t\tmax-width: 64.0625rem;\r\n\t\t}\r\n\r\n\t\t&.max {\r\n\t\t\twidth: Calc(100% - 4rem);\r\n\t\t\tmax-width: 75rem;\r\n\t\t\theight: 80vh;\r\n\t\t\tmargin: auto;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.close {\r\n\t\t\t\tmargin: var(--ptc-element-spacing-02);\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tiframe {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.sm-modal {\r\n\t\t\twidth: 341px;\r\n\t\t\tmax-width: 341px;\r\n\r\n\t\t\t@media only screen and (max-width: 360px) {\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\tmax-width: 360px;\r\n\t\t\t\twidth: 360px;\r\n\t\t\t}\r\n\r\n\t\t\t// @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n\t\t\t//   max-width: 433px;\r\n\t\t\t//   width: 433px;\r\n\t\t\t// }\r\n\r\n\t\t\t// @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n\t\t\t//   max-width: 620px;\r\n\t\t\t//   width: 620px;\r\n\t\t\t// }\r\n\r\n\t\t\t&.modal-with-content {\r\n\t\t\t\t@media only screen and (min-width: 480px) {\r\n\t\t\t\t\twidth: 371px;\r\n\t\t\t\t\tmax-width: 371px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\t\tmax-width: 360px;\r\n\t\t\t\t\twidth: 360px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tiframe {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\ttransition: opacity var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\r\n\t\t\t\t&.ready {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.frame {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\toverflow-y: hidden;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t&.html {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body.modern-scrollbar {\r\n\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\twidth: 6px;\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-track {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\t\t//box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n\t\t\t\tbackground: var(--color-gray-03);\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.frame {\r\n\t\t\t.modal-body {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.close {\r\n\t\t\tmargin-right: 2px;\r\n\t\t\tmargin-top: 2px;\r\n\t\t}\r\n\r\n\t\t&.shadow-scroller {\r\n\t\t\tmax-height: calc(100vh - 220px);\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-md {\r\n\t\t\t// \tmax-height: 756px;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-header {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmin-height: 57px;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.close {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 8px;\r\n\t\t\t\t\tright: 8px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tmin-height: 200px;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t.modal-footer {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmin-height: 60px;\r\n\t\t\t\tborder-top: 1px solid var(--color-gray-02);\r\n\t\t\t\tpadding-top: 1rem;\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-top {\r\n\t\t\t\t.modal-header {\r\n\t\t\t\t\tbox-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-bottom {\r\n\t\t\t\t.modal-footer {\r\n\t\t\t\t\tbox-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.show {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t.modal-popup {\r\n\t\t\ttransform: translateY(0);\r\n\r\n\t\t\t&.rounded {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.overlay {\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 50010;\r\n\tdisplay: block;\r\n\tbackground-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n}\r\n\r\n:host(.large) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t}\r\n}\r\n\r\n:host(.pill) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t}\r\n}\r\n\r\n:host(.circle) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n}\r\n\r\n:host(.enclose-modal) {\r\n\t.modal-popup {\r\n\t\tmax-height: calc(100vh - 180px);\r\n\r\n\t\t&:not(.frame) .modal-body {\r\n\t\t\toverflow-y: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.bio-modal) {\r\n\t.wrapper.show {\r\n\t\talign-items: flex-start;\r\n\r\n\t\t// @include screen-sm {\r\n\t\t// \talign-items: center;\r\n\t\t// }\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tpadding: 30px 15px 30px 0;\r\n\t\tmax-width: 1200px;\r\n\t\tmargin: 20px auto 0 auto;\r\n\t\tmax-height: calc(100vh - 180px);\r\n\t\twidth: 90%;\r\n\t\theight: 100%;\r\n\r\n\t\t.modal-body {\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-sm {\r\n\t\t\t// \theight: auto;\r\n\t\t\t// }\r\n\r\n\t\t\t@media (max-height: 450px) {\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-sm {\r\n\t\t// \tmax-height: none;\r\n\t\t// \twidth: 80%;\r\n\t\t// \tmargin-top: 0px;\r\n\t\t// \theight: auto;\r\n\t\t// }\r\n\r\n\t\t// @include screen-xl {\r\n\t\t// \tmax-width: 1400px;\r\n\t\t// }\r\n\r\n\t\t@media (max-height: 450px) {\r\n\t\t\tmax-height: calc(100vh - 180px);\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.close {\r\n\t\tposition: absolute;\r\n\t\tmargin: 0;\r\n\t\tright: 8px;\r\n\t\ttop: 8px;\r\n\r\n\t\tsvg {\r\n\t\t\t.cls-1,\r\n\t\t\t.cls-2 {\r\n\t\t\t\tfill: none;\r\n\t\t\t\tstroke-width: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\tstroke: #1c2439;\r\n\t\t\t\tstroke-linecap: square;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-2 {\r\n\t\t\t\tstroke: #74c34d;\r\n\t\t\t}\r\n\r\n\t\t\tpath {\r\n\t\t\t\ttransition: all ease-in-out 250ms;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ttransform: translate(175.5px, 174.985px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\ttransform: translate(215.5px, 141.393px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\t.cls-1 {\r\n\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\ttransform: translate(175.5px, 162px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\ttransform: translate(149px, 174.985px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\ttransform: translate(215.5px, 174px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\t\ttransform: translate(152.5px, 135.5px);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.no-container) {\r\n\t.wrapper .modal-popup.xl {\r\n\t\tmax-width: 80rem !important;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.wrapper .modal-popup .close {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.video-modal) {\r\n\t.modal-popup {\r\n\t\tmargin: auto;\r\n\r\n\t\t&.xl {\r\n\t\t\t@media (max-height: 768px) {\r\n\t\t\t\tmax-width: 56rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 600px) {\r\n\t\t\t\tmax-width: 44rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 500px) {\r\n\t\t\t\tmax-width: 35rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 400px) {\r\n\t\t\t\tmax-width: 26rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.event-listing) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: unset;\r\n\t\t\twidth: calc(100% - 48px);\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.vh-center) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px auto;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.thank-you) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: calc(100% - 48px);\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-xs {\r\n\t\t\t// \tmax-width: 640px;\r\n\t\t\t// \twidth: 80%;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tpadding: 2px 24px 48px 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t// @include screen-md {\r\n\t\t\t\t// \tpadding: 2px 48px 48px 48px;\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.wrapper {\r\n\t\t.event-list-header {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 118px;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\tvar(--ptc-border-radius-standard) 0px 0px;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder-radius: 4px 4px 0px 0px;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t0deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 100%\r\n\t\t\t\t);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\r\n\t\t\t& + .close {\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t\tmargin-right: 0px;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.text-wrapper {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tcolumn-gap: 0.5em;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.event-mobile-modal {\r\n\t\t\tborder-top-left-radius: 0px;\r\n\t\t\tborder-top-right-radius: 0px;\r\n\t\t}\r\n\r\n\t\t.bottom-close {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 auto 40px auto;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\ttext-decoration-line: underline;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--color-blue-08);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// &:focus-visible {\r\n\t\t\t// \t@include base-focus-state;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/**\r\n\t * Modal Element\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/**\r\n\t * Set url for content iframe to load if false will load slot element\r\n\t */\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/**\r\n\t * Sets if popup should close if click on outside\r\n\t */\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t| \"sm\"\r\n\t\t| \"md\"\r\n\t\t| \"lg\"\r\n\t\t| \"xl\"\r\n\t\t| \"max\"\r\n\t\t| \"sm-modal\" = \"sm\";\r\n\t/**\r\n\t * This is to add css class to Modal Form with Content\r\n\t */\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/**\r\n\t * Set whether or not to display modal\r\n\t */\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should close if click on outside\r\n\t */\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have rounded corners\r\n\t */\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have rounded corners\r\n\t */\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have header footer sections\r\n\t */\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should hide header\r\n\t */\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/**\r\n\t * Use modern scrollbar styling for the modal body.\r\n\t */\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/**\r\n\t * Event for modal popup closed\r\n\t */\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/**\r\n\t * Event for modal popup opened\r\n\t */\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/**\r\n\t * Add the border radius  Options: standard | large | pill | circle\r\n\t */\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t| \"standard\"\r\n\t\t| \"large\"\r\n\t\t| \"pill\"\r\n\t\t| \"circle\" = \"standard\";\r\n\r\n\t/**\r\n\t * Sets if popup is nio modal\r\n\t */\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t| \"video-modal\"\r\n\t\t| \"default-modal\"\r\n\t\t| \"event-listing\"\r\n\t\t| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" || event.key === \" \" || event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"names":[],"mappings":"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"}

package/dist/fef-stencil-v4/ptc-jumbotron.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptc-jumbotron.entry.esm.js","sources":["src/components/molecules/ptc-jumbotron/ptc-jumbotron.scss?tag=ptc-jumbotron&encapsulation=shadow","src/components/molecules/ptc-jumbotron/ptc-jumbotron.tsx"],"sourcesContent":["@use 'containers' as *;\r\n@use 'utilities' as *;\r\n@use 'links' as *;\r\n@use 'mixins' as *;\r\n\r\n// @import \"../../global/style/containers.scss\";\r\n// @import \"../../global/style/utilities.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(\r\n\t:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(\r\n\t\t\t.blog-jumbotron\r\n\t\t)\r\n) {\r\n\t.content-container {\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: 20px;\r\n\t\t\tpadding-bottom: 16px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.parent {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: auto 1fr;\r\n\tgrid-column-gap: 0px;\r\n\tgrid-row-gap: 0px;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n\tbackground-color: transparent;\r\n\tmargin-top: 24px;\r\n\tdisplay: flex;\r\n\twidth: 152px;\r\n\theight: max-content;\r\n\r\n\timg {\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 64.02px;\r\n\t}\r\n}\r\n\r\n.hp-adjustments {\r\n\tbackground-color: var(--color-black);\r\n\theight: auto;\r\n\tmin-height: 640px !important;\r\n\tmax-height: -webkit-fill-available;\r\n\t@media (min-height: 640px) {\r\n\t\tmin-height: 72vh !important;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 3 / 2;\r\n\t\tmin-height: 300px;\r\n\r\n\t\t&.hidden {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.bg-overlay {\r\n\t\tbackground:\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t180deg,\r\n\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t),\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t0deg,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 100%\r\n\t\t\t) !important;\r\n\t}\r\n\r\n\t@include screen-md {\r\n\t\t.div1 {\r\n\t\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\t\tmin-height: unset;\r\n\t\t}\r\n\t\t.bg-overlay {\r\n\t\t\tbackground:\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t\t),\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t90deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.6) 60%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 100%\r\n\t\t\t\t) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.div1,\r\n\t.main-content-items {\r\n\t\ttransition: opacity ease-out 250ms;\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t&.transitioning {\r\n\t\t.div1,\r\n\t\t.main-content-items {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.div1 {\r\n\tgrid-area: 1 / 1 / 2 / 2;\r\n\tmin-height: 300px;\r\n\r\n\t&.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.mobile-media-image {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.gif-bg {\r\n\tbackground-color: #f3f3f3;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\twidth: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.video-ratio {\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\theight: 100%;\r\n}\r\n\r\n.div2 {\r\n\tgrid-area: 2 / 1 / 3 / 2;\r\n\tposition: relative;\r\n}\r\n\r\n.bg-overlay {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.content-layout {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\t@include screen-md {\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t&.hp-container {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 120px;\r\n\t\tmargin-bottom: 120px;\r\n\r\n\t\t@media screen and (min-width: 768px) and (max-width: 992px) {\r\n\t\t\tmax-width: 720px;\r\n\t\t\tmargin-left: unset;\r\n\t\t\tmargin-top: 160px;\r\n\t\t\tmargin-bottom: 160px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\twidth: 1136px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\twidth: 1200px;\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n\r\n\t&.blog-container {\r\n\t\tpadding-bottom: 48px;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: 100px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tgap: 43px;\r\n\t\t\tpadding-top: 75px;\r\n\r\n\t\t\tmax-width-container {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\r\n\t\t\tdiv.desktop-media-image {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tgap: var(--ptc-element-spacing-07);\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.gap-adjustment {\r\n\tgap: var(--ptc-element-spacing-04);\r\n\tmargin-bottom: var(--ptc-element-spacing-07);\r\n\r\n\t@include screen-md {\r\n\t\tgap: var(--ptc-element-spacing-07);\r\n\t}\r\n}\r\n\r\n.text-adjustment {\r\n\tjustify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n\twidth: 40%;\r\n\tdisplay: none;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.desk-gif-adjustment {\r\n\tz-index: 3;\r\n\tdisplay: none;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t.parent {\r\n\t\tgrid-template-columns: 1fr;\r\n\t\tgrid-template-rows: 1fr;\r\n\t\tgrid-column-gap: 0px;\r\n\t\tgrid-row-gap: 0px;\r\n\t\tmin-height: 500px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\tmin-height: unset;\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\talign-self: center;\r\n\t\t//dont set the div2 to be relative, it will affect the background overlay\r\n\t\tposition: unset;\r\n\t}\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n\t.parent {\r\n\t\tmin-height: 120px;\r\n\t\tpadding: 48px 0 24px 0;\r\n\r\n\t\t.text-adjustment {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tmargin-top: 20px;\r\n\t\t}\r\n\r\n\t\t.logo-frame {\r\n\t\t\tjustify-self: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted(ptc-svg-btn) {\r\n\t\tposition: absolute;\r\n\t\tleft: 50% !important;\r\n\t\ttop: 50% !important;\r\n\t\ttransform: translate(-50%, -50%) !important;\r\n\t}\r\n\r\n\tmax-width-container {\r\n\t\t@include screen-md {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-right: 2rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n\t#header-blog-author {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tmargin-bottom: var(--ptc-layout-spacing-04);\r\n\t}\r\n\r\n\t#header-blog-author .image {\r\n\t\twidth: 48px;\r\n\t\theight: 48px;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n\r\n\t#header-blog-author .image img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t\tobject-fit: cover;\r\n\t\tobject-position: center;\r\n\t}\r\n\r\n\t.blog-author-name {\r\n\t\tcolor: inherit;\r\n\t\ttext-decoration: none;\r\n\t\tfont-size: inherit;\r\n\t\tfont-weight: inherit;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.blog-author-name:before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tpadding: 16px;\r\n\t\tmargin: -16px;\r\n\t}\r\n\r\n\t.blog-author-name:hover {\r\n\t\tcolor: inherit;\r\n\t\tcursor: pointer;\r\n\t\ttext-decoration-line: underline;\r\n\t\ttext-decoration-style: solid;\r\n\t\ttext-decoration-color: var(--color-green-07);\r\n\t\ttext-decoration-thickness: 2px;\r\n\t\ttext-underline-offset: 4px;\r\n\t}\r\n\r\n\t.blog-author-name:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t.image-container {\r\n\t\tbackground: white;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tptc-picture {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image {\r\n\t\tdisplay: none;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\t// padding-top: 20px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.mobile-media-image {\r\n\t\tmargin: 75px 24px 32px 24px;\r\n\t\tdisplay: flex;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dl-img-wrap {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n:host(.dark-video-jumbotron),\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron),\r\n:host(.dark-jumbotron) {\r\n\t.mobile-modal-play-btn {\r\n\t\t::slotted(ptc-svg-btn) {\r\n\t\t\tleft: 50% !important;\r\n\t\t\ttop: 50% !important;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nptc-info-tile {\r\n\t&:focus-visible {\r\n\t\toutline: 3px solid var(--color-blue-07);\r\n\t\toutline-offset: 2px;\r\n\t}\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-jumbotron\",\r\n\tstyleUrl: \"ptc-jumbotron.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcJumbotron {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() jumbotronType: string = \"light\";\r\n\r\n\t@Prop() hasPopupVideo: boolean = false;\r\n\r\n\t@Prop() mainTitle: string = \"Lorem Ipsum Dolor Sit Amet Consectetur\";\r\n\r\n\t@Prop() subTitle: string =\r\n\t\t\"Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet\";\r\n\r\n\t@Prop() pngSrc?: string;\r\n\r\n\t@Prop() pngImgStyles?: string = \"\";\r\n\r\n\t@Prop() gifSrc?: string;\r\n\r\n\t@Prop() bgVideoSrc?: string;\r\n\r\n\t@Prop() bgVideoPosterSrc?: string;\r\n\r\n\t@Prop() bgSrc?: string;\r\n\r\n\t@Prop() isIframe?: boolean = false;\r\n\r\n\t@Prop() isHomepage?: boolean = false;\r\n\r\n\t@Prop() playButtonTitle?: string;\r\n\r\n\t@Prop() pauseButtonTitle?: string;\r\n\r\n\t@Prop() buttonLocation?: string;\r\n\r\n\t@Prop() buttonTabIndex: number = 0;\r\n\r\n\t@State() contentBackground: string;\r\n\r\n\t@State() contentColor: string;\r\n\r\n\t@State() textAlign: \"left\" | \"center\" | \"right\" = \"left\";\r\n\r\n\t@State() isMobile: boolean;\r\n\r\n\t@Prop() isTransitioning: boolean;\r\n\r\n\t@Prop() blogAuthorImage: string = \"\";\r\n\r\n\t@Prop() blogAuthorImageAlt: string = \"\";\r\n\r\n\t@Prop() blogAuthorName: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryHref: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryTarget: string = \"\";\r\n\r\n\t@Prop() hasCountdown: boolean = false;\r\n\r\n\t@Prop() logo?: string = \"\";\r\n\t/**\r\n\t * (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t/**\r\n\t * delay loading of video to improve perfomance\r\n\t */\r\n\t@Prop() defer: boolean;\r\n\r\n\t//For checking if the cta slot is empty\r\n\t@Prop({ mutable: true }) hasCtaSlot: boolean;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasCtaSlot = !!this.el.querySelector('[slot=\"j-cta\"]');\r\n\t}\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.getContentBackground();\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tlet mediaElement: any;\r\n\t\tswitch (this.jumbotronType) {\r\n\t\t\tcase \"png\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture src={this.pngSrc}></ptc-picture>\r\n\t\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"blog\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gif\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image gif-bg\">\r\n\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark-video\":\r\n\t\t\tcase \"light-video\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-background-video\r\n\t\t\t\t\t\tclass=\"video-ratio\"\r\n\t\t\t\t\t\toverlay={false}\r\n\t\t\t\t\t\tvideo-src={this.bgVideoSrc}\r\n\t\t\t\t\t\tisIframe={this.isIframe}\r\n\t\t\t\t\t\tplay-button-title={this.playButtonTitle}\r\n\t\t\t\t\t\tpause-button-title={this.pauseButtonTitle}\r\n\t\t\t\t\t\tbutton-location={this.buttonLocation}\r\n\t\t\t\t\t\tbutton-tab-index={this.buttonTabIndex}\r\n\t\t\t\t\t\tdefer={this.defer}\r\n\t\t\t\t\t\tposterSrc={this.bgVideoPosterSrc}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</ptc-background-video>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark\":\r\n\t\t\tcase \"light\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class={\"dl-img-wrap\"}>\r\n\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t></ptc-img>\r\n\t\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={{\r\n\t\t\t\t\t\tparent: true,\r\n\t\t\t\t\t\t\"light-links\":\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark\" ||\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark-video\",\r\n\t\t\t\t\t\t\"hp-adjustments\": this.isHomepage,\r\n\t\t\t\t\t\ttransitioning: this.isTransitioning,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`div1 image-container ${this.jumbotronType === \"text\" ? \"hidden\" : \"\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{mediaElement}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"div2 content-container\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"bg-overlay\"\r\n\t\t\t\t\t\t\tstyle={{ background: this.contentBackground }}\r\n\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\"ptc-container\": true,\r\n\t\t\t\t\t\t\t\t\"content-layout\": true,\r\n\t\t\t\t\t\t\t\t\"hp-container\": this.isHomepage,\r\n\t\t\t\t\t\t\t\t\"blog-container\": this.jumbotronType === \"blog\",\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<max-width-container\r\n\t\t\t\t\t\t\t\tmax-width-p=\"60\"\r\n\t\t\t\t\t\t\t\tbreakpoint={992}\r\n\t\t\t\t\t\t\t\tcontent-align={\r\n\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t: this.textAlign\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstyles=\":host{z-index: 999}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{/* breadcrumb */}\r\n\t\t\t\t\t\t\t\t<slot name=\"breadcrumb\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.logo && (\r\n\t\t\t\t\t\t\t\t\t<div class=\"logo-frame\">\r\n\t\t\t\t\t\t\t\t\t\t<img alt=\"Logo\" src={this.logo}></img>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<span class=\"main-content-items\">\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\r\n\t\t\t\t\t\t\t\t\t<slot name=\"main-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{/* added sub title slot for homepage jumbotron May, 2024 */}\r\n\t\t\t\t\t\t\t\t\t<slot name=\"hp-sub-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{(this.jumbotronType !== \"text\" ||\r\n\t\t\t\t\t\t\t\t\t\t(this.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.subTitle)) &&\r\n\t\t\t\t\t\t\t\t\t\t!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/* description */}\r\n\t\t\t\t\t\t\t\t\t{!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`p{color: ${this.contentColor}!important;}`}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-size={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.isMobile\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-margin={`${this.jumbotronType === \"text\" || this.jumbotronType === \"blog\" ? \"margin-flush\" : \"margin-bottom-6\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-align={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"left\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode={true}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\t\t\t\t\t\tinnerHTML={this.subTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ margin: \"0\" }}\r\n\t\t\t\t\t\t\t\t\t\t\t></p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/* <ptc-tooltip text-lines=\"8\" description={this.subTitle} position=\"right\" styles={`.ellipsis-by-line-boxing{color: ${this.contentColor};}`}></ptc-tooltip> */}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/* Blog date */}\r\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ margin: \"0\" }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<slot name=\"blog-date\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/* Blog author */}\r\n\t\t\t\t\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"header-blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImageAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImage\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"blog-author-name mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryHref\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryTarget\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Other blogs by author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorName\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/* button div */}\r\n\t\t\t\t\t\t\t\t\t{this.hasCtaSlot && (\r\n\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`u-flex u-flex-wrap gap-adjustment${this.jumbotronType === \"text\" ? \" text-adjustment\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"j-cta\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</max-width-container>\r\n\r\n\t\t\t\t\t\t\t{/* popup video */}\r\n\t\t\t\t\t\t\t{this.hasPopupVideo &&\r\n\t\t\t\t\t\t\tthis.jumbotronType !== \"png\" ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.hasCountdown ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"countdown\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"png\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`img {${this.pngImgStyles}}`}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t{this.hasPopupVideo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"gif\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image desk-gif-adjustment\">\r\n\t\t\t\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t\t\"text-jumbotron\": this.jumbotronType === \"text\" ? true : false,\r\n\t\t\t\"png-jumbotron\": this.jumbotronType === \"png\" ? true : false,\r\n\t\t\t\"blog-jumbotron\": this.jumbotronType === \"blog\" ? true : false,\r\n\t\t\t\"gif-jumbotron\": this.jumbotronType === \"gif\" ? true : false,\r\n\t\t\t\"dark-video-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark-video\" ? true : false,\r\n\t\t\t\"light-video-jumbotron\":\r\n\t\t\t\tthis.jumbotronType === \"light-video\" ? true : false,\r\n\t\t\t\"dark-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark\" ? true : false,\r\n\t\t\t\"light-jumbotron\": this.jumbotronType === \"light\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getContentBackground() {\r\n\t\tif (window.innerWidth < 992) {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-white)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-gray-09)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = true;\r\n\t\t} else {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"gif\":\r\n\t\t\t\t\tthis.contentBackground = \"#F3F3F3\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = false;\r\n\t\t}\r\n\t}\r\n\r\n\t// private adjustJumbotronHeight() {\r\n\t//   const contentContainerH: number = this.el.shadowRoot.querySelector('.content-container').clientHeight;\r\n\t//   const videoEle: HTMLElement = !!this.el.shadowRoot.querySelector('.video-ratio') ? this.el.shadowRoot.querySelector('.video-ratio') : null;\r\n\t//   if (contentContainerH < 500 && videoEle && !this.isMobile) {\r\n\t//     videoEle.style.paddingBottom = '500px';\r\n\t//   } else {\r\n\t//     !!videoEle ? (videoEle.style.paddingBottom = '') : null;\r\n\t//   }\r\n\t// }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,4g9BAA4g9B;;MCgBvh9B,YAAY,GAAA,MAAA;;;;;IAGhB,aAAa,GAAW,OAAO;IAE/B,aAAa,GAAY,KAAK;IAE9B,SAAS,GAAW,wCAAwC;IAE5D,QAAQ,GACf,8HAA8H;AAEvH,IAAA,MAAM;IAEN,YAAY,GAAY,EAAE;AAE1B,IAAA,MAAM;AAEN,IAAA,UAAU;AAEV,IAAA,gBAAgB;AAEhB,IAAA,KAAK;IAEL,QAAQ,GAAa,KAAK;IAE1B,UAAU,GAAa,KAAK;AAE5B,IAAA,eAAe;AAEf,IAAA,gBAAgB;AAEhB,IAAA,cAAc;IAEd,cAAc,GAAW,CAAC;AAEzB,IAAA,iBAAiB;AAEjB,IAAA,YAAY;IAEZ,SAAS,GAAgC,MAAM;AAE/C,IAAA,QAAQ;AAET,IAAA,eAAe;IAEf,eAAe,GAAW,EAAE;IAE5B,kBAAkB,GAAW,EAAE;IAE/B,cAAc,GAAW,EAAE;IAE3B,mBAAmB,GAAW,EAAE;IAEhC,qBAAqB,GAAW,EAAE;IAElC,YAAY,GAAY,KAAK;IAE7B,IAAI,GAAY,EAAE;AAC1B;;AAEI;AACI,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,KAAK;;AAGY,IAAA,UAAU;IAEnC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;;IAI5D,YAAY,GAAA;QACX,IAAI,CAAC,oBAAoB,EAAE;;;IAI5B,iBAAiB,GAAA;QAChB,IAAI,CAAC,oBAAoB,EAAE;;IAG5B,gBAAgB,GAAA;;;IAIhB,kBAAkB,GAAA;QACjB,IAAI,CAAC,oBAAoB,EAAE;;IAG5B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,IAAI,YAAiB;AACrB,QAAA,QAAQ,IAAI,CAAC,aAAa;AACzB,YAAA,KAAK,KAAK;AACT,gBAAA,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,GAAG,EAAE,IAAI,CAAC,MAAM,EAAgB,CAAA,EAC5C,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IACnC,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAQ,CAAA,IACvB,IAAI,CACH,CACD,CACN;gBACD;AACD,YAAA,KAAK,MAAM;gBACV,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,eAAA,EAAA,IAAA,EAEC,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,MAAM,EAAE,qBAAqB,EAAA,CACf,CACV,CACD,CACN;gBACD;AACD,YAAA,KAAK,KAAK;AACT,gBAAA,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAI,CAAA,CACpB,CACN;gBACD;AACD,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,aAAa;gBACjB,YAAY,IACX,CACC,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,KAAK,eACH,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,mBAAA,EACJ,IAAI,CAAC,eAAe,EACnB,oBAAA,EAAA,IAAI,CAAC,gBAAgB,EAAA,iBAAA,EACxB,IAAI,CAAC,cAAc,EAClB,kBAAA,EAAA,IAAI,CAAC,cAAc,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAA,EAE/B,GAAG,EACH,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,GAAG,EACJ,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACrB,IACH,IAAI,CACc,CACvB;gBACD;AACD,YAAA,KAAK,MAAM;AACX,YAAA,KAAK,OAAO;AACX,gBAAA,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EACxB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAA,EACU,IAAI,CAAC,KAAK,EACnB,MAAM,EAAC,kDAAkD,EAC/C,CAAA,EACV,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,GAAG,EACJ,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACrB,IACH,IAAI,CACH,CACN;gBACD;AACD,YAAA;gBACC,YAAY,IACX,CACU,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAA,EAAA,IAAI,CAAC,KAAK,EACnB,MAAM,EAAC,kDAAkD,EAC/C,CAAA,CACX;;QAGH,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,aAAa,EACZ,IAAI,CAAC,aAAa,KAAK,MAAM;oBAC7B,IAAI,CAAC,aAAa,KAAK,YAAY;gBACpC,gBAAgB,EAAE,IAAI,CAAC,UAAU;gBACjC,aAAa,EAAE,IAAI,CAAC,eAAe;AACnC,aAAA,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,CAAA,qBAAA,EAAwB,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,QAAQ,GAAG,EAAE,EAAE,EAAA,EAE7E,YAAY,CACR,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACvC,CAAA,EACP,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,gBAAgB,EAAE,IAAI;gBACtB,cAAc,EAAE,IAAI,CAAC,UAAU;AAC/B,gBAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM;aAC/C,EAAA,EAED,CACa,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAA,IAAI,EAChB,UAAU,EAAE,GAAG,mBAEd,IAAI,CAAC,aAAa,KAAK;AACtB,kBAAE;AACF,kBAAE,IAAI,CAAC,SAAS,EAElB,MAAM,EAAC,qBAAqB,EAAA,EAG5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAC9B,CAAC,CAAC,IAAI,CAAC,IAAI,KACX,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAQ,CAAA,CACjC,CACN,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC/B,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,QAAQ,EACA,CAAA,EAEd,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAE/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAQ,CAAA,EAChC,CAAC,IAAI,CAAC,aAAa,KAAK,MAAM;AAC9B,aAAC,IAAI,CAAC,aAAa,KAAK,MAAM;gBAC7B,IAAI,CAAC,QAAQ,CAAC;AACf,YAAA,CAAC,IAAI,CAAC,UAAU,KACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CACC,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,QAAQ,EACA,CAAA,CACT,CACN,EAGD,CAAC,IAAI,CAAC,UAAU,KAChB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,MAAM,EAAE,YAAY,IAAI,CAAC,YAAY,CAAA,YAAA,CAAc,EAAA,WAAA,EAElD,IAAI,CAAC,aAAa,KAAK,MAAM;AAC7B,gBAAA,IAAI,CAAC;AACJ,kBAAE;kBACA,OAAO,EAEC,aAAA,EAAA,KAAK,iBACJ,CAAA,EAAG,IAAI,CAAC,aAAa,KAAK,MAAM,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,cAAc,GAAG,iBAAiB,CAAE,CAAA,EAAA,YAAA,EAC1G,OAAO,EAAA,aAAA,EACN,eAAe,EAE1B,YAAA,EAAA,IAAI,CAAC,aAAa,KAAK;AACtB,kBAAE;AACF,kBAAE,MAAM,EAAA,wBAAA,EAEc,IAAI,EAAA,EAE5B,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAClB,CAAA,EAIL,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CAC3B,EAGH,IAAI,CAAC,aAAa,KAAK,MAAM,KAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,QAAQ,EACA,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,aAAa,EAAA,EAElB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EACF;iBACE,kBAAkB,EAErB,GAAG,EACF;iBACE,eAAe,GAEjB,CACG,EACN,CACW,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,OAAO,iBACL,KAAK,EAAA,YAAA,EACN,cAAc,EACb,aAAA,EAAA,eAAe,iBACf,cAAc,EAAA,EAE1B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,GAAG,EACZ,IAAI,EACH;iBACE,mBAAmB,EAEtB,MAAM,EACL;AACE,iBAAA,qBAAqB,EAAA,YAAA,EAEb,uBAAuB,EAAA,EAGjC;AACE,aAAA,cAAc,CAEd,CACM,CACN,CACD,CACN,CACS,CACX,EAGA,IAAI,CAAC,UAAU,KACf,4DACC,KAAK,EAAE,CAAoC,iCAAA,EAAA,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,kBAAkB,GAAG,EAAE,CAAA,CAAE,EAAA,EAEpG,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,GAAQ,CACrB,CACN,CACK,CACc,EAGrB,IAAI,CAAC,aAAa;YACnB,IAAI,CAAC,aAAa,KAAK,KAAK,IAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAA,CAAQ,IACvB,IAAI,EACP,IAAI,CAAC,YAAY,IACjB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,WAAW,EAAQ,CAAA,IAC3B,IAAI,EACP,IAAI,CAAC,aAAa,KAAK,KAAK,IAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAEC,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,MAAM,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,YAAY,CAAA,CAAA,CAAG,EACtB,CAAA,EACd,IAAI,CAAC,aAAa,IAClB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,IACvB,IAAI,CACH,CACD,IACH,IAAI,EACP,IAAI,CAAC,aAAa,KAAK,KAAK,IAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,yCAAyC,EAAA,EACnD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAI,CAAA,CACpB,IACH,IAAI,EACP,IAAI,CAAC,aAAa,KAAK,MAAM,IAC7B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAEC,CAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,MAAM,EAAE,qBAAqB,EACf,CAAA,CACV,CACD,IACH,IAAI,CACH,CACD,CACD,CACA;;IAGD,cAAc,GAAA;QACrB,OAAO;;AAEN,YAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK;AAC9D,YAAA,eAAe,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;AAC5D,YAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK;AAC9D,YAAA,eAAe,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;AAC5D,YAAA,kCAAkC,EACjC,IAAI,CAAC,aAAa,KAAK,YAAY,GAAG,IAAI,GAAG,KAAK;AACnD,YAAA,uBAAuB,EACtB,IAAI,CAAC,aAAa,KAAK,aAAa,GAAG,IAAI,GAAG,KAAK;AACpD,YAAA,4BAA4B,EAC3B,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,iBAAiB,EAAE,IAAI,CAAC,aAAa,KAAK,OAAO,GAAG,IAAI,GAAG,KAAK;SAChE;;IAGM,oBAAoB,GAAA;AAC3B,QAAA,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE;AAC5B,YAAA,QAAQ,IAAI,CAAC,aAAa;AACzB,gBAAA,KAAK,OAAO;AACZ,gBAAA,KAAK,aAAa;AAClB,gBAAA,KAAK,KAAK;AACT,oBAAA,IAAI,CAAC,iBAAiB,GAAG,oBAAoB;AAC7C,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACX,gBAAA,KAAK,YAAY;AAChB,oBAAA,IAAI,CAAC,iBAAiB,GAAG,sBAAsB;AAC/C,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACV,oBAAA,IAAI,CAAC,iBAAiB,GAAG,OAAO;AAChC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA;AACC,oBAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;AACtC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;;AAE5C,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;aACd;AACN,YAAA,QAAQ,IAAI,CAAC,aAAa;AACzB,gBAAA,KAAK,OAAO;AACZ,gBAAA,KAAK,aAAa;AAClB,gBAAA,KAAK,KAAK;AACT,oBAAA,IAAI,CAAC,iBAAiB;AACrB,wBAAA,2FAA2F;AAC5F,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACX,gBAAA,KAAK,YAAY;AAChB,oBAAA,IAAI,CAAC,iBAAiB;AACrB,wBAAA,8EAA8E;AAC/E,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,KAAK;AACT,oBAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;AAClC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACV,oBAAA,IAAI,CAAC,iBAAiB,GAAG,OAAO;AAChC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA;AACC,oBAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;AACtC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;;AAE5C,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;;;;;;;"}
+{"version":3,"file":"ptc-jumbotron.entry.esm.js","sources":["src/components/molecules/ptc-jumbotron/ptc-jumbotron.scss?tag=ptc-jumbotron&encapsulation=shadow","src/components/molecules/ptc-jumbotron/ptc-jumbotron.tsx"],"sourcesContent":["@use 'containers' as *;\r\n@use 'utilities' as *;\r\n@use 'links' as *;\r\n@use 'mixins' as *;\r\n\r\n// @import \"../../global/style/containers.scss\";\r\n// @import \"../../global/style/utilities.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(\r\n\t:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(\r\n\t\t\t.blog-jumbotron\r\n\t\t)\r\n) {\r\n\t.content-container {\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: 20px;\r\n\t\t\tpadding-bottom: 16px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.parent {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: auto 1fr;\r\n\tgrid-column-gap: 0px;\r\n\tgrid-row-gap: 0px;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n\tbackground-color: transparent;\r\n\tmargin-top: 24px;\r\n\tdisplay: flex;\r\n\twidth: 152px;\r\n\theight: max-content;\r\n\r\n\timg {\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 64.02px;\r\n\t}\r\n}\r\n\r\n.hp-adjustments {\r\n\tbackground-color: var(--color-black);\r\n\theight: auto;\r\n\tmin-height: 640px !important;\r\n\tmax-height: -webkit-fill-available;\r\n\t@media (min-height: 640px) {\r\n\t\tmin-height: 72vh !important;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 3 / 2;\r\n\t\tmin-height: 300px;\r\n\r\n\t\t&.hidden {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.bg-overlay {\r\n\t\tbackground:\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t180deg,\r\n\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t),\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t0deg,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 100%\r\n\t\t\t) !important;\r\n\t}\r\n\r\n\t@include screen-md {\r\n\t\t.div1 {\r\n\t\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\t\tmin-height: unset;\r\n\t\t}\r\n\t\t.bg-overlay {\r\n\t\t\tbackground:\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t\t),\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t90deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.6) 60%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 100%\r\n\t\t\t\t) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.div1,\r\n\t.main-content-items {\r\n\t\ttransition: opacity ease-out 250ms;\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t&.transitioning {\r\n\t\t.div1,\r\n\t\t.main-content-items {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.div1 {\r\n\tgrid-area: 1 / 1 / 2 / 2;\r\n\tmin-height: 300px;\r\n\r\n\t&.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.mobile-media-image {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.gif-bg {\r\n\tbackground-color: #f3f3f3;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\twidth: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.video-ratio {\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\theight: 100%;\r\n}\r\n\r\n.div2 {\r\n\tgrid-area: 2 / 1 / 3 / 2;\r\n\tposition: relative;\r\n}\r\n\r\n.bg-overlay {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.content-layout {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\t@include screen-md {\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t&.hp-container {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 120px;\r\n\t\tmargin-bottom: 120px;\r\n\r\n\t\t@media screen and (min-width: 768px) and (max-width: 992px) {\r\n\t\t\tmax-width: 720px;\r\n\t\t\tmargin-left: unset;\r\n\t\t\tmargin-top: 160px;\r\n\t\t\tmargin-bottom: 160px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\twidth: 1136px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\twidth: 1200px;\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n\r\n\t&.blog-container {\r\n\t\tpadding-bottom: 48px;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: 100px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tgap: 43px;\r\n\t\t\tpadding-top: 75px;\r\n\r\n\t\t\tmax-width-container {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\r\n\t\t\tdiv.desktop-media-image {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tgap: var(--ptc-element-spacing-07);\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.gap-adjustment {\r\n\tgap: var(--ptc-element-spacing-04);\r\n\tmargin-bottom: var(--ptc-element-spacing-07);\r\n\r\n\t@include screen-md {\r\n\t\tgap: var(--ptc-element-spacing-07);\r\n\t}\r\n}\r\n\r\n.text-adjustment {\r\n\tjustify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n\twidth: 40%;\r\n\tdisplay: none;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.desk-gif-adjustment {\r\n\tz-index: 3;\r\n\tdisplay: none;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t.parent {\r\n\t\tgrid-template-columns: 1fr;\r\n\t\tgrid-template-rows: 1fr;\r\n\t\tgrid-column-gap: 0px;\r\n\t\tgrid-row-gap: 0px;\r\n\t\tmin-height: 500px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\tmin-height: unset;\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\talign-self: center;\r\n\t\t//dont set the div2 to be relative, it will affect the background overlay\r\n\t\tposition: unset;\r\n\t}\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n\t.parent {\r\n\t\tmin-height: 120px;\r\n\t\tpadding: 48px 0 24px 0;\r\n\r\n\t\t.text-adjustment {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tmargin-top: 20px;\r\n\t\t}\r\n\r\n\t\t.logo-frame {\r\n\t\t\tjustify-self: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted(ptc-svg-btn) {\r\n\t\tposition: absolute;\r\n\t\tleft: 50% !important;\r\n\t\ttop: 50% !important;\r\n\t\ttransform: translate(-50%, -50%) !important;\r\n\t}\r\n\r\n\tmax-width-container {\r\n\t\t@include screen-md {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-right: 2rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n\t#header-blog-author {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tmargin-bottom: var(--ptc-layout-spacing-04);\r\n\t}\r\n\r\n\t#header-blog-author .image {\r\n\t\twidth: 48px;\r\n\t\theight: 48px;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n\r\n\t#header-blog-author .image img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t\tobject-fit: cover;\r\n\t\tobject-position: center;\r\n\t}\r\n\r\n\t.blog-author-name {\r\n\t\tcolor: inherit;\r\n\t\ttext-decoration: none;\r\n\t\tfont-size: inherit;\r\n\t\tfont-weight: inherit;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.blog-author-name:before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tpadding: 16px;\r\n\t\tmargin: -16px;\r\n\t}\r\n\r\n\t.blog-author-name:hover {\r\n\t\tcolor: inherit;\r\n\t\tcursor: pointer;\r\n\t\ttext-decoration-line: underline;\r\n\t\ttext-decoration-style: solid;\r\n\t\ttext-decoration-color: var(--color-green-07);\r\n\t\ttext-decoration-thickness: 2px;\r\n\t\ttext-underline-offset: 4px;\r\n\t}\r\n\r\n\t.blog-author-name:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t.image-container {\r\n\t\tbackground: white;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tptc-picture {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image {\r\n\t\tdisplay: none;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\t// padding-top: 20px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.mobile-media-image {\r\n\t\tmargin: 75px 24px 32px 24px;\r\n\t\tdisplay: flex;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dl-img-wrap {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n:host(.dark-video-jumbotron),\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron),\r\n:host(.dark-jumbotron) {\r\n\t.mobile-modal-play-btn {\r\n\t\t::slotted(ptc-svg-btn) {\r\n\t\t\tleft: 50% !important;\r\n\t\t\ttop: 50% !important;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nptc-info-tile {\r\n\t&:focus-visible {\r\n\t\toutline: 3px solid var(--color-blue-07);\r\n\t\toutline-offset: 2px;\r\n\t}\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-jumbotron\",\r\n\tstyleUrl: \"ptc-jumbotron.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcJumbotron {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() jumbotronType: string = \"light\";\r\n\r\n\t@Prop() hasPopupVideo: boolean = false;\r\n\r\n\t@Prop() mainTitle: string = \"Lorem Ipsum Dolor Sit Amet Consectetur\";\r\n\r\n\t@Prop() subTitle: string =\r\n\t\t\"Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet\";\r\n\r\n\t@Prop() pngSrc?: string;\r\n\r\n\t@Prop() pngImgStyles?: string = \"\";\r\n\r\n\t@Prop() gifSrc?: string;\r\n\r\n\t@Prop() bgVideoSrc?: string;\r\n\r\n\t@Prop() bgVideoPosterSrc?: string;\r\n\r\n\t@Prop() bgSrc?: string;\r\n\r\n\t@Prop() isIframe?: boolean = false;\r\n\r\n\t@Prop() isHomepage?: boolean = false;\r\n\r\n\t@Prop() playButtonTitle?: string;\r\n\r\n\t@Prop() pauseButtonTitle?: string;\r\n\r\n\t@Prop() buttonLocation?: string;\r\n\r\n\t@Prop() buttonTabIndex: number = 0;\r\n\r\n\t@State() contentBackground: string;\r\n\r\n\t@State() contentColor: string;\r\n\r\n\t@State() textAlign: \"left\" | \"center\" | \"right\" = \"left\";\r\n\r\n\t@State() isMobile: boolean;\r\n\r\n\t@Prop() isTransitioning: boolean;\r\n\r\n\t@Prop() blogAuthorImage: string = \"\";\r\n\r\n\t@Prop() blogAuthorImageAlt: string = \"\";\r\n\r\n\t@Prop() blogAuthorName: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryHref: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryTarget: string = \"\";\r\n\r\n\t@Prop() hasCountdown: boolean = false;\r\n\r\n\t@Prop() logo?: string = \"\";\r\n\t/**\r\n\t * (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t/**\r\n\t * delay loading of video to improve perfomance\r\n\t */\r\n\t@Prop() defer: boolean;\r\n\r\n\t//For checking if the cta slot is empty\r\n\t@Prop({ mutable: true }) hasCtaSlot: boolean;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasCtaSlot = !!this.el.querySelector('[slot=\"j-cta\"]');\r\n\t}\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.getContentBackground();\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tlet mediaElement: any;\r\n\t\tswitch (this.jumbotronType) {\r\n\t\t\tcase \"png\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture src={this.pngSrc}></ptc-picture>\r\n\t\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"blog\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gif\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image gif-bg\">\r\n\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark-video\":\r\n\t\t\tcase \"light-video\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-background-video\r\n\t\t\t\t\t\tclass=\"video-ratio\"\r\n\t\t\t\t\t\toverlay={false}\r\n\t\t\t\t\t\tvideo-src={this.bgVideoSrc}\r\n\t\t\t\t\t\tisIframe={this.isIframe}\r\n\t\t\t\t\t\tplay-button-title={this.playButtonTitle}\r\n\t\t\t\t\t\tpause-button-title={this.pauseButtonTitle}\r\n\t\t\t\t\t\tbutton-location={this.buttonLocation}\r\n\t\t\t\t\t\tbutton-tab-index={this.buttonTabIndex}\r\n\t\t\t\t\t\tdefer={this.defer}\r\n\t\t\t\t\t\tposterSrc={this.bgVideoPosterSrc}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</ptc-background-video>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark\":\r\n\t\t\tcase \"light\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class={\"dl-img-wrap\"}>\r\n\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t></ptc-img>\r\n\t\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={{\r\n\t\t\t\t\t\tparent: true,\r\n\t\t\t\t\t\t\"light-links\":\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark\" ||\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark-video\",\r\n\t\t\t\t\t\t\"hp-adjustments\": this.isHomepage,\r\n\t\t\t\t\t\ttransitioning: this.isTransitioning,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`div1 image-container ${this.jumbotronType === \"text\" ? \"hidden\" : \"\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{mediaElement}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"div2 content-container\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"bg-overlay\"\r\n\t\t\t\t\t\t\tstyle={{ background: this.contentBackground }}\r\n\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\"ptc-container\": true,\r\n\t\t\t\t\t\t\t\t\"content-layout\": true,\r\n\t\t\t\t\t\t\t\t\"hp-container\": this.isHomepage,\r\n\t\t\t\t\t\t\t\t\"blog-container\": this.jumbotronType === \"blog\",\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<max-width-container\r\n\t\t\t\t\t\t\t\tmax-width-p=\"60\"\r\n\t\t\t\t\t\t\t\tbreakpoint={992}\r\n\t\t\t\t\t\t\t\tcontent-align={\r\n\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t: this.textAlign\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstyles=\":host{z-index: 999}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{/* breadcrumb */}\r\n\t\t\t\t\t\t\t\t<slot name=\"breadcrumb\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.logo && (\r\n\t\t\t\t\t\t\t\t\t<div class=\"logo-frame\">\r\n\t\t\t\t\t\t\t\t\t\t<img alt=\"Logo\" src={this.logo}></img>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<span class=\"main-content-items\">\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\r\n\t\t\t\t\t\t\t\t\t<slot name=\"main-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{/* added sub title slot for homepage jumbotron May, 2024 */}\r\n\t\t\t\t\t\t\t\t\t<slot name=\"hp-sub-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{(this.jumbotronType !== \"text\" ||\r\n\t\t\t\t\t\t\t\t\t\t(this.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.subTitle)) &&\r\n\t\t\t\t\t\t\t\t\t\t!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/* description */}\r\n\t\t\t\t\t\t\t\t\t{!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`p{color: ${this.contentColor}!important;}`}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-size={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.isMobile\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-margin={`${this.jumbotronType === \"text\" || this.jumbotronType === \"blog\" ? \"margin-flush\" : \"margin-bottom-6\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-align={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"left\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode={true}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\t\t\t\t\t\tinnerHTML={this.subTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ margin: \"0\" }}\r\n\t\t\t\t\t\t\t\t\t\t\t></p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/* <ptc-tooltip text-lines=\"8\" description={this.subTitle} position=\"right\" styles={`.ellipsis-by-line-boxing{color: ${this.contentColor};}`}></ptc-tooltip> */}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/* Blog date */}\r\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ margin: \"0\" }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<slot name=\"blog-date\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/* Blog author */}\r\n\t\t\t\t\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"header-blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImageAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImage\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"blog-author-name mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryHref\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryTarget\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Other blogs by author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorName\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/* button div */}\r\n\t\t\t\t\t\t\t\t\t{this.hasCtaSlot && (\r\n\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`u-flex u-flex-wrap gap-adjustment${this.jumbotronType === \"text\" ? \" text-adjustment\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"j-cta\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</max-width-container>\r\n\r\n\t\t\t\t\t\t\t{/* popup video */}\r\n\t\t\t\t\t\t\t{this.hasPopupVideo &&\r\n\t\t\t\t\t\t\tthis.jumbotronType !== \"png\" ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.hasCountdown ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"countdown\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"png\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`img {${this.pngImgStyles}}`}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t{this.hasPopupVideo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"gif\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image desk-gif-adjustment\">\r\n\t\t\t\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t\t\"text-jumbotron\": this.jumbotronType === \"text\" ? true : false,\r\n\t\t\t\"png-jumbotron\": this.jumbotronType === \"png\" ? true : false,\r\n\t\t\t\"blog-jumbotron\": this.jumbotronType === \"blog\" ? true : false,\r\n\t\t\t\"gif-jumbotron\": this.jumbotronType === \"gif\" ? true : false,\r\n\t\t\t\"dark-video-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark-video\" ? true : false,\r\n\t\t\t\"light-video-jumbotron\":\r\n\t\t\t\tthis.jumbotronType === \"light-video\" ? true : false,\r\n\t\t\t\"dark-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark\" ? true : false,\r\n\t\t\t\"light-jumbotron\": this.jumbotronType === \"light\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getContentBackground() {\r\n\t\tif (window.innerWidth < 992) {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-white)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-gray-09)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = true;\r\n\t\t} else {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"gif\":\r\n\t\t\t\t\tthis.contentBackground = \"#F3F3F3\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = false;\r\n\t\t}\r\n\t}\r\n\r\n\t// private adjustJumbotronHeight() {\r\n\t//   const contentContainerH: number = this.el.shadowRoot.querySelector('.content-container').clientHeight;\r\n\t//   const videoEle: HTMLElement = !!this.el.shadowRoot.querySelector('.video-ratio') ? this.el.shadowRoot.querySelector('.video-ratio') : null;\r\n\t//   if (contentContainerH < 500 && videoEle && !this.isMobile) {\r\n\t//     videoEle.style.paddingBottom = '500px';\r\n\t//   } else {\r\n\t//     !!videoEle ? (videoEle.style.paddingBottom = '') : null;\r\n\t//   }\r\n\t// }\r\n}\r\n"],"names":[],"mappings":"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"}