1(function(e){var t;void 0===t&&(t=function(){}),t.p=""}).call(this||window,window.__wpcc=window.__wpcc||{}),function(e){var t,i=function(e){return e.replace(/["]/g,(e=>V[e]))},a=function(e){return e.replace(/"/g,(e=>Object.keys(V).find((t=>V[t]===e))||""))},s=function(e){return e.map((e=>e.replace(/\s\s+/g," ")))},l=function(e,...t){return e=[s(e),t].reduce(((e,t)=>(t.forEach(((t,i)=>(e[i]=e[i]||[]).push(t))),e)),[]).reduce(((e,t)=>e.concat(t))),document.createRange().createContextualFragment(e.flat().join(""))},n=function(e,...t){return[s(e),t].reduce(((e,t)=>(t.forEach(((t,i)=>(e[i]=e[i]||[]).push(t))),e)),[]).reduce(((e,t)=>e.concat(t))).flat().join("")},r=function(e,t){{const i=be[_e];e=i&&i[e]&&i[e][t]?i[e][t]:0}var i;return{currencyCode:(null===(i=me[_e])||void 0===i?void 0:i.currencyCode)||"",units:e,nanos:0}},o=async function(e){return new Promise(((t,i)=>{const a=setTimeout((()=>{clearTimeout(a),i(Error("Timeout"))}),e)}))},d=function(e,t=50,i={}){function a(...i){const a=this;return new Promise(((s,l)=>{const h=r&&void 0===n;if(void 0!==n&&clearTimeout(n),n=setTimeout((function(){if(n=void 0,c=Date.now(),!r){const t=e.apply(a,i);o&&o(t),u.forEach((({resolve:e})=>e(t))),u=[]}}),function(){if(void 0!==d){const e=Date.now()-c;if(e+t>=d)return d-e}return t}()),h)return l=e.apply(a,i),o&&o(l),s(l);u.push({resolve:s,reject:l})}))}var s,l;let n;const r=null!==(s=i.isImmediate)&&void 0!==s&&s,o=null!==(l=i.callback)&&void 0!==l&&l,d=i.maxWait;let c=Date.now(),u=[];return a.cancel=function(e){void 0!==n&&clearTimeout(n),u.forEach((({reject:t})=>t(e))),u=[]},a},c=function(e){return(e=document.cookie.match(new RegExp("(^| )"+e+"=([^;]+)")))?e[2]:null},u=t||(t={});u.ADSGUIDE="adsguide",u.ANIMATE="animate",u.ANIMATION_FRAME="requestAnimationFrame",u.BM_WIDGET="bmwidget",u.GLUE="glue",u.G_RECAPTCHA="grecaptcha",u.INTERSECTION_OBS="IntersectionObserver",u.MATCH_MEDIA="matchMedia",u.MDC="mdc",u.JSDOM="jsdom";var h,g=h||(h={});g.XL="xl",g.LG="lg",g.MD="md",g.SM="sm";var m,_=m||(m={});_.ALT_TEXT="alt-text",_.ARIA_EXPANDED="aria-expanded",_.ARIA_HIDDEN="aria-hidden",_.ARIA_LABEL="aria-label",_.BACKGROUND_COLOR="background-color",_.BODY="body",_.CALLOUT="callout",_.CARD="card",_.CARDS="cards",_.CAROUSEL_ARIA_LABELS="carousel-aria-labels",_.CHATBOT_AGENT_ID="agent-id",_.CHATBOT_CONTEXT_ID="context-id",_.CLASS_NAMES="class-names",_.CI_APPENDIX="ci-appendix",_.CTA="cta",_.CTA_ARIA_DESCRIPTION="cta-aria-description",_.CTA_BLOCK="cta-block",_.CTA_LABEL="cta-label",_.CTA_POSITION="cta-position",_.CTA_TEXT="cta-text",_.CTA_URL="cta-url",_.COPY="copy",_.DISABLED="disabled",_.DISCLAIMER="disclaimer",_.EYEBROW="eyebrow",_.GTM_CTA_NAME="cta-name",_.GTM_MODULE_NAME="module-name",_.HAS_TRANSPARENCY="has-transparency",_.HEADLINE="headline",_.HREF="href",_.HTML="html",_.ICON="icon",_.ICON_ID="icon-id",_.ICON_IMAGE="icon-image",_.ICON_SIZE="icon-size",_.ICON_TYPE="icon-type",_.IMAGE="image",_.IMAGES="images",_.INDEX="index",_.INERT="inert",_.LABEL="label",_.LOCALE="locale",_.LOGO_IMAGE="logo-image",_.MEDIA_ALIGNMENT="media-alignment",_.MODAL_ARIA_LABELS="modal-aria-labels",_.MTE="mte",_.NAVIGATION_ARIA_LABELS="navigation-aria-labels",_.NO_CODELESS_INCENTIVE="no-codeless-incentive",_.OFFICE_HOURS="office-hours",_.PANELS="panels",_.ROLE="role",_.SUBHEADLINE="subheadline",_.SPACER="spacer",_.SUF_SUBID="suf-subid",_.TABINDEX="tabindex",_.THEME="theme",_.THUMBNAIL="thumbnail",_.WIDGET_TEXT="widget-text",_.WIDTHS="widths",_.YOUTUBE_DATA="youtube-data",_.YOUTUBE_ID="youtube-id";var p,v=p||(p={});v.ACTIVE="active",v.ERROR="error",v.HIDDEN="hidden",v.LOCK="lock",v.MTO_HIDDEN="mto-hidden",v.NO_SCROLL="glue-no-scroll",v.OPEN="open",v.PANEL_BUTTON_NO_POINTER="woi-contact-hub-panel__button--no-pointer",v.PAUSE="pause",v.REDUCED_MOTION="reduced-motion",v.SHOW="show",v.SO_RPL="so-rpl";var b,f=b||(b={});f.BLOCK="block",f.NONE="none";var A,y=A||(A={});y.GLUE_MODAL=".glue-modal",y.GLUE_HEADLINE=".glue-headline";var E,w=E||(E={});w.CHATBOT_LOADED="Chatbot:ready",w.AMA_CLIENT_READY="AMAClient:ready",w.BLUR="blur",w.BM_WIDGET_CLOSED="bm-widget-conversation-closed",w.BM_WIDGET_MAXIMIZED="bm-widget-conversation-maximized",w.BM_WIDGET_MINIMIZED="bm-widget-conversation-minimized",w.CLICK="click",w.CHANGE="change",w.CONTEXT_MENU="contextmenu",w.CYO_SELECTED_INCENTIVE_CHANGED="CYO:selectedIncentiveChanged",w.DOM_CONTENT_LOADED="DOMContentLoaded",w.FINISH="finish",w.FOCUS="focus",w.FOCUSOUT="focusout",w.woi_HEADER_HIDE="woi:headerHide",w.woi_UPDATE_CTA_SUFFIX="woi:updateCtaSuffix",
1w.woi_UPDATE_CTA_PARAMS="woi:updateCtaParams",w.FORM_UPDATE="form-update",w.GLUE_HEADER_HIDE="glueheaderhide",w.GLUE_HEADER_SHOW="glueheadershow",w.GLUE_MODAL_CLOSED="GlueModal:closed",w.GLUE_MODAL_OPEN="GlueModal:opened",w.INPUT="input",w.KEYDOWN="keydown",w.KEYPRESS="keypress",w.KEYUP="keyup",w.LOAD="load",w.MDC_SELECT_CHANGE="MDCSelect:change",w.MOUSEDOWN="mousedown",w.MOUSEENTER="mouseenter",w.MOUSELEAVE="mouseleave",w.MOUSEMOVE="mousemove",w.MOUSEOVER="mouseover",w.MOUSEUP="mouseup",w.PAGESHOW="pageshow",w.RESIZE="resize",w.SCROLL="scroll",w.SUBMIT="submit",w.TOUCHEND="touchend",w.TOUCHSTART="touchstart",w.TRANSITION_END="transitionend";var C,$=C||(C={});$[$.SM=28]="SM",$[$.MD=40]="MD";var S,L,N=S||(S={});N.CREATEANDMANAGEADS="createandmanageads",N.SIGNIN="signin",N.SSO_ADD_ACCOUNT="woi-sso-add-another-account",N.SSO_CREATE_ACCOUNT="woi-sso-create-new-google-ads-account",N.SSO_MANAGE_ACCOUNT="woi-sso-manage-your-google-account",N.SSO_PRIVACY_POLICY="woi-sso-privacy-policy",N.SSO_SIGN_OUT="woi-sso-sign-out",N.SSO_TERMS="woi-sso-terms",N.STARTNOW="startnow",(L||(L={})).AFTER_BEGIN="afterbegin";var I,x=I||(I={});x.ARROW_DOWN="ArrowDown",x.ARROW_LEFT="ArrowLeft",x.ARROW_RIGHT="ArrowRight",x.ARROW_UP="ArrowUp",x.ENTER="Enter",x.ESCAPE="Escape",x.SPACE="Space",x.TAB="Tab";var O,k=O||(O={});k.AUTO="auto",k.SMOOTH="smooth";var T,R=T||(T={});R.STANDARD="Standard",R.EXTENDED="Extended",R.SPACER_5="5",R.SPACER_6="6",R.SPACER_7="7";var D,M=D||(D={});M[M.THIRTY=30]="THIRTY",M[M.FIFTY=50]="FIFTY",M[M.SIXTY=60]="SIXTY",M[M.ONE_HUNDRED=100]="ONE_HUNDRED",M[M.TWO_HUNDRED=200]="TWO_HUNDRED",M[M.FOUR_HUNDRED=400]="FOUR_HUNDRED",M[M.FIVE_HUNDRED=500]="FIVE_HUNDRED",M[M.EIGHT_HUNDRED=800]="EIGHT_HUNDRED",M[M.THREE_THOUSAND=3e3]="THREE_THOUSAND";var P,B=P||(P={});B.ANDROID="ANDROID",B.IOS="IOS",B.MAC_SAFARI="mac-safari";var H,U=H||(H={});U.DESKTOP="DESKTOP",U.IPAD="IPAD",U.MOBILE="MOBILE",U.TABLET="TABLET";var q,G={DOMAIN:"https://ads.google.com",NON_LOCALIZED_URLS:{SIGNUP:"/signup",NAV_LOGIN:"/nav/login"}},j=q||(q={});j.AUTHUSER="authuser",j.WEBSITE="website";var W,F=new class{constructor(){this._handlers=[],this.mediaQuery=null,this.isReducedMotion=!1,t.MATCH_MEDIA in window&&(this.mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.isReducedMotion=this.mediaQuery.matches,this.mediaQuery.addEventListener(E.CHANGE,(()=>{var e,t;this.isReducedMotion=null===(e=this.mediaQuery)||void 0===e?void 0:e.matches;for(const e of this._handlers)e.call(this,null===(t=this.mediaQuery)||void 0===t?void 0:t.matches)})))}subscribe(e){this._handlers.push(e)}},Y=new class{constructor(){this._defaultParams="",this._htmlImage=[],this._isDev="dev"===document.documentElement.getAttribute("environment"),this._isRtl=!1,this._url=this._locale="",this._incentiveStatus=!1}get defaultParams(){return this._defaultParams}set defaultParams(e){this._defaultParams=e}get incentiveStatus(){return this._incentiveStatus}set incentiveStatus(e){this._incentiveStatus=e}get htmlImage(){return this._htmlImage}set htmlImage(e){if(null==e||!e.length)throw Error("No HTML image has been provided");this._htmlImage=e}get isDev(){return this._isDev}set isDev(e){this._isDev=e}get isRtl(){return this._isRtl}set isRtl(e){this._isRtl=e}get locale(){return this._locale}set locale(e){this._locale=e}get url(){return this._url}set url(e){this._url=e}},V={'"':"""},J=class extends HTMLElement{constructor(){super(...arguments),this.cta=[]}get default_page_params(){return Y.defaultParams}set default_page_params(e){Y.defaultParams=e}get no_incentive(){return Y.incentiveStatus}set no_incentive(e){Y.incentiveStatus=e}get isDev(){return Y.isDev}set isDev(e){Y.isDev=e}set isLangRtl(e){Y.isRtl=e}get locale(){return Y.locale}set locale(e){Y.locale=e}get url(){return Y.url}set url(e){Y.url=e}get ctaInfo(){const e=this.getAttribute(m.CTA);return"string"==typeof e?JSON.parse(a(e)):this.cta.length?this.cta:null}get ctaBlock(){return this.ctaInfo?this.ctaInfo.map((e=>null===e.text&&null===e.url||e.hide?"":n` 2 <woi-button ${this.unpackCta(e)}></woi-button> 3 `)):""}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||""}getCtaByGtmName(e){var t;const i=null===(t=this.ctaInfo)||void 0===t?void 0:t.find((t=>(null!==t.text||null!==t.url)&&t.gtm_cta_name===e));return i?n` 4 <woi-button ${this.unpackCta(i)}></woi-button> 5 `:""}assignAttrs(...e){Object.assign(this,...e)}render(){return new DocumentFragment}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render())}prefersReducedMotion(){return F.isReducedMotion}formatEto(e){return null==e?void 0:e.replace(/[-\s]/g,"")}
5formatMultiImage(e,t=!0){return e.length?(e=("string"==typeof e?JSON.parse(a(e)):e).map((e=>{const t={alt:e.aria_description||"",breakpoint:e.breakpoint,has_transparency:e.has_transparency,url:e.image?e.image.url:""};return e.use_html_image?{...t,html_image:e.html_image,use_html_image:e.use_html_image}:{...t}})),t?i(JSON.stringify(e)):e):""}getMediaBreakpoint(e){return{sm:"(min-width: 1px)",md:"(min-width: 600px)",lg:"(min-width: 1024px)",xl:"(min-width: 1440px)"}[e]||""}unpackCta(e){let t="",i="";return e.chatbot_agent_id&&e.chatbot_context_id&&(t=`\n agent-id="${e.chatbot_agent_id}"\n context-id="${e.chatbot_context_id}"\n `),e.gtm_cta_name&&(i=`\n cta-name="${e.gtm_cta_name}"\n module-name="${this.gtmModuleName.toLowerCase()}"\n `),`\n cta-text="${e.text}"\n emphasis=${e.emphasis}\n label="${e.aria_description||""}"\n ${t}\n ${i}\n ${e.url?`cta-url="${this.relativizeKintaroLink(e.url)}"`:""}\n ${e.reversed?`reversed="${e.reversed}"`:""}\n ${e.icon?`icon-type="${e.icon}"`:""}\n ${e.icon_id?`icon-id="${e.icon_id}"`:""}\n ${e.label?`cta-label="${e.label}"`:""}\n ${e.default_subid_position?`cta-position="${e.default_subid_position}"`:""}\n ${e.special_triggers?`special-triggers="${e.special_triggers}"`:""}\n `}relativizeKintaroLink(e){if(null!=e&&e.startsWith("/home/")){let t=this.url.split("/").length,i=".";for(;2<t;)i+="/..",t--;return i+e}return e}setExternalLink(e=""){return null!=e&&e.match(/https?:\/\/.*?google\.*?com/)?'target="_blank" rel="noopener noreferrer"':null!=e&&e.match(/https?:\/\//)?'target="_blank" rel="noopener noreferrer nofollow"':""}},{replace:K}="",z=/[&<>'"]/g,X={"&":"&","<":"<",">":">","'":"'",'"':"""},Z=e=>X[e],Q=class{constructor(){var e;this.userAgent=((null===(e=window.navigator)||void 0===e?void 0:e.userAgent)||window.opera).toLowerCase()}getDeviceType(){let e=H.DESKTOP;const t=RegExp("(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))");return window.navigator.userAgent.includes("jsdom")||(/windows phone/i.test(this.userAgent)&&(e=H.MOBILE),/android/i.test(this.userAgent)&&(e=H.MOBILE),/iPhone|iPod/.test(this.userAgent)&&!window.MSStream&&(e=H.MOBILE),/Mobile/i.test(this.userAgent)&&(e=H.MOBILE),/Macintosh/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent)&&(null===navigator||void 0===navigator?0:navigator.maxTouchPoints)&&1<(null===navigator||void 0===navigator?void 0:navigator.maxTouchPoints)&&(e=H.IPAD),t.test(this.userAgent)&&(e=H.TABLET)),e}osType(){let e=H.DESKTOP;return window.navigator.userAgent.includes("jsdom")||(/android/i.test(this.userAgent)&&(e=P.ANDROID),/iPhone|iPod/i.test(this.userAgent)&&(e=P.IOS),-1!==this.userAgent.indexOf("safari")&&-1===this.userAgent.indexOf("chrome")&&-1===this.userAgent.indexOf("iphone")&&-1===this.userAgent.indexOf("ipad")&&(e=P.MAC_SAFARI)),e}isMobile(){return this.getDeviceType()===H.MOBILE}isTablet(){return this.getDeviceType()===H.TABLET}isDesktop(){return!(this.isMobile()||this.isTablet())}},ee=W||(W={});ee.ANY="a",ee.DESKTOP="c",ee.IPAD="t",ee.MOBILE="m",ee.TABLET="t";var te,ie=/\{POSITION}|\{position}|\{Position}/,ae=new RegExp(/([Ww]{2}-[Ww]{2})/),se=new RegExp(/((!o2)|(!o3))/),le=RegExp(/((!o2)-[A-Za-z]{1,}-[A-Za-z]{2}-[A-Za-z0-9]{2}-[0-9]{2})/),ne=RegExp(/((!o3)[_-][A-Za-z]+(?:-[A-Za-z0-9]+)*)/),re={CONVERSION_CTAS:"a[href*=subid]",ADS_INTERNAL_CTAS:`a[href*="/home/"]:not([target="_blank"]), a[href*="${G.DOMAIN}"]\n [target="_blank"]:not([href*="/localservices/signup/"])`},oe=class{constructor(){this.adsInternalCtas=null;var e=(new Q).getDeviceType();this.deviceValue=W[e]||W.ANY,this.conversionCtas=document.querySelectorAll(re.CONVERSION_CTAS),e=new URLSearchParams(window.location.search).get("subid");let t=new URLSearchParams(window.location.search).get("suffix");e&&t&&(t=null),this.urlSubidParam=e?K.call(e,z,Z):null,this.urlSuffixParam=t?K.call(t,z,Z):null;const i=document.querySelector(m.HTML);if(this.ciAppendix=(null==i?void 0:i.getAttribute(m.CI_APPENDIX))||"",t&&(Y.defaultParams=K.call(t,z,Z),this.ciAppendix=K.call(t,z,Z)),this.defaultParams=(null==i?void 0:i.getAttribute(m.SUF_SUBID))||"",t){const e=this.defaultParams.split(se)[0];let t="-";this.defaultParams.match(se)&&(this.defaultParams.includes("!o2")&&(t="!o2-"),this.defaultParams.includes("!o3")&&(t="!o3-")),this.defaultParams=e+t+this.ciAppendix}this.locale=(null==i?void 0:i.getAttribute(m.LOCALE))||"",this.noCodelessIncentive=!(null==i||!i.hasAttribute(m.
5NO_CODELESS_INCENTIVE));for(const e of this.conversionCtas)e.classList.add(p.SO_RPL),this.urlSubidParam&&!this.hasHardSubid(e)&&(this.propagateUrlSubid(e),this.urlSubidParam.match(ie)&&oe.assignPositionSegment(e)),oe.assignDeviceSegment(e,this.deviceValue);this.urlSubidParam&&this.propagateUrlSubidInternalLinks(),this.urlSubidParam||e||!t||(this.propagateUrlSuffixConversionLinks(),this.propagateUrlSuffixInternalLinks()),document.addEventListener(E.woi_UPDATE_CTA_PARAMS,(e=>{const{selector:t,position:i}=e.detail;this.updateCtaParams(t,i)})),document.addEventListener(E.woi_UPDATE_CTA_SUFFIX,(e=>{const{suffix:t,resetInternalLinks:i}=e.detail;this.updateCtaSuffixParams(t,i)}))}async updateCtaSuffixParams(e,t=!1){this.propagateUrlSuffixInternalLinks(t?"":e),t=document.querySelectorAll(re.CONVERSION_CTAS);for(const i of t)if(e)oe.addOrReplaceSubidSuffix(i,e);else if(this.urlSubidParam)this.propagateUrlSubid(i);else{t=this.defaultParams.includes("!o2")?"!o2":"!o3";const e=document.querySelector(m.HTML);t=null!=e&&e.hasAttribute(m.NO_CODELESS_INCENTIVE)?"":this.defaultParams.split(t)[1],oe.addOrReplaceSubidSuffix(i,t)}}async propagateUrlSubidInternalLinks(){var e,t;this.adsInternalCtas=document.querySelectorAll(re.ADS_INTERNAL_CTAS);for(const i of this.adsInternalCtas)if(i.classList.add("so-rpl"),!this.hasHardSubid(i)){const a=i.href,s=0<a.indexOf("?")?"&":"?";i.href=`${a}${s}subid=${this.urlSubidParam}`,null!==(e=this.urlSubidParam)&&void 0!==e&&e.includes("{device}")&&oe.assignDeviceSegment(i,this.deviceValue),null!==(t=this.urlSubidParam)&&void 0!==t&&t.match(ie)&&oe.assignPositionSegment(i)}}async propagateUrlSuffixConversionLinks(){for(const e of this.conversionCtas){const t=e.href.split(se)[0];let i="-";e.href.match(se)&&(e.href.includes("!o2")&&(i="!o2-"),e.href.includes("!o3")&&(i="!o3-")),e.href=t+i+this.ciAppendix,e.href.includes("{device}")&&oe.assignDeviceSegment(e,this.deviceValue),e.href.match(ie)&&oe.assignPositionSegment(e),"root"!==this.locale&&e.href.match(ae)&&(e.href=oe.assignLocaleLangSegment(this.locale,e.href))}}async propagateUrlSuffixInternalLinks(e=""){this.adsInternalCtas=document.querySelectorAll(re.ADS_INTERNAL_CTAS);for(const t of this.adsInternalCtas){const i=new URL(t.href);e?i.searchParams.has("subid")?oe.addOrReplaceSubidSuffix(t,e):(i.searchParams.set("suffix",e),t.href=i.href):(this.urlSuffixParam?i.searchParams.set("suffix",this.urlSuffixParam):(i.searchParams.delete("suffix"),this.urlSubidParam&&i.searchParams.set("subid",this.urlSubidParam)),t.href=i.href)}}propagateUrlSubid(e){var t,i,a,s,l;const n=e.href.split("subid")[0]||e.href,r=e.href.split(le)[1]||"",o=this.ciAppendix?`!o3${this.ciAppendix}`:e.href.split(ne)[1]||"";let d=this.urlSubidParam;return!r||null!==(t=this.urlSubidParam)&&void 0!==t&&t.includes(r)?!o||null!==(a=this.urlSubidParam)&&void 0!==a&&a.includes(o)||(d=null!==(s=this.urlSubidParam)&&void 0!==s&&s.match(ne)?null===(l=this.urlSubidParam)||void 0===l?void 0:l.replace(this.urlSubidParam.split(ne)[1],o):`${this.urlSubidParam}${o.slice(3)}`):d=null!==(i=this.urlSubidParam)&&void 0!==i&&i.match(le)?this.urlSubidParam.replace(this.urlSubidParam.split(le)[1],r):`${this.urlSubidParam}${r.slice(3)}`,e.href=`${n}subid=${d}`}updateCtaParams(e,t){e=document.querySelectorAll(e);for(const i of e)i.href=oe.getUrlWithDefaultParams({baseUrl:i.href,position:t,defaultParams:this.defaultParams,noCodelessIncentive:this.noCodelessIncentive,locale:this.locale}),this.urlSubidParam&&this.propagateUrlSubid(i),oe.assignDeviceSegment(i,this.deviceValue)}static getUrlWithDefaultParams(e){let{baseUrl:t,defaultParams:i}=e;const{position:a,locale:s,noCodelessIncentive:l}=e;if(l&&(i=i.replace(le,"!o2").replace(ne,"!o3")),!t.includes("subid")&&i){if(e=i,"root"!==s&&(e=this.assignLocaleLangSegment(s,e)),!a)return t;e=e.replace(new RegExp(ie),a),-1<t.indexOf("?")&&(e=e.replace("?","&")),t+=e}return t}static dispatchUpdateCtaParamsEvent(e,t=""){document.dispatchEvent(new CustomEvent(E.woi_UPDATE_CTA_PARAMS,{detail:{selector:e,position:t}}))}static dispatchPropagateSuffixEvent(e="",t=!1){document.dispatchEvent(new CustomEvent(E.woi_UPDATE_CTA_SUFFIX,{detail:{suffix:e,resetInternalLinks:t}}))}static addOrReplaceSubidSuffix(e,t){const i=new URL(e.href.toLowerCase());var a=i.searchParams.get("subid");if(a){var s=a.search(/![o0]\d/)||-1;s=-1!==s?s+3:a.length,a=a.substring(0,s),t=(t&&"-"!==t.charAt(0)?"-":"")+t.toLowerCase(),i.searchParams.set("subid",a+t),e.href=decodeURI(i.href)}}static assignDeviceSegment(e,t){const i=e.href;i.includes("subid")&&i.includes("{device}")&&(e.href=i.replace("{device}",t))}static assignLocaleLangSegment(e,t){return t.replace(ae,`${e.split("_").reverse().join("-")}`)}static assignPositionSegment(e){var t;const i=null===(t=e.parentElement)||void 0===t?void 0:t.getAttribute(m.CTA_POSITION);i&&(e.href=e.href.replace(ie,i))}hasHardSubid(e){var t,i;return!(null===(i=null===(t=e.parentElement)||void 0===t?void 0:t.getAttribute(m.CTA_URL))||void 0===i||!i.includes("subid"))}},de="sunday monday tuesday wednesday thursday friday saturday".split(" "),ce=new class{constructor(){this.officeOpen=!0,this.etoContent=null,this.etoButtons=[],this.scheduleButtons=[],this.excludedModules=["woi-contact-hub"]}isOfficeOpen(){this.etoButtons=document.querySelectorAll("[data-g-cta-name='tfn']"),this.scheduleButtons=document.querySelectorAll("[data-g-cta-name='schedulemeeting']");var e=document.getElementsByTagName("header")[0].getAttribute(m.OFFICE_HOURS);if(this.etoContent=e?JSON.parse(a(e)):null,!(this.etoContent&&this.etoContent.open_hour&&this.etoContent.close_hour&&this.etoContent.open_days.length))return!0;var t=new Date,i=t.getTimezoneOffset()/60+this.etoContent.gmt_offset;const s=t.getHours();var l=new Date(t.setHours(s+(0<i?Math.floor(i):Math.ceil(i))));if(e=l.getTime(),l=l.getDay(),!this.etoContent.open_days.includes(de[l]))return!1;let n;var r=l=null;if(this.etoContent.dst_start&&this.etoContent.dst_end){r=this.etoContent.dst_start.split("-");const t=this.etoContent.dst_end.split("-");(l=new Date(e)).setMonth(Number(r[1])-1),l.setDate(Number(r[2])),l.setHours(2),l.setMinutes(0),l=l.getTime(),n=new Date(e),Number(t[1])<Number(r[1])&&n.setFullYear(Number(r[0])+1),n.setMonth(Number(t[1])-1),n.setDate(Number(t[2])),n.setHours(2),n.setMinutes(0),r=n.getTime()}return l&&r&&e>l&&e<r&&(e=(l=new Date(t.setHours(s+i+1))).getTime()),t=new Date(e),i=new Date(e),t.setHours(this.etoContent.open_hour),i.setHours(this.etoContent.close_hour),t.setMinutes(this.etoContent.open_minute),i.setMinutes(this.etoContent.close_minute),t.setSeconds(0),i.setSeconds(0),e>t.getTime()&&e<i.getTime()}checkButtons(e){const t=!e;var i=document.getElementsByTagName("woi-contact-hub")[0];i=null==i?void 0:i.querySelector("[data-bm-widget-agent-id]");for(const e of this.scheduleButtons)e.classList.toggle(p.HIDDEN,!t&&this.shouldHideButton(e));for(const e of this.etoButtons)e.classList.toggle(p.HIDDEN,t&&this.shouldHideButton(e));if(!e&&i){if(null!==document.querySelector("woi-ads-guide"))return;i.classList.add(m.DISABLED)}this.checkSimpleEndCap()}displayContactButtons(){this.officeOpen=this.isOfficeOpen(),this.checkButtons(this.officeOpen),document.addEventListener(E.CHATBOT_LOADED,(()=>{this.officeOpen=this.isOfficeOpen(),this.checkButtons(this.officeOpen)}
5))}shouldHideButton(e){return e=e.getAttribute("data-g-module-name")||"",!this.excludedModules.includes(e)}checkSimpleEndCap(){const e=document.querySelector("woi-simple-end-cap");var t=null==e?void 0:e.getElementsByClassName("glue-button");return!!(t=t?Array.from(t):[]).length&&(t.every((e=>e.classList.contains(p.HIDDEN)))&&(null==e?void 0:e.classList.add(p.HIDDEN)))}},ue=te||(te={});ue.CARD_SELECTOR="woi-choose-incentives-offer",ue.INCENTIVES_BANNER="woi-incentives-banner.cyo",ue.IN_PAGE_BANNER_UNSELECTED="woi-in-page-banner.cyo-unselected",ue.IN_PAGE_BANNER_SELECTED="woi-in-page-banner.cyo-selected",ue.IN_PAGE_BANNER_CLAIMED="woi-in-page-banner.cyo-claimed";var he,ge={AED:{symbol:"د.Ø¥.",symbolNative:"د.Ø¥.",code:"AED",divisor:1,divisorSymbol:"درÙÙ
"},ARS:{symbol:"AR$",symbolNative:"$",code:"ARS"},AUD:{symbol:"AU$",symbolNative:"$",code:"AUD"},BRL:{symbol:"R$",symbolNative:"R$",code:"BRL"},CAD:{symbol:"CA$",symbolNative:"$",code:"CAD"},CHF:{symbol:"Fr.",symbolNative:"â£",code:"CHF"},CNY:{symbol:"CNÂ¥",symbolNative:"å
",code:"CNY"},EUR:{symbol:"â¬",symbolNative:"â¬",code:"EUR"},GBP:{symbol:"£",symbolNative:"£",code:"GBP"},ILS:{symbol:"âª",symbolNative:"âª",code:"ILS"},INR:{symbol:"Rs.",symbolNative:"â¹",code:"INR"},JPY:{symbol:"Â¥",symbolNative:"Â¥",code:"JPY",divisor:1e4,divisorSymbol:"ä¸å"},KRW:{symbol:"â©",symbolNative:"â©",code:"KRW",divisor:1e4,divisorSymbol:"ë§ì"},MXN:{symbol:"MX$",symbolNative:"$",code:"MXN"},PLN:{symbol:"zÅ",symbolNative:"zÅ",code:"PLN"},TRY:{symbol:"TL",symbolNative:"âº",code:"TRY"},UAH:{symbol:"â´",symbolNative:"гÑн",code:"UAH"},USD:{symbol:"$",symbolNative:"$",code:"USD"}},me={ar_ae:{currencyCode:"AED",format:"{units} {divisorSymbol}"},de_ch:{currencyCode:"CHF",format:"{code} {units}"},de_de:{currencyCode:"EUR",format:"{units} {symbolNative}"},en_au:{currencyCode:"AUD",format:"{symbolNative}{units}"},en_ca:{currencyCode:"CAD",format:"{symbolNative}{units} {code}"},en_in:{currencyCode:"INR",format:"{symbolNative}{units}"},en_uk:{currencyCode:"GBP",format:"{symbolNative}{units}"},en_us:{currencyCode:"USD",format:"{symbolNative}{units}"},"es-419_ar":{currencyCode:"ARS",format:"{units} {code}",thousandsSeparator:"."},es_es:{currencyCode:"EUR",format:"{units} {symbolNative}"},es_us:{currencyCode:"USD",format:"{symbolNative}{units}",thousandsSeparator:","},"es-419_cl":{currencyCode:"USD",format:"{code} {symbolNative}{units}",thousandsSeparator:","},"es-419_co":{currencyCode:"USD",format:"{code} {symbolNative}{units}",thousandsSeparator:","},"es-419_mx":{currencyCode:"MXN",format:"{code} {units}",thousandsSeparator:","},"es-419_pe":{currencyCode:"USD",format:"{code} {symbolNative}{units}",thousandsSeparator:","},fr_ca:{currencyCode:"CAD",format:"{symbolNative}{units} {code}"},fr_fr:{currencyCode:"EUR",format:"{units} {symbolNative}"},it_it:{currencyCode:"EUR",format:"{units} {symbolNative}"},iw_il:{currencyCode:"ILS",format:"{symbolNative}{units}"},ja_jp:{currencyCode:"JPY",format:"{units} {divisorSymbol}",thousandsSeparator:","},ko_kr:{currencyCode:"KRW",format:"{units}{divisorSymbol}"},nl_nl:{currencyCode:"EUR",format:"{units} {symbolNative}"},pl_pl:{currencyCode:"PLN",format:"{units} {code}"},"pt-BR_br":{currencyCode:"BRL",format:"{symbolNative}{units}",thousandsSeparator:"."},tr_tr:{currencyCode:"TRY",format:"{units} {symbol}"},uk_ua:{currencyCode:"UAH",format:"{units} {symbolNative}",thousandsSeparator:","},"zh-CN_cn":{currencyCode:"CNY",format:"{units}{symbolNative}"}},_e=(null===(he=document.querySelector("html"))||void 0===he?void 0:he.getAttribute("locale"))||"",pe=0,ve=1,be={ar_ae:[[1600,1600],[5e3,3500],[9600,5e3]],de_ch:[[400,400],[1200,800],[2400,1200]],de_de:[[400,400],[1200,800],[2400,1200]],en_au:[[600,600],[1800,1200],[3600,1800]],en_ca:[[600,600],[1800,1200],[3600,1800]],en_in:[[2e4,2e4],[6e4,4e4],[12e4,6e4]],en_uk:[[400,400],[1200,800],[2400,1200]],en_us:[[500,500],[1500,1e3],[3e3,1500]],"es-419_ar":[[65e3,65e3],[2e5,125e3],[39e4,195e3]],es_es:[[400,400],[1200,800],[2400,1200]],es_us:[[500,500],[1500,1e3],[3e3,1500]],"es-419_cl":[[350,350],[1e3,700],[2100,1e3]],"es-419_co":[[350,350],[1e3,700],[2100,1e3]],"es-419_mx":[[7e3,7e3],[2e4,15e3],[42e3,2e4]],"es-419_pe":[[350,350],[1e3,700],[2100,1e3]],fr_ca:[[600,600],[1800,1200],[3600,1800]],fr_fr:[[400,400],[1200,800],[2400,1200]],it_it:[[400,400],[1200,800],[2400,1200]],iw_il:[[1500,1500],[4500,3e3],[9e3,4500]],ja_jp:[[6e4,6e4],[18e4,12e4],[36e4,18e4]],ko_kr:[[6e5,6e5],[18e5,12e5],[36e5,18e5]],nl_nl:[[400,400],[1200,800],[2400,1200]],pl_pl:[[1200,1200],[3500,2500],[7200,3500]],"pt-BR_br":[[1200,1200],[3500,2500],[7200,3600]],tr_tr:[[5500,5500],[15e3,1e4],[33e3,16500]],uk_ua:[[1e4,1e4],[3e4,2e4],[6e4,3e4]],"zh-CN_cn":[[3e3,3e3],[9e3,6e3],[18e3,9e3]]};r(0,ve),r(0,pe),r(0,ve),r(0,pe),r(1,ve),r(1,pe),r(2,ve),r(2,pe);var fe=new class{constructor(){this.marketingClient=null,this.localStorageAccount="0",this.removeURLPilotIncentive=()=>{try{localStorage.getItem("agc.pilot.load")&&localStorage.removeItem("agc.pilot.load")}catch(e){}},this.marketingClient=null,this.marketingClientReady=new Promise((e=>{window.addEventListener(E.LOAD,(async()=>{this.removeURLPilotIncentive(),await this.onClientReady(e)}))}))}async onClientReady(e){try{await Promise.race([new Promise((e=>{window.addEventListener(E.AMA_CLIENT_READY,(t=>{this.marketingClient=t.detail,e()}))})),o(15e3)])}catch(e){this.marketingClient=null}e()}async getAdsAccounts(){try{if(await this.marketingClientReady,!this.marketingClient)return null;const e=await this.marketingClient.getAdsAccounts();return e?e.customersList:null}catch(e){return null}}async loadUserInfo(){try{if(await this.marketingClientReady,!this.marketingClient)return null;const e=await this.marketingClient.loadUserInfo();return e.experimentArmSubid&&this.setMendelExperiment(e.experimentArmSubid),e}catch(e){return null}}async callChooseYourOwnIncentiveOffer(e,t){if(await this.marketingClientReady,this.marketingClient)return await this.marketingClient.callChooseYourOwnIncentiveOffer(e,t)}async recordInPageInteraction(e,t,i){if(await this.marketingClientReady,this.marketingClient)return await this.marketingClient.re
5cordInPageInteraction(e,t,i)}async setMarketingClientUser(e){await this.marketingClientReady,this.marketingClient&&this.marketingClient.setAuthUser(e)}setMendelExperiment(e){(e=(e=e.match(/-[a-z]+-00\d+-00\d+/))&&e[0])&&(window.dataLayer&&window.dataLayer.push({event:"set_experiment",experiments:e}),document.documentElement.setAttribute(m.MTE,e))}},Ae=class{constructor(){this.adsGuideEnabled=!1,this.adsGuideEnabled=null!==document.querySelector("woi-ads-guide"),this.initChatbot()}loadScript(e,t,i){const a=document.createElement("script");a.crossOrigin="use-credentials",a.src=e,a.onload=t,i&&(a.onerror=i),document.head.appendChild(a)}dispatchLoadedEvent(e){document.dispatchEvent(new CustomEvent(E.CHATBOT_LOADED,{detail:{adsGuideEnabled:e}}))}loadAdsGuide(){this.loadScript("https://www.gstatic.com/greentea/adsguide/prod/v1/web/main.dart.js",(()=>{window.adsguide.isEnabled((e=>{var t;e?this.dispatchLoadedEvent(e):(null===(t=document.querySelector("woi-ads-guide"))||void 0===t||t.remove(),this.loadBmChat())}))}),(()=>{var e;null===(e=document.querySelector("woi-ads-guide"))||void 0===e||e.remove(),this.loadBmChat()}))}loadBmChat(){this.loadScript("https://businessmessages.google.com/widget/v2/js",(()=>{const e=setInterval((()=>{t.BM_WIDGET in window&&(clearInterval(e),this.dispatchLoadedEvent(!1))}),D.TWO_HUNDRED)}))}initChatbot(){this.adsGuideEnabled?this.loadAdsGuide():this.loadBmChat(),document.addEventListener(E.CHATBOT_LOADED,(()=>{this.bindEvents(),this.unhideButtons()}))}bindEvents(){if(this.adsGuideEnabled){var e=document.querySelectorAll("button[data-bm-widget-agent-id]");for(const t of e)t.addEventListener(E.CLICK,(()=>{null===document.querySelector("woi-ads-guide")&&fe.recordInPageInteraction("DSAChatClicked",{action:"ACTION_CLICK"})}));for(var t of e=document.querySelectorAll('[data-g-cta-name="signin"]'))t.addEventListener(E.CLICK,(()=>{fe.recordInPageInteraction("AGCCaptureSignInCtaButton",{action:"ACTION_CLICK"})}));t=document.querySelectorAll('[data-g-cta-name="startnow"]');for(const e of t)e.addEventListener(E.CLICK,(()=>{fe.recordInPageInteraction("AGCStartNowCtaButton",{action:"ACTION_CLICK"})}))}}unhideButtons(){var e;const i=null!==document.querySelector("woi-ads-guide"),a=ce.isOfficeOpen();if(i){var s=document.querySelectorAll("button[data-bm-widget-agent-id]");for(var l of s)l.classList.remove(p.HIDDEN)}else if(t.BM_WIDGET in window&&"BmSupportedDesktop"===(null===(e=window.bmwidget)||void 0===e?void 0:e.platform)&&a)for(s of(this.adsGuideEnabled&&fe.recordInPageInteraction("DSAChatShown",{action:"ACTION_VIEW"}),l=document.querySelectorAll("button[data-bm-widget-agent-id]")))s.classList.remove(p.HIDDEN)}},ye=document.querySelector("html"),Ee=[];"zh-CN_cn"!==(null==ye?void 0:ye.getAttribute("locale"))&&Ee.push("https://ads.google.com/aw/google_ads_prefetch.js?paths=/aw,/aw_cm,/aw_express/management");var we="AIzaSyDFJvPYpefR8aUbLMcwEeooqK4ThSOVK4Y",Ce=717991,$e=1,Se=1e4,Le=!1,Ne={ja_jp:"ja"},Ie=[{trigger_id:"toTF8YGRE0dViXZ4LDd0RMoA5JSZ",urlLocales:["ja"],urlPath:"/home/"}],xe=document.querySelector(m.HTML),Oe=null==xe?void 0:xe.getAttribute(m.LOCALE),ke=class extends J{constructor(){super(...arguments),this.adsGuideLinks=this.adsGuideButtons=null}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.adsGuideButtons=document.querySelectorAll('button[special-triggers="ads_guide"], [data-bm-widget-layout]'),this.adsGuideLinks=document.querySelectorAll('a[special-triggers="ads_guide"]')),document.addEventListener(E.CHATBOT_LOADED,(e=>{const t=()=>{e.detail.adsGuideEnabled&&window.adsguide.startChat()};this.addClickListener(this.adsGuideButtons,t),this.addClickListener(this.adsGuideLinks,t)}))}addClickListener(e,t){null==e||e.forEach((e=>{e.addEventListener(E.CLICK,t)}))}render(){return l``}};customElements.define("woi-ads-guide",ke);var Te=class extends J{constructor(){super(...arguments),this.copy="",this.checkNav=()=>{document.querySelector(".glue-header--double")&&this.classList.add("under-tier-2-nav")}}get gtmModuleName(){return this.nodeName}get copyText(){return this.getAttribute(m.COPY)||this.copy}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render()),this.checkNav()}render(){return l` 6 <section class="glue-page woi-banner"> 7 <div class="woi-banner__container woi-banner__container--desktop">
8 <p class="glue-font-weight-medium glue-text-center"> 9 ${this.copyText}${this.ctaBlock?this.ctaBlock[0]:""} 10 </p> 11 </div> 12 </section> 13 `}};customElements.define("woi-banner",Te);var Re=class extends J{get ctaText(){return this.getAttribute(m.CTA_TEXT)||""}get ctaLabel(){return this.getAttribute(m.CTA_LABEL)||""}get ctaUrl(){const e=this.getAttribute(m.CTA_URL)||"",t=this.getAttribute(m.CTA_POSITION)||"";return oe.getUrlWithDefaultParams({baseUrl:e,position:t,defaultParams:this.default_page_params,noCodelessIncentive:this.no_incentive,locale:this.locale})}get ctaHidden(){return this.hasAttribute("cta-hidden")}get ariaLabel(){return this.getAttribute(m.LABEL)||""}get ariaControls(){return this.getAttribute("cta-aria-controls")||""}get ariaExpanded(){return this.getAttribute("cta-aria-expanded")||""}get ariaHasPopup(){return this.getAttribute("cta-aria-haspopup")||""}get gtmCtaName(){return this.getAttribute(m.GTM_CTA_NAME)||""}get specialTriggers(){return this.getAttribute("special-triggers")||""}get iconType(){return this.getAttribute(m.ICON_TYPE)||""}get iconId(){return this.getAttribute(m.ICON_ID)||""}get chatbotAgentId(){return this.getAttribute(m.CHATBOT_AGENT_ID)||""}get chatbotContextId(){return this.getAttribute(m.CHATBOT_CONTEXT_ID)||""}get isChatbotButton(){return this.hasAttribute(m.CHATBOT_AGENT_ID)||this.hasAttribute(m.CHATBOT_CONTEXT_ID)}get iconSize(){return this.getAttribute(m.ICON_SIZE)||""}get isTfnButton(){return"PHONE"===this.iconId||"tfn"===this.gtmCtaName}get isIconInline(){return this.hasAttribute("label-icon-inline")}get isButtonHidden(){return this.hasAttribute("hide")}classNameLookup(e){return{high:"glue-button--high-emphasis",medium:"glue-button--medium-emphasis",low:"glue-button--low-emphasis",tonal:"glue-button--tonal",reversed:"glue-button--reversed","reversed-alt":"glue-button--reversed-alternate","glue-icon":"glue-button--icon","glue-icon-right":"glue-button--icon-right","lg-icon":"lg-icon","lg-icon-right":"lg-icon lg-icon-right","lg-icon-top":"lg-icon lg-icon-top"}[e]||""}get classNames(){const e=this.getAttribute("emphasis")||"medium";var t=this.getAttribute("reversed")||"",i=this.getAttribute(m.ICON_TYPE)||"";return`${"inline"===e?"glue-link glue-inline-link":"glue-button"} ${i.includes("lg-icon")?"":this.classNameLookup(e)} ${t=this.classNameLookup(t)} ${i=this.classNameLookup(i)} ${this.isTfnButton?"hidden":""} ${this.isButtonHidden?"hidden":""}`}get iconSizeClassName(){return this.iconSize?n`class-names="glue-icon--${this.iconSize}px"`:""}render(){const e=this.iconType&&this.iconId?n` 14 <div class="icon-wrapper">
15 <woi-icon icon-id="${this.iconId}" ${this.iconSizeClassName}></woi-icon> 16 </div> 17 `:"",t=n` 18 <div class="woi-button-text__container"> 19 <div class="woi-button-text__headline"> 20 ${e} 21 ${this.ctaText} 22 </div> 23 <span class="glue-label">${this.ctaLabel}</span> 24 </div> 25 `,i=n` 26 ${e} 27 <div class="woi-button-text__container ${e?"glue-text-left":""}"> 28 <span>${this.ctaText}</span> 29 <span class="glue-label">${this.ctaLabel}</span> 30 </div> 31 `,a=()=>this.ctaLabel?this.isIconInline?t:i:n` 32 ${e} 33 ${this.ctaText} 34 `,s=this.gtmCtaName?n` 35 <a class="${this.classNames}" 36 href="${this.ctaUrl}" 37 ${this.ariaLabel?`aria-label="${this.ariaLabel}"`:""} 38 ${this.ctaHidden?'aria-hidden="true" tabindex="-1"':""} 39 ${this.gtmCtaName?`data-g-cta-name="${this.gtmCtaName}"`:""} 40 ${this.gtmModuleName?`data-g-module-name="${this.gtmModuleName}"`:""} 41 ${this.specialTriggers?`special-triggers="${this.specialTriggers}"`:""} 42 ${this.setExternalLink(this.ctaUrl)}> 43 ${a()} 44 </a> 45 `:n`<span> Missing gtm_cta_name </span>`;return l`${this.ctaUrl?s:(()=>this.isChatbotButton?this.chatbotAgentId&&this.chatbotContextId?n` 46 <button class="${this.classNames} glue-button--icon hidden" 47 aria-label="${this.ctaLabel}" 48 data-bm-widget-agent-id='${this.chatbotAgentId}' 49 data-bm-widget-context='${this.chatbotContextId}' 50 data-bm-widget-layout="advanced" 51 data-g-cta-name='${this.gtmCtaName?this.gtmCtaName:"chatbot"}' 52 ${this.gtmModuleName?`data-g-module-name="${this.gtmModuleName}"`:""}> 53 <div class="icon-wrapper"><woi-icon icon-id="CHAT"></woi-icon></div> 54 <span class="bm-widget-button-text">${this.ctaText}</span> 55 </button> 56 `:n` 57 <span>Missing data for Chatbot: Agent-ID or Context ID</span> 58 `:n` 59 <button class="glue-button ${this.classNames}" 60 ${this.ariaLabel?`aria-label="${this.ariaLabel}"`:""} 61 ${this.ariaControls?`aria-controls="${this.ariaControls}"`:""} 62 ${this.ariaExpanded?`aria-expanded="${this.ariaExpanded}"`:""} 63 ${this.ariaHasPopup?`aria-haspopup="${this.ariaHasPopup}"`:""} 64 ${this.ctaHidden?'aria-hidden="true" tabindex="-1"':""} 65 ${this.gtmCtaName?`data-g-cta-name="${this.gtmCtaName}"`:""} 66 ${this.gtmModuleName?`data-g-module-name="${this.gtmModuleName}"`:""} 67 ${this.specialTriggers?`special-triggers="${this.specialTriggers}"`:""}> 68 ${a()} 69 </button> 70 `)()}`}};customElements.define("woi-button",Re);var De=new class{constructor(){this.currentBp="",this._handlers=[],this.monitor();const e=d(this.monitor.bind(this),D.SIXTY);window.addEventListener(E.RESIZE,(()=>e()))}subscribe(e){this._handlers.push(e)}getBpName(e=window.innerWidth){return 600>e?h.SM:1024>e?h.MD:1440>e?h.LG:h.XL}monitor(){const e=this.getBpName(window.innerWidth);if(e!==this.currentBp){for(const t of this._handlers)t.call(this,e);this.currentBp=e}}};customElements.define("woi-case-study-carousel",class extends J{constructor(){super(...arguments),this.cards=[],this.carousel_aria_labels={},this.case_study_cards=[],this.carouselCards=[],this.headline="",this.image=null,this.isSingleCard=!1,this.media_alignment="",this.modal_aria_labels=null,this.theme=""}get gtmModuleName(){return this.nodeName.toLowerCase()}get cardsObj(){if(this.case_study_cards&&0<this.case_study_cards.length)return this.case_study_cards;if(this.cards&&0<this.cards.length)return this.cards;const e=this.getAttribute(m.CARDS);if(e)return JSON.parse(a(e));throw Error("No cards provided.")}get backgroundImage(){var e=this.image||this.getAttribute(m.IMAGE);return(e="string"==typeof e?JSON.parse(a(e)):e).image?e.image.url:null}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get mediaAlignment(){return this.getAttribute("media_alignment")||this.media_alignment||"Right"}get carouselAriaLabels(){const e=this.getAttribute(m.CAROUSEL_ARIA_LABELS)||this.carousel_aria_labels;return!e||"string"!=typeof e&&0===Object.keys(e).length?null:"string"==typeof e?JSON.parse(a(e)):e}get closeModalLabel(){var e=this.modal_aria_labels||this.getAttribute(m.MODAL_ARIA_LABELS);return null==(e="string"==typeof e?JSON.parse(a(e)):e)?void 0:e.aria_close_modal}get themeColor(){let e=this.getAttribute(m.THEME)||this.theme;return e||this.backgroundImage||(e="white-theme"),e}render(){return 1===this.cardsObj.length&&(this.isSingleCard=!0),l` 71 <section 72 class="glue-text-center glue-spacer-5-top glue-spacer-5-bottom case-study-container ${this.themeColor}" 73 ${this.backgroundImage&&!this.themeColor?`style="background-image: url(${this.backgroundImage}=w1); width: 100%"`:""}> 74 <div class="glue-page"> 75 ${this.headlineText?n` 76 <div class="glue-grid"> 77 <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-2-xl"></div> 78 <div class="glue-grid__col glue-grid__col--span-10 glue-grid__col--span-8-xl"> 79 <h2 class="glue-headline glue-headline--headline-2 ${this.ctaBlock?"cta-headline":""}">
80 <span class="glue-font-weight-medium">${this.headlineText}</span> 81 </h2> 82 ${this.ctaBlock?n` <div class="glue-spacer-5-bottom">${this.ctaBlock}</div>`:""} 83 </div> 84 </div>`:""} 85 <div class="glue-grid"> 86 <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-0-md"></div> 87 <div class="glue-grid__col glue-grid__col--span-10 glue-grid__col--span-12-md"> 88 <woi-carousel 89 ${this.backgroundImage?`background-image="${this.backgroundImage}"`:null} 90 cards="${i(JSON.stringify(this.cardsObj))}" 91 cards-per-page="1" 92 ${this.carouselAriaLabels?`carousel-aria-labels="${i(JSON.stringify(this.carouselAriaLabels))}"`:null} 93 class="${"case-study"}" 94 ${"case-study"} 95 media-alignment="${this.mediaAlignment}" 96 ${this.closeModalLabel?`modal-aria-labels="${this.closeModalLabel}"`:null} 97 module-name="${this.gtmModuleName}" 98 ${this.isSingleCard?"no-dots":""}> 99 </woi-carousel> 100 </div> 101 </div> 102 </div> 103 </section> 104 `}});var Me=(e="")=>null!=e&&e.match(/https?:\/\/.*?google\.*?com/)?'target="_blank" rel="noopener noreferrer"':null!=e&&e.match(/https?:\/\//)?'target="_blank" rel="noopener noreferrer nofollow"':"",Pe=e=>{var t=e.get(m.BODY);const i=e.get(m.CTA_URL);var s=e.get("first-card-featured"),l=e.get(m.GTM_CTA_NAME),r=e.get(m.GTM_MODULE_NAME);const o=e.get(m.HEADLINE);var d=e.get(m.ICON);s=s&&JSON.parse(a(s));const c=e.has("is-glue-carousel");return e=e.get(m.HAS_TRANSPARENCY),d=d?n` 105 <woi-image 106 class="glue-card__asset glue-card__asset--logo" 107 image="${d}" 108 widths="sm:48" 109 aria-hidden="true" 110 ${e?m.HAS_TRANSPARENCY:""}> 111 </woi-image>`:"",t=n` 112 <div class="glue-card__content"> 113 <h3 class="glue-headline glue-headline--headline-5">${o}</h3> 114 ${t?n`<p class="glue-card__description">${a(t)}</p>`:""} 115 </div> 116 `,l=n` 117 <a class="glue-card tools-card animated-card ${c?"glue-carousel__item":""}" 118 href="${i}" 119 ${Me(i)} 120 aria-label="${o}" 121 data-g-cta-name="${l}" 122 data-g-module-name="${r}"> 123 <div class="glue-card__inner ${s?"tools-card__featured":""}"> 124 ${d} 125 ${t} 126 <div class="glue-card__cta glue-card__cta--arrow"> 127 <span class="glue-button glue-button--low-emphasis glue-button--icon"> 128 <svg class="glue-icon glue-icon--arrow-forward" aria-hidden="true" role="presentation" viewBox="0 0 24 24"> 129 <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z" /> 130 </svg> 131 </span> 132 </div> 133 </div> 134 </a> 135 `,r=n` 136 <article class="glue-card tools-card animated-card ${c?"glue-carousel__item":""}" 137 aria-label="${o}" 138 data-g-module-name="${r}"> 139 <div class="glue-card__inner ${s?"tools-card__featured":""}"> 140 ${d} 141 ${t} 142 </div> 143 </article> 144 `,i?l:r},Be={budgetCard:e=>{const t=e.get(m.BODY),i=e.get(m.HEADLINE),a=e.get(m.IMAGE);return e=e.get(m.HAS_TRANSPARENCY),n` 145 <article class="budget-card glue-card glue-card-border"> 146 <div class="glue-card__inner"> 147 <woi-image class="glue-card__asset glue-card__asset--logo" 148 image="${a}" widths="xl:84,lg:84,md:84,sm:60" 149 aria-hidden="true" 150 ${e?m.HAS_TRANSPARENCY:""}></woi-image> 151 <div class="glue-card__content"> 152 <h3 class="glue-headline glue-headline--headline-3"> 153 <span class="glue-font-weight-medium">${i}</span> 154 </h3> 155 <p class="glue-card__description glue-body--large">${t}</p> 156 </div> 157 </div> 158 </article> 159 `},calloutCard:e=>{var t=e.get(m.BACKGROUND_COLOR),i=e.get(m.COPY);i=i?a(i):null;var s=e.get("cta-button");s=s?JSON.parse(a(s)):null;const l=e.get(m.HEADLINE);e=e.has("spotlight");const r=!(null==s||!s.text),o=!r&&s&&!!Object.keys(s).length,d=r||o?`a href="${null==s?void 0:s.url}" ${Me(null==s?void 0:s.url)} aria-label="${null==s?void 0:s.aria_description}"`:"div",c=n` 160 <div class="glue-card__cta glue-card__cta--arrow"> 161 <div class="glue-button glue-button--low-emphasis"> 162 <woi-button cta-hidden cta-text="${null==s?void 0:s.text}" emphasis="low" 163 icon-type="glue-icon-right" icon-id="${null==s?void 0:s.icon_id}" 164 label="${null==s?void 0:s.label}"></woi-button> 165 </div> 166 </div> 167 `,u=n` 168 <${d} class="glue-card tout-card"> 169 <div class="glue-card__inner ${t?`${t}-background`:""}"> 170 <div class="glue-card__content"> 171 <h3 class="glue-headline glue-headline--headline-5">
172 <span class="glue-font-weight-medium">${l}</span> 173 </h3> 174 ${i?n` 175 <p class="glue-card__description">${i}</p> 176 `:null} 177 </div> 178 ${r?c:""} 179 </div> 180 </${d}> 181 `;return t=n` 182 <${d} class="glue-card spotlight-card"> 183 <div class="glue-card__inner ${t?`${t}-background`:""}"> 184 <div class="glue-card__content ${o?"":"no-arrow"}"> 185 <h3 class="glue-eyebrow"> 186 <span class="icon-container"> 187 <woi-icon icon-id="LIGHTBULB" class-names="lightbulb glue-icon--20px"></woi-icon> 188 </span> 189 ${l} 190 </h3> 191 <div class="glue-card__description"> 192 ${i} 193 ${r?n`<span class="glue-link glue-inline-link">${null==s?void 0:s.label}</span>`:""} 194 </div> 195 </div> 196 ${o?c:""} 197 </div> 198 </${d}> 199 `,e?t:u},carouselCards:e=>Pe(e),caseStudyCard:e=>{function t(t){var i,a;const s=e.get(m.HAS_TRANSPARENCY);return null!=r&&r.headline?n` 200 <div class="callout-container callout-${t} callout-${r.color} ${h}"> 201 <div class="callout-header"> 202 <span class="callout-headline glue-font-weight-medium">${r.headline}</span> 203 ${r.icon_enabled?n` 204 ${null!==(i=r.icon_image.image)&&void 0!==i&&i.url?n` 205 <woi-image 206 class="icon-circle" 207 image="${null===(a=r.icon_image.image)||void 0===a?void 0:a.url}" 208 widths="sm:60" 209 aria-hidden="true"> 210 ${s?m.HAS_TRANSPARENCY:""}> 211 </woi-image> 212 `:n` 213 <div class="icon-circle"> 214 <span class="arrow-top"> 215 <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 216 <path d="M7.00247 3.31817L12.1561 8.47185L13.7393 6.87747L7.00247 0.140625L0.265625 6.87747L1.84878 8.46062L7.00247 3.31817ZM0.265625 14.8157L1.84878 16.3989L7.00247 11.2564L12.1561 16.4101L13.7393 14.8157L7.00247 8.07887L0.265625 14.8157Z"/> 217 </svg> 218 </span> 219 </div>`} 220 `:""} 221 </div> 222 <div> 223 <span>${r.copy}</span> 224 </div> 225 </div> 226 `:""}const s=e.get(m.MEDIA_ALIGNMENT);var l=e.get(m.CALLOUT);const r=l?JSON.parse(a(l)):null;l=(l=e.get("cta-button"))?JSON.parse(a(l)):null;var o=e.get(m.GTM_MODULE_NAME),d=e.get(m.LOGO_IMAGE);d=d?JSON.parse(a(d)):null;var c=e.get(m.IMAGES);c=c?JSON.parse(a(c)):null;const u="Right"===s,h="Right"===s?"callout-right":"callout-left",g=e.get(m.MODAL_ARIA_LABELS);var _=e.get(m.YOUTUBE_DATA);const p=_?JSON.parse(a(_)):null;_=1==(null==c?void 0:c.length)?"image-container-single":"";const v=n` 227 <woi-image 228 images="${i(JSON.stringify(c))}" 229 widths="xl:535,lg:534,md:943,sm:543" 230 lazy> 231 </woi-image> 232 `;return o=p&&p.url?n` 233 <woi-video 234 cta="${i(JSON.stringify(l))}" 235 ${g?`modal-aria-labels="${g}"`:null} 236 module-name="${o}" 237 video-id="${p.url}" 238 youtube-data="${i(JSON.stringify(p))}"> 239 </woi-video>`:l&&l.url?n` 240 <woi-button 241 cta-text="${l.text}" 242 cta-url="${l.url}" 243 cta-name="${l.gtm_cta_name}" 244 emphasis="${l.emphasis}" 245 icon-id="${l.icon_id}" 246 icon-type="${l.icon}" 247 label="${l.aria_description}" 248 module-name="${o}"> 249 </woi-button> 250 `:null,n` 251 <div class="glue-card glue-card-border glue-carousel__item case-study-card ${null!=c&&c.length?"image-carousel-container":"no-image-container"}"> 252 <div class="glue-card__inner glue-text-center card-container" data-media-alignment="${s}"> 253 ${null!=c&&c.length?n` 254 <div class="image-container image-container-left ${_}"> 255 ${v} 256 ${t("desktop")} 257 </div> 258 `:""} 259 <div class="info-container ${d?"":"no-logo"}"> 260 <div class="glue-spacer-5-top"> 261 ${null!=d&&d.length?n` 262 <div class="logo-image ${null!=c&&c.length?"has-image":""}"> 263 <woi-image 264 images="${i(JSON.stringify(d))}" 265 widths="xl:96,lg:64, md:64, sm:64" 266 lazy> 267 </woi-image> 268 </div>`:null} 269 ${null!=r&&r.headline?t("mobile"):""} 270 </div> 271 <div class="content-container"> 272 <h3 class="glue-headline glue-headline--headline-4">
273 <span class="glue-font-weight-medium"> 274 ${e.get(m.HEADLINE)} 275 </span> 276 </h3> 277 <p class="case-study-body">${e.get(m.BODY)}</p> 278 </div> 279 ${null!=c&&c.length||null==r||!r.headline?null:t("desktop")} 280 ${null!=l&&l.text?n` 281 <div class="icon-container"> 282 ${o} 283 </div> 284 `:""} 285 </div> 286 ${u&&null!=c&&c.length?n` 287 <div class="image-container image-container-right"> 288 ${v} 289 ${t("desktop")} 290 </div> 291 `:""} 292 </div> 293 </div> 294 `},categoryNavigationCard:e=>{const t=e.get(m.BODY),i=e.get(m.HEADLINE),a=e.get(m.IMAGE),s=e.get(m.CTA_URL),l=e.get(m.GTM_CTA_NAME),r=e.get(m.GTM_MODULE_NAME);return e=e.get(m.HAS_TRANSPARENCY),n` 295 <a href="${s}" class="cat-nav-card glue-card glue-card-border" ${Me(s)} data-g-cta-name="${l}" data-g-module-name="${r}"> 296 <article class="glue-card__inner"> 297 <woi-image class="logo" 298 image="${a}" 299 widths="xl:100,lg:100,md:100,sm:100" 300 aria-hidden="true" 301 ${e?m.HAS_TRANSPARENCY:""} 302 ></woi-image> 303 <div class="glue-card__content"> 304 <h3 class="glue-headline glue-headline--headline-5">${i}</h3> 305 <p>${t}</p> 306 </div> 307 </article> 308 </a> 309 `},featureCard:e=>{const t=e.get(m.BACKGROUND_COLOR),s=e.get(m.BODY);var l=e.get(m.CTA_BLOCK),r=l?JSON.parse(a(l))[0]:null;const o=e.get(m.GTM_MODULE_NAME);l=e.get(m.HEADLINE);var d=e.get(m.IMAGES);d=d?JSON.parse(a(d)):null;const c=e.get(m.WIDTHS),u=e.get(m.YOUTUBE_ID);return e=e.has("is-glue-carousel"),d=u?n`<woi-video video-id="${u}" poster-images="${i(JSON.stringify(d))}" poster-icon-color="play-button-white" widths="${c}"></woi-video>`:n`<woi-image images="${i(JSON.stringify(d))}" widths="${c}" round-corners lazy></woi-image>`,r=r&&r.text?n` 310 <woi-button 311 cta-text="${r.text}" 312 cta-url="${r.url}" 313 cta-name="${r.gtm_cta_name}" 314 emphasis="${r.emphasis}" 315 icon-id="${r.icon_id}" 316 label="${r.aria_description}" 317 module-name="${o}" 318 ${r.hide?"cta-hidden hide":""}> 319 </woi-button> 320 `:"",n` 321 <div class="${t?`background-color-${t}`:""} ${e?"glue-carousel__item glue-card":""}"> 322 ${d} 323 <article class="feature-body glue-text-left glue-spacer-3-top"> 324 <h3 class="glue-headline glue-headline--headline-5 glue-spacer-1-bottom feature-headline"> 325 <span class="glue-font-weight-medium">${l}</span> 326 </h3> 327 <p class="glue-spacer-2-bottom feature-body">${s}</p> 328 <div class="glue-spacer-3-bottom feature-link"> 329 ${r} 330 </div> 331 </article> 332 </div> 333 `},incentivesCard:e=>{const t=e.get(m.BODY),i=e.get(m.HEADLINE),a=e.get(m.SUBHEADLINE),s=e.get(m.EYEBROW);return e=e.get("flip-subheadline"),n` 334 <div class="glue-card incentives-card" tabindex="0" role="checkbox" aria-checked="false"> 335 <div class="glue-card__inner"> 336 <div class="glue-text-center glue-card__content"> 337 <div class="checkmark">
338 <woi-icon icon-id="CHECKMARK" class-names="checkmark-icon glue-icon--24px"></woi-icon> 339 </div> 340 <div class="eyebrow-container"> 341 <span class="offer-eyebrow glue-font-weight-medium">${null==s?void 0:s.toUpperCase()}</span> 342 </div> 343 <div class="card-desktop-container glue-spacer-1-top glue-spacer-1-bottom"> 344 ${e?`<span class="glue-blue-text glue-font-weight-bold flip-headline">${a}</span>`:""} 345 <h3 class="glue-headline glue-headline--headline-3 glue-blue-text"> 346 <span class="glue-font-weight-bold">${i}</span> 347 </h3> 348 ${e?"":`<span class="glue-blue-text glue-font-weight-bold">${a}</span>`} 349 </div> 350 <h3 class="glue-headline glue-headline--headline-3 glue-blue-text card-mobile-headline glue-spacer-1-top glue-spacer-1-bottom"> 351 <span class="glue-font-weight-medium">${e?`${a} `:""}${i}${e?"":` ${a}`}</span> 352 </h3> 353 <p class="card-body">${t}</p> 354 </div> 355 </div> 356 </div> 357 `},productCard:e=>{const t=e.get(m.BODY),s=e.get(m.CTA_BLOCK),l=e.get(m.HEADLINE);return e="string"==typeof(e=e.get(m.IMAGES))?JSON.parse(a(e)):e,n` 358 <div class="product-card animated-card"> 359 <div class="glue-card"> 360 <div class="glue-card__inner glue-text-center"> 361 ${e?n` 362 <woi-image images="${i(JSON.stringify(e))}" widths="xl:340,lg:340,md:446,sm:340" lazy></woi-image> 363 `:null} 364 <div class="glue-card__content"> 365 <h3 class="glue-headline glue-headline--headline-5">${l}</h3> 366 ${t?n`<p class="glue-card__description">${a(t)}</p>`:""} 367 </div> 368 ${s?n` 369 <div class="glue-card__cta"> 370 ${s} 371 </div> 372 `:null} 373 </div> 374 </div> 375 </div> 376 `},resourceGoalCard:e=>{const t=e.get(m.BODY);var i=e.get(m.CTA),s=e.get(m.IMAGE);const l=e.get(m.GTM_MODULE_NAME);if(s&&i)return i=JSON.parse(a(i))[0],s=JSON.parse(a(s)),e=e.get(m.INDEX),n` 377 <a class="resource-card-container" href="${i.url}" aria-labelledby="resource-card-headline__${e}" 378 ${Me(i.url)} data-g-cta-name="${i.gtm_cta_name}" data-g-module-name="${l}"> 379 <woi-image image="${s.image.url}" widths="lg:503,md:445,sm:319" 380 alt-text="${s.aria_description}" image-class="resource-card"></woi-image> 381 <div class="copy-container"> 382 <p id="resource-card-headline__${e}" class="glue-headline glue-headline--headline-5"> 383 ${t} 384 </p> 385 <div class="cta-block"> 386 <woi-button cta-hidden cta-text="${i.text}" emphasis="${i.emphasis}" 387 icon-type="${i.icon}" icon-id="${i.icon_id}" label="${i.aria_description}" 388 cta-name="${i.gtm_cta_name}" module-name="${l}"></woi-button> 389 </div> 390 </div> 391 </a> 392 `;throw Error("An Image is required for Resource goals cards")},stackedCard:e=>{const t=e.get(m.BODY),s=e.get(m.HEADLINE);var l=e.get(m.IMAGES);return l=l?JSON.parse(a(l)):null,e=e.get(m.WIDTHS),n` 393 <article class="glue-carousel__item glue-card"> 394 <div aria-label="${s}" class="glue-card__inner"> 395 ${l?n` 396 <woi-image 397 images="${i(JSON.stringify(l))}" 398 widths="${e}" 399 lazy 400 round-corners> 401 </woi-image> 402 `:null} 403 <div class="glue-text-center glue-spacer-3-top"> 404 <h3 class="glue-headline glue-headline--headline-5 glue-spacer-2-bottom animated-card-title"> 405 <span class="glue-font-weight-medium">${s}</span> 406 </h3> 407 <p class="card-body">${t}</p> 408 </div> 409 </div> 410 </article> 411 `},staggeredCard3UpCard:e=>{const t=e.get(m.IMAGE),i=e.get(m.BODY),a=e.get(m.HEADLINE);return e=e.get(m.HAS_TRANSPARENCY),n` 412 <article class="staggered-card3-up-card glue-card"> 413 <div class="glue-card__inner"> 414 <woi-image class="asset" 415 image="${t}" 416 widths="xl:64,lg:64,md:64,sm:64" 417 aria-hidden="true" 418 ${e?m.HAS_TRANSPARENCY:""} 419 ></woi-image> 420 <div class="content"> 421 <h3 class="glue-headline glue-headline--headline-4">
422 <span class="glue-font-weight-medium">${a}</span> 423 </h3> 424 <p class="glue-card__description">${i}</p> 425 </div> 426 </div> 427 </article> 428 `}};Be.toolsCard=Pe;customElements.define("woi-card",class extends J{render(){const e=this.getAttribute("card-type");if(e){const t=new Map;return Array.from(this.attributes).forEach((e=>{e.name===m.CTA_URL&&(e.value=this.relativizeKintaroLink(e.value)),t.set(e.name,e.value)})),this.ctaInfo&&t.set(m.CTA_BLOCK,this.ctaBlock),l` 429 ${Be[e](t)} 430 `}throw Error("The card-type attribute has not been supplied.")}});var He=class extends J{constructor(){super(...arguments),this._panelPadding=24,this._panelMemo=[],this._animation=void 0,this.animated_text_items=[],this.bg_color="",this.carousel_aria_labels={},this.media_alignment=this.headline=this.copy=""}connectedCallback(){let e=this.querySelector(".panels");e||(this.replaceChildren(this.render()),e=this.querySelector(".panels")),this._panelList=null==e?void 0:e.querySelectorAll(".panel");const i=null==e?void 0:e.querySelectorAll("a");if(i&&i.forEach((e=>{e.addEventListener(E.FOCUS,(({target:e})=>{const t=null==(e=e.closest("li"))?void 0:e.classList.contains(p.ACTIVE);e&&!t&&this.goToPanel(e),this._animation&&this._animation.pause()}))})),this._panelList&&this._panelList.forEach((e=>{e.addEventListener(E.CLICK,(({target:e})=>{e.classList.contains("main-copy-item")&&(this.goToPanel(e),this._animation&&this._animation.pause())})),e.addEventListener(E.BLUR,(()=>{this._animation&&this._animation.play()})),e.addEventListener(E.FOCUS,(({target:e})=>{this.goToPanel(e),this._animation&&this._animation.pause()}))})),e.addEventListener(E.MOUSEOVER,(()=>{this._animation&&this._animation.pause()})),e.addEventListener(E.MOUSELEAVE,(()=>{this._animation&&this._animation.play()})),t.INTERSECTION_OBS in window){const e=new IntersectionObserver((t=>{for(const i of t)i.isIntersecting&&(t=this.querySelector(".active"),this.startIndicator(t),e.unobserve(this))}).bind(this),{threshold:.5});e.observe(this)}De.subscribe((e=>{const{XL:t,LG:i}=h;e=[t,i].includes(e);const a=d(this.updatePanelHeight.bind(this),35);e&&(this.updatePanelHeight(),window.addEventListener(E.RESIZE,(()=>a())))})),window.addEventListener(E.LOAD,(()=>{t.GLUE in window&&(e.classList.add("js-connected"),this.updatePanelHeight(),this.pauseIndicator())})),t.MATCH_MEDIA in window&&window.matchMedia("(orientation: portrait)").addEventListener(E.CHANGE,(()=>{this.updatePanelHeight()})),this.setBackgroundColor()}setBackgroundColor(){this.classList.add(`bg-${this.firstElementChild.dataset.bgColor}`)}goToPanel(e){const t=this.querySelector(".active"),i=this.querySelector(`#${null==t?void 0:t.id}-image`),a=this.querySelector(`#${e.id}-image`);t&&t.classList.replace(p.ACTIVE,"inactive"),e.classList.replace("inactive",p.ACTIVE),i&&i.classList.add("hidden"),a&&a.classList.remove("hidden"),this.updatePanelHeight()}updatePanelHeight(){var e;this.clearIndicator();var i=this.querySelectorAll(".inactive");const a=this.querySelector(".active");for(var s of i)s.style.height=`${s.firstElementChild.offsetHeight}px`;i=a.firstElementChild,s=null===(e=a.firstElementChild)||void 0===e?void 0:e.nextElementSibling,a.style.height=`${i.offsetHeight+s.offsetHeight+this._panelPadding}px`,t.ANIMATE in HTMLElement.prototype&&this.startIndicator(a)}startIndicator(e){this._animation=e.animate({top:["-100%","0%"]},{duration:8e3,pseudoElement:"::after"}),this.indicatorFinishedHandler()}pauseIndicator(){this._animation&&this._animation.pause()}clearIndicator(){this._animation&&this._animation.cancel()}indicatorFinishedHandler(){this._animation&&this._animation.addEventListener(E.FINISH,(()=>{if(this._panelList)for(const[e,t]of this._panelList.entries())if(t.classList.contains(p.ACTIVE)){this.goToPanel(e<this._panelList.length-1?this._panelList[e+1]:this._panelList[0]);break}}))}get gtmModuleName(){return this.nodeName}get backgroundColor(){return this.getAttribute("bg-color")||this.bg_color}get mainHeadline(){return this.headline||this.getAttribute(m.HEADLINE)||""}get mainCopy(){return this.copy||this.getAttribute(m.COPY)||""}get mediaAlignment(){return this.media_alignment||this.getAttribute(m.MEDIA_ALIGNMENT)||""}get panelMemo(){return this._panelMemo}set panelMemo(e){this._panelMemo=e}get panelObjects(){if(this._panelMemo.length)return this._panelMemo;let e=this.getAttribute("animated-text-items")||this.animated_text_items;if("string"==typeof e)try{e=JSON.parse(a(e))}catch(e){throw Error("Card info is in an incompatible format")}return Array.isArray(e)&&(this._panelMemo=e.map((e=>{const{body:t,title:i}=e;return{body:t,images:this.formatMultiImage(e.imgs,!1),title:i}}))),this._panelMemo}get carouselAriaLabels(){const e=this.getAttribute(m.CAROUSEL_ARIA_LABELS)||this.carousel_aria_labels;return!e||"string"!=typeof e&&0===Object.keys(e).length?null:"string"==typeof e?JSON.parse(a(e)):e}render(){const e="Right"===this.mediaAlignment,t=e?"glue-order-2-xl glue-order-2-lg":"glue-order-1-xl glue-order-1-lg";return l` 431 <div class="glue-page" data-bg-color="${this.backgroundColor}"> 432 <div class="glue-grid"> 433 <div class="glue-grid__col glue-grid__col--span-2 glue-grid__col--span-1-lg glue-grid__col--span-2-xl"></div> 434 <div class="glue-grid__col glue-grid__col--span-8 glue-grid__col--span-10-lg glue-grid__col--span-8-xl headline-container"> 435 <h2 class="glue-headline glue-headline--headline-2 glue-spacer-2-bottom glue-spacer-1-top animated-headline" aria-label="${this.mainHeadline}">
436 <span class="glue-font-weight-medium">${this.mainHeadline}</span> 437 </h2> 438 <p class="main-copy">${this.mainCopy}</p> 439 </div> 440 <div class="glue-grid__col glue-grid__col--span-2 glue-grid__col--span-1-lg glue-grid__col--span-2-xl"></div> 441 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-2-md glue-grid__col--span-1"></div> 442 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-8-md glue-grid__col--span-5 ${e?"glue-order-1-xl glue-order-1-lg":"glue-order-2-xl glue-order-2-lg"}"> 443 <div class="panels-container glue-text-center"> 444 <ul class="panels glue-no-bullet" role="list"> 445 ${this.panelObjects.map(((e,t)=>n` 446 <li id="panel-${t}" class="panel glue-spacer-4-bottom main-copy-item ${0===t?p.ACTIVE:"inactive"}" tabindex="0"> 447 <h3 class="glue-headline glue-headline--headline-5 glue-spacer-2-bottom" aria-label="${e.title} - ${e.images[0].alt}">${e.title}</h3> 448 <p class="glue-spacer-1-bottom panel-body">${e.body}</p> 449 </li> 450 `))} 451 </ul> 452 <div class="main-btn-container glue-spacer-3-bottom"> 453 ${this.ctaBlock} 454 </div> 455 </div> 456 </div> 457 <div class="glue-grid__col glue-grid__col--span-5 panel-images-wrapper ${t}" aria-hidden="true"> 458 <div class="panel-images"> 459 ${this.panelObjects.map(((e,t)=>(e=e.images)?n` 460 <div id="panel-${t}-image" class="panel-image-container ${0===t?"":"hidden"}"> 461 <div class="panel-image"> 462 <woi-image images="${i(JSON.stringify(e))}" widths="xl:504,lg:428" round-corners lazy></woi-image> 463 </div> 464 </div> 465 `:""))} 466 </div> 467 </div> 468 </div> 469 <div class="carousel-container"> 470 <woi-carousel 471 animated-text 472 cards="${i(JSON.stringify(this.panelObjects))}" 473 cards-per-page="1" 474 ${this.carouselAriaLabels?`carousel-aria-labels="${i(JSON.stringify(this.carouselAriaLabels))}"`:null} 475 mobile-only 476 ></woi-carousel> 477 </div> 478 </div> 479 `}};customElements.define("woi-animated-text",He);var Ue=class extends J{constructor(){var e,t;super(...arguments),this._carousel=null,this._carouselEl=this.querySelector(".glue-carousel"),this._carouselListDiv=this.querySelector(".glue-carousel__viewport"),this._carouselItems=this.querySelectorAll(".glue-carousel__item"),this._modalEls=this.querySelectorAll(".woi-video-modal"),this._carouselNav=this.querySelector(".woi-carousel__navigation--container"),this._carouselNavPrevBtn=null===(e=this._carouselNav)||void 0===e?void 0:e.firstElementChild,this._carouselNavNextBtn=null===(t=this._carouselNav)||void 0===t?void 0:t.lastElementChild}connectedCallback(){var e,i;if(this.firstElementChild||(this.replaceChildren(this.render()),this._carouselEl=this.querySelector(".glue-carousel"),this._carouselItems=this.querySelectorAll(".glue-carousel__item"),this._modalEls=this.querySelectorAll(".woi-video-modal"),this._carouselListDiv=this.querySelector(".glue-carousel__viewport"),this._carouselNav=this.querySelector(".woi-carousel__navigation--container"),this._carouselNavPrevBtn=null===(e=this._carouselNav)||void 0===e?void 0:e.firstElementChild,this._carouselNavNextBtn=null===(i=this._carouselNav)||void 0===i?void 0:i.lastElementChild),this._carouselEl&&t.GLUE in window){this._carousel=new glue.Carousel(this._carouselEl,{cardsPerPage:this.cardsPerPage,currentSlide:this.startingSlide,cyclical:this.isCyclical,navigation:this.showDots,peekOut:this.peekOut});const e=new window.MutationObserver((e=>{e.forEach((e=>{this.carouselAttrsHandler(e.target)}))}));this._carouselItems&&this._carouselItems.forEach((t=>{this.carouselAttrsHandler(t),e.observe(t,{attributeFilter:[m.ARIA_HIDDEN]})})),window.addEventListener(E.DOM_CONTENT_LOADED,(()=>
479{this._modalEls&&this._modalEls.forEach((e=>{this._carouselListDiv&&this._carouselListDiv.append(e)}))}))}De.getBpName()===h.SM&&this._carouselNav&&(this._carouselNav.setAttribute(m.ARIA_HIDDEN,"true"),this._carouselNavPrevBtn&&this._carouselNavNextBtn&&(this._carouselNavPrevBtn.setAttribute(m.TABINDEX,"-1"),this._carouselNavNextBtn.setAttribute(m.TABINDEX,"-1"))),De.subscribe((e=>{e=e===h.SM,this._carouselNav&&this._carouselNavPrevBtn&&this._carouselNavNextBtn&&(e?(this._carouselNav.setAttribute(m.ARIA_HIDDEN,"true"),this._carouselNavPrevBtn.setAttribute(m.TABINDEX,"-1"),this._carouselNavNextBtn.setAttribute(m.TABINDEX,"-1")):(this._carouselNav.removeAttribute(m.ARIA_HIDDEN),this._carouselNavPrevBtn.removeAttribute(m.TABINDEX),this._carouselNavNextBtn.removeAttribute(m.TABINDEX)))}))}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||this.nodeName.toLowerCase()}get carouselEl(){return this._carouselEl}set carouselEl(e){this._carouselEl=e}get carousel(){return this._carousel}set carousel(e){this._carousel=e instanceof glue.Carousel?e:null}get cardsPerPage(){return Number(this.getAttribute("cards-per-page"))||3}get peekOut(){return!this.hasAttribute("no-peek")}get startingSlide(){return Number(this.getAttribute("start"))||1}get isCyclical(){return this.hasAttribute("cyclical")}get showDots(){return!this.hasAttribute("no-dots")}get cards(){const e=this.getAttribute("cards");return e?JSON.parse(a(e)):null}get isImageOnly(){return this.hasAttribute("image-only")}get isAnimatedText(){return this.hasAttribute("animated-text")}get isFeature3Up(){return this.hasAttribute("feature-3up")}get isCarouselCard(){return this.hasAttribute("carousel-card")}get carouselDescription(){return this.getAttribute("carousel-description")||""}get isCaseStudy(){return this.hasAttribute("case-study")}get isCaseStudyMobile(){return this.hasAttribute("case-study-mobile")}get isStacked2Up(){return this.hasAttribute("stacked-2up")}get mediaAlignment(){return this.getAttribute(m.MEDIA_ALIGNMENT)||""}get backgroundColor(){return this.getAttribute(m.BACKGROUND_COLOR)||""}get carouselAriaLabels(){const e=this.getAttribute(m.CAROUSEL_ARIA_LABELS);return e?JSON.parse(a(e)):null}get modalAriaLabels(){return this.getAttribute(m.MODAL_ARIA_LABELS)||""}carouselAttrsHandler(e){e.removeAttribute(m.ARIA_HIDDEN)}imageCardRender(e){return n` 480 <article class="glue-carousel__item glue-card"> 481 <div aria-label="${e.aria_description}"class="glue-card__inner"> 482 <woi-image 483 image="${e.url}" 484 widths="lg:416,md:460,sm:543" 485 lazy> 486 </woi-image> 487 </div> 488 </article> 489 `}animatedTextCardRender(e){return n` 490 <article class="glue-carousel__item glue-card"> 491 <div aria-label="${e.title}" class="glue-card__inner"> 492 <woi-image 493 images="${i(JSON.stringify(e.images))}" 494 widths="xl:503,lg:427,md:450,sm:400" 495 lazy 496 round-corners> 497 </woi-image> 498 <div class="glue-text-center glue-spacer-3-top"> 499 <h3 class="glue-headline glue-headline--headline-5 glue-spacer-2-bottom animated-card-title">${e.title}</h3> 500 <p class="animated-card-body">${e.body}</p> 501 </div> 502 </div> 503 </article> 504 `}feature3UpCardRender(e){return n` 505 <woi-card 506 background-color="${this.backgroundColor}" 507 ${e.body?`body="${e.body}"`:null} 508 card-type="featureCard" 509 ${Array.isArray(e.cta)&&e.cta.every((e=>e.url))?`cta-block="${i(JSON.stringify(e.cta))}"`:null} 510 ${e.headline?`headline="${e.headline}"`:null} 511 headline="${e.headline}" 512 images="${this.formatMultiImage(e.images,!0)}" 513 is-glue-carousel 514 widths="md:459,sm:473" 515 ${e.youtube_id?`youtube-id="${e.youtube_id}"`:null}> 516 </woi-card> 517 `}cardCarouselRender(e){return n` 518 <woi-card 519 ${e.body?`body="${i(e.body)}"`:null} 520 card-type="toolsCard" 521 ${e.gtm_cta_name?`cta-name="${e.gtm_cta_name}"`:null} 522 ${e.cta_url?`cta-url="${e.cta_url}"`:null} 523 is-glue-carousel 524 module-name="${this.gtmModuleName}" 525 ${e.has_transparency?`has-transparency="${e.has_transparency}"`:null} 526 ${e.title?`headline="${e.title}"`:null} 527 ${e.icon&&Object.keys(e.icon).length?`icon="${e.icon.url}"`:null}> 528 </woi-card> 529 `}caseStudyCardRender(e){return n` 530 <woi-card 531 ${e.body?`body="${e.body}"`:null} 532 ${e.data_callout.headline?`callout="${i(JSON.stringify(e.data_callout))}"`:null} 533 card-type="caseStudyCard" 534 ${e.cta.text||e.cta.url?`cta-button="${i(JSON.stringify(e.cta))}"`:null} 535 headline="${e.headline}" 536 ${e.image.length?`images="${this.formatMultiImage(e.image,!0)}"`:null} 537 ${e.logo_image.length?`logo-image="${this.formatMultiImage(e.logo_image,!0)}"`:null} 538 media-alignment="${this.mediaAlignment}" 539 ${this.modalAriaLabels?`modal-aria-labels="${this.modalAriaLabels}"`:null} 540 module-name="${this.gtmModuleName}" 541 ${e.youtube.url?`youtube-data="${i(JSON.stringify(e.youtube))}"`:null}> 542 </woi-card> 543 `}caseStudyMobileCardRender(e){return n` 544 <woi-card 545 ${e.body?`body="${e.body}"`:null} 546 ${e.data_callout.headline?`callout="${i(JSON.stringify(e.data_callout))}"`:null} 547 card-type="caseStudyMobileCard" 548 ${e.cta.text||e.cta.url?`cta-button="${i(JSON.stringify(e.cta))}"`:null} 549 headline="${e.headline}" 550 ${e.image.length?`images="${this.formatMultiImage(e.image,!0)}"`:null} 551 ${e.logo_image.length?`logo-image="${this.formatMultiImage(e.logo_image,!0)}"`:null} 552 ${this.modalAriaLabels?`modal-aria-labels="${this.modalAriaLabels}"`:null} 553 module-name="${this.gtmModuleName}" 554 ${e.youtube.url?`youtube-data="${i(JSON.stringify(e.youtube))}"`:null}> 555 </woi-card> 556 `}stacked2UpCardRender(e){return n` 557 <woi-card 558 ${e.body?`body="${e.body}"`:null} 559 card-type="stackedCard" 560 ${this.ctaBlock?`cta-button="${i(JSON.stringify(this.ctaBlock))}"`:null} 561 headline="${e.headline}" 562 images="${this.formatMultiImage(e.images,!0)}" 563 widths="sm:550"> 564 </woi-card> 565 `}carouselRender(e){return n` 566 <li> 567 ${this.isImageOnly?this.imageCardRender(e):this.isAnimatedText?this.animatedTextCardRender(e):this.isFeature3Up?this.feature3UpCardRender(e):this.isCarouselCard?this.cardCarouselRender(e):this.isCaseStudy?this.caseStudyCardRender(e):this.isCaseStudyMobile?this.caseStudyMobileCardRender(e):this.isStacked2Up?this.stacked2UpCardRender(e):""} 568 </li> 569 `}render(){var e,t,i,a;return this.cards?l` 570 <section class="glue-carousel glue-carousel--cards glue-carousel--has-navigation" aria-label="${this.carouselDescription}"> 571 <div class="glue-carousel__viewport"> 572 <ul class="glue-carousel__list"> 573 ${this.cards.map((e=>this.carouselRender(e)))} 574 </ul> 575 </div> 576 <div class="${1<this.cards.length?"woi-carousel__navigation--container":"hidden"}"> 577 <button class="glue-carousel__button glue-carousel__button--prev" aria-label="${(null===(e=this.carouselAriaLabels)||void 0===e?void 0:e.aria_go_previous_slide)||""}"> 578 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--32px" viewBox="0 0 24 24">
578<path d="M16.41 5.41L15 4l-8 8 8 8 1.41-1.41L9.83 12" /></svg> 579 </button> 580 <nav class="glue-carousel__navigation" aria-label="${(null===(t=this.carouselAriaLabels)||void 0===t?void 0:t.aria_choose_page)||""}" data-glue-carousel-navigation-label="${(null===(i=this.carouselAriaLabels)||void 0===i?void 0:i.aria_go_slide)||""} $glue_carousel_page_number$"></nav> 581 <button class="glue-carousel__button glue-carousel__button--next" aria-label="${(null===(a=this.carouselAriaLabels)||void 0===a?void 0:a.aria_go_next_slide)||""}"> 582 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--32px" viewBox="0 0 24 24"><path d="M7.59 18.59L9 20l8-8-8-8-1.41 1.41L14.17 12" /></svg> 583 </button> 584 </div> 585 </section> 586 `:l``}};customElements.define("woi-carousel",Ue);var qe="woi-chatbot",Ge='button[data-bm-widget-layout="floating"]',je=class extends J{constructor(){var e;super(...arguments),this.widget_text=this.cta_label=this.context_id=this.agent_id=null,this.chatbotEl=document.querySelector(qe),this.chatbotButton=document.querySelector(Ge),this.chatbotParentEl=null===(e=this.chatbotEl)||void 0===e?void 0:e.parentElement}connectedCallback(){var e;this.firstElementChild||(this.replaceChildren(this.render()),this.chatbotEl=this.querySelector(qe),this.chatbotButton=document.querySelector(Ge),this.chatbotParentEl=null===(e=this.chatbotEl)||void 0===e?void 0:e.parentElement);const i=e=>{this.chatbotButton&&this.chatbotButton.classList.toggle(p.OPEN,e)};e=()=>{this.chatbotParentEl&&this.chatbotParentEl.classList.toggle(p.HIDDEN,De.getBpName()===(h.SM||h.MD)),De.subscribe((e=>{e=[h.SM,h.MD].includes(e),this.chatbotParentEl&&this.chatbotParentEl.classList.toggle(p.HIDDEN,e)})),window.addEventListener(E.BM_WIDGET_CLOSED,(()=>{i(!1)})),window.addEventListener(E.BM_WIDGET_MAXIMIZED,(()=>{i(!0)})),window.addEventListener(E.BM_WIDGET_MINIMIZED,(()=>{i(!1)}))},new Ae,window.navigator.userAgent.includes(t.JSDOM)||document.addEventListener(E.CHATBOT_LOADED,e)}get agentId(){return this.getAttribute(m.CHATBOT_AGENT_ID)||this.agent_id}get contextId(){return this.getAttribute(m.CHATBOT_CONTEXT_ID)||this.context_id}get ctaLabel(){return this.getAttribute(m.CTA_LABEL)||this.cta_label}render(){return l` 587 ${this.agentId&&this.contextId?n` 588 <button 589 data-bm-widget-agent-id="${this.agentId}" 590 class="hidden" 591 data-bm-widget-context="${this.contextId}" 592 data-bm-widget-layout="floating" 593 data-g-cta-name="chatbot" 594 data-g-module-name="woi-floating-chatbot" 595 ${this.ctaLabel?`aria-label="${this.ctaLabel}"`:null}> 596 </button> 597 <span class="chat-icon chat-icon--overlay">
598 <woi-icon icon-id="CLOSE" class-names="glue-icon--social glue-icon--24px"></woi-icon> 599 </span> 600 `:console.warn("Chatbot: No agent/context ID provided")} 601 `}};customElements.define("woi-chatbot",je);var We,Fe=We||(We={});Fe.KAKAOTALK="kakaotalk",Fe.LINE="line",Fe.WECHAT="wechat",Fe.ZALO="zalo";var Ye=class extends J{constructor(){super(...arguments),this.chat_widget_provider=null,this.tooltip_text=this.panel_subheadline=this.panel_headline=this.panel_image=this.panel_alt_text=this.mobile_url=this.fab_icon=this.cta_label="",this._chatTooltipCloseButton=document.querySelector("button.chat-widget__tooltip-close-button"),this._chatWidgetAnchor=document.querySelector('a[data-chat-widget-layout="floating"]'),this._chatWidgetButton=document.querySelector('button[data-chat-widget-layout="floating"]'),this._chatWidgetContainer=document.querySelector("div.chat-widget__container"),this._chatWidgetPanel=document.querySelector("div.chat-widget__panel"),this._chatWidgetTooltip=document.querySelector("div.chat-widget__tooltip"),this._woiStickyCta=document.querySelector("woi-sticky-cta"),this._useLinkedButton=this._emptyPanelData=this._isMobile=!1}connectedCallback(){var e;if(this.firstElementChild||(this.replaceChildren(this.render()),this._chatTooltipCloseButton=document.querySelector("button.chat-widget__tooltip-close-button"),this._chatWidgetAnchor=document.querySelector('a[data-chat-widget-layout="floating"]'),this._chatWidgetButton=document.querySelector('button[data-chat-widget-layout="floating"]'),this._chatWidgetContainer=document.querySelector("div.chat-widget__container"),this._chatWidgetPanel=document.querySelector("div.chat-widget__panel"),this._chatWidgetTooltip=document.querySelector("div.chat-widget__tooltip"),this._woiStickyCta=document.querySelector("woi-sticky-cta")),"true"===(null===(e=this._chatWidgetContainer)||void 0===e?void 0:e.dataset.emptyPanel)&&(this._emptyPanelData=!0),this._useLinkedButton=this._emptyPanelData||this._isMobile,!window.navigator.userAgent.includes(t.JSDOM)){const t=()=>{this._chatWidgetButton&&this._chatWidgetTooltip&&this._chatWidgetPanel&&(this._chatWidgetButton.classList.toggle(p.OPEN),this._chatWidgetTooltip.classList.toggle(p.HIDDEN,!0),this._chatWidgetPanel.classList.toggle(p.HIDDEN))};e=()=>{this._chatWidgetTooltip&&this._chatWidgetPanel&&this._chatWidgetTooltip.classList.toggle(p.HIDDEN,!0)},this._isMobile=De.getBpName()===(h.SM||h.MD),this._useLinkedButton=this._emptyPanelData||this._isMobile,this._woiStickyCta&&this._chatWidgetContainer&&this._chatWidgetContainer.classList.toggle("translate-up",this._isMobile),this._chatWidgetAnchor&&this._chatWidgetButton&&this._chatWidgetPanel&&(this._chatWidgetAnchor.classList.toggle(p.HIDDEN,!this._useLinkedButton),this._chatWidgetButton.classList.toggle(p.HIDDEN,this._useLinkedButton),this._useLinkedButton&&this._chatWidgetPanel.classList.toggle(p.HIDDEN,!0)),!this._chatWidgetButton||this._useLinkedButton&&this.mobileUrl||this._chatWidgetButton.addEventListener(E.CLICK,t),this._chatTooltipCloseButton&&this._chatTooltipCloseButton.addEventListener(E.CLICK,e),De.subscribe((e=>{this._isMobile=e===(h.SM||h.MD),this._useLinkedButton=this._emptyPanelData||this._isMobile,this._woiStickyCta&&this._chatWidgetContainer&&this._chatWidgetContainer.classList.toggle("translate-up",this._isMobile),this._chatWidgetAnchor&&this._chatWidgetButton&&this._chatWidgetPanel&&(this._chatWidgetAnchor.classList.toggle(p.HIDDEN,!this._useLinkedButton),this._chatWidgetButton.classList.toggle(p.HIDDEN,this._useLinkedButton),this._useLinkedButton&&(this._chatWidgetButton.classList.toggle(p.OPEN,!1),this._chatWidgetPanel.classList.toggle(p.HIDDEN,!0))),this._chatWidgetButton&&this.mobileUrl&&this._chatWidgetButton.removeEventListener(E.CLICK,t),this._chatWidgetButton&&!this._useLinkedButton&&this._chatWidgetButton.addEventListener(E.CLICK,t)}))}}get chatWidgetProvider(){return this.getAttribute("chat-widget-provider")||this.chat_widget_provider}get ctaLabel(){return this.getAttribute(m.CTA_LABEL)||this.cta_label}get fabIcon(){const e=this.getAttribute("fab-icon")||this.fab_icon;return"string"==typeof e?JSON.parse(a(e)):e}get mobileUrl(){return this.getAttribute("mobile-url")||this.mobile_url}get panelHeadline(){return this.getAttribute("panel-headline")||this.panel_headline}get panelImage(){const e=this.getAttribute("panel-image")||this.panel_image;return"string"==typeof e?JSON.parse(a(e)):e}get panelImageAltText(){return this.getAttribute("panel-alt-text")||this.panel_alt_text}get panelSubheadline(){return this.getAttribute("panel-subheadline")||this.panel_subheadline}get tooltipText(){return this.getAttribute("tooltip-text")||this.tooltip_text}get emptyPanelData(){var e;return!(this.panelHeadline&&this.panelSubheadline&&this.panelImageAltText&&null!==(e=this.panelImage)&&void 0!==e&&e.url)}render(){var e,t;return l` 602 <div class="chat-widget__container" data-empty-panel="${this.emptyPanelData}"> 603 <button 604 data-chat-widget-layout="floating" 605 data-chat-widget-provider="${this.chatWidgetProvider}" 606 data-g-cta-name="chat-widget-${this.chatWidgetProvider}" 607 data-g-module-name="woi-chat-widget-third-party-${this.chatWidgetProvider}" 608 aria-label="${this.ctaLabel}"> 609 <woi-image aria-hidden="true" image="${this.fabIcon.url}" widths="sm:${this.chatWidgetProvider===We.ZALO?56:40}" image-class="chat-widget__logo"></woi-image> 610 <woi-icon class-names="glue-icon--social glue-icon--24px" icon-id="CLOSE"></woi-icon> 611 </button> 612 ${this.mobileUrl?n`<a 613 href="${this.mobileUrl}" 614 ${this.setExternalLink(this.mobileUrl)} 615 data-chat-widget-layout="floating" 616 data-chat-widget-provider="${this.chatWidgetProvider}" 617 data-g-cta-name="chat-widget-${this.chatWidgetProvider}" 618 data-g-module-name="woi-chat-widget-third-party-${this.chatWidgetProvider}" 619 aria-label="${this.ctaLabel}"> 620 <img aria-hidden="true" class="chat-widget__logo" src="${null===(e=this.fabIcon)||void 0===e?void 0:e.url}"> 621 </a>`:""} 622 <div class="chat-widget__tooltip">
623 <span class="chat-widget__tooltip-text">${this.tooltipText}</span> 624 <button class="chat-widget__tooltip-close-button"> 625 <woi-icon icon-id="CLOSE" class-names="glue-icon--social glue-icon--24px"></woi-icon> 626 </button> 627 </div> 628 <div class="chat-widget__panel hidden"> 629 <woi-image image="${null===(t=this.panelImage)||void 0===t?void 0:t.url}" widths="sm:96" alt-text="${this.panelImageAltText}"></woi-image> 630 <div class="chat-widget__panel-text"> 631 <span class="chat-widget__panel-text chat-widget__panel-text--headline"> 632 ${this.panelHeadline} 633 </span> 634 <span class="chat-widget__panel-text chat-widget__panel-text--subheadline"> 635 ${this.panelSubheadline} 636 </span> 637 </div> 638 </div> 639 </div> 640 `}};customElements.define("woi-chat-widget-third-party",Ye);var Ve=class extends J{constructor(){super(...arguments),this._imgMemo=[]}get images(){if(this._imgMemo.length)return this._imgMemo;var e=Y.htmlImage;if(e.length)return this._imgMemo=e,this.removeAttribute("images"),this._imgMemo;if(e=this.getAttribute(m.IMAGES))return this._imgMemo=JSON.parse(a(e));throw Error("No images provided")}get widths(){return this.getAttribute(m.WIDTHS)||""}get isEagerLoading(){return this.hasAttribute("loading-eager")}get isHighPriority(){return this.hasAttribute("priority-high")}setBreakpoints(e,t){const i=["xl","lg","md","sm"];var a=e.breakpoint;e=i.indexOf(a)+1,a=[a];for(let s=e;s<i.length&&!t.find((e=>e.breakpoint===i[s]));s++)a.push(i[s]);return a.join(",")}setStyle(e){const t=e.global_styling,i=e.rtl_global_styling;e=e.localized_styling;let a=new Map,s="";return t?(a=this.combineStyling(t,a),i&&Y.isRtl&&(a=this.combineStyling(i,a)),e&&(a=this.combineStyling(e,a)),a.forEach(((e,t)=>{t&&e&&(s+=`${t}:${e};`)})),s.trim()):""}combineStyling(e,t){return e.replace(/\n/g,"").replace(/ {2}/g,"").split(";").forEach((e=>{const[i,a]=e.split(":");t.set(i,a)})),t}render(){const e=this.images,t=1<e.length;return l` 641 <section class="editable-image" is-rtl="${Y.isRtl}" aria-label="${e[0].alt?e[0].alt:e[0].aria_description}"> 642 ${e.map((i=>{var a,s;const l=Y.isRtl?null===(a=i.html_image.image_rtl)||void 0===a?void 0:a.url:null===(s=i.html_image.image)||void 0===s?void 0:s.url;return l?(a=i.html_image.has_transparency?"has-transparency":"",n` 643 <editable-image-inner role="img" class="image-wrapper ${t?"image-wrapper--responsive":""}" 644 ${t?`breakpoint="${this.setBreakpoints(i,e)}"`:""}> 645 <woi-image 646 image="${l}" 647 widths="${this.widths}" 648 ${a} 649 alt-text="${i.alt?i.alt:i.aria_description}" 650 ${this.isEagerLoading?"loading-eager":null} 651 ${this.isHighPriority?"priority-high":null}> 652 </woi-image> 653 <div class="editable-image--text-wrapper"> 654 ${i.html_image.content.map((e=>n` 655 <div class="editable-image--text ${e.id}" 656 style='${this.setStyle(e)}'> 657 <div>${e.text}</div> 658 </div>`))} 659 </div> 660 </editable-image-inner> 661 `):(console.warn("HTML Image file is missing from KCS."),n`<div class="error-message">HTML Image file is missing from KCS</div>`)}))} 662 </section> 663 `}};customElements.define("woi-editable-image",Ve);var Je=class extends J{constructor(){super(...arguments),this.staticImg=this.querySelector("img"),this.textWrapper=this.querySelector(".editable-image--text-wrapper")}connectedCallback(){if(t.ANIMATION_FRAME in window){this.staticImg||(this.staticImg=this.querySelector("img"));const e=()=>{var t;if(null!==this.offsetParent){const e=(null===(t=this.parentElement)||void 0===t?void 0:t.clientWidth)||0;this.textWrapper&&(this.textWrapper.style.transform=`scale(${e/600})`)}window.requestAnimationFrame(e)};window.requestAnimationFrame(e)}}};customElements.define("editable-image-inner",Je);var Ke=class extends J{constructor(){super(...arguments),this.imageMap=null,this.rawData=[]}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render())}get altText(){var e=this.getAttribute("alt-text");return e||((e=this.getAttribute(m.IMAGES))&&(e=JSON.parse(a(e))).length?e.filter((e=>e.breakpoint===h.XL))[0].alt:"")}get image(){return this.getAttribute(m.IMAGE)||""}get images(){var e;if(this.imageMap)return this.imageMap;var t=this.getAttribute(m.IMAGES);if(t){t=JSON.parse(a(t));const i=new Map;for(const a of t){let t;t=a.html_image&&a.use_html_image&&Object.prototype.hasOwnProperty.call(a.html_image,"content")?a.html_image:a.url,i.set(a.breakpoint,t),i.set(a.url,null===(e=a.has_transparency)||void 0===e?void 0:e.toString())}return this.imageMap=i,this.rawData=t,i}return null}get imageClass(){const e=this.getAttribute("image-class")||"",t=this.hasAttribute("round-corners")&&"round-corners";return`${e}${t?` ${t}`:""}`}get isSingleImage(){return this.hasAttribute(m.IMAGE)}get pictureClass(){return this.getAttribute("picture-class")||""}get widths(){return this.getAttribute(m.WIDTHS)||""}get widthsMap(){const e=new Map;if(this.widths){const t=this.widths.split(",");for(const i of t){const[t,a]=i.split(":");e.set(t.trim(),a.trim())}}return e}get isEagerLoading(){return this.hasAttribute("loading-eager")}get isHighPriority(){return this.hasAttribute("priority-high")}closestImage(e){var t;const i={lg:h.XL,md:h.LG,sm:h.MD},a=null===(t=this.images)||void 0===t?void 0:t.get(e);return a||e!==h.XL?a||this.closestImage(i[e]):""}createMultiImageSrcset(){var e;if(!this.images)return[""];const t=[];
663this.widthsMap.forEach(((e,i)=>{var a;const s=this.closestImage(i);if("string"==typeof s){const l="true"===(null===(a=this.images)||void 0===a?void 0:a.get(s));t.push(this.sourceMarkup(s,e,i,l))}}));const[i]=(null===(e=this.images)||void 0===e?void 0:e.values())||"";return e=[...this.widthsMap.keys()].pop()||"xl","string"==typeof i&&t.push(this.imgMarkup(i,`${this.widthsMap.get(e)}`,this.altText,this.imageClass)),t}createSingleImageSrcset(){const e=[],t=this.hasAttribute(m.HAS_TRANSPARENCY);this.widthsMap.forEach(((i,a)=>{e.push(this.sourceMarkup(this.image,i,a,t))}));const i=[...this.widthsMap.keys()].pop()||"xl";return e.push(this.imgMarkup(this.image,`${this.widthsMap.get(i)}`,this.altText,this.imageClass)),e}htmlImage(){return l` 664 <woi-editable-image 665 images="${i(JSON.stringify(this.rawData))}" 666 widths='${this.widths}' 667 ${this.isEagerLoading?"loading-eager":null} 668 ${this.isHighPriority?"priority-high":null}> 669 </woi-editable-image> 670 `}imgMarkup(e,t,a,s){return n` 671 <img src="${`${e}=w${t}-rw-v1`}" 672 alt="${i(a)}" 673 ${s?`class="${s}"`:""} 674 width="${t}" 675 ${this.isEagerLoading?"":'loading="lazy"'} 676 ${this.isHighPriority?'fetchpriority="high"':""}> 677 `}sourceMarkup(e,t,i,a){return n` 678 <source srcset="${`${e}=${a?"s0":`w${t}`}-rw-v1${a?"":`, ${e}=w${2*Number(t)}-rw-v1 2x`}`}" 679 width="${t}" 680 media="${this.getMediaBreakpoint(i)}" 681 type="image/webp"> 682 `}render(){var e,t;return null!==(t=null===(e=this.images)||void 0===e?void 0:e.values().next().value)&&void 0!==t&&t.content?this.htmlImage():l` 683 <picture class="${this.pictureClass}"> 684 ${this.isSingleImage?this.createSingleImageSrcset():this.createMultiImageSrcset()} 685 </picture> 686 `}};customElements.define("woi-image",Ke);var ze=class extends J{constructor(){super(...arguments),this._androidEl=this.querySelector(".android-badge"),this._appleEl=this.querySelector(".apple-badge")}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this._androidEl=this.querySelector(".android-badge"),this._appleEl=this.querySelector(".apple-badge"));var e=(new Q).getDeviceType();const t=(new Q).osType();e=e===H.IPAD&&t===P.MAC_SAFARI,t===P.ANDROID&&this._appleEl&&this._appleEl.classList.add(p.HIDDEN),(t===P.IOS||e)&&this._androidEl&&this._androidEl.classList.add(p.HIDDEN)}get imageCtaObject(){const e=this.getAttribute("image-cta");return e?JSON.parse(a(e)):e}render(){var e;return l` 687 ${null===(e=this.imageCtaObject)||void 0===e?void 0:e.map((e=>{var t=e.url;const i=t.includes("apple.com");return t=t.includes("google.com"),n` 688 <a href="${e.url}" 689 aria-label="${e.label}" 690 class="${i?"apple-badge":""} ${t?"android-badge":""}" 691 data-g-cta-name="${e.gtm_cta_name}" 692 data-g-module-name="${this.gtmModuleName.toLowerCase()}" 693 ${this.setExternalLink(e.url)}> 694 <woi-image 695 image="${e.image.url}" 696 widths="${i?"sm:160":"sm:178"}" 697 ${null!=e&&e.has_transparency?m.HAS_TRANSPARENCY:""} 698 ></woi-image> 699 </a> 700 `}))} 701 `}};customElements.define("woi-image-cta",ze);var Xe=(e,t=100)=>{let i=!0;return()=>{i&&(e(),i=!1,setTimeout((()=>i=!0),t))}},Ze=class extends J{constructor(){var e,t;super(...arguments),this._banner=this.querySelector(".incentives-banner"),this._bannerMobile=this.querySelector(".incentives-banner__container--mobile"),this._bannerCtasArr=this.querySelectorAll(".incentives-banner__container .glue-link"),this._isSticky=null===(e=this._banner)||void 0===e?void 0:e.dataset.sticky,this._isModal=null===(t=this._banner)||void 0===t?void 0:t.dataset.modal,this._modalEl=this.querySelector(".incentives-banner-modal"),this._modalCloseBtn=this.querySelector(".incentives-banner-modal .glue-modal__close-btn"),this.activeBp=!0,this.background_color="blue",this.copy="",this.icon=null,this.is_sticky=!1,this.modal_aria_labels=null,this.modal_copy=this.modal_subheadline=this.modal_headline=this.mobile_copy="",this.modal_cta=[],this.modal_terms_conditions_headline="",this.modal_terms_conditions_items=[],this.opens_modal=!1}get gtmModuleName(){return this.nodeName}get sticky(){return this.getAttribute("is-sticky")||this.is_sticky}get backgroundColor(){return this.getAttribute(m.BACKGROUND_COLOR)||this.background_color}get iconImage(){var e,t=this.getAttribute(m.ICON)||this.icon;return t&&null!==(e=null==(t="string"==typeof t?JSON.parse(a(t)):t)?void 0:t.image)&&void 0!==e&&e.url?t:null}get copyText(){return{text:this.getAttribute(m.COPY)||this.copy,mobileText:this.getAttribute("mobile-copy")||this.mobile_copy}}get opensModal(){return this.getAttribute("opens-modal")||this.opens_modal}get modalText(){const e=this.getAttribute("modal-headline")||this.modal_headline,t=this.getAttribute("modal-subheadline")||this.modal_subheadline,i=this.getAttribute("modal-copy")||this.modal_copy;var s=this.getAttribute("modal-cta")||this.modal_cta;
701s=(s="string"==typeof s?JSON.parse(a(s)):s)&&s.map((e=>n`<woi-button ${this.unpackCta(e)}></woi-button>`));var l=this.getAttribute(m.MODAL_ARIA_LABELS)||this.modal_aria_labels;l=(l="string"==typeof l?JSON.parse(a(l)):l)?l.aria_close_modal:"";const r=this.getAttribute("modal-subheadline")||this.modal_terms_conditions_headline;var o=this.getAttribute("modal-tc-items")||this.modal_terms_conditions_items;return{aria_close_modal:l,copy:i,cta:s,headline:e,subheadline:t,tcHeadline:r,tcItems:o="string"==typeof o?JSON.parse(a(o)):o}}connectedCallback(){var e,i;this.firstElementChild||(this.replaceChildren(this.render()),this._banner=this.querySelector(".incentives-banner"),this._bannerMobile=this.querySelector(".incentives-banner__container--mobile"),this._bannerCtasArr=this.querySelectorAll(".incentives-banner__container .glue-link"),this._isSticky=null===(e=this._banner)||void 0===e?void 0:e.dataset.sticky,this._modalEl=this.querySelector(".incentives-banner-modal"),this._isModal=null===(i=this._banner)||void 0===i?void 0:i.dataset.modal,this._modalCloseBtn=this.querySelector(".incentives-banner-modal .glue-modal__close-btn"));const a=d((()=>{200<window.scrollY&&this._bannerMobile.classList.add("incentives-banner--active")}).bind(this),D.TWO_HUNDRED);e=Xe((()=>{const e=200<window.scrollY;"false"===this._isSticky&&e&&this._bannerMobile.classList.remove("incentives-banner--active"),e?a():this._bannerMobile.classList.remove("incentives-banner--active")}),D.ONE_HUNDRED),window.addEventListener(E.SCROLL,e),e=()=>{t.GLUE in window&&this._modalEl&&this._bannerCtasArr&&[...this._bannerCtasArr].forEach((e=>{const t=new glue.Modal(this._modalEl,e,this._modalCloseBtn);e.addEventListener(E.CLICK,(()=>t.open()))}))},"true"===this._isModal&&e()}renderIconImage(){try{const e=this.iconImage;return e&&n` 702 <woi-image 703 aria-hidden="true" 704 class="banner-icon" 705 image="${e.image.url||""}" 706 widths="lg:32,md:38,sm:48" 707 ${e.has_transparency?"has-transparency":""} 708 ></woi-image> 709 `||""}catch(e){return""}}render(){const e=this.modalText;return l` 710 <section class="glue-page incentives-banner" data-modal="${this.opensModal}" data-sticky="${this.sticky}"> 711 <div class="incentives-banner__container incentives-banner__container--mobile incentives-banner__container--${this.backgroundColor}"> 712 ${this.renderIconImage()} 713 <p class="glue-font-weight-medium glue-text-center"> 714 <span class="incentives-banner-copy"> 715 ${this.copyText.mobileText} 716 </span> 717 ${this.ctaBlock[0]} 718 </p> 719 </div> 720 <div class="incentives-banner__container incentives-banner__container--desktop incentives-banner__container--${this.backgroundColor}"> 721 ${this.renderIconImage()} 722 <p class="glue-font-weight-medium glue-text-center"> 723 <span class="incentives-banner-copy"> 724 ${this.copyText.text} 725 </span> 726 ${this.ctaBlock[1]} 727 </p> 728 </div> 729 </section> 730 731 <div class="incentives-banner-modal glue-modal glue-modal--dark" role="dialog" 732 aria-modal="true" aria-labelledby="incentives-banner-modal__label" 733 aria-describedby="incentives-banner-modal__content"> 734 <div class="glue-page"> 735 <div class="glue-grid"> 736 <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-0-md"></div> 737 <div class="incentives-banner-modal__container glue-grid__col glue-grid__col--span-10 glue-grid__col--span-12-md"> 738 <button class="glue-modal__close-btn" aria-label="${e.aria_close_modal}"></button> 739 <div class="glue-grid glue-spacer-5-top glue-spacer-5-bottom"> 740 <div class="glue-grid__col glue-grid__col--span-1"></div> 741 <div class="glue-grid__col glue-grid__col--span-8 glue-grid__col--span-10-md"> 742 <p class="glue-eyebrow glue-text-center">${e.headline}</h3> 743 <h4 id="incentives-banner-modal__label" class="glue-headline glue-headline--headline-3 glue-text-center">
744 <span class="glue-font-weight-medium">${e.subheadline}</span> 745 </h4> 746 <div id="incentives-banner-modal__content"> 747 <p class="glue-text-center">${e.copy}</p> 748 <div class="glue-text-center"> 749 ${e.cta} 750 </div> 751 <div class="incentives-banner-modal__terms--container glue-spacer-5-top"> 752 <h5 class="incentives-banner-modal__terms--headline glue-headline glue-headline--headline-5"> 753 <span class="glue-font-weight-medium">${e.tcHeadline}</span> 754 </h5> 755 <ol> 756 ${e.tcItems&&[...e.tcItems].map((e=>e?n`<li>${e}</li>`:""))} 757 </ol> 758 </div> 759 </div> 760 </div> 761 </div> 762 </div> 763 </div> 764 </div> 765 </div> 766 `}};customElements.define("woi-incentives-banner",Ze);var Qe=class extends J{constructor(){super(...arguments),this.carousel_aria_labels=this.cards="",this.nextBtn=this.querySelector(".next"),this.prevBtn=this.querySelector(".previous"),this.cardList=this.querySelectorAll(".woi-carousel-card"),this.snapport=this.querySelector(".carousel-snapport"),this.dotsContainer=this.querySelector(".pagination-dots"),this.cardRects=[],this.cardsPerPage=0}static get observedAttributes(){return["current-card"]}attributeChangedCallback(e,t,i){t&&(this.moveCarousel(Number(i)),e=this.dotsContainer?this.dotsContainer.children:null)&&(e[Number(t)||0].classList.remove("glue-is-active"),e[Number(i)].classList.add("glue-is-active"))}connectedCallback(){if(this.firstElementChild||(this.replaceChildren(this.render()),this.nextBtn=this.querySelector(".next"),this.prevBtn=this.querySelector(".previous"),this.cardList=this.querySelectorAll(".woi-carousel-card"),this.snapport=this.querySelector(".carousel-snapport"),this.dotsContainer=this.querySelector(".pagination-dots")),this.nextBtn.addEventListener(E.CLICK,(()=>{this.currentCard++})),this.prevBtn.addEventListener(E.CLICK,(()=>{this.currentCard--})),t.INTERSECTION_OBS in window){const e=new IntersectionObserver((e=>{for(const t of e)t.target.isEqualNode(this.cardList[0])&&(t.isIntersecting?this.prevBtn.setAttribute(m.DISABLED,"true"):this.prevBtn.removeAttribute(m.DISABLED)),t.target.isEqualNode(this.cardList[this.cardList.length-1])&&(t.isIntersecting?this.nextBtn.setAttribute(m.DISABLED,"true"):this.nextBtn.removeAttribute(m.DISABLED))}),{root:this.snapport,threshold:1}),t=this.snapport.clientWidth;for(const i of this.cardList){e.observe(i);const a=i.getBoundingClientRect();this.calcCardCount(i,a,t)}}this.dotsBuilder();const e=d((()=>{this.cardsPerPage=this.currentCard=0,this.cardRects=[];const e=this.snapport.clientWidth;for(const t of this.cardList){const i=t.getBoundingClientRect();this.calcCardCount(t,i,e)}this.dotsBuilder()}),500);window.addEventListener(E.RESIZE,(()=>{e()})),this.setAttribute("current-card","0")}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||this.nodeName}get cardsObject(){const e=this.getAttribute(m.CARDS);if(!e)throw Error("No cards were supplied to the carousel");return JSON.parse(a(e))}get currentCard(){return Number(this.getAttribute("current-card"))}set currentCard(e){this.setAttribute("current-card",Math.max(Math.min(e,this.cardList.length-1),0).toString())}get carouselAriaLabels(){const e=this.getAttribute(m.CAROUSEL_ARIA_LABELS);return e?JSON.parse(a(e)):null}get carouselIndex(){return this.getAttribute(m.INDEX)||"0"}calcCardCount(e,t,i){this.cardRects.push(t),e.offsetLeft+t.width<i&&this.cardsPerPage++}cardBuilder(e){var t;const a=[];for(const[s,l]of Object.entries(e))l&&"_"!==s.charAt(0)&&(s===m.CTA?a.push(`cta='${i(JSON.stringify(l))}'`):s===m.IMAGE?a.push(`image="${i(JSON.stringify(e.image))}"`):s===m.ICON?a.push(`icon="${"string"!=typeof e.icon&&"url"in e.icon?null===(t=e.icon)||void 0===t?void 0:t.url:""}"`):a.push(`${s.replace("_","-")}=${JSON.stringify(l)}`));return n` 767 <li class="woi-carousel-card"> 768 <woi-card 769 card-type="${this.cardType("string"==typeof e._collectionId?e._collectionId:"")}" 770 module-name="${this.gtmModuleName}" 771 index="${this.carouselIndex}${e._documentId}" 772 ${a.join(" ")} 773 ></woi-card> 774 </li> 775 `}cardType(e){return e.replace(/([A-Z])/,(e=>e.toLowerCase()))}dotsBuilder(){var e;if(this.dotsContainer.replaceWith(null===(e=this.dotsContainer)||void 0===e?void 0:e.cloneNode(!1)),e=this.cardList.length-this.cardsPerPage){this.classList.remove("carousel-disabled"),this.firstElementChild&&this.firstElementChild.classList.remove("glue-page"),this.dotsContainer=this.querySelector(".pagination-dots");const t=[];for(let i=0;i<=e;i++){const e=n` 776 <button 777 class="pagination-dot glue-carousel__dot${i?"":" glue-is-active"}" 778 data-jump-to="${i}" 779 aria-hidden="true" 780 tabindex="-1" 781 ><span class="glue-visually-hidden">Go to slide ${i}</span></button> 782 `;t.push(e)}this.dotsContainer.insertAdjacentHTML(L.AFTER_BEGIN,t.join("")),this.dotsListener()}else this.classList.add("carousel-disabled"),this.firstElementChild&&this.firstElementChild.classList.add("glue-page")}dotsListener(){const e=this.dotsContainer?this.dotsContainer.children:null;if(e)for(const t of e)t.addEventListener(E.CLICK,(({target:e})=>{this.currentCard=Number(e.dataset.jumpTo)}))}moveCarousel(e){this.snapport&&this.snapport.scroll({left:this.cardList[e].offsetLeft-this.cardRects[0].x,behavior:O.SMOOTH})}render(){var e,t;return l` 783 <section class="custom-carousel"> 784 <ul class="carousel-snapport"> 785 ${this.cardsObject.map((e=>this.cardBuilder(e)))} 786 </ul> 787 <div class="carousel-buttons" aria-hidden="true"> 788 <button class="previous glue-carousel__button glue-carousel__button--prev" aria-label="${(null===(e=this.carouselAriaLabels)||void 0===e?void 0:e.aria_previous_slide)||""}" tabindex="-1"> 789 <svg class="glue-icon glue-icon--32px" viewBox="0 0 24 24">
789<path d="M16.41 5.41L15 4l-8 8 8 8 1.41-1.41L9.83 12"></path></svg> 790 </button> 791 <button class="next glue-carousel__button glue-carousel__button--next" aria-label="${(null===(t=this.carouselAriaLabels)||void 0===t?void 0:t.aria_next_slide)||""}" tabindex="-1"> 792 <svg class="glue-icon glue-icon--32px" viewBox="0 0 24 24"><path d="M7.59 18.59L9 20l8-8-8-8-1.41 1.41L14.17 12"></path></svg> 793 </button> 794 </div> 795 <div class="pagination-dots glue-carousel__navigation"></div> 796 </section> 797 `}};customElements.define("woi-custom-carousel",Qe);var et=class extends J{get labelText(){return this.getAttribute("label")||""}get headlineText(){return this.getAttribute(m.HEADLINE)||""}get ctaUrl(){return this.getAttribute(m.CTA_URL)||""}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||""}get gtmCtaName(){return this.getAttribute(m.GTM_CTA_NAME)||""}get buttonAriaLabel(){return this.getAttribute(m.CTA_ARIA_DESCRIPTION)||""}render(){return l` 798 <div class="jumplink-basic-card__wrapper"> 799 <div class="jumplink-basic-card__content"> 800 <span class="jumplink-basic-card__label glue-label"> 801 ${this.labelText} 802 </span> 803 <span class="glue-headline glue-headline--headline-5"> 804 ${this.headlineText} 805 </span> 806 </div> 807 808 <woi-button 809 class="card-cta" 810 cta-name="${this.gtmCtaName}" 811 cta-url="${this.ctaUrl}" 812 emphasis="low" 813 icon-type="glue-icon" 814 icon-id="OPEN_NEW" 815 label="${this.buttonAriaLabel}" 816 module-name="${this.gtmModuleName}"> 817 </woi-button> 818 </div> 819 `}};customElements.define("woi-jumplink-basic-card",et);var tt=class extends J{get time(){return this.getAttribute("time")||""}get timeAriaLabel(){return this.getAttribute("time-aria-label")||""}get headlineText(){return this.getAttribute(m.HEADLINE)||""}get ctaUrl(){return this.getAttribute(m.CTA_URL)||""}get gtmCtaName(){return this.getAttribute(m.GTM_CTA_NAME)||""}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||""}get buttonAriaLabel(){return this.getAttribute(m.CTA_ARIA_DESCRIPTION)||""}render(){return l` 820 <div class="jumplink-list-card__wrapper"> 821 <div> 822 <woi-time-pill class="jumplink-list-card__card--desktop" time="${this.time}" ${this.timeAriaLabel?`time-aria-label="${this.timeAriaLabel}"`:""}></woi-time-pill> 823 <span class="jumplink-list-card__title">${this.headlineText}</span> 824 <woi-time-pill class="jumplink-list-card__card--mobile" time="${this.time}" ${this.timeAriaLabel?`time-aria-label="${this.timeAriaLabel}"`:""}></woi-time-pill> 825 </div> 826 827 <woi-button 828 class="jumplink-list-card__cta" 829 cta-name="${this.gtmCtaName}" 830 cta-url="${this.ctaUrl}" 831 emphasis="low" 832 icon-type="glue-icon" 833 icon-id="OPEN_NEW" 834 label="${this.buttonAriaLabel}" 835 module-name="${this.gtmModuleName}"> 836 </woi-button> 837 </div> 838 `}};customElements.define("woi-jumplink-list-card",tt);var it,at=class extends J{constructor(){super(...arguments),this.cta_label="",this.video_thumbnail=null,this.video_thumbnail_aria_description=""}get headlineText(){return this.getAttribute(m.HEADLINE)||""}get ctaUrl(){return this.getAttribute(m.CTA_URL)||this.url}get ctaLabel(){return this.getAttribute(m.CTA_LABEL)||this.cta_label}get gtmCtaName(){return this.getAttribute(m.GTM_CTA_NAME)||""}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||""}get imageObj(){const e=this.getAttribute("video-thumbnail")||this.video_thumbnail;if("string"==typeof e)try{return JSON.parse(a(e))}catch(e){throw Error("Error processing the image object in Video Card")}return e||null}get videoThumbnailAria(){return this.getAttribute("video-thumbnail-aria")||""}get buttonAriaLabel(){return this.getAttribute(m.CTA_ARIA_DESCRIPTION)||""}render(){var e;return l` 839 <div class="jumplink-video-card__wrapper"> 840 <a class="jumplink-video-card__thumbnail" 841 href="${this.ctaUrl}" target="_blank" rel="noopener noreferrer" 842 aria-label="${this.videoThumbnailAria}" 843 data-g-module-name="${this.gtmModuleName}" 844 data-g-cta-name="${this.gtmCtaName}"> 845 <woi-image 846 alt-text="${this.headlineText} - ${this.ctaLabel}" 847 image="${null===(e=this.imageObj)||void 0===e?void 0:e.url}" 848 tabindex="-1" 849 widths="xl:340,lg:276,md:218,sm:380"> 850 </woi-image> 851 <div class="glue-video__info">
852 <woi-icon icon-id="VIDEO_YOUTUBE_BLACK" class-names="glue-video__play-button"></woi-icon> 853 </div> 854 </a> 855 856 <div class="jumplink-video-card__content"> 857 <span class="glue-headline glue-headline--headline-5 glue-text-center" aria-hidden="true"> 858 ${this.headlineText} 859 </span> 860 <woi-button 861 class="jumplink-video-card__cta" 862 cta-hidden 863 cta-name="${this.gtmCtaName}" 864 cta-text="${this.ctaLabel}" 865 cta-url="${this.ctaUrl}" 866 emphasis="low" 867 icon-id="OPEN_NEW" 868 icon-type="glue-icon-right" 869 label="${this.buttonAriaLabel}" 870 module-name="${this.gtmModuleName}"> 871 </woi-button> 872 </div> 873 </div> 874 `}};customElements.define("woi-jumplink-video-card",at),(it||(it={})).PAUSE="pause";var st=class extends J{constructor(){super(...arguments),this.vidEl=null}static get observedAttributes(){return[it.PAUSE]}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render()),this.vidEl=this.querySelector("video"),this.reduceMotion(F.isReducedMotion),F.subscribe((e=>{this.reduceMotion(e)})),this.observePlay&&t.INTERSECTION_OBS in window&&new IntersectionObserver(this.componentInViewport.bind(this),{root:null}).observe(this)}componentInViewport(e){this.reduceMotion(F.isReducedMotion);for(const t of e)this.vidEl&&(t.isIntersecting?this.vidEl.play():(this.vidEl.pause(),this.vidEl.currentTime=0))}get adContent(){const e=this.getAttribute("icon")||"",t=this.getAttribute("ad-title")||"",i=this.getAttribute("ad-url")||"";return n` 875 <div class="overlay-content"> 876 <woi-image image="${e}" widths="sm:${{full:"40",small:"30"}[this.overlayType]}" role="presentation"></woi-image> 877 <span class="copy-wrapper"> 878 <div class="title">${t}</div> 879 <div class="url">${i}</div> 880 </span> 881 </div> 882 `}get label(){return this.getAttribute("label")||""}get autoplay(){return this.hasAttribute("autoplay")}get boxShadow(){var e;return this.hasAttribute("box-shadow")&&"false"!==(null===(e=this.getAttribute("box-shadow"))||void 0===e?void 0:e.toLowerCase())}get loop(){var e;return this.hasAttribute("loop")&&"false"!==(null===(e=this.getAttribute("loop"))||void 0===e?void 0:e.toLowerCase())}get overlayType(){return this.getAttribute("overlay-type")||"none"}set pause(e){this.setAttribute(it.PAUSE,e.toString())}get observePlay(){return this.hasAttribute("observe-play")}get timerText(){return this.getAttribute("full-overlay-timer")||""}get videoMp4(){return this.getAttribute("video-mp4")||""}get videoWebm(){return this.getAttribute("video-webm")||""}get reducedMotionPoster(){return Number(this.getAttribute("poster-time"))||0}reduceMotion(e){this.pause=e,this.vidEl&&(this.vidEl.currentTime=e?this.reducedMotionPoster:0)}get width(){return this.getAttribute("width")||"360px"}get theme(){return this.getAttribute(m.THEME)||"light"}get fullOverlayExtraContent(){return{ctaText:this.getAttribute("full-button-text")||"",skipAd:this.getAttribute("full-skip")||""}}attributeChangedCallback(e,t,i){e===it.PAUSE&&this.vidEl&&("true"===i?this.vidEl.pause():"false"!==i||this.observePlay||this.vidEl.play())}overlay(e){return{small:n` 883 <div class="overlay-container progress-bar" aria-hidden="true"> 884 ${this.adContent} 885 </div> 886 `,full:n` 887 <div class="overlay-container progress-bar full-overlay-container" aria-hidden="true"> 888 <div class="full-extra-content"> 889 <div class="skip"> 890 <p>${this.fullOverlayExtraContent.skipAd}</p> 891 <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#f1f3f4"><path d="M13.917 15.792V4.229H16.208V15.792ZM3.792 15.792V4.229L12.542 10Z"/></svg> 892 </div> 893 <div class="timer ${this.theme}"> 894 ${this.timerText} 895 </div> 896 </div> 897 ${this.adContent} 898 <button aria-hidden="true" tabindex="-1" class="glue-button glue-button--high-emphasis">${this.fullOverlayExtraContent.ctaText}</button> 899 </div> 900 `}[e]||""}render(){return this.videoMp4||this.videoWebm?l` 901 <section class="video-wrapper ${"full"===this.overlayType?"full-overlay":""} ${this.boxShadow?"video-wrapper--shadow":""} " 902 ${this.label?`aria-label="${this.label}"`:""} 903 style="width: ${this.width}"> 904 <video 905 ${this.autoplay?"autoplay":""} 906 ${this.loop?"loop":""} 907 muted 908 playsinline 909 preload="none" 910 width=${this.width} 911 aria-hidden="true"> 912 ${this.videoWebm?n`<source src="${this.videoWebm}" type="video/webm">`:""} 913 ${this.videoMp4?n`<source src="${this.videoMp4}" type="video/mp4">`:""} 914 </video> 915 ${this.overlay(this.overlayType)} 916 </section> 917 `:l``}};customElements.define("woi-presentational-video",st);var lt,nt=new class{async apiRequest(){let e=null;try{window.fetch&&await window.fetch("https://accounts.google.com/ListAccounts?authuser=0&source=ads.google.site",{method:"POST",credentials:"include"}).then((e=>e.json())).then((t=>{e=t[1]}))}catch(e){}return e}displayProfileAvatar(){const e=setInterval((()=>{const t=document.querySelectorAll(".woi-profile-avatar"),i=document.querySelectorAll(".woi-sign-in-button");t&&i&&(t.forEach((e=>{e.classList.remove("woi-profile-avatar--hidden")}
917)),i.forEach((e=>{e.classList.add("woi-sign-in-button--hidden")}))),clearInterval(e)}),D.ONE_HUNDRED)}addUserToNavButton(e,t){e=e.match(RegExp('cta-url="(?:https://)?([^"]+)"')),document.querySelectorAll(`a[href*='${e?e[1]:null}']`).forEach((e=>{this.addUserToHref(e,t)}))}addUserToHref(e,t){if(e.href.includes("authuser=")){const i=e.href.indexOf("authuser=");e.href.replace("authuser=",""),e.href=e.href.slice(0,i),e.href+=t}else e.href+=e.href.includes("?")?`&${t}`:`?${t}`}addCurrentUserToUrl(e=0,t=[]){const i=`authuser=${e}`;t.forEach((e=>{e&&this.addUserToNavButton(e,i)})),e=document.querySelectorAll("a[href*='//policies.google.com/privacy']"),t=document.querySelectorAll("a[href*='//myaccount.google.com/termsofservice']"),e.forEach((e=>{this.addUserToHref(e,i)})),t.forEach((e=>{this.addUserToHref(e,i)}))}addContinueToUrl(){const e=`continue=${window.location.href}`,t=document.querySelectorAll("a[href*='//accounts.google.com/Logout']"),i=document.querySelectorAll("a[href*='//myaccount.google.com/']"),a=document.querySelectorAll("a[href*='//accounts.google.com/AddSession']");t.forEach((t=>{t.href.includes(e)||(t.href+=t.href.includes("?")?`&${e}`:`?${e}`)})),i.forEach((t=>{t.href.includes(e)||t.href.includes("//myaccount.google.com/termsofservice")||(t.href+=t.href.includes("?")?`&${e}`:`?${e}`)})),a.forEach((t=>{t.href.includes(e)||(t.href+=t.href.includes("?")?`&${e}`:`?${e}`)}))}getSessionIndex(){var e=new URLSearchParams(window.location.search).get(q.AUTHUSER);const t=Number(e);return e&&!isNaN(t)?(this.setSessionIndex(t),t):(e=null==(e=c("ADS_CUSTOMER_ACCOUNT_SESSION_INFO"))?void 0:e.match(RegExp("authuser-([0-9]+)")))&&Number(e[1])||0}setSessionIndex(e,t=!1){try{const t=c("ADS_CUSTOMER_ACCOUNT_SESSION_INFO"),i=null==t?void 0:t.match(RegExp("authuser-([0-9]+)")),a=`.${window.location.host}`;let s=`authuser-${e}`;t&&i&&(s=t.replace(i[0],s)),document.cookie=`ADS_CUSTOMER_ACCOUNT_SESSION_INFO=${s}; ${a?`domain=${a}; `:""}path=/; secure;`}catch(e){}this.updateAuthUserQueryParam(e),t&&window.location.reload()}updateAuthUserQueryParam(e){const t=new URLSearchParams(window.location.search);t.set(q.AUTHUSER,String(e)),window.history.replaceState(null,"",`?${t.toString()}`)}initBFCache(){const e=document.querySelectorAll(".woi-profile-avatar"),t=document.querySelectorAll(".woi-sign-in-card");e&&t&&(null==e||e.forEach((e=>{e.classList.add("woi-profile-avatar--hidden")})),null==t||t.forEach((e=>{e.classList.add("woi-sign-in-card--hidden")})))}},rt=lt||(lt={});rt.CTA_SIGN_IN="cta-sign-in",rt.CTA_START_NOW="cta-start-now",rt.NAV_CTA="nav-cta",rt.PROFILE_ALT_TEXT="profile-alt-text",rt.TYPE="type",rt.MOCK_API="mock-api-data",rt.TYPE_DEFAULT="desktop",rt.LOGGED_IN_URL="logged-in-url",rt.PROFILE_CTA_NAME="profile-cta-name",rt.PROFILE_IMAGE_PLACEHOLDER="profile-image-placeholder";var ot,dt=ot||(ot={});dt.PROFILE_AVATAR="woi-profile-avatar",dt.SSO_CARD="woi-sign-in-card",dt.SSO_CARD_HIDDEN="woi-sign-in-card--hidden",dt.PROFILE_PREFIX="woi-sign-in-card--profile-",dt.SECONDARY_ACCOUNTS_LIST="woi-secondary-accounts-list",dt.SECONDARY_ACCOUNTS_ITEM="woi-sign-in-card__account-item",dt.SECONDARY_ACCOUNT_IMAGE="woi-sign-in-card__secondary-profile",dt.SECONDARY_ACCOUNT_NAME="woi-sign-in-card__secondary-name",dt.SECONDARY_ACCOUNT_EMAIL="woi-sign-in-card__secondary-email",dt.SECONDARY_ACCOUNT_INFO="woi-sign-in-card__account-info",dt.SIGN_IN_CARD_ACCOUNT_ADD_PARENT="woi-sign-in-card__account-item--add",dt.PRIMARY_ACCOUNT_PROFILE="woi-main-profile",dt.PRIMARY_ACCOUNT_AVATAR="woi-profile-avatar",dt.PRIMARY_ACCOUNT_AVATAR_IMAGE="woi-profile-avatar__image",dt.PRIMARY_ACCOUNT_IMAGE="woi-sign-in-card__main-image",dt.PRIMARY_ACCOUNT_NAME="woi-sign-in-card__name",dt.PRIMARY_ACCOUNT_EMAIL="woi-sign-in-card__email";var ct=class extends J{constructor(){super(...arguments),this.api_response=null,this.isOpened=!1,this.logged_in_url="",this.nav_cta=[],this.profileEmail=this.profile_cta_name=this.profile_alt_text="",this.profileImageUrl=this.profileImageBuildPlaceholder||"",this.profileName=this.profileIndex="",this.secondaryProfilesArray=[],this.type=lt.TYPE_DEFAULT,this.profileAvatar=()=>n` 918 <div class="woi-profile-avatar__container"> 919 <button class="woi-profile-avatar woi-profile-avatar--hidden woi-profile-avatar--${this.deviceType} glue-text-center" aria-expanded="false" data-g-module-name="${this.gtmModuleName}" data-g-cta-name="woi-sso-profile-avatar" ${this.deviceType===lt.TYPE_DEFAULT?'aria-live="assertive"':""}> 920 <woi-image 921 widths="xl:40,lg:40,md:40,sm:40" 922 image="${this.profileImageUrl}" 923 image-class="woi-profile-avatar__image"> 924 </woi-image> 925 </button> 926 </div>
927 `,this.secondaryAccount=(e="",t="",i="",a)=>(i=null==i?void 0:i.replace("s48-c","s160-c"),n` 928 <button class="woi-sign-in-card__account-item woi-sign-in-card--profile-${a}" tabindex="0" data-position="${a}" aria-label="Change account to ${e} (${t})"> 929 <woi-image 930 widths="xl:32,lg:32,md:32,sm:32" 931 image="${i}" 932 image-class="woi-sign-in-card__secondary-profile"> 933 </woi-image> 934 <div class="woi-sign-in-card__account-info"> 935 <div class="woi-sign-in-card__secondary-name"> 936 ${e} 937 </div> 938 <div class="woi-sign-in-card__secondary-email"> 939 ${t} 940 </div> 941 </div> 942 </button> 943 `),this.card=()=>n` 944 <div class="woi-sign-in-card woi-sign-in-card--hidden glue-text-center"> 945 <div class="woi-main-profile" data-position="${this.profileIndex}"> 946 <woi-image 947 widths="xl:80,lg:80,md:80,sm:80" 948 image="${this.profileImageUrl}" 949 alt-text="${this.profileAltText}" 950 image-class="woi-sign-in-card__main-image"> 951 </woi-image> 952 <div class="woi-sign-in-card__main-image sso__main-image--placeholder" style="display: none;"></div> 953 <div class="woi-sign-in-card__name glue-body"> 954 ${this.profileName} 955 </div> 956 <div class="woi-sign-in-card__email glue-body"> 957 ${this.profileEmail} 958 </div> 959 </div> 960 <div class="woi-sign-in-card__manage-btn"> 961 ${this.getCtaByGtmName(S.SSO_MANAGE_ACCOUNT)} 962 </div> 963 <div class="woi-sign-in-card__accounts"> 964 <div class="woi-secondary-accounts-list"> 965 ${this.getSecondaryProfiles} 966 </div> 967 <div class="woi-sign-in-card__account-item woi-sign-in-card__account-item--add"> 968 <svg class="woi-sign-in-card__add-profile-icon" width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 969 <path d="M10.8334 3.66683C10.8334 1.82516 9.34171 0.333496 7.50004 0.333496C5.65837 0.333496 4.16671 1.82516 4.16671 3.66683C4.16671 5.5085 5.65837 7.00016 7.50004 7.00016C9.34171 7.00016 10.8334 5.5085 10.8334 3.66683ZM9.16671 3.66683C9.16671 4.5835 8.41671 5.3335 7.50004 5.3335C6.58337 5.3335 5.83337 4.5835 5.83337 3.66683C5.83337 2.75016 6.58337 2.00016 7.50004 2.00016C8.41671 2.00016 9.16671 2.75016 9.16671 3.66683ZM0.833374 12.0002V13.6668H14.1667V12.0002C14.1667 9.7835 9.72504 8.66683 7.50004 8.66683C5.27504 8.66683 0.833374 9.7835 0.833374 12.0002ZM2.50004 12.0002C2.66671 11.4085 5.25004 10.3335 7.50004 10.3335C9.74171 10.3335 12.3167 11.4002 12.5 12.0002H2.50004ZM16.6667 9.50016V7.00016H19.1667V5.3335H16.6667V2.8335H15V5.3335H12.5V7.00016H15V9.50016H16.6667Z" fill="#3C4043"/> 970 </svg> 971 ${this.getCtaByGtmName(S.SSO_ADD_ACCOUNT)} 972 </div> 973 </div> 974 <div class="woi-sign-in-card__signout"> 975 <div class="woi-sign-in-card__signout-btn"> 976 ${this.getCtaByGtmName(S.SSO_SIGN_OUT)} 977 </div> 978 </div> 979 <div class="woi-sign-in-card__links glue-body"> 980 <div class="woi-sign-in-card__link-item"> 981 ${this.getCtaByGtmName(S.SSO_PRIVACY_POLICY)} 982 </div> 983 <div class="woi-sign-in-card__link-separator"> 984 · 985 </div> 986 <div class="woi-sign-in-card__link-item"> 987 ${this.getCtaByGtmName(S.SSO_TERMS)} 988 </div> 989 </div> 990 </div> 991 `}connectedCallback(){nt.apiRequest().then((e=>{this.api_response=e,this.handleApiRequest()})),this.firstElementChild||this.replaceChildren(this.render()),this.bfCacheHandler()}get gtmModuleName(){var e;return(null===(e=this.getAttribute(m.GTM_MODULE_NAME))||void 0===e?void 0:e.toLowerCase())||this.nodeName}get ctaStartNow(){return this.getAttribute(lt.CTA_START_NOW)||null}get ctaSignIn(){return this.getAttribute(lt.CTA_SIGN_IN)||null}get deviceType(){return this.getAttribute(lt.TYPE)||this.type}get profileAltText(){return this.getAttribute(lt.PROFILE_ALT_TEXT)||this.profile_alt_text}get profileCtaName(){return this.getAttribute(lt.PROFILE_CTA_NAME)||this.profile_cta_name}get profileImageBuildPlaceholder(){return this.getAttribute(lt.PROFILE_IMAGE_PLACEHOLDER)}get getLoggedInUrl(){return this.getAttribute(lt.LOGGED_IN_URL)||this.logged_in_url}get getSecondaryProfiles(){return this.secondaryProfilesArray}set setSecondaryProfiles(e){this.secondaryProfilesArray=e}handleApiRequest(){if(!this.api_response){const e=this.getAttribute(lt.MOCK_API);e&&(this.api_response=JSON.parse(a(e)))}if(this.api_response&&0<this.api_response.length)try{const e=this.getResponseValidatedSessionIndex();
991this.getPrimaryAccount(),this.getSecondaryAccounts(),this.initClickOutside(),this.hideIfHeaderHidesOnScroll(),nt.displayProfileAvatar(),nt.addCurrentUserToUrl(e,[this.ctaStartNow,this.ctaSignIn]),this.replaceChildren(this.render()),this.addClickToSecondaryAccounts(`.${ot.SECONDARY_ACCOUNTS_ITEM}`),this.addClickHandlerToAddAccountParent()}catch(e){}else this.hideProfileAvatarContainer();nt.addContinueToUrl()}hideProfileAvatarContainer(){document.querySelectorAll(".woi-profile-avatar__container").forEach((e=>e.classList.add(p.HIDDEN)))}initClickOutside(){const e=setInterval((()=>{const t=document.querySelectorAll(`.${ot.SSO_CARD}`),i=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_AVATAR}`);t&&i&&(window.addEventListener(E.CLICK,(({target:e})=>{var a;let s=!0;null!==(a=e.parentElement)&&void 0!==a&&a.classList.contains(`${ot.SECONDARY_ACCOUNT_INFO}`)&&(s=!1),[...t,...i].forEach((t=>{(t.contains(e)||e.classList.contains(`${ot.PRIMARY_ACCOUNT_AVATAR}`)||e.classList.contains(`${ot.PRIMARY_ACCOUNT_AVATAR_IMAGE}`))&&(s=!1)})),s&&(t.forEach((e=>{e&&e.classList.add(ot.SSO_CARD_HIDDEN)})),this.isOpened=!1)})),clearInterval(e))}),D.ONE_HUNDRED)}handleSecondaryProfileClick(e){var t,i;nt.setSessionIndex(e,!0);const a=`${ot.PROFILE_PREFIX}${e}`,s=document.querySelectorAll(`.${ot.SECONDARY_ACCOUNTS_LIST}`),n=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_PROFILE}`),r=Number(n[0].dataset.position),o=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_NAME}`),d=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_EMAIL}`),c=document.querySelectorAll(`img.${ot.PRIMARY_ACCOUNT_IMAGE}`),u=document.querySelectorAll(`img.${ot.PRIMARY_ACCOUNT_AVATAR_IMAGE}`);s.forEach((e=>{const t=l` 992 ${this.secondaryAccount(o[0].innerHTML,d[0].innerHTML,c[0].src,r)} 993 `;e.appendChild(t)})),this.addClickToSecondaryAccounts(`.${ot.PROFILE_PREFIX}${r}`);const h=document.querySelector(`.${a}`),g=null==h?void 0:h.querySelector(`.${ot.SECONDARY_ACCOUNT_IMAGE}`),m=null==g?void 0:g.src,_=null===(t=null==h?void 0:h.querySelector(`.${ot.SECONDARY_ACCOUNT_NAME}`))||void 0===t?void 0:t.innerHTML,p=null===(i=null==h?void 0:h.querySelector(`.${ot.SECONDARY_ACCOUNT_EMAIL}`))||void 0===i?void 0:i.innerHTML;n.forEach((t=>{t.dataset.position=e.toString()||""})),u.forEach((e=>{e.setAttribute("aria-label",`${this.profileAltText} ${null==_?void 0:_.trim()} (${null==p?void 0:p.trim()})`)})),u.forEach((e=>{e.src=m||""})),c.forEach((e=>{e.src=m||""})),o.forEach((e=>{e.innerHTML=_||""})),d.forEach((e=>{e.innerHTML=p||""})),s.forEach((e=>{const t=e.querySelector(`.${a}`);t&&e.removeChild(t)})),nt.addCurrentUserToUrl(e,[this.ctaStartNow,this.ctaSignIn])}getPrimaryAccount(){const e=this.getResponseValidatedSessionIndex();this.profileIndex=e,this.profileName=K.call(this.api_response[e][2],z,Z),this.profileEmail=K.call(this.api_response[e][3],z,Z),this.profileImageUrl=this.api_response[e][4].replace("s48-c","s160-c");const t=setInterval((()=>{const e=document.querySelectorAll(`.${ot.PROFILE_AVATAR}`),i=document.querySelectorAll(`.${ot.SSO_CARD}`);e&&(e.forEach((e=>{var t,a;e.children[0].setAttribute("aria-label",`${this.profileAltText} ${null===(t=this.profileName)||void 0===t?void 0:t.trim()} (${null===(a=this.profileEmail)||void 0===a?void 0:a.trim()})`),e.addEventListener(E.CLICK,(()=>{e.setAttribute("aria-expanded",`${!this.isOpened}`),i.forEach((e=>{e&&e.classList.toggle(ot.SSO_CARD_HIDDEN,this.isOpened)})),this.isOpened=!this.isOpened}))})),clearInterval(t))}),D.ONE_HUNDRED)}getSecondaryAccounts(){const e=this.getResponseValidatedSessionIndex(),t=[];this.api_response.map(((i,a)=>{a!=e&&t.push(this.secondaryAccount(K.call(i[2],z,Z),K.call(i[3],z,Z),i[4],a))})),this.setSecondaryProfiles=t}addClickHandlerToAddAccountParent(){document.querySelectorAll(`.${ot.SIGN_IN_CARD_ACCOUNT_ADD_PARENT}`).forEach((e=>{const t=e.querySelector('a[href*="accounts.google.com"]');t&&e.addEventListener(E.CLICK,(e=>{e.target!==t&&t.click()}))}))}addClickToSecondaryAccounts(e){document.querySelectorAll(`.${ot.SECONDARY_ACCOUNTS_LIST}`).forEach((t=>{t.querySelectorAll(e).forEach((e=>{const t=e.dataset.position?Number(e.dataset.position):0;e.addEventListener(E.CLICK,(()=>{this.handleSecondaryProfileClick(t)})),e.addEventListener("keypress",(e=>{"Enter"!==e.code&&"Space"!==e.code||(e.preventDefault(),this.handleSecondaryProfileClick(t))}))}))}))}getResponseValidatedSessionIndex(){let e=nt.getSessionIndex();return e>=this.api_response.length&&(e=0,nt.setSessionIndex(0)),e}bfCacheHandler(){window.addEventListener(E.PAGESHOW,(e=>{e.persisted&&(nt.initBFCache(),nt.apiRequest().then((e=>{this.api_response=e,this.handleApiRequest()})))}))}hideIfHeaderHidesOnScroll(){document.addEventListener(E.woi_HEADER_HIDE,(()=>{document.querySelectorAll(`.${ot.SSO_CARD}`).forEach((e=>{null==e||e.classList.add(ot.SSO_CARD_HIDDEN)})),this.isOpened=!1}))}render(){return l` 994 ${this.profileAvatar()} 995 ${this.card()} 996 `}};customElements.define("woi-single-sign-on",ct);var ut=class extends J{constructor(){super(...arguments),this.api_response=null,this.isOpened=!1,this.logged_in_url="",this.nav_cta=[],this.profileEmail=this.profile_cta_name=this.profile_alt_text="",this.profileImageUrl=this.profileImageBuildPlaceholder||"",this.profileName=this.profileIndex="",this.secondaryProfilesArray=[],this.type=lt.TYPE_DEFAULT,this.adsAccountsArray=[],this.modal=this.ads_account_status=null,this.profileAvatar=()=>{var e,t;return n` 997 <div class="woi-profile-avatar__container"> 998 <button class="woi-profile-avatar woi-profile-avatar--hidden woi-profile-avatar--${this.deviceType} glue-text-center" aria-expanded="false" data-g-module-name="${this.gtmModuleName}" data-g-cta-name="${this.profileCtaName}" ${this.deviceType===lt.TYPE_DEFAULT?'aria-live="assertive"':""}> 999 <woi-image 1000 widths="xl:40,lg:40,md:40,sm:40" 1001 image="${this.profileImageUrl}" 1002 image-class="woi-profile-avatar__image" 1003 alt-text="${this.profileAltText} ${null===(e=this.profileName)||void 0===e?void 0:e.trim()} (${null===(t=this.profileEmail)||void 0===t?void 0:t.trim()})"> 1004 </woi-image> 1005 </button> 1006 </div> 1007 `}
1007,this.secondaryAccount=(e="",t="",i="",a)=>(i=null==i?void 0:i.replace("s48-c","s160-c"),n` 1008 <button class="woi-sign-in-card__account-item woi-sign-in-card--profile-${a}" tabindex="0" data-position="${a}" aria-label="Change account to ${e} (${t})"> 1009 <woi-image 1010 widths="xl:32,lg:32,md:32,sm:32" 1011 image="${i}" 1012 image-class="woi-sign-in-card__secondary-profile"> 1013 </woi-image> 1014 <div class="woi-sign-in-card__account-info"> 1015 <div class="woi-sign-in-card__secondary-name"> 1016 ${e} 1017 </div> 1018 <div class="woi-sign-in-card__secondary-email"> 1019 ${t} 1020 </div> 1021 </div> 1022 </button> 1023 `),this.adsAccountItem=e=>{if(!this.ctaInfo||!this.ctaInfo[5])return"";const t=this.ctaInfo[5].url.replace(/({cid})/g,e.customerId.toString());return n` 1024 <a href="${t}" class="woi-sign-in-card__ads-account-item"> 1025 <div class="woi-sign-in-card__ads-account-info"> 1026 <div class="woi-sign-in-card__ads-account-title"> 1027 ${K.call(e.customerDescriptiveName?e.customerDescriptiveName:this.ctaInfo[5].text,z,Z)} 1028 </div> 1029 <div class="woi-sign-in-card__ads-account-id"> 1030 ${e.externalCustomerId} 1031 </div> 1032 </div> 1033 ${this.renderAccountStatus(e.customerStatus)} 1034 </a> 1035 `},this.initModal=()=>{const e=document.querySelector(`.woi-modal--${this.deviceType}`),i=document.querySelector(`.woi-sign-in-card__ads-account-item--add-${this.deviceType}`),a=document.querySelector(`.woi-modal--${this.deviceType} [data-g-cta-name=woi-modal-cancel]`);if(t.GLUE in window&&e){const t=new glue.Modal(e,i);null==i||i.addEventListener(E.CLICK,(()=>t.open())),null==a||a.addEventListener(E.CLICK,(()=>t.close()))}},this.card=()=>n` 1036 <div class="woi-sign-in-card woi-sign-in-card--hidden glue-text-center"> 1037 <div class="woi-sign-in-card__scrollable"> 1038 <div class="woi-main-profile" data-position="${this.profileIndex}"> 1039 <woi-image 1040 widths="xl:70,lg:70,md:70,sm:70" 1041 image="${this.profileImageUrl}" 1042 alt-text="${this.profileAltText}" 1043 image-class="woi-sign-in-card__main-image"> 1044 </woi-image> 1045 <div class="woi-sign-in-card__main-image sso__main-image--placeholder" style="display: none;"></div> 1046 <div class="woi-sign-in-card__name glue-body"> 1047 ${this.profileName} 1048 </div> 1049 <div class="woi-sign-in-card__email glue-body"> 1050 ${this.profileEmail} 1051 </div> 1052 </div> 1053 <div class="woi-sign-in-card__manage-btn"> 1054 ${this.getCtaByGtmName(S.SSO_MANAGE_ACCOUNT)} 1055 </div> 1056 <div class="woi-sign-in-card__ads-accounts"> 1057 <div class="woi-sign-in-card__ads-accounts-array"></div> 1058 <div class="woi-sign-in-card__ads-account-item woi-sign-in-card__ads-account-item--add woi-sign-in-card__ads-account-item--add-${this.deviceType}"> 1059 <svg class="woi-sign-in-card__add-profile-icon" width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 1060 <path d="M10.8334 3.66683C10.8334 1.82516 9.34171 0.333496 7.50004 0.333496C5.65837 0.333496 4.16671 1.82516 4.16671 3.66683C4.16671 5.5085 5.65837 7.00016 7.50004 7.00016C9.34171 7.00016 10.8334 5.5085 10.8334 3.66683ZM9.16671 3.66683C9.16671 4.5835 8.41671 5.3335 7.50004 5.3335C6.58337 5.3335 5.83337 4.5835 5.83337 3.66683C5.83337 2.75016 6.58337 2.00016 7.50004 2.00016C8.41671 2.00016 9.16671 2.75016 9.16671 3.66683ZM0.833374 12.0002V13.6668H14.1667V12.0002C14.1667 9.7835 9.72504 8.66683 7.50004 8.66683C5.27504 8.66683 0.833374 9.7835 0.833374 12.0002ZM2.50004 12.0002C2.66671 11.4085 5.25004 10.3335 7.50004 10.3335C9.74171 10.3335 12.3167 11.4002 12.5 12.0002H2.50004ZM16.6667 9.50016V7.00016H19.1667V5.3335H16.6667V2.8335H15V5.3335H12.5V7.00016H15V9.50016H16.6667Z" fill="#3C4043"/> 1061 </svg> 1062 ${this.getCtaByGtmName(S.SSO_CREATE_ACCOUNT)} 1063 </div> 1064 </div> 1065 <div class="woi-sign-in-card__accounts"> 1066 <div class="woi-secondary-accounts-list"> 1067 ${this.secondaryProfiles} 1068 </div> 1069 </div> 1070 </div> 1071 <div class="woi-sign-in-card__sticky"> 1072 <div class="woi-sign-in-card__signout"> 1073 <div class="woi-sign-in-card__signout-btn"> 1074 ${this.getCtaByGtmName(S.SSO_SIGN_OUT)} 1075 </div> 1076 </div> 1077 <div class="woi-sign-in-card__links glue-body"> 1078 <div class="woi-sign-in-card__link-item"> 1079 ${this.getCtaByGtmName(S.SSO_PRIVACY_POLICY)} 1080 </div> 1081 <div class="woi-sign-in-card__link-separator"> 1082 · 1083 </div> 1084 <div class="woi-sign-in-card__link-item"> 1085 ${this.getCtaByGtmName(S.SSO_TERMS)} 1086 </div> 1087 </div> 1088 </div> 1089 </div> 1090 `}connectedCallback(){nt.apiRequest().then((e=>{this.api_response=e,this.handleApiRequest()})),this.firstElementChild||this.replaceChildren(this.render()),this.bfCacheHandler()}get gtmModuleName(){var e;return(null===(e=this.getAttribute(m.GTM_MODULE_NAME))||void 0===e?void 0:e.toLowerCase())||this.nodeName}get ctaStartNow(){return this.getAttribute(lt.CTA_START_NOW)||null}get ctaSignIn(){return this.getAttribute(lt.CTA_SIGN_IN)||null}get deviceType(){return this.getAttribute(lt.TYPE)||this.type}get profileAltText(){return this.getAttribute(lt.PROFILE_ALT_TEXT)||this.profile_alt_text}get profileCtaName(){return this.getAttribute(lt.PROFILE_CTA_NAME)||this.profile_cta_name}get profileImageBuildPlaceholder(){return this.getAttribute(lt.PROFILE_IMAGE_PLACEHOLDER)}get loggedInUrl(){return this.getAttribute(lt.LOGGED_IN_URL)||this.logged_in_url}get secondaryProfiles(){return this.secondaryProfilesArray}set updateSecondaryProfiles(e){this.secondaryProfilesArray=e}get adsAccountStatus(){const e=this.getAttribute("ads-account-status")||this.ads_account_status;return"string"==typeof e?JSON.parse(a(e)):e}get modalObj(){const e=this.getAttribute("modal")||this.modal;return"string"==typeof e?JSON.parse(a(e)):e}get modalCtaBlock(){return this.modalObj.cta?this.modalObj.cta.map((e=>null!==e.text||null!==e.url?n` 1091 <woi-button ${this.unpackCta(e)}></woi-button> 1092 `:"")):[""]}handleApiRequest(){if(!this.api_response){const e=this.getAttribute(lt.MOCK_API);e&&(this.api_response=JSON.parse(a(e)))}if(this.api_response&&this.api_response.length)try{const e=this.getResponseValidatedSessionIndex();
1092this.getPrimaryAccount(),this.getSecondaryAccounts(),this.initClickOutside(),this.hideIfHeaderHidesOnScroll(),nt.displayProfileAvatar(),this.replaceChildren(this.render()),this.addClickToSecondaryAccounts(`.${ot.SECONDARY_ACCOUNTS_ITEM}`),this.initModal(),nt.addCurrentUserToUrl(e,[this.ctaStartNow,this.ctaSignIn,this.modalCtaBlock[1]]),fe.setMarketingClientUser(e),this.renderAdsAccounts()}catch(e){}else this.hideProfileAvatarContainer();nt.addContinueToUrl()}hideProfileAvatarContainer(){document.querySelectorAll(".woi-profile-avatar__container").forEach((e=>e.classList.add(p.HIDDEN)))}initClickOutside(){const e=setInterval((()=>{const t=document.querySelectorAll(`.${ot.SSO_CARD}`),i=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_AVATAR}`),a=document.querySelectorAll(".woi-modal");t&&i&&(window.addEventListener(E.CLICK,(({target:e})=>{var s;let l=!0;null!==(s=e.parentElement)&&void 0!==s&&s.classList.contains(`${ot.SECONDARY_ACCOUNT_INFO}`)&&(l=!1),[...t,...i,...a].forEach((t=>{(t.contains(e)||e.classList.contains(`${ot.PRIMARY_ACCOUNT_AVATAR}`)||e.classList.contains(`${ot.PRIMARY_ACCOUNT_AVATAR_IMAGE}`))&&(l=!1)})),l&&(t.forEach((e=>{e&&e.classList.add(ot.SSO_CARD_HIDDEN)})),this.isOpened=!1)})),clearInterval(e))}),D.ONE_HUNDRED)}handleSecondaryProfileClick(e){var t,i;nt.setSessionIndex(e,!0),document.querySelectorAll(`.${ot.SSO_CARD}`).forEach((e=>{e&&e.classList.add(ot.SSO_CARD_HIDDEN)})),this.isOpened=!this.isOpened;const a=`${ot.PROFILE_PREFIX}${e}`,s=document.querySelectorAll(`.${ot.SECONDARY_ACCOUNTS_LIST}`),n=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_PROFILE}`),r=Number(n[0].dataset.position),o=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_NAME}`),d=document.querySelectorAll(`.${ot.PRIMARY_ACCOUNT_EMAIL}`),c=document.querySelectorAll(`img.${ot.PRIMARY_ACCOUNT_IMAGE}`),u=document.querySelectorAll(`img.${ot.PRIMARY_ACCOUNT_AVATAR_IMAGE}`);s.forEach((e=>{const t=l` 1093 ${this.secondaryAccount(o[0].innerHTML,d[0].innerHTML,c[0].src,r)} 1094 `;e.appendChild(t)})),this.addClickToSecondaryAccounts(`.${ot.PROFILE_PREFIX}${r}`);const h=document.querySelector(`.${a}`),g=null==h?void 0:h.querySelector(`.${ot.SECONDARY_ACCOUNT_IMAGE}`),m=null==g?void 0:g.src,_=null===(t=null==h?void 0:h.querySelector(`.${ot.SECONDARY_ACCOUNT_NAME}`))||void 0===t?void 0:t.innerHTML,p=null===(i=null==h?void 0:h.querySelector(`.${ot.SECONDARY_ACCOUNT_EMAIL}`))||void 0===i?void 0:i.innerHTML;n.forEach((t=>{t.dataset.position=e.toString()||""})),u.forEach((e=>{e.setAttribute("aria-label",`${this.profileAltText} ${null==_?void 0:_.trim()} (${null==p?void 0:p.trim()})`)})),u.forEach((e=>{e.src=m||""})),c.forEach((e=>{e.src=m||""})),o.forEach((e=>{e.innerHTML=_||""})),d.forEach((e=>{e.innerHTML=p||""})),s.forEach((e=>{const t=e.querySelector(`.${a}`);t&&e.removeChild(t)})),nt.addCurrentUserToUrl(e,[this.ctaStartNow,this.ctaSignIn,this.modalCtaBlock[1]]),fe.setMarketingClientUser(e),this.renderAdsAccounts()}getPrimaryAccount(){const e=this.getResponseValidatedSessionIndex();this.profileIndex=e,this.profileName=K.call(this.api_response[e][2],z,Z),this.profileEmail=K.call(this.api_response[e][3],z,Z),this.profileImageUrl=this.api_response[e][4].replace("s48-c","s160-c");const t=setInterval((()=>{const e=document.querySelectorAll(`.${ot.PROFILE_AVATAR}`),i=document.querySelectorAll(`.${ot.SSO_CARD}`);e&&(e.forEach((e=>{var t,a;e.children[0].setAttribute("alt-text",`${this.profileAltText} ${null===(t=this.profileName)||void 0===t?void 0:t.trim()} (${null===(a=this.profileEmail)||void 0===a?void 0:a.trim()})`),e.addEventListener(E.CLICK,(()=>{e.setAttribute("aria-expanded",`${!this.isOpened}`),i.forEach((e=>{e&&e.classList.toggle(ot.SSO_CARD_HIDDEN,this.isOpened)})),this.isOpened=!this.isOpened}))})),clearInterval(t))}),D.ONE_HUNDRED)}getSecondaryAccounts(){const e=this.getResponseValidatedSessionIndex(),t=[];this.api_response.map(((i,a)=>{a!=e&&t.push(this.secondaryAccount(K.call(i[2],z,Z),K.call(i[3],z,Z),i[4],a))})),this.updateSecondaryProfiles=t}addClickToSecondaryAccounts(e){document.querySelectorAll(`.${ot.SECONDARY_ACCOUNTS_LIST}`).forEach((t=>{t.querySelectorAll(e).forEach((e=>{const t=e.dataset.position?Number(e.dataset.position):0;e.addEventListener(E.CLICK,(()=>{this.handleSecondaryProfileClick(t)})),e.addEventListener(E.KEYPRESS,(e=>{e.code!==I.ENTER&&e.code!==I.SPACE||(e.preventDefault(),this.handleSecondaryProfileClick(t))}))}))}))}getResponseValidatedSessionIndex(){let e=nt.getSessionIndex();return e>=this.api_response.length&&(e=0,nt.setSessionIndex(0)),e}bfCacheHandler(){window.addEventListener(E.PAGESHOW,(e=>{e.persisted&&(nt.initBFCache(),this.isOpened=!1,nt.apiRequest().then((e=>{this.api_response=e,this.handleApiRequest()})))}))}hideIfHeaderHidesOnScroll(){document.addEventListener(E.woi_HEADER_HIDE,(()=>{this.querySelectorAll(`.${ot.SSO_CARD}`).forEach((e=>{null==e||e.classList.add(ot.SSO_CARD_HIDDEN)})),this.isOpened=!1}))}renderAccountStatus(e){var t;if(!this.adsAccountStatus.map((e=>e.key)).includes(e))return"";const i=null===(t=this.adsAccountStatus.find((t=>t.key===e)))||void 0===t?void 0:t.value;return i?n`<div class="woi-sign-in-card__ads-account-status">${i}</div>`:""}async renderAdsAccounts(){const e=document.querySelectorAll(".woi-sign-in-card__ads-accounts-array");e.forEach((e=>{e.innerHTML=this.renderLoader()}));const t=await fe.getAdsAccounts(),i=this.ctaInfo&&this.ctaInfo[5];if(t&&i){this.adsAccountsArray=t.map((e=>this.adsAccountItem(e))),e.forEach((e=>{e.innerHTML=this.adsAccountsArray.join("")})),oe.dispatchUpdateCtaParamsEvent(".woi-sign-in-card__ads-account-item:not(.woi-sign-in-card__ads-account-item--add)",
1094i.default_subid_position),oe.dispatchUpdateCtaParamsEvent(".woi-modal__ctas a",this.modalObj.cta[1].default_subid_position);const a=this.getResponseValidatedSessionIndex();document.querySelectorAll(".woi-sign-in-card__ads-account-item:not(.woi-sign-in-card__ads-account-item--add)").forEach((e=>{nt.addUserToHref(e,`${q.AUTHUSER}=${a}`)}))}else e.forEach((e=>{e.innerHTML=""}))}renderLoader(){return n` 1095 <div class="woi-sign-in-card__loader-wrapper"> 1096 <div class="woi-sign-in-card__loader"></div> 1097 </div> 1098 `}renderModal(){return n` 1099 <div class="woi-modal woi-modal--${this.deviceType} glue-modal" aria-labelledby="woi-modal__headline--${this.deviceType}" aria-describedby="woi-modal__copy--${this.deviceType}"> 1100 <div class="woi-modal__inner"> 1101 <h2 id="woi-modal__headline--${this.deviceType}" class="woi-modal__headline glue-headline glue-headline--headline-5"> 1102 ${this.modalObj.headline} 1103 </h2> 1104 <p id="woi-modal__copy--${this.deviceType}" class="woi-modal__copy"> 1105 ${this.modalObj.copy} 1106 </p> 1107 <div class="woi-modal__ctas"> 1108 ${this.modalCtaBlock} 1109 </div> 1110 </div> 1111 <button class="glue-modal__close-btn"></button> 1112 </div> 1113 `}render(){return l` 1114 ${this.profileAvatar()} 1115 ${this.card()} 1116 ${this.renderModal()} 1117 `}};customElements.define("woi-single-sign-on-v2",ut);var ht=class extends J{constructor(){super(...arguments),this.encoded_url="",this.social_gtm_names={},this.social_labels={},this.subject_text="",this.socialEl=this.querySelector(".glue-social")}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.socialEl=this.querySelector(".glue-social")),this.socialEl&&t.GLUE in window&&new glue.Social(this.socialEl)}get encodedURL(){return this.getAttribute("encoded-url")||""}get encodedURI(){return this.encodedURL?encodeURIComponent(this.encodedURL):""}get subjectText(){const e=this.getAttribute("subject-text")||"";return encodeURIComponent(a(e))}get socialGtmNames(){const e=this.getAttribute("social-gtm-names");return"string"==typeof e?JSON.parse(a(e)):this.social_gtm_names}get socialLabels(){const e=this.getAttribute("social-labels");return"string"==typeof e?JSON.parse(a(e)):this.social_labels}render(){const e=this.socialGtmNames,t=this.socialLabels,i=this.gtmModuleName;return l` 1118 <section class="glue-social"> 1119 <div class="glue-social__group"> 1120 <p class="glue-social__title glue-social__title--inline">
1121 <woi-icon icon-id="SHARE" class-names="glue-icon--24px"></woi-icon> 1122 ${null==t?void 0:t.share} 1123 </p> 1124 <ul class="glue-social__list" role="list"> 1125 <li class="glue-social__item"> 1126 <a class="glue-social__link" title="${null==t?void 0:t.send_via_email}" target="_blank" 1127 href="mailto:?subject=${this.subjectText}&body=${this.encodedURI}" 1128 data-g-module-name="${i}" data-g-cta-name="${null==e?void 0:e.email}"> 1129 <woi-icon icon-id="EMAIL" class-names="glue-icon--social mail-icon glue-icon--24px"></woi-icon> 1130 </a> 1131 </li> 1132 <li class="glue-social__item"> 1133 <div class="glue-social__popover"> 1134 <div class="glue-social__icon-trigger" 1135 ${t.get_shareable_link?`aria-label="${t.get_shareable_link}" title="${t.get_shareable_link}"`:""} 1136 id="share-popover-trigger" 1137 data-g-module-name="${i}" 1138 data-g-cta-name="${null==e?void 0:e.copy_open_tooltip}">
1139 <woi-icon icon-id="LINK" class-names="glue-icon--social glue-icon--24px"></woi-icon> 1140 </div> 1141 <div class="glue-social__dialog" id="share-popover-dialog"> 1142 <woi-icon icon-id="LINK" class-names="glue-icon--social glue-icon--24px"></woi-icon> 1143 <div class="glue-social__copy" glue-copy-success="${t.copied_to_clipboard}" glue-copy-fail="${t.press_ctrl_c}"> 1144 <input class="glue-social__copy-input" readonly="" type="text" value="${this.encodedURL}"> 1145 <button class="glue-social__copy-btn" id="share-copy-btn" data-g-module-name="${i}" data-g-cta-name="${null==e?void 0:e.copy_link}">${null==t?void 0:t.copy_link}</button> 1146 </div> 1147 <div ${t.close_tooltip?`aria-label="${t.close_tooltip}"`:""} class="glue-social__close-btn"> 1148 \u00d7 1149 </div> 1150 </div> 1151 </div> 1152 </li> 1153 <li class="glue-social__item"> 1154 <a class="glue-social__link" href="https://www.facebook.com/sharer/sharer.php?u=${this.encodedURI}" target="_blank" 1155 title="${null==t?void 0:t.share_facebook}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" 1156 data-g-module-name="${i}" data-g-cta-name="${null==e?void 0:e.facebook}">
1157 <woi-icon icon-id="POST_FACEBOOK" class-names="glue-icon--social glue-icon--color-facebook glue-icon--24px"></woi-icon> 1158 </a> 1159 </li> 1160 <li class="glue-social__item"> 1161 <a class="glue-social__link" href="https://www.linkedin.com/shareArticle?url=${this.encodedURI}&mini=true" target="_blank" 1162 title="${null==t?void 0:t.share_linkedin}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" 1163 data-g-module-name="${i}" data-g-cta-name="${null==e?void 0:e.linkedin}"> 1164 <woi-icon icon-id="POST_LINKEDIN" class-names="glue-icon--social glue-icon--color-linkedin glue-icon--24px"></woi-icon> 1165 </a> 1166 </li> 1167 <li class="glue-social__item"> 1168 <a class="glue-social__link" href="https://twitter.com/intent/tweet?text=${this.subjectText}&url=${this.encodedURI}" target="_blank" 1169 title="${null==t?void 0:t.share_twitter}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" 1170 data-g-module-name="${i}" data-g-cta-name="${null==e?void 0:e.twitter}">
1171 <woi-icon icon-id="TWITTER" class-names="glue-icon--social glue-icon--color-twitter glue-icon--24px"></woi-icon> 1172 </a> 1173 </li> 1174 </ul> 1175 </div> 1176 </section> 1177 `}};customElements.define("woi-social",ht);var gt,mt=gt||(gt={});mt.GLUE_FOOTER=".glue-footer",mt.LANG_PICKER="#lang-selector";var _t=class extends J{constructor(){super(...arguments),this._footerEl=this._footer=null,this._langPickerEl=this.querySelector(gt.LANG_PICKER),this.help=this.headline=this.google_link=this.global_links=this.follow_us=this.disclaimer=this.columns_aria_label=this.columns="",this.hide_lang_picker=!1,this.social_links="",this.handleLangPickerChange=()=>{window.location.href=G.DOMAIN+this.langPickerEl.value},this.langPickerMapper=()=>[{value:"ru",copy:"Ð ÑÑÑкий"},{value:"fr",copy:"Français"},{value:"fr_dz",copy:"Algérie - Français"},{value:"es-419",copy:"Español (Latinoamérica)"},{value:"es-419_ar",copy:"Argentina - Español (Latinoamérica)"},{value:"en_au",copy:"Australia - English"},{value:"fr_be",copy:"Belgique - Français"},{value:"nl_be",copy:"België - Nederlands"},{value:"es-419_bo",copy:"Bolivia - Español (Latinoamérica)"},{value:"pt-BR_br",copy:"Brasil - Português (Brasil)"},{value:"en_ca",copy:"Canada - English"},{value:"fr_ca",copy:"Canada - Français"},{value:"es-419_cl",copy:"Chile - Español (Latinoamérica)"},{value:"es-419_co",copy:"Colombia - Español (Latinoamérica)"},{value:"es-419_cr",copy:"Costa Rica - Español (Latinoamérica)"},{value:"en_cy",copy:"Cyprus - English"},{value:"da_dk",copy:"Danmark - Dansk"},{value:"de_de",copy:"Deutschland - Deutsch"},{value:"es-419_ec",copy:"Ecuador - Español (Latinoamérica)"},{value:"et_ee",copy:"Eesti - Eesti"},{value:"en_eg",copy:"Egypt - English"},{value:"es-419_sv",copy:"El Salvador - Español (Latinoamérica)"},{value:"en",copy:"English"},{value:"ca_es",copy:"Espanya - Català "},{value:"es_es",copy:"España - Español"},{value:"es_us",copy:"Estados Unidos - Español (Latinoamérica)"},{value:"fr_fr",copy:"France - Français"},{value:"es-419_gt",copy:"Guatemala - Español (Latinoamérica)"},{value:"es-419_hn",copy:"Honduras - Español (Latinoamérica)"},{value:"en_hk",copy:"Hong Kong - English"},{value:"hr_hr",copy:"Hrvatska - Hrvatski"},{value:"en_in",copy:"India - English"},{value:"id_id",copy:"Indonesia - Bahasa Indonesia"},{value:"en_id",copy:"Indonesia - English"},{value:"en_ie",copy:"Ireland - English"},{value:"it_it",copy:"Italia - Italiano"},{value:"lv_lv",copy:"Latvija - LatvieÅ¡u"},{value:"lt_lt",copy:"Lietuva - Lietuvių"},{value:"hu_hu",copy:"Magyarország - Magyar"},{value:"en_my",copy:"Malaysia - English"},{value:"fr_ma",copy:"Maroc - Français"},{value:"es-419_mx",copy:"México - Español (Latinoamérica)"},{value:"nl_nl",copy:"Nederland - Nederlands"},{value:"en_nz",copy:"New Zealand - English"},{value:"es-419_ni",copy:"Nicaragua - Español (Latinoamérica)"},{value:"en_ng",copy:"Nigeria - English"},{value:"no_no",copy:"Norge - Norsk"},{value:"en_pk",copy:"Pakistan - English"},{value:"es-419_pa",copy:"Panamá - Español (Latinoamérica)"},{value:"es-419_py",copy:"Paraguay - Español (Latinoamérica)"},{value:"es-419_pe",copy:"Perú - Español (Latinoamérica)"},{value:"en_ph",copy:"Philippines - English"},{value:"pl_pl",copy:"Polska - Polski"},{value:"pt-PT_pt",copy:"Portugal - Português (Portugal)"},{value:"es-419_pr",copy:"Puerto Rico - Español (Latinoamérica)"},{value:"es-419_do",copy:"República Dominicana - Español (Latinoamérica)"},{value:"ro_ro",copy:"România - RomânÄ"},{value:"en_sa",copy:"Saudi Arabia - English"},{value:"de_ch",copy:"Schweiz - Deutsch"},{value:"en_sg",copy:"Singapore - English"},{value:"sl_si",copy:"Slovenija - SlovenÅ¡Äina"},{value:"sk_sk",copy:"Slovensko - SlovenÄina"},{value:"en_za",copy:"South Africa - English"},{value:"fr_ch",copy:"Suisse - Français"},{value:"fi_fi",copy:"Suomi - Suomi"},{value:"sv_se",copy:"Sverige - Svenska"},{value:"fr_tn",copy:"Tunisie - Français"},{value:"tr_tr",copy:"Türkiye - Türkçe"},{value:"en_ae",copy:"United Arab Emirates - English"},{value:"en_uk",copy:"United Kingdom - English"},{value:"en_us",copy:"United States - English"},{value:"es-419_uy",copy:"Uruguay - Español (Latinoamérica)"},{value:"es-419_ve",copy:"Venezuela - Español (Latinoamérica)"},{value:"vi_vn",copy:"Viá»t Nam - Tiếng Viá»t"},{value:"de_at",copy:"Ãsterreich - Deutsch"},{value:"cs_cz",copy:"Äeská Republika - ÄeÅ¡tina"},{value:"el_gr",copy:"Îλλάδα - Îλληνικά"},{value:"ru_by",copy:"ÐелаÑÑÑÑ - Ð ÑÑÑкий"},{value:"bg_bg",copy:"ÐÑлгаÑÐ¸Ñ - ÐÑлгаÑÑки"},{value:"ru_kz",copy:"ÐÐ°Ð·Ð°Ñ ÑÑан - Ð ÑÑÑкий"},{value:"sr_rs",copy:"СÑбиÑа - СÑпÑки"},{value:"uk_ua",copy:"УкÑаÑна - УкÑаÑнÑÑка"},{value:"hi_in",copy:"à¤à¤¾à¤°à¤¤ - हिनà¥à¤¦à¥"},{value:"th_th",copy:"à¹à¸à¸¢ - à¹à¸à¸¢"},{value:"iw_il",copy:"â«×שר×× - ×¢×ר×תâ¬"},{value:"ar_ae",copy:"â«Ø§Ùإ٠ارات اÙعربÙØ© اÙ٠تØدة - اÙعربÙØ©â¬"},{value:"ar",copy:"â«Ø§ÙعربÙØ©â¬"},{value:"ar_sa",copy:"â«Ø§ÙÙ Ù ÙÙØ© اÙعربÙØ© اÙسعÙدÙØ© - اÙعربÙØ©â¬"},{value:"ar_eg",copy:"â«Ù صر - اÙعربÙØ©â¬"},{value:"zh-CN_cn",copy:"ä¸å½ - ä¸æï¼ç®ä½ä¸æï¼"},{value:"zh-TW_tw",copy:"å°ç£ - ä¸æï¼ç¹é«ä¸æï¼"},{value:"ja_jp",copy:"æ¥æ¬ - æ¥æ¬èª"},{value:"ko_kr",copy:"ëíë¯¼êµ - íêµì´"}].map((e=>this.langPickerOption(e.value,e.copy))),this.langPickerOption=(e,t)=>{const i="root"===this.locale?"en":this.locale.replace("_ALL","");return n` 1178 <option value="/intl/${e}/home/" ${i===e?"selected":""}> 1179 ${t} 1180 </option> 1181 `},this.langPickerRender=n` 1182 <select 1183 name="lang-selector" 1184 id="lang-selector" 1185 class="glue-form__dropdown glue-footer__lang-dropdown" 1186 aria-label="Change language or region"> 1187 ${this.langPickerMapper()} 1188 </select> 1189 `}connectedCallback(){this.footerEl=this.querySelector(gt.GLUE_FOOTER),this.firstElementChild||(this.replaceChildren(this.render()),this.footerEl=this.querySelector(gt.GLUE_FOOTER),this.langPickerEl=this.querySelector(gt.LANG_PICKER)),t.GLUE in window&&(this.footer=new glue.Footer(this.footerEl)),this.langPickerEl&&this.langPickerEl.addEventListener(E.CHANGE,(()=>{this.handleLangPickerChange()}))}get footerEl(){return this._footerEl}set footerEl(e){this._footerEl=e}get footer(){return this._footer}set footer(e){e instanceof glue.Footer&&(this._footer=e)}get langPickerEl(){return this._langPickerEl}set langPickerEl(e){this._langPickerEl=e}get columnsList(){const e=this.getAttribute("columns")||this.columns;return"string"==typeof e?JSON.parse(a(e)):e}get columnsAriaLabel(){return this.getAttribute("columns-aria-label")||this.columns_aria_label}get disclaimerText(){return this.getAttribute(m.DISCLAIMER)||this.disclaimer}get globalLinksList(){const e=this.getAttribute("global-links")||this.global_links;return"string"==typeof e?JSON.parse(a(e)):e}get helpButton(){const e=this.getAttribute("help")||this.help;return"string"==typeof e?JSON.parse(a(e)):e}get googleLink(){const e=this.getAttribute("google-link")||this.google_link;return"string"==typeof e?JSON.parse(a(e)):e}get followUsText(){return this.getAttribute("follow-us")||this.follow_us}get hideLangPicker(){return this.getAttribute("hide-lang-picker")||this.hide_lang_picker}get socialLinks(){const e=this.getAttribute("social-links")||this.social_links;return"string"==typeof e?JSON.parse(a(e)):e}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}render(){var e,t,i,a,s,r,o,d,c;return l` 1190 <footer class="glue-footer glue-spacer-3-top"> 1191 <h2 class="glue-visually-hidden">${this.headlineText}</h2> 1192 ${this.followUsText&&null!==(e=this.socialLinks)&&void 0!==e&&e.length?n` 1193 <section class="glue-footer__upper"> 1194 <section class="glue-social"> 1195 <div class="glue-social__group"> 1196 <p class="glue-social__title glue-social__title--inline"> 1197 ${this.followUsText} 1198 </p> 1199 <ul class="glue-social__list" role="list"> 1200 ${this.socialLinks.map((e=>e.url?n` 1201 <li class="glue-social__item"> 1202 <a class="glue-social__link" href="${e.url}" ${this.setExternalLink(e.url)} aria-label="${e.label}">
1203 <woi-icon icon-id="${e.icon_id}" class-names="glue-icon--24px"></woi-icon> 1204 </a> 1205 </li> 1206 `:""))} 1207 </ul> 1208 </div> 1209 </section> 1210 </section> 1211 `:""} 1212 <nav class="glue-footer__site-links" aria-label="${this.columnsAriaLabel}"> 1213 <div class="glue-footer__site-links-grid glue-footer__site-links-grid--5-col"> 1214 ${null===(t=this.columnsList)||void 0===t?void 0:t.map(((e,t)=>n` 1215 <div class="glue-footer__site-links-column"> 1216 <h3 class="glue-footer__site-links-header"> 1217 <span class="glue-footer__site-links-header-button" id="column-${t}-toggle"> 1218 <span class="glue-footer__site-links-header-text">${e.headline}</span> 1219 <svg viewBox="0 0 24 24" class="glue-icon glue-icon--32px expand-more"> 1220 <path d="M5.41 7.59L4 9l8 8 8-8-1.41-1.41L12 14.17" /> 1221 </svg> 1222 </span> 1223 </h3> 1224 <div class="glue-footer__site-links-list" id="column-${t}-content"> 1225 <ul class="glue-no-bullet" role="list"> 1226 ${e.links.map((e=>n` 1227 <li class="glue-footer__site-links-list-item"> 1228 <a class="glue-footer__link" href="${this.relativizeKintaroLink(e.url)}" ${this.setExternalLink(e.url)}>${e.text}</a> 1229 </li> 1230 `))} 1231 </ul> 1232 </div> 1233 </div> 1234 `))} 1235 </div> 1236 </nav> 1237 ${this.disclaimerText?n` 1238 <div class="glue-footer__global glue-footer__disclaimer-text"> 1239 <p class="disclaimer-text">${this.disclaimerText}</p> 1240 </div> 1241 `:""} 1242 <section class="glue-footer__global"> 1243 <div class="glue-footer__logo"> 1244 <a href="${null===(i=this.googleLink)||void 0===i?void 0:i.url}" title="${null===(a=this.googleLink)||void 0===a?void 0:a.label}" target="_blank" rel="noopener noreferrer"> 1245 <svg id="${null===(s=this.googleLink)||void 0===s?void 0:s.icon_id}" viewBox="0 0 74 24" class="glue-icon google-logo" width="74"> 1246 <path d="M9.24 8.19v2.46h5.88c-.18 1.38-.64 2.39-1.34 3.1-.86.86-2.2 1.8-4.54 1.8-3.62 0-6.45-2.92-6.45-6.54s2.83-6.54 6.45-6.54c1.95 0 3.38.77 4.43 1.76L15.4 2.5C13.94 1.08 11.98 0 9.24 0 4.28 0 .11 4.04.11 9s4.17 9 9.13 9c2.68 0 4.7-.88 6.28-2.52 1.62-1.62 2.13-3.91 2.13-5.75 0-.57-.04-1.1-.13-1.54H9.24zm15.76-2c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52zm28.58-8.03h-.09c-.57-.68-1.67-1.3-3.06-1.3C47.53 6.19 45 8.72 45 12c0 3.26 2.53 5.81 5.43 5.81 1.39 0 2.49-.62 3.06-1.32h.09v.81c0 2.22-1.19 3.41-3.1 3.41-1.56 0-2.53-1.12-2.93-2.07l-2.22.92c.64 1.54 2.33 3.43 5.15 3.43 2.99 0 5.52-1.76 5.52-6.05V6.49h-2.42v1zm-2.93 8.03c-1.76 0-3.1-1.5-3.1-3.52 0-2.05 1.34-3.52 3.1-3.52 1.74 0 3.1 1.5 3.1 3.54.01 2.03-1.36 3.5-3.1 3.5zM38 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52zM58 .24h2.51v17.57H58zm10.26 15.28c-1.3 0-2.22-.59-2.82-1.76l7.77-3.21-.26-.66c-.48-1.3-1.96-3.7-4.97-3.7-2.99 0-5.48 2.35-5.48 5.81 0 3.26 2.46 5.81 5.76 5.81 2.66 0 4.2-1.63 4.84-2.57l-1.98-1.32c-.66.96-1.56 1.6-2.86 1.6zm-.18-7.15c1.03 0 1.91.53 2.2 1.28l-5.25 2.17c0-2.44 1.73-3.45 3.05-3.45z" /> 1247 </svg> 1248 </a> 1249 </div> 1250 <ul class="glue-footer__global-links glue-no-bullet" role="list"> 1251 ${null===(r=this.globalLinksList)||void 0===r?void 0:r.map((e=>n` 1252 <li class="glue-footer__global-links-list-item"> 1253 <a class="glue-footer__link" href="${e.url}" ${this.setExternalLink(e.url)}>${e.text}</a> 1254 </li> 1255 `))} 1256 </ul> 1257 <ul class="glue-footer__global-links glue-footer__global-links--extra glue-no-bullet" role="list"> 1258 <li class="glue-footer__global-links-list-item glue-footer__global-links-list-item--extra"> 1259 <a class="glue-footer__link help-link" href="${null===(o=this.helpButton)||void 0===o?void 0:o.url}" ${this.setExternalLink(null===(d=this.helpButton)||void 0===d?void 0:d.url)}> 1260 <svg class="glue-icon glue-icon--24px" viewBox="0 0 24 24"> 1261 <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59
1261-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z" /> 1262 </svg> 1263 <span class="help-label">${null===(c=this.helpButton)||void 0===c?void 0:c.label}</span> 1264 </a> 1265 </li> 1266 <li class="glue-footer__global-links-list-item glue-footer__global-links-list-item--extra"> 1267 ${this.hideLangPicker?"":this.langPickerRender} 1268 </li> 1269 </ul> 1270 </section> 1271 </footer> 1272 `}};customElements.define("woi-simple-footer",_t);var pt=class extends J{constructor(){super(...arguments),this.ctaEl=this.querySelector(".woi-sticky-cta")}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.ctaEl=this.querySelector(".woi-sticky-cta"));let e=0;if(this.ctaEl&&(this.SimpleFooterHandler(),this.HeroCtaHandler(),"false"===this.isSticky)){De.getBpName()===h.SM&&(this.ctaEl.classList.remove(p.HIDDEN),e=this.ctaEl.offsetHeight,this.ctaEl.style.bottom=`-${e}px`,this.ctaEl.classList.remove("woi-sticky-cta__invisible"));const t=Xe((()=>{const t=200<window.scrollY;this.ctaEl&&(this.ctaEl.style.translate=t?`0 -${e}px`:`0 ${e}px`)}),D.THIRTY);window.addEventListener(E.SCROLL,t),De.subscribe((i=>{i=i===h.SM,this.ctaEl&&(i?(this.ctaEl.classList.remove(p.HIDDEN),e=this.ctaEl.offsetHeight,this.ctaEl.style.bottom=`-${e}px`,this.ctaEl.classList.remove("woi-sticky-cta__invisible"),window.addEventListener(E.SCROLL,t)):(this.ctaEl.classList.add(p.HIDDEN,"woi-sticky-cta__invisible"),window.removeEventListener(E.SCROLL,t)))}))}}get gtmModuleName(){return this.nodeName}get isSticky(){return this.getAttribute("is-sticky")||""}SimpleFooterHandler(){const e=document.querySelector(gt.GLUE_FOOTER);De.getBpName()===h.SM&&e&&e.classList.add("glue-spacer-6-bottom"),De.subscribe((t=>null==e?void 0:e.classList.toggle("glue-spacer-6-bottom",t===h.SM)))}ButtonParamRegex(e){var t=this.ctaBlock[0];return e=RegExp(e),(t=null==t?void 0:t.match(e))?t[1]:null}HeroCtaHandler(){var e,t=this.ButtonParamRegex('cta-url="(.*?)"');const i=this.ButtonParamRegex('cta-text="([^"]+)"');t&&i&&(t=document.querySelector(`.hero-cta a[href*='${t}']`))&&null!==(e=t.textContent)&&void 0!==e&&e.includes(i)&&t.classList.add("hero-hide-mobile")}render(){return l` 1273 <div class="woi-sticky-cta ${"false"===this.isSticky?"hidden woi-sticky-cta__invisible":""}" data-sticky="${this.isSticky}"> 1274 ${this.ctaBlock} 1275 </div> 1276 `}};customElements.define("woi-sticky-cta",pt);var vt=class extends J{get time(){return this.getAttribute("time")||""}get timeAriaLabel(){return this.getAttribute("time-aria-label")||""}get template(){return this.getAttribute("template")||"light"}render(){return l` 1277 <span class="timestamp-container" ${this.timeAriaLabel?n`aria-label="${this.timeAriaLabel}" role="img"`:""}> 1278 <span class="timestamp timestamp--${this.template}">
1279 <woi-icon icon-id="TIME" class-names="timestamp-icon"></woi-icon> 1280 <span class="glue-label timestamp-duration">${this.time}</span> 1281 </span> 1282 </span> 1283 `}};customElements.define("woi-time-pill",vt);var bt,ft=()=>bt||(window.YT?new Promise((e=>{e(!0)})):bt=new Promise(((e,t)=>{if(window.onYouTubeIframeAPIReady=()=>{try{e(!0)}catch(e){t(e)}},null===document.getElementById("youtube-api")){const e=document.createElement("script");e.id="youtube-api";const t=document.getElementsByTagName("script")[0];t&&t.parentNode?(e.setAttribute("src","https://www.youtube.com/iframe_api"),t.parentNode.insertBefore(e,t)):console.log("No script tag in the dom to attach to")}}))),At=class extends J{constructor(){super(...arguments),this._modalOpenState=!1,this._vidEl=this.querySelector(".glue-video"),this._modalEl=this.querySelector(".glue-modal"),this._playerInstance=null}connectedCallback(){if(this.firstElementChild||(this.replaceChildren(this.render()),this._vidEl=this.querySelector(".glue-video")),t.GLUE in window&&this._vidEl&&(this._vidEl=this.querySelector(".glue-video"),this._modalEl=this.querySelector(".glue-modal"),null!==this._vidEl)){if(this.showInline)ft().then((()=>{this._playerInstance||(this._playerInstance=new glue.YoutubeVideo(this._vidEl))}));else{if(null===this._modalEl)return;const e=this.querySelector(A.GLUE_MODAL),t=new glue.Modal(e,this._vidEl.firstElementChild);this._vidEl.addEventListener(E.CLICK,(async()=>{await ft(),this._playerInstance||(this._playerInstance=new glue.YoutubeVideo(this._modalEl)),t.open()})),this._vidEl.addEventListener(E.KEYPRESS,(async e=>{e.code!==I.ENTER&&e.code!==I.SPACE||this.modalIsOpen||(e.preventDefault(),await ft(),this._playerInstance||(this._playerInstance=new glue.YoutubeVideo(this._modalEl)),t.open())})),e.addEventListener(E.GLUE_MODAL_OPEN,(()=>{this.modalOpenState=!0})),e.addEventListener(E.GLUE_MODAL_CLOSED,(()=>{var e;this.modalOpenState=!1;const t=null===(e=this._playerInstance)||void 0===e?void 0:e.getPlayer();t&&t.pauseVideo()}))}De.subscribe((e=>{var t;const{XL:i,LG:a,MD:s,SM:l}=h;[i,a,s,l].includes(e)&&(e=null===(t=this._playerInstance)||void 0===t?void 0:t.getPlayer())&&e.pauseVideo()}))}}set modalOpenState(e){this._modalOpenState=e}get modalIsOpen(){return this._modalOpenState}get videoId(){return this.getAttribute("video-id")||""}get poster(){return this.getAttribute("poster")||""}get posterImages(){const e=this.getAttribute("poster-images");return"string"==typeof e?JSON.parse(a(e)):null}get showInline(){return this.hasAttribute("inline")}get widths(){return this.getAttribute(m.WIDTHS)||""}get displayType(){return this.showInline?"inline":"modal"}get ctaButton(){return this.getAttribute(m.CTA)}get youtubeData(){return this.getAttribute("youtube-data")}get hasPosterImage(){return this.hasAttribute("poster-images")||this.hasAttribute("poster")}get modalBtnInfo(){return{dest:this.getAttribute("video-btn-destination")||"",text:this.getAttribute("video-btn-text")||""}}get modalLabels(){return this.getAttribute(m.MODAL_ARIA_LABELS)||""}get ariaAlt(){return this.getAttribute("alt-text")||""}get isEagerLoading(){return this.hasAttribute("loading-eager")}get isHighPriority(){return this.hasAttribute("priority-high")}classNameLookup(e){return{"play-button":"glue-video__play-button","play-button-red":"glue-video__play-button--red","play-button-white":"glue-video__play-button--white"}[e]||""}inline(){return n` 1284 <div class="glue-video__container glue-video__container--inline" 1285 data-glue-yt-video-vid="${this.videoId}"></div> 1286 `}modal(){return n` 1287 <div class="glue-modal glue-modal--dark woi-video-modal" role="dialog" aria-modal="true"> 1288 <button class="glue-modal__close-btn" aria-label="${this.modalLabels}"></button> 1289 <section 1290 class="glue-video__container glue-modal__content-wrapper" 1291 data-glue-yt-video-vid="${this.videoId}" 1292 data-glue-yt-video-height="100%" 1293 data-glue-yt-video-width="100%"> 1294 </section> 1295 ${this.modalBtnInfo.text?n` 1296 <woi-button 1297 cta-text="${this.modalBtnInfo.text}" 1298 cta-url="${this.modalBtnInfo.dest}" 1299 cta-name="yt-modal-btn-${this.videoId}"> 1300 </woi-button> 1301 `:""} 1302 </div> 1303 `}posterImage(){return this.poster?n` 1304 <woi-image 1305 alt-text="${this.ariaAlt}" 1306 image-class="glue-video__preview-image" 1307 image="${this.poster}" 1308 picture-class="glue-video__preview" 1309 widths="${this.widths}" 1310 ${this.isEagerLoading?"loading-eager":""} 1311 ${this.isHighPriority?"priority-high":""}> 1312 </woi-image> 1313 `:this.posterImages?n` 1314 <woi-image 1315 image-class="glue-video__preview-image" 1316 images="${i(JSON.stringify(this.posterImages))}" 1317 picture-class="glue-video__preview" 1318 widths="${this.widths}" 1319 ${this.isEagerLoading?"loading-eager":""} 1320 ${this.isHighPriority?"priority-high":""}> 1321 </woi-image> 1322 `:null}posterOverlay(){const e=this.getAttribute("video-label")||null;var t=this.getAttribute("poster-icon-color")||null;return t=t?this.classNameLookup(t):"",t=`${this.classNameLookup("play-button")} ${t}`.trim(),n`
1323 <woi-icon icon-id="VIDEO_YOUTUBE" class-names="${t}"></woi-icon> 1324 ${e?n` 1325 <div class="glue-video__label-container"> 1326 <p class="glue-video__label glue-video__label--light glue-video__label--highlight glue-font-weight-medium">${e}</p> 1327 </div> 1328 `:""} 1329 `}posterDuration(){const e=this.getAttribute("show-duration"),t=this.getAttribute("duration-label");return e?n` 1330 <woi-time-pill time="${e}" time-aria-label="${t}" template="dark"></woi-time-pill> 1331 `:""}youtubeCta(){const e=this.ctaButton?JSON.parse(a(this.ctaButton)):"";return n` 1332 <div class="glue-video" data-glue-yt-video-vid="${this.videoId}"> 1333 <woi-button ${this.unpackCta(e)}></woi-button> 1334 </div> 1335 ${this.modal()} 1336 `}render(){return l` 1337 <div class="glue-video"> 1338 ${this.hasPosterImage?n` 1339 <div class="glue-video__preview-container 1340 glue-video__preview-container--${this.displayType}" tabindex="0" role="button"> 1341 ${this.posterImage()} 1342 <div class="glue-video__info"> 1343 ${this.posterOverlay()} 1344 ${this.posterDuration()} 1345 </div> 1346 </div> 1347 ${this.showInline?this.inline():this.modal()} 1348 `:this.youtubeCta()} 1349 </div> 1350 `}}; 1351 customElements.define("woi-video",At);var yt={AWPrefetch:class{constructor(){window.addEventListener("DOMContentLoaded",(()=>{window.setTimeout((()=>{Ee.forEach((e=>{this.loadAllAssets_(e)}))}),5e3)}))}loadAllAssets_(e){const t=document.querySelector("script"),i=document.createElement("script");i.async=!0,i.src=e,null!=t&&t.parentNode&&t.parentNode.insertBefore(i,t)}}};yt.ChatImplementation=Ae,yt.EditableImage=Ve,yt.EditableImageInner=Je,yt.woiAdsGuide=ke,yt.woiBanner=Te,yt.woiButton=Re,yt.woiCarousel=Ue,yt.woiChatWidgetThirdParty=Ye,yt.woiChatbot=je,yt.woiComponent=J,yt.woiCustomCarousel=Qe,yt.woiImage=Ke,yt.woiImageCTA=ze,yt.woiIncentivesBanner=Ze,yt.woiJumplinkBasicCard=et,yt.woiJumplinkListCard=tt,yt.woiJumplinkVideoCard=at,yt.woiPresentationalVideo=st,yt.woiSingleSignOn=ct,yt.woiSingleSignOnV2=ut,yt.woiSocial=ht,yt.woiStickyCTA=pt,yt.woiTimePill=vt,yt.woiVideo=At,yt.HaTSSurvey=class{constructor(){Oe&&Ne[Oe]&&window.addEventListener(E.DOM_CONTENT_LOADED,(()=>{this.initialize()}))}initialize(){let e=window.location.pathname;const t=window.help.service.Lazy.create(Ce,{apiKey:we,locale:Oe&&Ne[Oe]});t?Ie.forEach((i=>{let a=null;if(i.urlPathRegex)a=new RegExp(i.urlPathRegex);else{const t=e.split("/"),i=t.findIndex((e=>"home"===e));e=`/${t.slice(i,t.length).join("/")}`}(i.urlPath===e||a&&e.match(a))&&i.urlPathExcludes!==e&&Oe&&i.urlLocales.includes(Ne[Oe])&&this.triggerHatsSurvey(t,i.trigger_id,Oe)})):window.console.warn("HaTS API not loaded.")}triggerHatsSurvey(e,t,i){window.console.warn("HaTS may be served with ID:",t,i),e.requestSurvey({triggerId:t,enableTestingMode:Le,callback:t=>{t.surveyData&&e.presentSurvey({surveyData:t.surveyData,productData:{customData:{Locale:i}},colorScheme:$e,customZIndex:Se})}})}},yt.SubIDOperations=oe;var Et=class extends J{constructor(){super(...arguments),this.a11y_check_copy=this.facets=this.headline="",this.a11y_check_id=null,this.aria_button_selected="",this._facetPillEls=this.querySelectorAll(".facet-pill"),this._imageSlotEls=this.querySelectorAll(".image-slot"),this._textColumnEls=this.querySelectorAll(".text-column"),this._textColumnWrapper=this.querySelector(".text-column-wrapper"),this._pillsWrapper=this.querySelector(".facet-pills-wrapper"),this._pillsSmMdSlide=this.querySelector(".facet-pills-container"),this._pillBorderAnim=void 0,this._facetActiveIndex=0,this._isReducedMotion=F.isReducedMotion,this._hasHoverListeners=this._isAccessible=this._pillsShouldSlide=!1,this._pillsAnimDuration=8e3,this._pillsSlideDuration=200,this.transitionPlay=()=>{this._pillBorderAnim&&"idle"!==this._pillBorderAnim.playState&&this._pillBorderAnim.play()},this.transitionPause=()=>{this._pillBorderAnim&&"idle"!==this._pillBorderAnim.playState&&this._pillBorderAnim.pause()}}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this._facetPillEls=this.querySelectorAll(".facet-pill"),this._imageSlotEls=this.querySelectorAll(".image-slot"),this._textColumnEls=this.querySelectorAll(".text-column"),this._pillsWrapper=this.querySelector(".facet-pills-wrapper"),this._pillsSmMdSlide=this.querySelector(".facet-pills-container"),this._textColumnWrapper=this.querySelector(".text-column-wrapper")),this.scrollOnClick(),this.setShouldSlide(),De.subscribe((()=>{this.setShouldSlide()}));const e=this._facetPillEls&&this._facetPillEls.length?this._facetPillEls[1]||this._facetPillEls[0]:null;t.INTERSECTION_OBS in window&&e?new IntersectionObserver(this.componentInViewport.bind(this),{root:null,rootMargin:"0px",threshold:0}).observe(e):(this.facetTransition(),this.addListeners())}get gtmModuleName(){return this.nodeName}componentInViewport(e,t){for(const i of e)i.isIntersecting&&(this.facetTransition(),this.addListeners(),t.disconnect())}setShouldSlide(){this._pillsSmMdSlide&&this._pillsWrapper&&(this._pillsShouldSlide=this._pillsSmMdSlide.scrollWidth>this._pillsWrapper.scrollWidth)}addListeners(){for(const[e,t]of this._facetPillEls.entries())t.addEventListener(E.CLICK,(()=>
1351{this.showFacetActive(e)}));this.addHoverListeners();const e=this.querySelector(".adsFormatA11yCheck");null==e||e.addEventListener(E.CHANGE,(()=>{(this._isAccessible=e.checked)&&this._pillBorderAnim?(this._pillBorderAnim.cancel(),this.removeHoverListeners()):this._hasHoverListeners||(this.facetTransition(),this.addHoverListeners())}))}showFacetActive(e){this._pillBorderAnim&&this._pillBorderAnim.cancel();const t=e===this._facetActiveIndex,i=!(this._facetPillEls.length-1!==e||!this._pillsShouldSlide);for(const e of this.facetActiveEls)e.classList.remove(p.ACTIVE);this._facetActiveIndex=e%this._facetPillEls.length;for(const e of this.facetActiveEls)e.classList.add(p.ACTIVE);this._isAccessible||(t||i?this.removeHoverListeners():this.facetTransition())}get facetActiveEls(){return[this._facetPillEls[this._facetActiveIndex],this._imageSlotEls[this._facetActiveIndex],this._textColumnEls[this._facetActiveIndex]]}facetTransition(){this._pillsShouldSlide&&this.pillsSmMdSlide(),t.ANIMATE in HTMLElement.prototype&&!this._isReducedMotion&&this.pillBorderAnimInit()}pillBorderAnimInit(){const e=this._facetPillEls[this._facetActiveIndex+1]||this._facetPillEls[0];if(!e)return;const t=e.querySelector(".facet-pill-border rect");if(!t)return;const i=t.getTotalLength()+5;t.style.strokeDasharray=i.toString(),t.style.strokeDashoffset=i.toString(),t.classList.add("next"),this._pillBorderAnim=t.animate([{strokeDashoffset:i,strokeWidth:4},{strokeDashoffset:0,strokeWidth:4,offset:.98,easing:"cubic-bezier(0.11, 0, 0.5, 0)"},{strokeDashoffset:0,strokeWidth:8,easing:"ease-out"}],{duration:this._pillsAnimDuration,delay:this._pillsShouldSlide?this._pillsSlideDuration:0,fill:"forwards"}),this.addCurrentAnimListeners(e,t)}addCurrentAnimListeners(e,t){e.addEventListener(E.MOUSEOVER,this.transitionPause),e.addEventListener(E.MOUSELEAVE,this.transitionPlay);const i=this._pillBorderAnim;i&&(i.onfinish=()=>{t.classList.remove("next"),this.showFacetActive(this._facetActiveIndex+1)},i.oncancel=()=>{this.removeCurrentAnimListeners(e),t.classList.remove("next")})}removeCurrentAnimListeners(e){e.removeEventListener(E.MOUSEOVER,this.transitionPause),e.removeEventListener(E.MOUSELEAVE,this.transitionPlay)}addHoverListeners(){this._textColumnWrapper&&(this._textColumnWrapper.addEventListener(E.MOUSEOVER,this.transitionPause.bind(this)),this._textColumnWrapper.addEventListener(E.MOUSELEAVE,this.transitionPlay.bind(this)),this._hasHoverListeners=!0)}removeHoverListeners(){this._textColumnWrapper&&(this._textColumnWrapper.removeEventListener(E.MOUSEOVER,this.transitionPause.bind(this)),this._textColumnWrapper.removeEventListener(E.MOUSELEAVE,this.transitionPlay.bind(this)),this._hasHoverListeners=!1)}pillsSmMdSlide(){const e=this._facetPillEls[this._facetActiveIndex],t=De.getBpName()===h.SM?C.SM:C.MD;this._pillsSmMdSlide.scrollTo({left:e.offsetLeft-t,top:0,behavior:this._isReducedMotion?O.AUTO:O.SMOOTH})}scrollOnClick(){const e=()=>{const e={top:this._pillsWrapper.getBoundingClientRect().top+window.scrollY-100,behavior:this._isReducedMotion?O.AUTO:O.SMOOTH};window.scroll(e)};De.getBpName()===(h.SM||h.MD)&&this._pillsWrapper.addEventListener(E.CLICK,e),De.subscribe((t=>{const{SM:i,MD:a}=h;[i,a].includes(t)?this._pillsWrapper.addEventListener(E.CLICK,e):this._pillsWrapper.removeEventListener(E.CLICK,e)}))}get facetPills(){return this.facetItems.map(((e,t)=>n`<li class="facet-list-item"><button class="facet-pill ${0===t?p.ACTIVE:""}"><woi-icon class-names="facet-icon" icon-id="${e.icon}"></woi-icon>${e.name}<span class="screen-reader-only">- ${this.ariaButtonSelected}</span><svg class="facet-pill-border" height="52" width="100%" role="presentation" aria-hidden="true"><rect height="52" width="100%" ry="26"/></svg></button></li>`)).join("")}get textColumns(){return this.facetItems.map(((e,t)=>n`<div class="text-column ${0===t?p.ACTIVE:""}"><h3 class="glue-headline glue-headline--headline-3">${e.subheadline}</h3><p class="text-column-copy">${e.copy}</p><div class="cta-container">${this.textColumnCtaBlock(e.cta)}</div></div>`)).join("")}textColumnCtaBlock(e){return(e="string"==typeof e?JSON.parse(a(e)):e)?e.map((e=>n`<woi-button ${this.unpackCta(e)}></woi-button>`)):""}get imageSlots(){return this.facetItems.map(((e,t)=>
1351(e=this.formatMultiImage(e.images,!0),n`<div class="image-slot ${0===t?p.ACTIVE:""}"><woi-image images="${e}" widths="lg:390,md:770,sm:533" loading-eager></woi-image></div>`))).join("")}get headlineTxt(){return this.getAttribute(m.HEADLINE)||this.headline}get facetItems(){const e=this.getAttribute("facets")||this.facets;return"string"==typeof e?JSON.parse(a(e)):e}get ariaButtonSelected(){return this.getAttribute("aria-button-selected")||this.aria_button_selected}get a11yCheckCopy(){return this.getAttribute("accessibility-check-copy")||this.a11y_check_copy}get a11yCheckId(){return this.getAttribute("accessibility-check-id")||this.a11y_check_id||"adsFormatA11yCheck"}render(){return l`<section class="glue-page glue-spacer-5-top glue-spacer-5-bottom"><div class="glue-grid"><div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-md"></div><div class="headline-wrapper glue-text-center glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md"><h2 class="glue-headline glue-headline--headline-2">${this.headlineTxt}</h2><div class="screen-reader-hidden-interaction glue-spacer-3-bottom"><input type="checkbox" class="adsFormatA11yCheck" id="${this.a11yCheckId}" aria-labelledby="${this.a11yCheckId}-label"><label id="${this.a11yCheckId}-label" for="${this.a11yCheckId}" aria-hidden="true">${this.a11yCheckCopy}</label></div></div><div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-xl"></div><div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-xl"></div><div class="facet-pills-wrapper glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-12-md glue-grid__col--span-3-lg"><ul class="facet-pills-container">${this.facetPills}</ul></div><div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-md glue-grid__col--span-0-lg"></div><div class="image-slot-wrapper glue-text-center glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md glue-grid__col--span-5-lg glue-grid__col--span-4-xl">${this.imageSlots}</div><div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-md glue-grid__col--span-0-lg"></div><div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-md glue-grid__col--span-0-lg"></div><div class="text-column-wrapper glue-text-center glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md glue-grid__col--span-4-lg glue-grid__col--span-3-xl">${this.textColumns}</div></div></section>`}}; 1352 customElements.define("woi-format",Et);var wt=class extends J{constructor(){super(...arguments),this.reduced_motion_alt_headline=this.animation_play_tooltip=this.animation_pause_tooltip=this.animated_items="",this.static_version=this.reversed=!1,this.subheadline=this.static_text="",this.currentAnimatedItem_=0,this.headlineAnimation=null,this.headlines=[],this.imageAnimation=null,this.images=[],this.stateMap=new Map,this.animationButtons={},this.subHeadlineCont=this.querySelector(".subheadline-content"),this.reducedMotionAlt=this.querySelector(".reduced-motion-alt"),this.heroSection=this.querySelector(".woi-animated-hero")}connectedCallback(){var e,t,i,a,s,l;this.firstElementChild||(this.replaceChildren(this.render()),this.subHeadlineCont=this.querySelector(".subheadline-content"),this.reducedMotionAlt=this.querySelector(".reduced-motion-alt"),this.heroSection=this.querySelector(".woi-animated-hero")),(null!==(t=null===(e=this.firstElementChild)||void 0===e?void 0:e.classList)&&void 0!==t&&t.contains("reverse-order")||null!==(a=null===(i=this.firstElementChild)||void 0===i?void 0:i.classList)&&void 0!==a&&a.contains("reverse-order-static"))&&(this.isReverseContent=!0),null!==(l=null===(s=this.firstElementChild)||void 0===s?void 0:s.classList)&&void 0!==l&&l.contains("static-version")&&(this.isStaticVersion=!0),this.headlines=[...this.querySelectorAll(".cycling-headline")],this.images=[...this.querySelectorAll(".cycling-image")],this.animationButtons={play:this.querySelector(".play"),pause:this.querySelector(".pause")};const n=this.querySelector(".aria-headline"),r=d((e=()=>{const e=parseInt(window.getComputedStyle(this.heroSection).paddingTop),t=this.subHeadlineCont.offsetHeight,i=parseInt(window.getComputedStyle(this.reducedMotionAlt).marginTop);let a=this.reducedMotionAlt.offsetHeight+i;const s=1.5*e+a+t;this.images[1].style.top=`${s}px`,this.images[3].style.top=`${s}px`,new ResizeObserver((s=>{s=s[0],a=s.contentBoxSize?(Array.isArray(s.contentBoxSize)?s.contentBoxSize[0]:s.contentBoxSize).blockSize+i:s.contentRect.height+i,s=1.5*e+a+t,this.images[1].style.top=`${s}px`,this.images[3].style.top=`${s}px`})).observe(this.reducedMotionAlt)}).bind(this),D.FIFTY);this.prefersReducedMotion()&&(n.style.display=b.NONE,this.isReverseContent&&this.firstElementChild&&this.firstElementChild.classList.remove("reverse-order"),e(),window.addEventListener(E.RESIZE,(()=>r()))),F.subscribe((e=>{e?(this.clearAnimations(),n.style.display=b.NONE,this.isReverseContent&&this.firstElementChild&&this.firstElementChild.classList.remove("reverse-order"),r()):(this.setUpAnimation(),n.style.display=b.BLOCK,this.isReverseContent&&this.firstElementChild&&this.firstElementChild.classList.add("reverse-order"))})),this.stateMap=new Map(this.headlines.map(((e,t)=>[t,t+1>=this.headlines.length?0:t+1]))),this.setUpAnimation(),window.addEventListener(E.LOAD,(()=>{this.isDev&&this.isStaticVersion&&this.validateStaticHeadlineCopy()})),window.addEventListener(E.DOM_CONTENT_LOADED,(()=>this.alignTextOnResize()))}get gtmModuleName(){return this.nodeName}animateElements(e,t){var i=[...e.classList].find((e=>e.includes("color-")));t.parentElement&&t.parentElement.setAttribute("color",`bg-${i}`),i=De.getBpName(window.innerWidth);var a=[{transform:"translateY(0px)",opacity:"1",offset:.15},{transform:"translateY(0px)",opacity:"1",offset:.75},{transform:"translateY(30px)",opacity:"0",offset:.9}];const s=[{transform:"translateY(-30px)",opacity:"0",easing:"ease-out"},...a];a=[{transform:"translateY(-60px)",opacity:"0",easing:"ease-out"},...a],a={sm:s,md:s,lg:this.isStaticVersion?s:a,xl:this.isStaticVersion?s:a};this.headlineAnimation=this.isStaticVersion?e.animate([{opacity:"0",easing:"ease-out"},{opacity:"1",offset:.3}
1352,{opacity:"1",offset:.8},{opacity:"0",offset:1}],3750):e.animate(a[i],3e3),this.imageAnimation=t.animate(s,3e3),this.isStaticVersion?Promise.resolve(this.imageAnimation.finished).then((()=>{this.currentAnimatedItem=this.stateMap.get(this.currentAnimatedItem)||0,this.animateElements(this.headlines[this.currentAnimatedItem],this.images[this.currentAnimatedItem])})).catch((()=>{t.parentElement&&t.parentElement.removeAttribute("color")})):Promise.all([this.headlineAnimation.finished,this.imageAnimation.finished]).then((()=>{this.currentAnimatedItem=this.stateMap.get(this.currentAnimatedItem)||0,this.animateElements(this.headlines[this.currentAnimatedItem],this.images[this.currentAnimatedItem])})).catch((()=>{t.parentElement&&t.parentElement.removeAttribute("color")}))}clearAnimations(){this.headlineAnimation&&this.headlineAnimation.cancel(),this.imageAnimation&&this.imageAnimation.cancel()}playButtonHandler(){this.headlineAnimation&&this.imageAnimation&&(this.headlineAnimation.play(),this.imageAnimation.play());const e=this.images[this.currentAnimatedItem_].firstElementChild;"woi-PRESENTATIONAL-VIDEO"===(null==e?void 0:e.tagName)&&e.setAttribute(it.PAUSE,"false"),this.animationButtons.play&&this.animationButtons.pause&&(this.animationButtons.play.classList.add(p.HIDDEN),this.animationButtons.pause.classList.remove(p.HIDDEN))}pauseButtonHandler(){this.headlineAnimation&&this.imageAnimation&&(this.headlineAnimation.pause(),this.imageAnimation.pause());const e=this.images[this.currentAnimatedItem_].firstElementChild;"woi-PRESENTATIONAL-VIDEO"===(null==e?void 0:e.nodeName)&&e.setAttribute(it.PAUSE,"true"),this.animationButtons.play&&this.animationButtons.pause&&(this.animationButtons.play.classList.remove(p.HIDDEN),this.animationButtons.pause.classList.add(p.HIDDEN))}setUpAnimation(){const{isReducedMotion:e}=F;t.ANIMATE in HTMLElement.prototype&&!e?(this.animateElements(this.headlines[0],this.images[0]),this.animationButtons.play&&this.animationButtons.pause&&(this.animationButtons.pause.classList.remove(p.HIDDEN),this.animationButtons.play.addEventListener(E.CLICK,(()=>this.playButtonHandler())),this.animationButtons.play.addEventListener(E.KEYPRESS,(({code:e})=>{e!==I.SPACE&&e!==I.ENTER||(this.playButtonHandler(),this.animationButtons.pause&&this.animationButtons.pause.focus())})),this.animationButtons.pause.addEventListener(E.CLICK,(()=>this.pauseButtonHandler())),this.animationButtons.pause.addEventListener(E.KEYPRESS,(({code:e})=>{e!==I.SPACE&&e!==I.ENTER||(this.pauseButtonHandler(),this.animationButtons.play&&this.animationButtons.play.focus())})))):(this.headlines[0].classList.add(p.REDUCED_MOTION),this.animationButtons.play&&this.animationButtons.pause&&(this.animationButtons.pause.classList.add(p.HIDDEN),this.animationButtons.play.removeEventListener(E.CLICK,this.playButtonHandler),this.animationButtons.play.removeEventListener(E.KEYUP,this.playButtonHandler),this.animationButtons.pause.removeEventListener(E.CLICK,this.pauseButtonHandler),this.animationButtons.pause.removeEventListener(E.KEYUP,this.pauseButtonHandler)))}alignTextOnResize(){const e=this.querySelector(".animated-hero-items"),t=null==e?void 0:e.querySelector(".cycling-headlines-wrapper"),i=null==e?void 0:e.querySelector(".spacer");if(e&&t&&i){var a=a=>{e.classList.toggle("animated-hero-items--centered",a<t.offsetWidth+i.offsetWidth)};De.getBpName()===h.LG&&a(e.offsetWidth),"ResizeObserver"in window&&De.subscribe((t=>{t=[h.SM,h.MD].includes(t);const i=new ResizeObserver(Xe((()=>{a(e.offsetWidth)}),D.FIFTY));t?i.disconnect():i.observe(e)}))}}get altHeadline(){return this.getAttribute("reduced-motion-alt-headline")||this.reduced_motion_alt_headline}get animatedItems(){const e=this.getAttribute("animated-items")||this.animated_items;return"string"==typeof e?JSON.parse(a(e)):e}get ariaHeadline(){let e="";if(this.isStaticVersion)e=this.animatedItems[0].animated_hero_text;else for(const t of this.animatedItems)e+=`${t.animated_hero_text}, `;return this.isReverseContent?`${this.staticText} ${e}`:e+this.staticText}get currentAnimatedItem(){return this.currentAnimatedItem_}set currentAnimatedItem(e){this.currentAnimatedItem_=e}get imageContent(){return this.animatedItems.map(((e,t)=>{var i,a;if(e.animated_hero_video&&Object.hasOwnProperty.call(e.animated_hero_video,"theme")){const s=e.animated_hero_video;return n` 1353 <div class="cycling-image cycling-image-${t} color-${e.color}"> 1354 <woi-presentational-video 1355 ad-title="${s.ad_title}" 1356 ad-url="${s.ad_url}" 1357 aria-label="${s.aria_description}" 1358 autoplay 1359 icon="${s.icon.url}" 1360 loop 1361 overlay-type="${s.overlay_type}" 1362 theme="${s.theme}" 1363 video-mp4="${(null===(i=s.video_mp4)||void 0===i?void 0:i.url)||""}" 1364 video-webm="${(null===(a=s.video_webm)||void 0===a?void 0:a.url)||""}" 1365 width="240px" 1366 ></woi-presentational-video> 1367 </div> 1368 `}i=e.animated_hero_image,a=this.formatMultiImage(i,!0);const s=i.every((e=>!!(e=e.use_html_image&&e.html_image&&0!==Object.keys(e.html_image).length?e.html_image.image:e.image)&&e.height>e.width));return n` 1369 <div class="cycling-image cycling-image-${t} color-${e.color}"> 1370 <woi-image 1371 images="${a}" 1372 widths="${(()=>this.isStaticVersion?s?"xl:230,lg:180,md:170,sm:215":"xl:290,lg:220,md:210,sm:270":this.isReverseContent?s?"lg:175,sm:158":"lg:230,sm:240":s?"lg:230,sm:190":"lg:290,sm:270")()}" 1373 round-corners 1374 lazy 1375 ></woi-image> 1376 </div> 1377 `})).join("")}get isReverseContent(){return this.hasAttribute("reversed")||this.reversed}set isReverseContent(e){this.reversed=e}get isStaticVersion(){return this.hasAttribute("static-version")||this.static_version}set isStaticVersion(e){this.static_version=e}get staticText(){return this.getAttribute("static-text")||this.static_text}get subHeadline(){return this.getAttribute(m.SUBHEADLINE)||this.subheadline}get tooltipPause(){return this.getAttribute("tooltip-pause")||this.animation_pause_tooltip}get tooltipPlay(){return this.getAttribute("tooltip-play")||this.animation_play_tooltip}animationClass(){const e=this.isReverseContent,t=this.isStaticVersion;let i="";return!t&&e?i="reverse-order":t&&!e?i="static-version":t&&e&&(i="static-version reverse-order-static"),i}validateStaticHeadlineCopy(){const e=this.querySelector(".static-version-headlines");var t=e.querySelector(A.GLUE_HEADLINE);t=3*(parseInt(window.getComputedStyle(t).getPropertyValue("line-height"))+2);const i=e.clientHeight,a=n` 1378 <div class="error-message">Headline copy does not fit in 3 lines</div> 1379 `;i>t&&(e.innerHTML=a)}isStaticLongCopy(){return 40<=(this.animatedItems[0].animated_hero_text+this.staticText).replace(/(<|<)br\s*\/*(>|>)/g,"").length}cyclingHeadlinesRender(){return n` 1380 <div class="cycling-headlines-wrapper glue-text-center" aria-hidden="true"> 1381 ${this.animatedItems.map((e=>n` 1382 <h2 class="glue-headline cycling-headline hero-headline color-${e.color}">
1383 <span class="glue-font-weight-bold">${e.animated_hero_text}</span> 1384 </h2> 1385 `)).join("")} 1386 </div> 1387 <div class="static-text"> 1388 <div class="static-headline-wrapper"> 1389 <p class="glue-headline glue-text-center"> 1390 <span class="hero-headline glue-font-weight-bold">${this.staticText}</span> 1391 ${this.animationControlsRender()} 1392 </p> 1393 </div> 1394 </div> 1395 `}staticHeadlinesRender(){const e=this.isStaticLongCopy()?"long-version":"",t=this.isReverseContent,i=e=>`\n <span class="glue-headline cycling-headline color-${e.color}">\n ${this.animatedItems[0].animated_hero_text}\n </span>\n `,a=`\n <span class="glue-headline static-headline">\n ${this.staticText}\n </span>\n `;return n` 1396 <div class="static-version-headlines ${e}" aria-hidden="true"> 1397 ${this.animatedItems.map((e=>n` 1398 <div class="headline-wrapper"> 1399 ${t?a+i(e):i(e)+a} 1400 </div> 1401 `)).join("")} 1402 </div> 1403 `}headlinesRender(){return this.animatedItems.map((e=>n` 1404 <div class="glue-headline cycling-headline hero-headline color-${e.color}"> 1405 <span class="glue-font-weight-bold">${e.animated_hero_text}</span> 1406 </div> 1407 `)).join("")}animationControlsRender(){return n` 1408 <div class="animation-control-btn-wrapper"> 1409 <button class="play hidden" aria-label="${this.tooltipPlay}"> 1410 <svg role="presentation" width="28" height="28" viewBox="0 0 28 28"> 1411 <path fill="#5f6368" d="M.666 14C.666 6.64 6.639.667 13.999.667S27.333 6.64 27.333 14s-5.974 13.333-13.334 13.333C6.64 27.333.666 21.36.666 14Zm18.667 0-8-6v12l8-6Z" /> 1412 </svg> 1413 </button> 1414 <div class="tooltip"><p class="tooltip-content">${this.tooltipPlay}</p></div> 1415 <button class="pause" aria-label="${this.tooltipPause}"> 1416 <svg role="presentation" width="28" height="28" viewBox="0 0 28 28"> 1417 <path fill="#5f6368" fill-rule="evenodd" clip-rule="evenodd" d="M14 .667C6.64.667.665 6.64.665 14s5.973 13.333 13.333 13.333S27.333 21.36 27.333 14 21.359.667 13.999.667Zm-1.334 18.666H9.999V8.667h2.667v10.666Zm2.667 0h2.666V8.667h-2.666v10.666Z" /> 1418 </svg> 1419 </button> 1420 <div class="tooltip"><p class="tooltip-content">${this.tooltipPause}</p></div> 1421 </div> 1422 `}render(){var e;const t=this.isStaticVersion,i=t?"glue-page":"";return l` 1423 <section class="woi-animated-hero glue-spacer-6-bottom glue-spacer-6-top 1424 ${this.animationClass()}"> 1425 <h1 class="glue-visually-hidden aria-headline">${this.ariaHeadline}</h1> 1426 <div class="animated-hero-items ${i}"> 1427 ${t?this.staticHeadlinesRender():this.cyclingHeadlinesRender()} 1428 <div class="spacer"> 1429 <div class="cycling-images-wrapper"> 1430 ${this.imageContent} 1431 </div> 1432 ${t?this.animationControlsRender():""} 1433 </div> 1434 </div> 1435 <div class="reduced-motion-alt" role="heading" aria-level="1" 1436 aria-label="${null===(e=this.altHeadline)||void 0===e?void 0:e.replace(/<[^>]*>?/gm,"").replace(" "," ")}"> 1437 <div class="glue-page"> 1438 <h2 class="glue-headline reduced-motion-alt--headline"> 1439 <span class="glue-font-weight-bold">${this.altHeadline}</span> 1440 </h2> 1441 </div> 1442 </div> 1443 <div class="glue-page subheadline-content"> 1444 <div class="subheadline glue-text-center glue-spacer-4-bottom"> 1445 <p class="glue-body--large">${this.subHeadline}</p> 1446 </div> 1447 <div class="ctas glue-text-center hero-cta"> 1448 ${this.ctaBlock} 1449 </div> 1450 </div> 1451 </section> 1452 `}};customElements.define("woi-animated-hero",wt);var Ct=".animated-hero2-up__animated-preheadline",$t=".animated-hero2-up__animated-headline",St=".animated-hero2-up__image--desktop",Lt=".animated-hero2-up__image--mobile",Nt=".animated-hero-2up",It="woi-animated-hero2-up",xt=".pause",Ot=".play",kt="animation-aria-labels",Tt="copy",Rt="data-main-theme",Dt="data-theme",Mt="items",Pt="preheadline",Bt="headline",Ht="imageDesktop",Ut="imageMobile",qt=class extends J{constructor(){super(...arguments),this.animation_aria_labels={},this.dataTheme=this.copy=null,this.images=[],this.isPlaying=!0,this.items=[],this.mainElement=this.querySelector(It),this.pause=this.querySelector(xt),this.play=this.querySelector(Ot),this.sectionElement=this.querySelector(Nt),this.animatedPreheadlines=this.querySelectorAll(Ct),this.animatedHeadlines=this.querySelectorAll($t),this.animatedImagesDesktop=this.querySelectorAll(St),this.animatedImagesMobile=this.querySelectorAll(Lt),this.animatedItem={preheadline:null,headline:null,imageDesktop:null,imageMobile:null},this.animationPreheadline=[{opacity:"1"},{opacity:"1"}],this.animationHeadline=[{opacity:"0",transform:"translateY(-30px)"},{opacity:"1",transform:"translateY(0)",offset:.15},{opacity:"1",transform:"translateY(0)",offset:.8},{opacity:"0",transform:"translateY(50px)"}],this.animationImage=[{opacity:"0",transform:"translateY(-95px)"},{opacity:"1",transform:"translateY(0)",offset:.15},{opacity:"1",transform:"translateY(0)",offset:.8},{opacity:"0",transform:"translateY(50px)"}],this.animationTiming={duration:3e3}}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.animatedPreheadlines=this.querySelectorAll(Ct),this.animatedHeadlines=this.querySelectorAll($t),this.animatedImagesDesktop=this.querySelectorAll(St),this.animatedImagesMobile=this.querySelectorAll(Lt),this.sectionElement=this.querySelector(Nt),this.pause=this.querySelector(xt),this.play=this.querySelector(Ot)),window.addEventListener(E.DOM_CONTENT_LOADED,(()=>{this.addAnimations()})),this.actionsHandler()}get copyText(){return this.getAttribute(Tt)||this.copy}get gtmModuleName(){return this.nodeName}get itemsElement(){const e=this.getAttribute(Mt)||this.items;return"string"==typeof e?JSON.parse(e):e}get animationAriaLabels(){const e=this.getAttribute(kt)||this.animation_aria_labels;return"string"==typeof e?JSON.parse(e):e}get animatedItemsImages(){const e=this.getAttribute(Mt)||this.items;return"string"==typeof e?JSON.parse(e):e}addAnimations(){0<this.animatedPreheadlines.length&&this.addAnimationToElement(this.animatedPreheadlines,this.animationPreheadline,0,Pt),0<this.animatedHeadlines.length&&this.addAnimationToElement(this.animatedHeadlines,this.animationHeadline,0,Bt),0<this.animatedImagesDesktop.length&&this.addAnimationToElement(this.animatedImagesDesktop,this.animationImage,0,Ht),0<this.animatedImagesMobile.length&&this.addAnimationToElement(this.animatedImagesMobile,this.animationImage,0,Ut)}addAnimationToElement(e,t,i,a){var s,l;
1452this.animatedItem[a]=e[i].animate(t,this.animationTiming),this.dataTheme=e[i].getAttribute(Dt)||this.dataTheme,null===(s=this.sectionElement)||void 0===s||s.setAttribute(Rt,this.dataTheme||""),null===(l=this.animatedItem[a])||void 0===l||l.addEventListener(E.FINISH,(()=>{var s;this.animatedItem[a]&&(null===(s=this.animatedItem[a])||void 0===s||s.cancel(),i===e.length-1?i=0:i++,this.addAnimationToElement(e,t,i,a))}))}playButtonHandler(){var e,t,i,a,s,l,n;this.isPlaying=!0,null===(e=this.animatedItem.preheadline)||void 0===e||e.play(),null===(t=this.animatedItem.headline)||void 0===t||t.play(),null===(i=this.animatedItem.imageMobile)||void 0===i||i.play(),null===(a=this.animatedItem.imageDesktop)||void 0===a||a.play(),null===(s=this.play)||void 0===s||s.classList.add(p.HIDDEN),null===(l=this.pause)||void 0===l||l.classList.remove(p.HIDDEN),null===(n=this.pause)||void 0===n||n.focus()}pauseButtonHandler(){var e,t,i,a,s,l,n;this.isPlaying=!1,null===(e=this.animatedItem.preheadline)||void 0===e||e.pause(),null===(t=this.animatedItem.headline)||void 0===t||t.pause(),null===(i=this.animatedItem.imageMobile)||void 0===i||i.pause(),null===(a=this.animatedItem.imageDesktop)||void 0===a||a.pause(),null===(s=this.pause)||void 0===s||s.classList.add(p.HIDDEN),null===(l=this.play)||void 0===l||l.classList.remove(p.HIDDEN),null===(n=this.play)||void 0===n||n.focus()}actionsHandler(){var e,t;null===(e=this.pause)||void 0===e||e.addEventListener(E.CLICK,(()=>{this.pauseButtonHandler()})),null===(t=this.play)||void 0===t||t.addEventListener(E.CLICK,(()=>{this.playButtonHandler()}))}imagesMarkup(e,t){return t.map((t=>(t=this.formatMultiImage(t.images,!0),n` 1453 <div class="animated-hero2-up__image animated-image ${e}"> 1454 <woi-image 1455 widths="xl:352,lg:320,md:352,sm:250" 1456 images="${"string"==typeof t?t:null}" 1457 loading-eager 1458 ></woi-image> 1459 </div> 1460 `)))}animationControlsRender(){var e,t,i,a;return n` 1461 <div class="animation-control-btn-wrapper"> 1462 <button class="play hidden" aria-label="${null===(e=this.animationAriaLabels)||void 0===e?void 0:e.aria_play_animation}">
1463 <woi-icon icon-id="PLAY_CIRCLE_SMALL" class-names="animated-hero2-up__icon"></woi-icon> 1464 </button> 1465 <div class="tooltip"><p class="tooltip-content">${null===(t=this.animationAriaLabels)||void 0===t?void 0:t.aria_play_animation}</p></div> 1466 <button class="pause" aria-label="${null===(i=this.animationAriaLabels)||void 0===i?void 0:i.aria_pause_animation}"> 1467 <woi-icon icon-id="PAUSE_CIRCLE_SMALL" class-names="animated-hero2-up__icon"></woi-icon> 1468 </button> 1469 <div class="tooltip"><p class="tooltip-content">${null===(a=this.animationAriaLabels)||void 0===a?void 0:a.aria_pause_animation}</p></div> 1470 </div> 1471 `}render(){return l` 1472 <section class="animated-hero-2up" data-main-theme=""> 1473 <div class="glue-page"> 1474 <div class="glue-grid"> 1475 <div class="glue-grid__col glue-grid__col--span-1"></div> 1476 <div class="glue-grid__col glue-grid__col--span-10"> 1477 <div class="animated-hero2-up__content glue-text-center"> 1478 <div class="animated-hero2-up__wrapper"> 1479 <h1 class="glue-headline glue-headline--headline-1 animated-hero2-up__copy-container"> 1480 ${this.itemsElement.map((e=>n` 1481 <span class="glue-font-weight-bold animated-hero2-up__animated-preheadline"> 1482 ${e.preheadline} 1483 </span> 1484 `))} 1485 </h1> 1486 <h2 class="glue-headline glue-headline--headline-1 glue-has-bottom-margin animated-hero2-up__copy-container"> 1487 ${this.itemsElement.map((e=>n` 1488 <span class="glue-font-weight-bold animated-hero2-up__animated-headline" data-theme="${e.theme}"> 1489 ${e.headline} 1490 </span> 1491 `))} 1492 </h2> 1493 <div class="animated-hero2-up__image-container show-in-mobile"> 1494 <div class="cycling-images-wrapper"></div> 1495 ${this.imagesMarkup("animated-hero2-up__image--mobile",this.animatedItemsImages)} 1496 </div> 1497 <p class="animated-hero2-up__copy body-copy glue-body--large glue-spacer-3-bottom"> 1498 ${this.copyText} 1499 </p> 1500 <div class="animated-hero2-up__cta-container glue-text-center hero-cta"> 1501 ${this.ctaBlock} 1502 </div> 1503 </div> 1504 <div class="animated-hero2-up__image-container show-in-desktop"> 1505 <div class="cycling-images-wrapper"></div> 1506 ${this.imagesMarkup("animated-hero2-up__image--desktop",this.animatedItemsImages)} 1507 </div> 1508 ${this.animationControlsRender()} 1509 </div> 1510 </div> 1511 </div> 1512 </div> 1513 </section> 1514 `}};customElements.define("woi-animated-hero2-up",qt);var Gt=class extends J{constructor(){super(...arguments),this._headerCont=this.querySelector(".budget-header__container"),this._cardsElements=this.querySelectorAll(".budget-card"),this._headerContHeight=0,this.cards=this.headline_colored=this.headline=this._headerContPadTop=""}get gtmModuleName(){return this.nodeName}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get cardsObj(){const e=this.getAttribute(m.CARDS)||this.cards;return"string"==typeof e?JSON.parse(a(e)):e}stickyHeaderHandler(){var e;this._headerCont&&(this._headerContHeight=null===(e=this._headerCont)||void 0===e?void 0:e.offsetHeight,this._headerCont.style.top=`\n calc(50vh - ${this._headerContHeight/2}px - ${this._headerContPadTop})\n `)}cardsFocus(){const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting?e.target.classList.remove("budget-card--inactive"):e.target.classList.add("budget-card--inactive")}))}),{threshold:.99});this._cardsElements&&this._cardsElements.forEach((t=>e.observe(t)))}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render()),this._headerCont=this.querySelector(".budget-header__container"),this._headerContPadTop=window.getComputedStyle(this._headerCont).paddingTop,this._cardsElements=this.querySelectorAll(".budget-card"),this.stickyHeaderHandler(),t.INTERSECTION_OBS in window&&this.cardsFocus();const e=d(this.stickyHeaderHandler.bind(this),50),i=d(this.cardsFocus.bind(this),50);window.addEventListener(E.RESIZE,(()=>{e(),t.INTERSECTION_OBS in window&&i()}))}render(){return l` 1515 <section class="budget glue-page glue-spacer-5-top glue-spacer-5-bottom"> 1516 <div class="glue-grid"> 1517 <div class="glue-grid__col glue-grid__col--span-1"></div> 1518 <div class="budget-header__container glue-grid__col glue-grid__col--span-12 glue-grid__col--span-4-lg glue-grid__col--span-4-xl glue-grid__col--align-top"> 1519 <div class="budget-header__headline-container"> 1520 <h2 class="budget-header__headline glue-headline glue-headline--headline-2">
1521 <span class="glue-font-weight-medium">${this.headlineText}</span> 1522 </h2> 1523 </div> 1524 <div class="budget-header__cta-container"> 1525 ${this.ctaBlock} 1526 </div> 1527 </div> 1528 1529 <div class="glue-grid__col glue-grid__col--span-1"></div> 1530 1531 <div class="glue-grid__col glue-grid__col--span-12 glue-grid__col--span-5-lg glue-grid__col--span-5-xl"> 1532 <div class="glue-grid"> 1533 <div class="glue-grid__col glue-grid__col--span-1"></div> 1534 <div class="budget-cards__container glue-grid__col glue-grid__col--span-10 glue-grid__col--span-5-lg glue-grid__col--span-5-xl"> 1535 <ul class="glue-cards"> 1536 ${this.cardsObj.map((e=>{var t;return n` 1537 <li> 1538 <woi-card 1539 body="${e.body}" 1540 card-type="budgetCard" 1541 headline="${e.title}" 1542 image="${null===(t=e.image.image)||void 0===t?void 0:t.url}" 1543 ${e.image.has_transparency?`${m.HAS_TRANSPARENCY}='true'`:""} 1544 ></woi-card> 1545 </li> 1546 `}))} 1547 </ul> 1548 </div> 1549 </div> 1550 </div> 1551 </div> 1552 </section> 1553 `}};customElements.define("woi-budget",Gt);var jt=class extends J{constructor(){super(...arguments),this.headline=this.copy=this.background_color="",this.stats=[],this.statStrips=this.querySelectorAll(".stat-strip"),this._isReducedMotion=F.isReducedMotion}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.statStrips=this.querySelectorAll(".stat-strip")),this.statStrips.forEach((e=>{this._isReducedMotion?e.classList.add("stat-strip--animation-finished"):t.INTERSECTION_OBS in window&&t.ANIMATE in HTMLElement.prototype?new IntersectionObserver(this.componentInViewport.bind(this),{root:null}).observe(e):this.animateStats(e)}))}get gtmModuleName(){return this.nodeName}get bgColor(){return this.getAttribute(m.BACKGROUND_COLOR)||this.background_color}get headlineText(){return this.headline||this.getAttribute(m.HEADLINE)||""}get copyText(){return this.copy||this.getAttribute(m.COPY)||""}get statItems(){const e=this.getAttribute("stats");return"string"==typeof e?JSON.parse(a(e)):this.stats}componentInViewport(e,t){for(const i of e)e=i.target,i.isIntersecting&&e instanceof HTMLElement&&(this.animateStats(e),t.disconnect())}animateStats(e){const t=[...e.children],i=e.animate([{transform:"translateY(0)"},{transform:`translateY(calc(-100% + ${t[0].offsetHeight}px))`}],{duration:3e3,fill:"forwards",easing:`steps(${t.length-1}, end)`}),a=setInterval((()=>{i.updatePlaybackRate(1.5*i.playbackRate)}),300);i.onfinish=()=>{clearInterval(a),i.cancel(),e.classList.add("stat-strip--animation-finished")}}renderStats(e){const t=e?"stat--with-icons":"";return this.statItems.map((e=>{var i,a,s,l;const r=null!==(i=e.icon)&&void 0!==i&&i.icon_id||null!==(l=null===(s=null===(a=e.icon)||void 0===a?void 0:a.icon_image)||void 0===s?void 0:s.image)&&void 0!==l&&l.url?this.renderIcon(e.icon):"<div></div>";return i=e.subheadline?`\n <p class="glue-spacer-2-top">${e.subheadline}</p>\n `:"",n` 1554 <div class="stat ${t}"> 1555 ${r} 1556 <div class="stat-animation"> 1557 <div class="glue-visually-hidden">${e.stat_number}${e.stat_unit}</div> 1558 <div class="stat-strip" aria-hidden="true"> 1559 ${this.renderStatSteps(e)} 1560 </div> 1561 </div> 1562 ${i} 1563 </div> 1564 `})).join("")}renderStatSteps(e){const t=e.stat_number;let i=20;i>t&&(i=t);const a=t/i,s=[0];for(let e=1;e<i;e++)s.push(Math.trunc(a*e));return s.push(t),s.map((t=>n` 1565 <div class="stat-step"> 1566 <span>${t}</span> 1567 <span>${e.stat_unit}</span> 1568 </div> 1569 `)).join("")}renderIcon(e){var t,i,a,s;const l=e.icon_color,r=null===(i=null===(t=e.icon_image)||void 0===t?void 0:t.image)||void 0===i?void 0:i.url;return t=n` 1570 <div> 1571 <woi-image 1572 widths="sm:36" 1573 image="${r}" 1574 alt-text="${null===(a=e.icon_image)||void 0===a?void 0:a.aria_description}" 1575 ${null!==(s=e.icon_image)&&void 0!==s&&s.has_transparency?m.HAS_TRANSPARENCY:""} 1576 lazy 1577 ></woi-image> 1578 </div> 1579 `,e=n` 1580 <div class="stat-icon stat-icon--${l} glue-spacer-2-bottom">
1581 <woi-icon class-names="glue-icon--24px" icon-id="${e.icon_id}"></woi-icon> 1582 </div> 1583 `,r?t:e}render(){const e=this.headlineText?`\n <h2 class="headline glue-headline glue-headline--headline-3 glue-text-center">\n <span class="glue-font-weight-medium">${this.headlineText}</span>\n </h2>\n `:"",t=this.copyText?`\n <p class="body-copy glue-spacer-3-bottom">${this.copyText}</p>\n `:"",i=this.ctaBlock?`\n <div class="cta-container">${this.ctaBlock}</div>\n `:"";var a=this.statItems.length;const s=this.statItems.some((e=>{var t,i,a,s;return(null===(t=null==e?void 0:e.icon)||void 0===t?void 0:t.icon_id)||(null===(s=null===(a=null===(i=null==e?void 0:e.icon)||void 0===i?void 0:i.icon_image)||void 0===a?void 0:a.image)||void 0===s?void 0:s.url)})),n=(4<a?"Author up to 4 stats maximum":null)||(0==a?"Author at least 1 stat to use this module":null);return a=n?`\n <div class="error-message">${n}</div>\n `:`\n <div class="stats-container stats-container--${a}-column">\n ${this.renderStats(s)}\n </div>\n `,l` 1584 <section class="glue-spacer-6-bottom glue-spacer-6-top"> 1585 <div class="glue-page callout-container ${this.bgColor&&"white"!==this.bgColor?`callout-container--bg callout-container--bg-${this.bgColor}`:""}"> 1586 <div class="glue-grid"> 1587 <div class="glue-grid__col glue-grid__col--span-2"></div> 1588 <div class="callout-header glue-grid__col glue-grid__col--span-8 glue-text-center"> 1589 ${e} 1590 ${t} 1591 ${i} 1592 </div> 1593 </div> 1594 ${a} 1595 </div> 1596 </section> 1597 `}};customElements.define("woi-callout-animated-stat",jt);var Wt,Ft="ChooseYourOwnIncentiveClaimOfferBauButterbar ChooseYourOwnIncentiveTreatmentButterbar ChooseYourOwnIncentiveOfferSelectionModule ChooseYourOwnIncentiveLowOfferButton ChooseYourOwnIncentiveMediumOfferButton ChooseYourOwnIncentiveHighOfferButton ChooseYourOwnIncentiveClaimOfferOfferSelectionModuleButton ChooseYourOwnIncentiveClaimOfferButterbar ChooseYourOwnIncentiveSignInCtaButton ChooseYourOwnIncentiveStartNowCtaButton".split(" "),Yt=new class{async log(e,t,i){const{userIncentiveOfferState:a,selectedIncentive:s}=i;t={action:t,userIncentiveOfferState:a},Ft.includes(e)&&(t.offeredIncentiveSubIdSuffix=null==s?void 0:s.subidSuffix);try{return fe.recordInPageInteraction(e,t)}catch(e){}}},Vt=Wt||(Wt={});Vt.IN_PAGE_BANNER='woi-in-page-banner[class*="cyo"]',Vt.NAV_SIGNIN_CTA='woi-mega-nav a[data-g-cta-name="signin"], woi-mega-nav-v2 a[data-g-cta-name="signin"]',Vt.NAV_SUF_CTA='woi-mega-nav a[data-g-cta-name="startnow"], woi-mega-nav-v2 a[data-g-cta-name="startnow"]',Vt.SUF_CTA='a[data-g-cta-name="startnow"]',Vt.INCENTIVES_BANNER_MODAL_TRIGGER_CTA='button[data-g-cta-name="sxgyincentivetnc"]',Vt.INCENTIVES_BANNER_MODAL_SUF_CTA='a[data-g-cta-name="sxgyincentivestartnow"]',Vt.CHOOSE_NOW_CTA='button[data-g-cta-name="choose-now"]';var Jt={[te.CARD_SELECTOR]:[".incentives-card"],[te.INCENTIVES_BANNER]:[".incentives-banner-copy","#incentives-banner-modal__label","#incentives-banner-modal__content"],[te.IN_PAGE_BANNER_SELECTED]:[".woi-in-page-banner__content-main"],[te.IN_PAGE_BANNER_UNSELECTED]:[".woi-in-page-banner__content-main"],[te.IN_PAGE_BANNER_CLAIMED]:[".woi-in-page-banner__content-main"]},Kt={awardAmount:"AWARD_AMOUNT",targetAmount:"TARGET_AMOUNT",awardAmount0:"AWARD_AMOUNT_0",targetAmount0:"TARGET_AMOUNT_0",awardAmount1:"AWARD_AMOUNT_1",targetAmount1:"TARGET_AMOUNT_1",awardAmount2:"AWARD_AMOUNT_2",targetAmount2:"TARGET_AMOUNT_2"},zt=new class{constructor(){this.logScrollEvent=!0,this.elements={},this.initAllElements(),this.previousState=this.state=this.getInitialState()}getInitialState(){return{availableIncentives:[],experimentArmSubid:"",userIncentiveOfferState:"NO_OFFER",incentiveUiTreatment:"UNKNOWN",selectedIncentive:null,activeUiElements:[],reverted:!1}}async loadExperiment(){const e=await fe.loadUserInfo();e&&(this.updateNoCodelessIncentive(e.offerUiTreatment),this.updateState({availableIncentives:e.availableIncentives,experimentArmSubid:e.experimentArmSubid,userIncentiveOfferState:e.userIncentiveOfferState,incentiveUiTreatment:e.offerUiTreatment,selectedIncentive:e.offeredIncentive}))}initAllElements(){Object.values(te).forEach((e=>{this.getElement(e)}))}removeInactiveElements(){const{activeUiElements:e}=this.state;Object.values(te).forEach((t=>{e.includes(t)||this.removeElement(t)}))}getElement(e){return this.elements[e]||(this.elements[e]=document.querySelector(e)),this.elements[e]}removeElement(e){(e=this.getElement(e))&&e.remove()}replacePlaceholderCopy(e,t,i=!1){let a=this.getElement(e);
1597if(!a)throw Error("No element");return i&&(a=null==a?void 0:a.cloneNode(!0)),a.querySelectorAll(Jt[e].join(",")).forEach((e=>{for(const i in t)Kt[i]&&(e.innerHTML=e.innerHTML.replace(new RegExp(`{(?:<wbr>)?${Kt[i]}(?:<wbr>)?}`,"g"),t[i]))})),a}updateState(e){this.previousState=this.state,e={...this.state,reverted:!1,...e},this.state={...e,...this.getActiveUiElements(e)},this.updateUiElements()}revertToPreviousState(){this.updateState({...this.previousState,reverted:!0})}getActiveUiElements(e){const{CARD_SELECTOR:t,INCENTIVES_BANNER:i,IN_PAGE_BANNER_UNSELECTED:a,IN_PAGE_BANNER_SELECTED:s,IN_PAGE_BANNER_CLAIMED:l}=te;switch(e.userIncentiveOfferState){case"OFFER_REVEALED":return this.isControlArm(e)?{activeUiElements:[i]}:{activeUiElements:[t,e.selectedIncentive?s:a]};case"OFFER_CLAIMED":return{activeUiElements:this.isControlArm(e)?[i]:[l]};default:return{activeUiElements:[]}}}updateNoCodelessIncentive(e){"BAU"!==e&&(null==(e=document.querySelector(m.HTML))||e.setAttribute(m.NO_CODELESS_INCENTIVE,"true"))}async updateUiElements(){this.removeInactiveElements(),this.handleIncentiveSelection(),this.isInitialLoad()&&(this.logClickEvents(Wt.NAV_SIGNIN_CTA,"ChooseYourOwnIncentiveSignInCtaButton"),this.logClickEvents(Wt.NAV_SUF_CTA,"ChooseYourOwnIncentiveStartNowCtaButton")),this.state.activeUiElements.forEach((e=>{switch(e){case te.CARD_SELECTOR:this.updateCardSelector(e);break;case te.IN_PAGE_BANNER_UNSELECTED:case te.IN_PAGE_BANNER_SELECTED:case te.IN_PAGE_BANNER_CLAIMED:this.updateInPageBanner(e);break;case te.INCENTIVES_BANNER:this.updateIncentivesBanner(e)}})),(this.isInitialLoad()||this.isSelectedIncentiveChange())&&this.updateCtasSubid()}async handleIncentiveSelection(){if(this.isSelectedIncentiveChange()&&(document.dispatchEvent(new CustomEvent(E.CYO_SELECTED_INCENTIVE_CHANGED)),!this.isInitialLoad()&&!this.state.reverted))try{await this.updateIncentiveSelectionInClient()}catch(e){this.revertToPreviousState()}}async updateIncentiveSelectionInClient(){var e,t;let i=null===(e=this.state.selectedIncentive)||void 0===e?void 0:e.subidSuffix;if(e="SELECT",this.state.selectedIncentive||(i=null===(t=this.previousState.selectedIncentive)||void 0===t?void 0:t.subidSuffix,e="DESELECT"),i)return fe.callChooseYourOwnIncentiveOffer(i,e)}updateCardSelector(e){this.isInitialLoad()&&(this.logCardSelectorEvents(),this.updateCardsCopy(e,this.state.availableIncentives),this.unhideElement(this.getElement(e)))}updateInPageBanner(e){if(this.isInitialLoad()||this.isSelectedIncentiveChange()){this.isInitialLoad()&&Yt.log("ChooseYourOwnIncentiveTreatmentButterbar","VIEW",this.state);var t=e===te.IN_PAGE_BANNER_UNSELECTED?this.getHigherIncentive():this.state.selectedIncentive;this.updateBannerCopyAndShow(e,t)}}updateIncentivesBanner(e){const{selectedIncentive:t}=this.state,i=this.getElement(e);if(this.isSelectedIncentiveChange()&&t){try{this.replacePlaceholderCopy(e,this.getAmountReplacements(t))}catch(e){}Yt.log("ChooseYourOwnIncentiveBauButterbar","VIEW",this.state),this.logClickEvents(Wt.INCENTIVES_BANNER_MODAL_TRIGGER_CTA,"ChooseYourOwnIncentiveLearnMoreBauButterbar",i),this.logClickEvents(Wt.INCENTIVES_BANNER_MODAL_SUF_CTA,"ChooseYourOwnIncentiveClaimOfferBauButterbar",i),this.unhideElement(i)}}logCardSelectorEvents(){const e=this.getElement(te.CARD_SELECTOR);if(e){var t=new IntersectionObserver((i=>{i.forEach((i=>{i.isIntersecting&&(this.logScrollEvent&&Yt.log("ChooseYourOwnIncentiveOfferSelectionModule","SCROLL",this.state),Yt.log("ChooseYourOwnIncentiveOfferSelectionModule","VIEW",this.state),t.unobserve(e))}))}));t.observe(e),this.logClickEvents(Wt.SUF_CTA,"ChooseYourOwnIncentiveClaimOfferOfferSelectionModuleButton",e)}}getAmountReplacements(e,t=""){const{awardAmount:i,targetAmount:a}=e;return{[`awardAmount${t}`]:i?this.getAmount(i):"",[`targetAmount${t}`]:a?this.getAmount(a):""}}getHigherIncentive(){return this.state.availableIncentives[this.state.availableIncentives.length-1]||null}updateBannerCopyAndShow(e,t){var i;if(t){var a=document.querySelector(Wt.IN_PAGE_BANNER);try{const s=this.replacePlaceholderCopy(e,this.getAmountReplacements(t),!0);a&&s&&(a.replaceWith(s),null===(i=s.querySelector(Wt.CHOOSE_NOW_CTA))||void 0===i||i.addEventListener(E.CLICK,(()=>{Yt.log("ChooseYourOwnIncentiveChooseNowTreatmentButterbarButton","CLICK",this.state),this.logScrollEvent=!1})),this.logClickEvents(Wt.SUF_CTA,"ChooseYourOwnIncentiveClaimOfferButterbar",s),this.unhideElement(s))}catch(e){}}}updateCardsCopy(e,t){const i={};for(let e=0;e<t.length;e++){const a=this.getAmountReplacements(t[e],e.toString());Object.assign(i,a)}this.setCardSelectorClass(e,i);try{this.replacePlaceholderCopy(e,i)}catch(e){}}setCardSelectorClass(e,t){var i;e=this.getElement(e);let a="";8<(t=t.awardAmount2.length)?a="woi-choose-incentives-offer--extra-compact":5<t&&(a="woi-choose-incentives-offer--compact"),a&&(null===(i=null==e?void 0:e.firstElementChild)||void 0===i||i.classList.add(a))}unhideElement(e){null==e||e.classList.remove(p.HIDDEN),null==e||e.classList.remove(p.MTO_HIDDEN),null==e||e.removeAttribute(m.ARIA_HIDDEN)}isControlArm({incentiveUiTreatment:e}){return"BAU"===e}isInitialLoad(){return"UNKNOWN"===this.previousState.incentiveUiTreatment}isSelectedIncentiveChange(){return this.previousState.selectedIncentive!==this.state.selectedIncentive}async updateCtasSubid(){const e=this.getSubidSuffix();oe.dispatchPropagateSuffixEvent(e,null===this.state.selectedIncentive||""===this.state.selectedIncentive.subidSuffix||"adshp-hv-q4-22"===this.state.selectedIncentive.subidSuffix||"cyoipilot-0"===this.state.selectedIncentive.subidSuffix)}getSubidSuffix(){const{experimentArmSubid:e,selectedIncentive:t}=this.state;return(t?t.subidSuffix:"")+e}getAmount(e){var t,i=(null===(t=document.querySelector(m.HTML))||void 0===t?void 0:t.getAttribute(m.LOCALE))||"";{const o=me[i];
1597if(i=ge[e.currencyCode]||null,o&&i){({thousandsSeparator:t}=o);var{code:a,symbol:s,symbolNative:l}=i,n=e.currencyCode===o.currencyCode,r=i.divisor||1;i=i.divisorSymbol||"",e=n?e.units/r:e.units,n=n?o.format:"{code} {units}",e=t?e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,t):e.toString(),e=n.replace("{symbolNative}",l).replace("{symbol}",s).replace("{units}",e).replace("{code}",a).replace("{divisorSymbol}",i)}else e=e.units.toString()}return e}logClickEvents(e,t,i){(i||document).querySelectorAll(e).forEach((e=>{e.addEventListener(E.CLICK,(()=>{Yt.log(t,"CLICK",this.state)}))}))}},Xt="aria-checked",Zt="aria-disabled",Qt="banner-copy",ei="banner-cta",ti="disabled-banner-headline",ii="enabled-banner-headline",ai="flip-card-subheadline",si=".glue-button",li=".incentives-card",ni=".offer-banner",ri="active-offer",oi="selected-card",di=class extends J{constructor(){super(...arguments),this.banner_copy=null,this.banner_cta=[],this.icon=this.headline=this.flip_card_subheadline=this.enabled_banner_headline=this.disabled_banner_headline=null,this.incentives_cards=[],this.subheadline=null,this._isReducedMotion=F.isReducedMotion,this.offerBannnerButton=this.offerBanner=null}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render()),document.addEventListener(E.CYO_SELECTED_INCENTIVE_CHANGED,(()=>{this.handleCardSelection()})),window.addEventListener(E.LOAD,(async()=>{this.offerBanner=this.querySelector(ni),this.offerBannnerButton=this.querySelector(si),await zt.loadExperiment(),this.handleCardsEvents()}))}handleCardsEvents(){this.querySelectorAll(li).forEach(((e,t)=>{e.addEventListener(E.CLICK,(()=>{this.toggleSelectedIncentive(t)})),e.addEventListener(E.KEYUP,(e=>{e.code!==I.ENTER&&e.code!==I.SPACE||this.toggleSelectedIncentive(t)}))}))}toggleSelectedIncentive(e){var t=zt.state.availableIncentives[e];t=zt.state.selectedIncentive!==t?t:null,zt.updateState({selectedIncentive:t}),t&&Yt.log(["ChooseYourOwnIncentiveLowOfferButton","ChooseYourOwnIncentiveMediumOfferButton","ChooseYourOwnIncentiveHighOfferButton"][e],"CLICK",zt.state)}handleCardSelection(){var e;const{availableIncentives:t,selectedIncentive:i}=zt.state,a=De.getBpName()===h.SM,s=t.findIndex((({subidSuffix:e})=>e===(null==i?void 0:i.subidSuffix)));null===(e=this.querySelectorAll(li))||void 0===e||e.forEach(((e,t)=>{e.classList.remove(oi),e.setAttribute(Xt,"false"),s===t&&(e.classList.add(oi),e.setAttribute(Xt,"true"))})),i&&a&&this.scrollToBanner(),this.toggleOfferBanner()}scrollToBanner(){var e;null===(e=this.offerBanner)||void 0===e||e.scrollIntoView({block:"center",behavior:this._isReducedMotion?O.AUTO:O.SMOOTH})}toggleOfferBanner(){var e,t,i,a;const s=null!==zt.state.selectedIncentive;this.offerBannnerButton&&(this.offerBannnerButton.setAttribute(m.ARIA_HIDDEN,s?"false":"true"),this.offerBannnerButton.setAttribute(m.TABINDEX,s?"0":"-1")),null===(e=this.offerBanner)||void 0===e||e.classList.toggle(ri,s),null===(t=this.offerBanner)||void 0===t||t.classList.toggle(m.DISABLED,!s),null===(i=this.offerBanner)||void 0===i||i.setAttribute(Zt,s?"false":"true"),null===(a=this.offerBanner)||void 0===a||a.setAttribute(m.ARIA_HIDDEN,s?"false":"true")}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get subheadlineText(){return this.getAttribute(m.SUBHEADLINE)||this.subheadline}get flipSubheadline(){return this.hasAttribute(ai)||this.flip_card_subheadline}get iconImage(){const e=this.getAttribute(m.ICON)||this.icon;return e&&0!==Object.keys(e).length?"string"==typeof e?JSON.parse(e):e:null}get cardsObj(){const e=this.getAttribute(m.CARDS)||this.incentives_cards;return"string"==typeof e?JSON.parse(e):e}get enabledBannerHeadline(){return this.getAttribute(ii)||this.enabled_banner_headline}get disabledBannerHeadline(){return this.getAttribute(ti)||this.disabled_banner_headline}get bannerCopyText(){return this.getAttribute(Qt)||this.banner_copy}get gtmModuleName(){return this.nodeName}renderBannerCta(){var e=this.getAttribute(ei)||this.banner_cta;return(e="string"==typeof e?JSON.parse(e):e)?n` 1598 <woi-button ${this.unpackCta(e)} cta-hidden></woi-button> 1599 `:null}renderIconImage(){const e=this.iconImage;return e&&n` 1600 <woi-image 1601 aria-hidden="true" 1602 class="offer-icon" 1603 image="${e.image.url||null}" 1604 widths="lg:86" 1605 ${e.has_transparency?"has-transparency":null} 1606 ></woi-image> 1607 `||null}render(){return l` 1608 <section class="glue-spacer-5-top glue-spacer-5-bottom blue-theme woi-choose-incentives-offer" tabindex="0"> 1609 <div class="glue-fullbleed"> 1610 <div class="glue-page"> 1611 <div class="glue-grid"> 1612 <div class="glue-grid__col glue-grid__col--span-1-md glue-grid__col--span-0-sm"></div> 1613 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md"> 1614 <div class="mobile-headline-container glue-spacer-5-top glue-spacer-3-bottom"> 1615 ${this.headlineText?n` 1616 <h2 class="glue-headline glue-headline--headline-2">
1617 <span class="glue-font-weight-medium">${this.headlineText}</span> 1618 </h2> 1619 `:null} 1620 ${this.subheadlineText?n` 1621 <div class="subheadline-text glue-spacer-2-top"> 1622 ${this.subheadlineText} 1623 </div> 1624 `:null} 1625 </div> 1626 <div class="glue-spacer-3-bottom offer-container white-bg-container"> 1627 <div class="desktop-headline-container"> 1628 ${this.renderIconImage()} 1629 ${this.headlineText?n` 1630 <h2 class="glue-headline glue-headline--headline-3 glue-spacer-2-bottom"> 1631 <span class="glue-font-weight-medium">${this.headlineText}</span> 1632 </h2> 1633 `:null} 1634 ${this.subheadline?n` 1635 <div class="subheadline-text"> 1636 ${this.subheadlineText} 1637 </div> 1638 `:null} 1639 </div> 1640 <div class="incentives-cards"> 1641 <ul class="glue-cards"> 1642 ${this.cardsObj.map((e=>n` 1643 <li> 1644 <woi-card 1645 body="${e.body}" 1646 card-type="incentivesCard" 1647 eyebrow="${e.eyebrow}" 1648 headline="${e.headline}" 1649 module-name="${this.nodeName}" 1650 subheadline="${e.subheadline}" 1651 ${this.flipSubheadline?'flip-subheadline="true"':""} 1652 widths="xl:315,lg:280,md:459,sm:473" 1653 ></woi-card> 1654 </li> 1655 `))} 1656 </ul> 1657 <div class="offer-banner glue-spacer-3-top disabled" aria-hidden="true" aria-disabled="true"> 1658 <div class="banner-copy"> 1659 ${this.disabledBannerHeadline?n` 1660 <h4 class="glue-headline glue-headline--headline-6 disabled-headline">${this.disabledBannerHeadline}</h4> 1661 `:null} 1662 ${this.enabledBannerHeadline?n` 1663 <h4 class="glue-headline glue-headline--headline-5 enabled-headline"> 1664 <span class="glue-font-weight-medium">${this.enabledBannerHeadline}</span> 1665 </h4> 1666 `:null} 1667 ${this.bannerCopyText?n` 1668 <p class="enabled-headline">${this.bannerCopyText}</p> 1669 `:null} 1670 </div> 1671 ${this.renderBannerCta()} 1672 </div> 1673 </div> 1674 </div> 1675 </div> 1676 </div> 1677 </div> 1678 </div> 1679 </section> 1680 `}};customElements.define("woi-choose-incentives-offer",di);var ci,ui=ci||(ci={});ui.PANEL_BUTTON=".glue-expansion-panel__button",ui.PANEL_HEADLINE=".woi-contact-hub-panel__headline--container > .glue-headline",ui.PANEL=".glue-expansion-panel",ui.PANELS=".glue-expansion-panels",ui.EXPANDABLE_PANEL_CONTENT=".woi-contact-hub-panel__content-inner";var hi=class extends J{constructor(){var e;super(...arguments),this._panelsEl=this.querySelector(ci.PANELS),this._panelBtns=null===(e=this._panelsEl)||void 0===e?void 0:e.querySelectorAll(ci.PANEL_BUTTON),this._expandablePanelContent=this.querySelector(ci.EXPANDABLE_PANEL_CONTENT),this._isPanelExpandable=!1,this.media_alignment=this.image=this.headline="",this.panels=[]}connectedCallback(){var e;this.firstElementChild||(this.replaceChildren(this.render()),this._panelsEl=this.querySelector(ci.PANELS),this._panelBtns=null===(e=this._panelsEl)||void 0===e?void 0:e.querySelectorAll(ci.PANEL_BUTTON)),this._isPanelExpandable=!!(this._expandablePanelContent=this.querySelector(ci.EXPANDABLE_PANEL_CONTENT)),t.GLUE in window&&this._panelsEl&&this._isPanelExpandable&&(new glue.ExpansionPanels(this._panelsEl),this._panelBtns&&this._panelBtns.forEach((e=>{e.setAttribute(m.ROLE,"group"),this.panelBtnCleanup(e),e.addEventListener(E.CLICK,(()=>this.panelBtnCleanup(e)))})))}get gtmModuleName(){return this.nodeName.toLowerCase()}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get imageObj(){const e=this.getAttribute(m.IMAGE)||this.image;return"string"==typeof e?JSON.parse(a(e)):this.image}get mediaAlignment(){return this.getAttribute(m.MEDIA_ALIGNMENT)||this.media_alignment}get panelsObj(){const e=this.getAttribute(m.PANELS)||this.panels;return"string"==typeof e?JSON.parse(a(e)):e}isConsolidatedShort(){return this.panelsObj.some((e=>"consolidated_panel_items"in e&&5>=e.consolidated_panel_items.length&&0<e.consolidated_panel_items.length))}
1680isConsolidatedLong(){return this.panelsObj.some((e=>"consolidated_panel_items"in e&&5<e.consolidated_panel_items.length))}panelBtnCleanup(e){if(e.setAttribute("tabindex","-1"),e.classList.contains(p.PANEL_BUTTON_NO_POINTER)){e.removeAttribute("title"),e.removeAttribute("aria-expanded");const t=e.cloneNode(!1);for(;e.hasChildNodes();)e.firstChild&&t.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(t,e)}}imageRender(){var e;const t=this.isConsolidatedShort()?"":"glue-grid__col--span-4-xl",i=null!==(e=this.imageObj.html_image)&&void 0!==e&&e.content&&this.imageObj.use_html_image?this.htmlImage():this.standardImage();return n` 1681 <div class="woi-contact-hub__image--container glue-grid__col 1682 glue-grid__col--span-5 ${t}"> 1683 ${i} 1684 </div> 1685 `}htmlImage(){return n` 1686 <woi-image 1687 images="${i(JSON.stringify([this.imageObj]))}" 1688 widths="xl:${this.xlImageWidth()},lg:339,md:263,sm:263" 1689 lazy 1690 ${this.imageObj.has_transparency?m.HAS_TRANSPARENCY:""}> 1691 </woi-image> 1692 `}standardImage(){return n` 1693 <woi-image 1694 alt-text="${this.imageObj.aria_description}" 1695 image="${this.imageObj.image.url}" 1696 widths="xl:${this.xlImageWidth()},lg:339,md:263,sm:263" 1697 lazy 1698 ${this.imageObj.has_transparency?m.HAS_TRANSPARENCY:""}> 1699 </woi-image> 1700 `}xlImageWidth(){return this.isConsolidatedShort()?"503":"389"}panelLinkRender(e){return e.chatbot_agent_id&&e.chatbot_context_id?n` 1701 <button class="glue-inline-link" 1702 data-bm-widget-agent-id='${e.chatbot_agent_id}' 1703 data-bm-widget-context='${e.chatbot_context_id}' 1704 data-bm-widget-layout="inline" 1705 data-g-cta-name='${e.gtm_cta_name?e.gtm_cta_name:"chatbot"}' 1706 data-g-module-name="${this.gtmModuleName}"> 1707 <span class="bm-widget-button-text" 1708 aria-label="${e.panel_link_aria_description||""}"> 1709 ${e.headline} 1710 </span> 1711 </button> 1712 `:e.chatbot_agent_id||e.chatbot_context_id?n`<span>Missing data for Chatbot: Agent-ID or Context ID</span>`:e.special_triggers?n` 1713 <a aria-label="${e.panel_link_aria_description||""}" 1714 ${e.gtm_cta_name?`data-g-cta-name="${e.gtm_cta_name}"`:""} 1715 data-g-module-name="${this.gtmModuleName}" 1716 ${e.special_triggers?`special-triggers="${e.special_triggers}"`:""}> 1717 ${e.headline} 1718 </a> 1719 `:e.panel_link?n` 1720 <a href="${this.relativizeKintaroLink(e.panel_link)}" 1721 aria-label="${e.panel_link_aria_description||""}" 1722 ${e.gtm_cta_name?`data-g-cta-name="${e.gtm_cta_name}"`:""} 1723 data-g-module-name="${this.gtmModuleName}" 1724 ${this.setExternalLink(e.panel_link)}> 1725 ${e.headline} 1726 </a> 1727 `:e.headline}panelsRender(){return this.panelsObj.map(((e,t)=>(t++,"consolidated_panel_items"in e?this.isConsolidatedShort()?this.panelConsolidatedRender(e,t):"":this.panelStandardRender(e,t))))}panelStandardRender(e,t){var i,a,s,l,r,o,d;return this._isPanelExpandable=!1,e.expanded_copy&&(this._isPanelExpandable=0<e.expanded_copy.length),n` 1728 <article class="glue-expansion-panel ${e.chatbot_agent_id?"woi-contact-hub-panel__chatbot":""}"> 1729 <div class="glue-expansion-panel__toggle"> 1730 <span class="glue-expansion-panel__button ${this._isPanelExpandable?"":"woi-contact-hub-panel__button--no-pointer"}" 1731 id="woi-contact-hub-panel-${t}-toggle" 1732 data-glue-expansion-panel-toggle-for="woi-contact-hub-panel-${t}-content"> 1733 <div class="woi-contact-hub-panel__header--container"> 1734 ${e.image&&null!==(i=e.image)&&void 0!==i&&i.image.url?n` 1735 <woi-image aria-hidden="true" 1736 image="${(null===(a=e.image)||void 0===a?void 0:a.image.url)||""}" 1737 widths="sm:32" 1738 lazy 1739 ${null!==(s=e.image)&&void 0!==s&&s.has_transparency?m.HAS_TRANSPARENCY:""}> 1740 </woi-image> 1741 `:""} 1742 <div class="woi-contact-hub-panel__headline--container"> 1743 <h3 id="woi-contact-hub-panel-${t}-headline" class="glue-headline glue-headline--headline-5"> 1744 ${this.panelLinkRender(e)} 1745 </h3>
1746 <p class="glue-font-weight-medium" aria-hidden="true">${e.eyebrow}</p> 1747 </div> 1748 </div> 1749 ${this._isPanelExpandable?n` 1750 <svg aria-hidden="true" viewBox="0 0 24 24" class="glue-icon glue-expansion-panel__header-arrow"> 1751 <path d="M5.41 7.59L4 9l8 8 8-8-1.41-1.41L12 14.17"></path> 1752 </svg> 1753 `:""} 1754 </span> 1755 </div> 1756 <div class="glue-expansion-panel__content" id="woi-contact-hub-panel-${t}-content"> 1757 ${this._isPanelExpandable?n` 1758 <div class="woi-contact-hub-panel__content-inner"> 1759 ${e.expanded_image&&null!==(l=e.expanded_image)&&void 0!==l&&l.image.url?n` 1760 <woi-image alt-text="${(null===(r=e.expanded_image)||void 0===r?void 0:r.aria_description)||""}" 1761 image="${(null===(o=e.expanded_image)||void 0===o?void 0:o.image.url)||""}" 1762 widths="sm:108" 1763 ${null!==(d=e.image)&&void 0!==d&&d.has_transparency?m.HAS_TRANSPARENCY:""}> 1764 </woi-image> 1765 `:""} 1766 <p>${e.expanded_copy}</p> 1767 </div> 1768 `:""} 1769 </div> 1770 </article> 1771 `}panelConsolidatedRender(e,t){var i,a,s;return n` 1772 <article class="woi-contact-hub__consolidated-panel"> 1773 <div class="woi-contact-hub-panel__header--container"> 1774 ${e.image&&null!==(i=e.image)&&void 0!==i&&i.image.url?n` 1775 <woi-image aria-hidden="true" 1776 image="${(null===(a=e.image)||void 0===a?void 0:a.image.url)||""}" 1777 widths="sm:32" 1778 lazy 1779 ${null!==(s=e.image)&&void 0!==s&&s.has_transparency?m.HAS_TRANSPARENCY:""}> 1780 </woi-image> 1781 `:""} 1782 <div class="woi-contact-hub-panel__headline--container"> 1783 <h3 id="woi-contact-hub-panel-${t}-headline" class="glue-headline glue-headline--headline-5"> 1784 ${e.headline} 1785 </h3> 1786 </div> 1787 </div> 1788 <ul class="woi-contact-hub__consolidated-list"> 1789 ${this.consolidatedItemsRender(e.consolidated_panel_items)} 1790 </ul> 1791 </article> 1792 `}consolidatedItemsRender(e){const t=e.length;return e.map(((e,i)=>n` 1793 <li class="woi-contact-hub__consolidated-item ${Math.ceil(t/2)===i?"woi-contact-hub__consolidated-item--middle":""}"> 1794 <div> 1795 <span class="woi-contact-hub__consolidated-item-country glue-font-weight-medium"> 1796 ${e.country} 1797 </span> 1798 <span class="woi-contact-hub__consolidated-item-availability"> 1799 ${e.availability} 1800 </span> 1801 </div> 1802 <div class="woi-contact-hub__consolidated-item-cta"> 1803 <woi-button 1804 cta-name="${e.gtm_cta_name}" 1805 cta-text="${e.telephone_formatted}" 1806 cta-url="tel:${e.telephone}" 1807 emphasis="low" 1808 icon-id="PHONE" 1809 icon-type="glue-icon" 1810 label="${e.telephone_aria_label}" 1811 module-name="${this.gtmModuleName}"> 1812 </woi-button> 1813 </div> 1814 </li> 1815 `)).join("")}
1815renderConsolidatedLong(){var e=this.panelsObj.filter((e=>!("consolidated_panel_items"in e))),t=this.panelsObj.filter((e=>"consolidated_panel_items"in e))[0];return e=e.length?`\n <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-2-xl"></div>\n <div class="woi-contact-hub__consolidated-long-ctas-container glue-spacer-4-bottom\n glue-grid__col glue-grid__col--span-10 glue-grid__col--span-8-xl">\n ${e.map((e=>"consolidated_panel_items"in e?"":e.chatbot_agent_id&&e.chatbot_context_id?n` 1816 <button class="glue-button glue-button--medium-emphasis glue-button--icon" 1817 aria-label="${e.panel_link_aria_description}" 1818 data-bm-widget-agent-id="${e.chatbot_agent_id}" 1819 data-bm-widget-context="${e.chatbot_context_id}" 1820 data-bm-widget-layout="advanced" 1821 data-g-cta-name="${e.gtm_cta_name}" 1822 data-g-module-name="${this.gtmModuleName}"> 1823 <div class="icon-wrapper"><woi-icon icon-id="CHAT"></woi-icon></div> 1824 <span class="bm-widget-button-text">${e.headline}</span> 1825 </button> 1826 `:n` 1827 <woi-button 1828 cta-text="${e.headline}" 1829 cta-url="${e.panel_link}" 1830 label="${e.panel_link_aria_description}" 1831 icon-id="${e.consolidated_version_cta_icon}" 1832 icon-type="glue-icon" 1833 cta-name="${e.gtm_cta_name}" 1834 module-name="${this.gtmModuleName}" 1835 agent-id="${e.chatbot_agent_id}" 1836 context-id="${e.chatbot_context_id}"> 1837 </woi-button> 1838 `)).join("")}\n </div>\n <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-2-xl"></div>\n `:"",t="consolidated_panel_items"in t?`\n <div class="glue-grid__col glue-grid__col--span-2 glue-grid__col--span-1-lg"></div>\n <div class="glue-grid__col glue-grid__col--span-8 glue-grid__col--span-10-lg">\n <div class="woi-contact-hub-consolidated-panel__headline">\n ${t.headline}\n </div>\n <ul class="woi-contact-hub__consolidated-list woi-contact-hub__consolidated-list--long">\n ${this.consolidatedItemsRender(t.consolidated_panel_items)}\n </ul>\n </div>\n `:"",n` 1839 ${e} 1840 ${t} 1841 `}renderStandard(){const e=this.isConsolidatedShort()?"glue-grid__col glue-grid__col--span-8-md glue-grid__col--span-5":"glue-grid__col glue-grid__col--span-7 glue-grid__col--span-6-xl",t=this.isConsolidatedShort()?"glue-grid__col glue-grid__col--span-2-md glue-grid__col--span-1-lg":"glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-xl",i=this.imageRender();return n` 1842 <div class="${t}"></div> 1843 ${"Right"!==this.mediaAlignment?i:""} 1844 <div class="${e}"> 1845 <section class="glue-expansion-panels"> 1846 ${this.panelsRender()} 1847 </section> 1848 </div> 1849 ${"Right"===this.mediaAlignment?i:""} 1850 `}render(){const e=this.isConsolidatedShort()?"woi-contact-hub--consolidated-short":"";return l` 1851 <section id="woi-contact-hub" class="${e} 1852 woi-contact-hub glue-page glue-spacer-5-bottom glue-spacer-5-top"> 1853 <div class="glue-grid"> 1854 <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-2-xl"></div> 1855 <div class="woi-contact-hub__header--container glue-grid__col glue-grid__col--span-10 glue-grid__col--span-8-xl"> 1856 <h2 id="woi-contact-hub-headline" class="glue-headline glue-headline--headline-2 glue-text-center"> 1857 <span class="glue-font-weight-medium">${this.headlineText}</span> 1858 </h2> 1859 </div> 1860 </div> 1861 <div class="woi-contact-hub__content--container glue-grid">
1862 ${this.isConsolidatedLong()?this.renderConsolidatedLong():this.renderStandard()} 1863 </div> 1864 </section> 1865 `}};customElements.define("woi-contact-hub",hi);var gi=class extends J{constructor(){super(...arguments),this.headline=this.descriptor="",this.expansion_panels_content=[],this.expansion_panels_labels=null}connectedCallback(){if(this.firstElementChild||this.replaceChildren(this.render()),t.GLUE in window){const e=this.querySelector(".glue-expansion-panels");e&&new glue.ExpansionPanels(e)}}get panelId(){return this.getAttribute("expansion-panels-id")||this.descriptor}get content(){const e=this.getAttribute("expansion-panels-content")||this.expansion_panels_content;return"string"==typeof e?JSON.parse(a(e)):e}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get expansionPanelsLabels(){const e=this.getAttribute("expansion-panels-labels")||this.expansion_panels_labels;return"string"==typeof e?JSON.parse(a(e)):e}panelBuilder(e,t){return n` 1866 <div class="glue-expansion-panel"> 1867 <h3 class="glue-expansion-panel__toggle"> 1868 <span class="glue-expansion-panel__button" 1869 id="expansion-panels-${this.panelId}-${t+1}-toggle" 1870 data-glue-expansion-panel-toggle-for="expansion-panels-${this.panelId}-${t+1}-content"> 1871 <span class="glue-expansion-panel__header-text">${e.headline}</span> 1872 <div class="icon-wrapper glue-icon glue-expansion-panel__header-arrow">
1873 <woi-icon icon-id="expand_more"></woi-icon> 1874 </div> 1875 </span> 1876 </h3> 1877 <div class="glue-expansion-panel__content" id="expansion-panels-${this.panelId}-${t+1}-content"> 1878 <div>${e.copy}</div> 1879 </div> 1880 </div> 1881 `}render(){var e,t,i;const a=n` 1882 <button aria-label="${(null===(e=this.expansionPanelsLabels)||void 0===e?void 0:e.button_aria_label)||""}" 1883 class="glue-expansion-panels__toggle-all glue-button 1884 glue-button--low-emphasis glue-button--icon-right"> 1885 <span class="glue-expansion-panels__toggle-text 1886 glue-expansion-panels__toggle-text--expanded"> 1887 ${(null===(t=this.expansionPanelsLabels)||void 0===t?void 0:t.expand_all)||""} 1888 </span> 1889 <span class="glue-expansion-panels__toggle-text 1890 glue-expansion-panels__toggle-text--collapsed"> 1891 ${(null===(i=this.expansionPanelsLabels)||void 0===i?void 0:i.collapse_all)||""} 1892 </span> 1893 <span class="icon-wrapper">
1894 <woi-icon icon-id="expand_all"></woi-icon> 1895 </span> 1896 </button> 1897 `;return l` 1898 <section class="glue-page glue-spacer-6-top glue-spacer-6-bottom woi-expansion-panels-container"> 1899 <div class="glue-grid"> 1900 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-1-md"></div> 1901 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md"> 1902 <h3 class="glue-headline glue-headline--headline-3">${this.headlineText}</h3> 1903 <div class="glue-expansion-panels" 1904 data-glue-expansion-panels-key="${this.panelId}"> 1905 <div class="glue-expansion-panels__header"> 1906 ${a} 1907 </div> 1908 ${this.content.map(((e,t)=>this.panelBuilder(e,t)))} 1909 </div> 1910 </div> 1911 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-1-md"></div> 1912 </div> 1913 </section> 1914 `}};customElements.define("woi-expansion-panels",gi);var mi=".mdc-text-field",_i=".mdc-select",pi=class{constructor(){this.result=new Map}init(e){const t=[...e.querySelectorAll(mi)];return e=[...e.querySelectorAll(_i)],t.forEach((e=>{const t=new mdc.textField.MDCTextField(e);(e=e.getAttribute("key"))&&this.result.set(e,t)})),e.forEach((e=>{const t=new mdc.select.MDCSelect(e);(e=e.getAttribute("key"))&&this.result.set(e,t)})),this.result}},vi="https://www.gstatic.com/glue/v26_0/material-components-web.min.js",bi="https://www.gstatic.com/glue/v26_0/glue-material.min.css",fi="link",Ai="script",yi=class{constructor(){var e=document.createElement(fi);e.rel="stylesheet",e.href=bi,document.head.appendChild(e),(e=document.createElement(Ai)).src=vi,document.body.appendChild(e)}static getInstance(){return yi.instance||(yi.instance=new yi),yi.instance}},Ei=".form-calculator2-up__results__unavailable",wi=".form-calculator2-up__module",Ci=".form-calculator2-up__budget",$i=".form-calculator2-up__budget__input__error_lower",Si=".form-calculator2-up__budget__input__error_negative",Li=".form-calculator2-up__budget__button button",Ni=".form-calculator2-up__budget__industry .mdc-select__anchor",Ii=".form-calculator2-up__budget__leads input",xi=".form-calculator2-up__budget__postalcode input",Oi=".form-calculator2-up__budget__leads",ki=".form-calculator2-up__budget__industry input",Ti=".form-calculator2-up__budget__countrycode input",Ri=".form-calculator2-up__max",Di=".form-calculator2-up__min",Mi=".currencypositionpre",Pi=".currencypositionpost",Bi=".form-calculator2-up__results__reset",Hi=".form-calculator2-up__results__available",Ui=".budget",qi=".category",Gi=".postalcode",ji=".countrycode",Wi=".form-calculator2-up__results",Fi="#industry-myselect",Yi="#country-myselect",Vi="budget_headline",Ji="form_industry_placeholder",Ki="form_country_placeholder",zi="form_leads_error_greater",Xi="form_leads_error_max",Zi="form_leads_placeholder",Qi="form_zipcode_placeholder",ea="lang",ta="locale",ia="categories.json",aa="postal.json",sa="price.json",la="data.json",na=["en_us","en_ca"],ra=class extends J{constructor(){super(...arguments),this.copy=this.budget_headline=null,this.currency="USD",this.form_industry_dropdown_nested=[],this.form_country_dropdown_nested=[],this.headline=this.form_zipcode_placeholder=this.form_leads_placeholder=this.form_leads_error_max=this.form_leads_error_greater=this.form_country_placeholder=this.form_industry_placeholder=null,this.isAvailable=!1,this.result_copy=this.result_budget_month=this.result_availability=null,this.result_cta=[],this.result_unavailable=null,this.data={categories:[],postal:[],price:[],dataemea:[]},this.mdcInputs=(new pi).init(this),this.budget=document.querySelector(Ci),this.budgetWrapper=document.querySelector(wi),this.errorNegative=document.querySelector(Si),this.errorLower=document.querySelector($i),this.htmlLang=document.querySelector(m.HTML),this.inputPostalCode=document.querySelector(xi),this.inputBudget=document.querySelector(Ii),this.industryAnchor=document.querySelector(Ni),this.labelBudget=document.querySelector(Oi),this.maxElement=document.querySelector(Ri),this.minElement=document.querySelector(Di),this.currencyPre=document.querySelectorAll(Mi),this.currencyPost=document.querySelectorAll(Pi),this.result=document.querySelector(Wi),this.resultBudget=document.querySelector(Ui),this.resultCategory=document.querySelector(qi),this.resultPostalcode=document.querySelector(Gi),this.resultCountrycode=document.querySelector(ji),this.selectCountry=document.querySelector(Ti),this.selectIndustry=document.querySelector(ki),this.industryMySelect=document.querySelector(Fi),this.countryMySelect=document.querySelector(Yi)}connectedCallback(){var e;const t=null===(e=this.htmlLang)||void 0===e?void 0:e.getAttribute(ta);this.firstElementChild||this.replaceChildren(this.render()),yi.getInstance(),this.apiRequest(),this.disabledCharKey(),null==(e=
1914document.querySelector(Li))||e.setAttribute(m.DISABLED,""),null==e||e.addEventListener(E.CLICK,(()=>{na.forEach((e=>{e===t?this.handlerSubmitClick():this.handlerSubmitClickEmea()}))})),e&&this.submitVisibilityHandler(e),null==(e=document.querySelector(Bi))||e.addEventListener(E.CLICK,(()=>{this.resetBudget()}))}get gtmModuleName(){return this.nodeName}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get copyText(){return this.getAttribute(m.COPY)||this.copy}get copyCurrency(){return this.currency}get formIndustryPlaceholder(){return this.getAttribute(Ji)||this.form_industry_placeholder}get formCountryPlaceholder(){return this.getAttribute(Ki)||this.form_country_placeholder}get formLeadsPlaceholder(){return this.getAttribute(Zi)||this.form_leads_placeholder}get formZipcodePlaceholder(){return this.getAttribute(Qi)||this.form_zipcode_placeholder}get formIndustryItems(){return this.form_industry_dropdown_nested}get formCountryItems(){return this.form_country_dropdown_nested}get budgetHeadline(){return this.getAttribute(Vi)||this.budget_headline}get errorGreater(){return this.getAttribute(zi)||this.form_leads_error_greater}get errorMax(){return this.getAttribute(Xi)||this.form_leads_error_max}get resultBudgetMonth(){return this.result_budget_month}get resultCopy(){return this.result_copy}get resultCta(){return this.result_cta}get resultAvailability(){return this.result_availability}get resultUnavailable(){return this.result_unavailable}async apiRequest(){if(window.fetch){var e=await window.fetch(`/home/static/local-services-ads/en_us/${sa}`);e.ok&&(e=await e.json(),this.data.price=this.formatData(e)),(e=await window.fetch(`/home/static/local-services-ads/en_us/${aa}`)).ok&&(e=await e.json(),this.data.postal=this.formatData(e)),(e=await window.fetch(`/home/static/local-services-ads/en_us/${ia}`)).ok&&(e=await e.json(),this.data.categories=this.formatData(e)),(e=await window.fetch(`/home/static/local-services-ads/emea/${la}`)).ok&&(e=await e.json(),this.data.dataemea=this.formatData(e))}}formatData(e){const t=[],i=e[0];return e.forEach((e=>{const a={};e.forEach(((e,t)=>{t=i[t].replace(/\s/g,"-").toLowerCase(),a[t]=e})),t.push(a)})),t}getRegionByPostalCode(e){const t=this.data.postal.find((t=>t["postal-code"]===e));return null==t?void 0:t.region}getCategory(e){const t=this.data.categories.find((t=>t.category===e));return null==t?void 0:t.id}getMinMaxPrice(e,t){return this.data.price.find((i=>i.region===e&&i.category===t))}getMinMaxPriceEmea(e,t){return this.data.dataemea.find((i=>{const a=i.region.toLowerCase(),s=i.category,l=i.currencycode;return i=i.currencypos,a===e&&s===t&&l&&i}))}displayAvailability(e,t){var i,a;const s=document.querySelector(Hi),l=document.querySelector(Ei);(this.isAvailable=!(!e||!t))?(null==s||s.classList.remove(p.HIDDEN),null==l||l.classList.add(p.HIDDEN)):(null===(i=this.budgetWrapper)||void 0===i||i.classList.add(p.HIDDEN),null===(a=this.result)||void 0===a||a.classList.remove(p.HIDDEN),null==s||s.classList.add(p.HIDDEN),null==l||l.classList.remove(p.HIDDEN))}displayResult(e,t,i,a){var s,l,n;0<e.length&&t&&(null===(s=this.budget)||void 0===s||s.classList.add(p.ACTIVE),null===(l=this.budgetWrapper)||void 0===l||l.classList.add(p.HIDDEN),null===(n=this.result)||void 0===n||n.classList.remove(p.HIDDEN)),this.resultBudget&&this.resultCategory&&this.resultPostalcode&&t&&a&&i&&(this.resultBudget.textContent=t,this.resultCategory.textContent=a,this.resultPostalcode.textContent=i)}displayResultEmea(e,t,i,a){var s,l,n;0<e.length&&t&&(null===(s=this.budget)||void 0===s||s.classList.add(p.ACTIVE),null===(l=this.budgetWrapper)||void 0===l||l.classList.add(p.HIDDEN),null===(n=this.result)||void 0===n||n.classList.remove(p.HIDDEN)),this.resultBudget&&this.resultCategory&&this.resultCountrycode&&t&&a&&i&&(this.resultBudget.textContent=t,this.resultCategory.textContent=a,this.resultCountrycode.textContent=i)}displayMinMaxPriceValues(e){var t,i=e.budget,a=e.minus;e=e.plus,a&&e&&i&&(a=parseInt(a)*parseInt(i),i=parseInt(e)*parseInt(i),(e=null===(t=this.htmlLang)||void 0===t?void 0:t.getAttribute(ea))&&this.minElement&&this.maxElement&&(t={style:"currency",currency:this.copyCurrency,minimumFractionDigits:0,maximumFractionDigits:0}
1914,this.minElement.textContent=a.toLocaleString(e,t),this.maxElement.textContent=i.toLocaleString(e,t)))}displayMinMaxPriceValuesEmea(e){var t,i=e.budget,a=e.minus;const s=e.plus,l=e.currencycode;e=e.currencypos,a&&s&&i&&(a=parseInt(a)*parseInt(i),i=parseInt(s)*parseInt(i),null!==(t=this.htmlLang)&&void 0!==t&&t.getAttribute(ea)&&this.minElement&&this.maxElement&&this.currencyPre&&this.currencyPost&&e&&l&&(this.minElement.textContent=a.toLocaleString(),this.maxElement.textContent=i.toLocaleString(),"pre"===e.toLowerCase()?(this.currencyPre.forEach((e=>{null==e||e.classList.remove(p.HIDDEN),e.textContent=l})),this.currencyPost.forEach((e=>{null==e||e.classList.add(p.HIDDEN)}))):"post"===e.toLowerCase()&&(this.currencyPost.forEach((e=>{null==e||e.classList.remove(p.HIDDEN),e.textContent=l})),this.currencyPre.forEach((e=>{null==e||e.classList.add(p.HIDDEN)})))))}disabledCharKey(){var e;null===(e=this.inputBudget)||void 0===e||e.addEventListener(E.KEYDOWN,(e=>{if(!new RegExp(/^[0-9]|Backspace$/).test(e.key))return e.preventDefault(),!1}))}validateLeadsPerMonth(e,t){var i,a,s,l,n,r,o,d;return null===(i=this.htmlLang)||void 0===i||i.getAttribute(ta),na.forEach((()=>!1)),0>=(e=t?parseFloat(t):0)?(null===(a=this.labelBudget)||void 0===a||a.classList.add(p.ERROR),null===(s=this.errorNegative)||void 0===s||s.classList.add(p.SHOW),null===(l=this.errorLower)||void 0===l||l.classList.remove(p.SHOW),!1):1e4<e?(null===(n=this.labelBudget)||void 0===n||n.classList.add(p.ERROR),null===(r=this.errorLower)||void 0===r||r.classList.add(p.SHOW),null===(o=this.errorNegative)||void 0===o||o.classList.remove(p.SHOW),!1):(null===(d=this.labelBudget)||void 0===d||d.classList.remove(p.ERROR),!0)}submitVisibilityHandler(e){const t=this.inputPostalCode||this.selectCountry;[t,this.inputBudget,this.industryAnchor].forEach((i=>{null==i||i.addEventListener(E.FOCUSOUT,(()=>{var i,a;const s=null===(i=this.inputBudget)||void 0===i?void 0:i.value;i=null==t?void 0:t.value;const l=null===(a=this.selectIndustry)||void 0===a?void 0:a.value;s&&i&&l?e.removeAttribute(m.DISABLED):e.setAttribute(m.DISABLED,"")}))}))}handlerSubmitClick(){var e,t,i,a,s,l,n;let r,o;o=this.getRegionByPostalCode(null===(e=this.inputPostalCode)||void 0===e?void 0:e.value),e=this.getCategory(null===(t=this.selectIndustry)||void 0===t?void 0:t.value),o&&e?(r=this.getMinMaxPrice(o,e),this.validateLeadsPerMonth(r,null===(i=this.inputBudget)||void 0===i?void 0:i.value)&&(t={budget:null===(a=this.inputBudget)||void 0===a?void 0:a.value,minus:null==r?void 0:r.minus,plus:null==r?void 0:r.plus},this.displayMinMaxPriceValues(t),this.displayResult(e,null===(s=this.inputBudget)||void 0===s?void 0:s.value,null===(l=this.inputPostalCode)||void 0===l?void 0:l.value,null===(n=this.selectIndustry)||void 0===n?void 0:n.value.replace(/_/g," ")),this.displayAvailability(o,r))):this.displayAvailability(o,r)}handlerSubmitClickEmea(){var e,t,i,a,s,l,n;const r=null===(e=this.selectIndustry)||void 0===e?void 0:e.value;(e=null===(t=this.selectCountry)||void 0===t?void 0:t.value)&&r&&(t=this.getMinMaxPriceEmea(e,r),this.validateLeadsPerMonth(t,null===(i=this.inputBudget)||void 0===i?void 0:i.value)&&(i={budget:null===(a=this.inputBudget)||void 0===a?void 0:a.value,minus:null==t?void 0:t.priceperlead,plus:null==t?void 0:t.maxpriceperlead,currencycode:null==t?void 0:t.currencycode,currencypos:null==t?void 0:t.currencypos},this.displayMinMaxPriceValuesEmea(i),this.displayResultEmea(r,null===(s=this.inputBudget)||void 0===s?void 0:s.value,null===(l=this.countryMySelect)||void 0===l?void 0:l.textContent,null===(n=this.industryMySelect)||void 0===n?void 0:n.textContent)),this.displayAvailability(e,t))}resetBudget(){var e,t,i,a,s;null===(e=this.budget)||void 0===e||e.classList.remove(p.ACTIVE),null===(t=this.budgetWrapper)||void 0===t||t.classList.remove(p.HIDDEN),null===(i=this.errorLower)||void 0===i||i.classList.remove(p.SHOW),null===(a=this.errorNegative)||void 0===a||a.classList.remove(p.SHOW),null===(s=this.result)||void 0===s||s.classList.add(p.HIDDEN)}render(){return l` 1915 <section class="glue-page form-calculator2-up"> 1916 <div class="glue-grid form-calculator2-up__grid"> 1917 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-1-lg"></div> 1918 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-6-md glue-grid__col--span-4-lg"> 1919 <div class="form-calculator2-up__content"> 1920 ${this.headlineText?n` 1921 <h2 class="form-calculator2-up__headline glue-headline glue-headline--headline-2">
1922 <span class="glue-font-weight-medium">${this.headlineText}</span> 1923 </h2> 1924 `:null} 1925 ${this.copyText?n` 1926 <p class="form-calculator2-up__copy">${this.copyText}</p> 1927 `:null} 1928 </div> 1929 </div> 1930 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-1-lg"></div> 1931 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-6-md glue-grid__col--span-5-lg"> 1932 <div class="form-calculator2-up__budget"> 1933 <div class="form-calculator2-up__budget__wrapper"> 1934 <div class="form-calculator2-up__module"> 1935 ${this.budgetHeadline?n` 1936 <p class="form-calculator2-up__budget__headline glue-headline glue-headline--headline-5"> 1937 <span class="glue-font-weight-medium">${this.budgetHeadline}</span> 1938 </p> 1939 `:null} 1940 ${na.includes(this.locale)?n` 1941 <label class="form-calculator2-up__budget__input form-calculator2-up__budget__postalcode 1942 mdc-text-field mdc-text-field--outlined glue-text-field"> 1943 <span class="mdc-notched-outline"> 1944 <span class="mdc-notched-outline__leading"></span> 1945 <span class="mdc-notched-outline__notch"> 1946 <span class="mdc-floating-label" id="address-label"> 1947 ${this.formZipcodePlaceholder} 1948 </span> 1949 </span> 1950 <span class="mdc-notched-outline__trailing"></span> 1951 </span> 1952 <input class="mdc-text-field__input" name="address" 1953 type="text" aria-labelledby="address-label" 1954 autocomplete="off"> 1955 </label>`:n` 1956 <div class="form-calculator2-up__budget__countrycode mdc-select mdc-select--outlined glue-select"> 1957 <input type="hidden" name="country"> 1958 <div class="mdc-select__anchor" role="button" aria-haspopup="listbox" 1959 aria-labelledby="label-country country-myselect"> 1960 <span id="country-myselect" class="mdc-select__selected-text"></span> 1961 <span class="mdc-select__dropdown-icon"> 1962 <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5"> 1963 <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"></polygon> 1964 <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15"></polygon> 1965 </svg> 1966 </span> 1967 <span class="mdc-notched-outline"> 1968 <span class="mdc-notched-outline__leading"></span> 1969 <span class="mdc-notched-outline__notch"> 1970 <span id="label-country" class="mdc-floating-label"> 1971 ${this.formCountryPlaceholder} 1972 </span> 1973 </span> 1974 <span class="mdc-notched-outline__trailing"></span> 1975 </span> 1976 </div> 1977 <div class="mdc-select__menu mdc-menu mdc-menu-surface"> 1978 <ul class="mdc-list" role="listbox"> 1979 <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" 1980 data-value="" role="option" aria-setsize="3" aria-posinset="1"> 1981 <span class="mdc-list-item__ripple"></span> 1982 </li> 1983 ${this.formCountryItems.map((e=>{const t=e.key.toLowerCase();return n` 1984 <li class="mdc-list-item" data-value="${t}" role="option" 1985 aria-setsize="3" aria-posinset="2">
1986 <span class="mdc-list-item__ripple"></span> 1987 <span class="mdc-list-item__text">${e.value}</span> 1988 </li> 1989 `}))} 1990 </ul> 1991 </div> 1992 </div>`} 1993 <label class="form-calculator2-up__budget__input form-calculator2-up__budget__leads 1994 mdc-text-field mdc-text-field--outlined glue-text-field"> 1995 <span class="mdc-notched-outline"> 1996 <span class="mdc-notched-outline__leading"></span> 1997 <span class="mdc-notched-outline__notch"> 1998 <span class="mdc-floating-label" id="leads-label"> 1999 ${this.formLeadsPlaceholder} 2000 </span> 2001 </span> 2002 <span class="mdc-notched-outline__trailing"></span> 2003 </span> 2004 <input class="mdc-text-field__input" name="leads" 2005 type="number" aria-labelledby="leads-label" 2006 autocomplete="off"> 2007 </label> 2008 <div class="form-calculator2-up__budget__input__error"> 2009 <span class="form-calculator2-up__budget__input__error_negative">${this.errorGreater}</span> 2010 <span class="form-calculator2-up__budget__input__error_lower">${this.errorMax}</span> 2011 </div> 2012 <div class="form-calculator2-up__budget__industry mdc-select mdc-select--outlined glue-select"> 2013 <input type="hidden" name="industry"> 2014 <div class="mdc-select__anchor" role="button" aria-haspopup="listbox" 2015 aria-labelledby="label-industry industry-myselect"> 2016 <span id="industry-myselect" class="mdc-select__selected-text"></span> 2017 <span class="mdc-select__dropdown-icon"> 2018 <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5"> 2019 <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"></polygon> 2020 <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15"></polygon> 2021 </svg> 2022 </span> 2023 <span class="mdc-notched-outline"> 2024 <span class="mdc-notched-outline__leading"></span> 2025 <span class="mdc-notched-outline__notch"> 2026 <span id="label-industry" class="mdc-floating-label"> 2027 ${this.formIndustryPlaceholder} 2028 </span> 2029 </span> 2030 <span class="mdc-notched-outline__trailing"></span> 2031 </span> 2032 </div> 2033 <div class="mdc-select__menu mdc-menu mdc-menu-surface"> 2034 <ul class="mdc-list" role="listbox"> 2035 <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" 2036 data-value="" role="option" aria-setsize="3" aria-posinset="1"> 2037 <span class="mdc-list-item__ripple"></span> 2038 </li> 2039 ${this.formIndustryItems.map((e=>{const t=e.key.replace(/\s/g,"_").toLowerCase(),i=e.value;return e.value?n` 2040 <li class="mdc-list-item" data-value="${t}" role="option" 2041 aria-setsize="3" aria-posinset="2"> 2042 <span class="mdc-list-item__ripple"></span> 2043 <span class="mdc-list-item__text">${i}</span> 2044 </li> 2045 `:""}))} 2046 </ul> 2047 </div> 2048 </div> 2049 ${this.ctaBlock?n` 2050 <div class="form-calculator2-up__budget__button"> 2051 ${this.ctaBlock} 2052 </div> 2053 `:null} 2054 </div> 2055 <div class="form-calculator2-up__results hidden"> 2056 <button class="form-calculator2-up__results__reset" aria-labe="Reset form">
2057 <woi-icon icon-id="RESET" class-names="glue-icon--24px form-calculator2-up__results__reset__svg"> 2058 </button> 2059 <div class="form-calculator2-up__results__available"> 2060 <div class="form-calculator2-up__results__wrapper"> 2061 ${this.resultCopy?n` 2062 <h2 class="form-calculator2-up__results__estimated glue-headline glue-headline--headline-5">${this.resultCopy}</h2> 2063 `:null} 2064 <div class="form-calculator2-up__results__budget"> 2065 <h3 class="glue-headline glue-headline--headline-3"> 2066 <span class="currencypositionpre"></span> 2067 <span class="form-calculator2-up__min glue-font-weight-medium"></span> 2068 <span class="currencypositionpost"></span> - <span class="currencypositionpre"></span> 2069 <span class="form-calculator2-up__max glue-font-weight-medium"></span> 2070 <span class="currencypositionpost"></span> 2071 </h3> 2072 ${this.resultBudgetMonth?n` 2073 <p class="glue-spacer-1-top glue-headline glue-headline--headline-5"> 2074 <span class="glue-font-weight-medium">${this.resultBudgetMonth}</span> 2075 </p> 2076 `:null} 2077 </div> 2078 <div class="form-calculator2-up__results__bottom"> 2079 <div class="form-calculator2-up__results__cta"> 2080 ${this.resultCta.map((e=>n` 2081 <woi-button 2082 icon-type="${e.icon}" 2083 icon-id="${e.icon_id}" 2084 cta-name="${e.gtm_cta_name}" 2085 cta-text="${e.text}" 2086 emphasis="${e.emphasis}" 2087 cta-url="${e.url}" 2088 ${this.unpackCta(e)} 2089 ></woi-button> 2090 `))} 2091 </div> 2092 ${this.resultAvailability?n` 2093 <p class="form-calculator2-up__results__availability glue-small-text">${this.resultAvailability}</p> 2094 `:null} 2095 </div> 2096 </div> 2097 </div> 2098 ${this.resultUnavailable?n` 2099 <div class="form-calculator2-up__results__unavailable hidden"> 2100 <div class="form-calculator2-up__results__unavailable__wrapper"> 2101 <p class="glue-headline glue-headline--headline-4"> 2102 <span class="glue-font-weight-medium">${this.resultUnavailable}</span> 2103 </p> 2104 </div> 2105 </div> 2106 `:null} 2107 </div> 2108 </div> 2109 </div> 2110 </div> 2111 </div> 2112 </section> 2113 `}};customElements.define("woi-form-calculator2-up",ra);var oa=class extends J{constructor(){super(...arguments),this.carousel_aria_labels=null,this.goals=this.headline="",this._isReducedMotion=F.isReducedMotion,this._tabPanels=this.querySelector(".glue-tabpanels"),this._tabPanelList=this.querySelector(".glue-tabpanels__page-list")}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get goalsObj(){const e=this.getAttribute("goals")||this.goals;return"string"==typeof e?JSON.parse(a(e)):e}featureMediaRender(e){return e&&Object.keys(e).length?n` 2114 <woi-feature-media 2115 headline="${e.headline}" 2116 copy="${e.copy}" 2117 media-alignment="${e.media_alignment}" 2118 ${e.images.length?`images="${i(JSON.stringify(e.images))}"`:null} 2119 ${e.thumbnail?`thumbnail="${i(JSON.stringify(e.thumbnail))}"`:null} 2120 layout-size="${"Small"}" 2121 ${e.video?`video="${i(JSON.stringify(e.video))}"`:null} 2122 can-hide 2123 ></woi-feature-media> 2124 `:""}relatedProductsRender(e){return e&&Object.keys(e).length?n` 2125 <woi-related-products 2126 cards="${i(JSON.stringify(e.product_cards))}" 2127 ${e.featured_product&&Object.keys(e.featured_product).length?`featured-product="${i(JSON.stringify(e.featured_product))}"`:null} 2128 headline="${e.headline}" 2129 subheadline="${e.subheadline}" 2130 view-more-cta-text="${e.view_more_cta_text}" 2131 view-less-cta-text="${e.view_less_cta_text}" 2132 ></woi-related-products> 2133 `:""}resourceGoalCarouselRender(e){return e&&Object.keys(e).length?n` 2134 <woi-resource-goal-carousel 2135 cards="${i(JSON.stringify(e.cards))}" 2136 carousel-aria-labels="${i(JSON.stringify(e.carousel_aria_labels))}" 2137 headline="${e.headline}" 2138 document-id="${e._documentId}" 2139 ></woi-resource-goal-carousel> 2140 `:""}pillsSmMdSlide(e){const t=De.getBpName()===h.SM?C.SM:C.MD;this._tabPanelList.scrollTo({left:e.offsetLeft-t,behavior:this._isReducedMotion?O.AUTO:O.SMOOTH})}
2140scrollOnClick(e){e={top:e.getBoundingClientRect().top+window.scrollY-170,behavior:this._isReducedMotion?O.AUTO:O.SMOOTH},window.scroll(e)}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this._tabPanels=this.querySelector(".glue-tabpanels"),this._tabPanelList=this.querySelector(".glue-tabpanels__page-list")),this._tabPanels&&t.GLUE in window&&new glue.TabPanels(this._tabPanels,{panelsCount:5,isResponsive:!1}),this._tabPanelList&&this._tabPanelList.addEventListener(E.CLICK,(e=>{(e=e.target).classList.contains("glue-tab")&&(this.scrollOnClick(this._tabPanelList),this.pillsSmMdSlide(e))}))}render(){return l` 2141 <section class="woi-goal-selector glue-spacer-4-bottom"> 2142 <div class="woi-goal-selector__container"> 2143 <div class="glue-page"> 2144 <div class="glue-grid"> 2145 <div class="glue-grid__col glue-grid__col--span-2"></div> 2146 <div class="glue-grid__col glue-grid__col--span-8"> 2147 <h2 class="glue-headline glue-headline--headline-4 glue-text-center glue-spacer-4-bottom"> 2148 <span class="glue-font-weight-medium">${this.headlineText}</span> 2149 </h2> 2150 </div> 2151 </div> 2152 </div> 2153 <div class="glue-tabpanels"> 2154 <div class="glue-tabpanels__page-list--container"> 2155 <div class="glue-tabpanels__page-list"> 2156 ${this.goalsObj.map((e=>n`<div data-g-module-name='woi-goal-selector' data-g-cta-name=${e.gtm_cta_name}>${e.tab_name}</div>`))} 2157 </div> 2158 </div> 2159 <div class="glue-tabpanels__panel-list"> 2160 ${this.goalsObj.map(((e,t)=>n` 2161 <div id="woi-goal-selector-tab-${t}"> 2162 <div id="woi-goal-selector-tab-${t}-content" class="glue-tabpanels__panel-content"> 2163 ${this.featureMediaRender(e.tab_content_feature_media)} 2164 ${this.relatedProductsRender(e.tab_content_related_products)} 2165 ${this.resourceGoalCarouselRender(e.tab_content_resource_goal_carousel)} 2166 </div> 2167 </div> 2168 `))} 2169 </div> 2170 </div> 2171 </div> 2172 </section> 2173 `}};customElements.define("woi-goal-selector",oa);var da=[p.NO_SCROLL,"gridwall-filter-open"],ca=[p.SHOW],ua=class extends J{constructor(){super(...arguments),this.filter_heading=this.filter_aria_labels=this.cards="",this.show_more_cards=this.filter_categories=null,this.bp=De.getBpName(),this.cardEls=[...this.querySelectorAll(".gridwall-card")],this.currentRow=1,this.currentWidths=[],this.filterCtrl=null,this.hiddenFrom=5,this.hasHiddenRows=[],this.timeout=null,this.filterEl=this.querySelector(".glue-filter"),this.panelGroupEl=this.querySelector(".glue-expansion-panels"),this.openFilterBtn=this.querySelector(".open-filter-btn"),this.filterContainer=this.querySelector(".filter-container"),this.closeFilterBtn=this.querySelector(".close-filter-btn"),this.checkboxWrappers=this.querySelectorAll(".checkbox-wrapper"),this.allCards=this.querySelectorAll(".gridwall-card"),this.gridwallWrapper=this.querySelector(".gridwall-wrapper"),this.showMoreBtn=this.querySelector(".show-more-btn"),this.resetFilters=this.querySelector(".reset-filters"),this.checkboxes=this.querySelectorAll("input[type=checkbox]"),this.contentTypeParam=new URLSearchParams(window.location.search).get("content-type"),this.resetFiltersSR=this.querySelector(".reset-filters--screen-reader"),this.disableResetFilters=!0,this.filterResult=this.querySelector(".glue-filter-result")}connectedCallback(){if(this.firstElementChild||(this.replaceChildren(this.render()),this.cardEls=[...this.querySelectorAll(".gridwall-card")],this.filterEl=this.querySelector(".glue-filter"),this.panelGroupEl=this.querySelector(".glue-expansion-panels"),this.openFilterBtn=this.querySelector(".open-filter-btn"),this.filterContainer=this.querySelector(".filter-container"),this.closeFilterBtn=this.querySelector(".close-filter-btn"),this.checkboxWrappers=this.querySelectorAll(".checkbox-wrapper"),this.allCards=this.querySelectorAll(".gridwall-card"),this.gridwallWrapper=this.querySelector(".gridwall-wrapper"),this.showMoreBtn=this.querySelector(".show-more-btn"),this.resetFilters=this.querySelector(".reset-filters"),this.resetFiltersSR=this.querySelector(".reset-filters--screen-reader"),this.filterResult=this.querySelector(".glue-filter-result")),t.GLUE in window){this.panelGroupEl&&new glue.ExpansionPanels(this.panelGroupEl),this.filterEl&&(this.filterCtrl=new glue.Filter(this.filterEl)),this.updateSpacerValues().then((()=>{(this.hasHiddenRows=this.querySelectorAll(this.nextRowQuery()))?this.calcShowMore():this.showMoreBtn.style.display=b.NONE})),this.filterEl.addEventListener(E.CHANGE,(async()=>{this.checkboxClasses();const e=this.querySelectorAll(".item-checked");this.checkResetFilter(e),await this.toggleCardVisibility(this.cardEls,!0),this.showMoreBtn.style.display=b.NONE,this.checkboxClasses();for(const e of this.allCards)e.classList.toggle("remove",!e.classList.contains("glue-filter-is-matching"));this.filterCtrl&&(this.cardEls=this.filterCtrl.getFilteredItems()),await this.updateSpacerValues(),this.calcShowMore(),this.toggleCardVisibility(this.cardEls,!1)})),this.resetFilters.addEventListener(E.CLICK,(async()=>{const e=this.querySelectorAll(".item-checked");this.resetFiltersSR.innerText=this.resetFiltersSR.dataset.text||"",this.resetFilters.setAttribute(m.DISABLED,""),this.filterCtrl&&this.filterCtrl.reset(),e.forEach((e=>{e.classList.remove("item-checked")})),await this.toggleCardVisibility(this.cardEls,!0);for(const e of this.allCards)e.classList.toggle("remove",!e.classList.contains("glue-filter-is-matching"));this.filterCtrl&&(this.cardEls=this.filterCtrl.getFilteredItems()),await this.updateSpacerValues(),this.calcShowMore(),this.toggleCardVisibility(this.cardEls,!1),this.resetFiltersSR.innerText=""}));const e=e=>{e.code===I.ESCAPE&&a()},t=e=>{e.target.classList.contains(p.NO_SCROLL)&&a()},i=e=>{var t,i;const a=[...document.body.children].filter((e=>"NOSCRIPT"!==e.nodeName&&"SCRIPT"!==e.nodeName&&"MAIN"!==e.nodeName)),s=[...null===(t=this.parentElement)||void 0===t?void 0:t.children].filter((e=>e!==this)),l=this.filterContainer.parentElement;t=[...null===(i=null==l?void 0:l.parentElement)||void 0===i?void 0:i.children].filter((e=>e!==l)),i=[...s,a,t].flat(),e?(i.forEach((e=>{e.setAttribute(m.INERT,"true")}
2173)),i.forEach((e=>{e.setAttribute(m.ARIA_HIDDEN,"true")}))):(i.forEach((e=>{e.removeAttribute(m.INERT)})),i.forEach((e=>{e.removeAttribute(m.ARIA_HIDDEN)})))},a=()=>{this.filterContainer.classList.remove(...ca),document.body.classList.remove(...da);const e=this.openFilterBtn.querySelector(".glue-button");i(!1),e.setAttribute(m.ARIA_EXPANDED,"false"),e.focus(),document.removeEventListener(E.CLICK,t,{capture:!0})};this.openFilterBtn.addEventListener(E.CLICK,(()=>{document.body.classList.add(...da),this.filterContainer.classList.add(...ca),this.filterContainer.setAttribute(m.ROLE,"dialog"),this.filterContainer.focus(),this.openFilterBtn.querySelector(".glue-button").setAttribute(m.ARIA_EXPANDED,"true"),this.closeFilterBtn.addEventListener(E.CLICK,a,{once:!0}),document.addEventListener(E.CLICK,t,{capture:!0}),i(!0),document.addEventListener(E.KEYUP,e,{once:!0})})),this.checkboxes.forEach((e=>{if(e.id===this.contentTypeParam){var t=e.closest(".glue-expansion-panel");(t=null==t?void 0:t.querySelector(".glue-expansion-panel__button"))instanceof HTMLElement&&t.click(),e.click(),this.disableResetFilters=!1}}));const s=d((()=>{this.calcShowMore()}),D.FIVE_HUNDRED);window.addEventListener(E.RESIZE,(()=>s())),De.subscribe((e=>{this.bp=e;const{SM:t,MD:i,LG:a,XL:s}=h,l=[a,s].includes(e);e=[t,i].includes(e),this.filterContainer.classList.contains(p.SHOW)&&l&&this.closeFilterBtn.click(),e&&this.filterResult.setAttribute("aria-live","off"),this.updateSpacerValues()})),this.showMoreBtn.addEventListener(E.CLICK,(()=>{var e=this.hasHiddenRows[this.hasHiddenRows.length-1];this.hiddenFrom+=2,this.calcShowMore(),(e=null==(e=e.nextElementSibling)?void 0:e.getElementsByTagName("a")[0])&&e.focus()}))}}get filterCategoryGroups(){var e=this.getAttribute("filter-categories");return null==(e="string"==typeof e?JSON.parse(a(e)):this.filter_categories)?void 0:e.category_group}get filterHeading(){return this.getAttribute("filter-heading")||this.filter_heading}get gridCards(){const e=this.getAttribute(m.CARDS)||this.cards;return("string"==typeof e?JSON.parse(a(e)):e)||[]}get ariaCloseFilter(){const e=this.getAttribute("filter-aria-labels")||this.filter_aria_labels;return e?("string"==typeof e?JSON.parse(a(e)):e).aria_close_filter:""}get ariaResetFilter(){const e=this.getAttribute("filter-aria-labels")||this.filter_aria_labels;return e?("string"==typeof e?JSON.parse(a(e)):e).aria_reset_filters:""}get ariaResetFilterScreenReader(){const e=this.getAttribute("aria-reset-filters-screen-reader")||this.filter_aria_labels;return e?("string"==typeof e?JSON.parse(a(e)):e).aria_reset_filters_screen_reader:""}get showMoreCardsButton(){const e=this.getAttribute("show-more-cards")||this.show_more_cards;return e?"string"==typeof e?JSON.parse(a(e)):e:null}gtmCtaName(e){return e.startsWith("/home/resources/")?this.replaceSlashes(e.replace("/home/resources/","")):this.replaceSlashes(new URL(e).pathname.toString())}replaceSlashes(e){return e.replace(/^\/?|\/?$/g,"").replace("/","-")}get gtmModuleName(){return this.nodeName.toLowerCase()}buildCard(e,t){const i=this.buildDataAttribute(e.filter_category),a=this.determineCardType(e);return n` 2174 <article 2175 aria-labelledby="card-${t}-headline" 2176 class="gridwall-card ${0<t?"glue-filter-result__item":"glue-filter-is-matching featured-card"}" 2177 type="${a}" 2178 ${i} 2179 ${0===t?"":'data-glue-filter-initial="true"'}> 2180 <a href="${this.relativizeKintaroLink(e.destination)}" ${this.setExternalLink(e.destination)} 2181 data-g-cta-name="${e.destination?this.gtmCtaName(e.destination):""}" 2182 data-g-module-name="${this.gtmModuleName}"> 2183 ${this.cardHasImage(e)?this.extractImage(e):""} 2184 <div class="copy-section ${e.yt_vid_time?"has-time-pill":""}"> 2185 ${e.eyebrow?n`<p class="glue-label glue-font-weight-medium eyebrow glue-spacer-1-bottom">${e.eyebrow}</p>`:""} 2186 <div class="headline-container glue-spacer-1-bottom"> 2187 ${e.short_headline?n` 2188 <h2 class="glue-headline glue-headline--headline-5 short-headline card-headline">${e.short_headline}</h2> 2189 <h2 class="glue-headline glue-headline--headline-5 long-headline card-headline" id="card-${t}-headline">${e.headline}</h2> 2190 `:n` 2191 <h2 class="glue-headline glue-headline--headline-5 card-headline" id="card-${t}-headline">${e.headline}</h2> 2192 `} 2193 </div> 2194 <div class="cta-section"> 2195 <p class="format"> 2196 <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"> 2197 <path d="M12.25 1.777v10.5H1.75v-10.5h10.5Zm0-1.5H1.75c-.825 0-1.5.675-1.5 1.5v10.5c0 .825.675 1.5 1.5 1.5h10.5c.825 0 1.5-.675 1.5-1.5v-10.5c0-.825-.675-1.5-1.5-1.5Zm-3.75 10.5H3.25v-1.5H8.5v1.5Zm2.25-3h-7.5v-1.5h7.5v1.5Zm0-3h-7.5v-1.5h7.5v1.5Z" fill="currentColor" /> 2198 </svg> 2199 ${e.format} 2200 </p> 2201 <div class="icon" aria-hidden="true" role="presentation"> 2202 <svg viewBox="0 0 24 24" fill="#1A73E8"> 2203 <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z" /> 2204 </svg> 2205 </div> 2206 </div> 2207 </div> 2208 </a> 2209 </article> 2210 `}buildDataAttribute(e){const t=[];for(const a in e){const s=`data-glue-filter-${a}`;var i=e[a];i=Array.isArray(i)?i.join(" "):i,t.push(`${s}="${i.toLowerCase()}"`)}return t.join(" ")}buildFilter(){const e=[],t=[...new Set(this.gridCards.flatMap((e=>Object.values(null==e?void 0:e.filter_category))).flat())];for(const i of this.filterCategoryGroups)e.push(n` 2211 <div class="glue-expansion-panel"> 2212 <h3 class="glue-expansion-panel__toggle">
2213 <span class="glue-expansion-panel__button" data-glue-expansion-panel-toggle-for="${i.category_group_id}"> 2214 <span class="glue-expansion-panel__header-text">${i.category_group_name}</span> 2215 <svg role="presentation" aria-hidden="true" class="glue-icon glue-expansion-panel__header-arrow" viewBox="0 0 24 24"> 2216 <path d="M5.41 7.59L4 9l8 8 8-8-1.41-1.41L12 14.17" /> 2217 </svg> 2218 </span> 2219 </h3> 2220 <div class="glue-expansion-panel__content" id="${i.category_group_id}"> 2221 <div class="glue-filter-control" 2222 data-glue-filter-id="${i.category_group_id}" 2223 role="list" 2224 aria-controls="glue-filter-result-container"> 2225 ${i.category.map((e=>{const a=-1!==t.findIndex((t=>e.category_id===t.toLowerCase()))?"":p.HIDDEN;return n` 2226 <div class="mdc-form-field checkbox-wrapper glue-spacer-1-bottom ${a}"> 2227 <div role="listitem" class="checkbox mdc-checkbox"> 2228 <input type="checkbox" 2229 id="${e.category_id}" 2230 value="${e.category_id}" 2231 data-parent="${i.category_group_id}" 2232 class="glue-filter__item mdc-checkbox__native-control filter-option"> 2233 <div class="mdc-checkbox__background" aria-hidden="true" tabindex="-1"> 2234 <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"> 2235 <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" /> 2236 </svg> 2237 <div class="mdc-checkbox__mixedmark"></div> 2238 </div> 2239 <div class="mdc-checkbox__ripple"></div> 2240 </div> 2241 <label for="${e.category_id}"> 2242 ${e.category_name} 2243 </label> 2244 </div> 2245 `}))} 2246 </div> 2247 </div> 2248 </div> 2249 `);return n` 2250 <div class="glue-expansion-panels"> 2251 <div class="glue-expansion-panels__header"> 2252 <h2 class="glue-eyebrow ${"filter-heading"}">${this.filterHeading}</h2> 2253 <button class="close-filter-btn" aria-label="${this.ariaCloseFilter}"> 2254 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px" viewBox="0 0 24 24"> 2255 <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" /> 2256 </svg> 2257 </button> 2258 </div> 2259 ${e.join("")} 2260 <div class="glue-filter-control glue-spacer-3-top" 2261 data-glue-filter-id="initial" 2262 aria-controls="glue-filter-result-container"> 2263 <button class="glue-button glue-button--low-emphasis reset-filters" ${this.disableResetFilters?"disabled":""}>${this.ariaResetFilter}</button> 2264 <div 2265 aria-live="assertive" 2266 class="reset-filters--screen-reader screen-reader-only" 2267 data-text="${this.ariaResetFilterScreenReader}"> 2268 </div> 2269 </div> 2270 </div> 2271 `}checkResetFilter(e){0<e.length?this.resetFilters.removeAttribute(m.DISABLED):this.resetFilters.setAttribute(m.DISABLED,"")}calcShowMore(){this.hasHiddenRows=this.querySelectorAll(this.nextRowQuery());const e=this.hasHiddenRows[this.hasHiddenRows.length-1];if(e){this.showMoreBtn.style.display=b.BLOCK;for(var t=0;t<this.hasHiddenRows.length;t++)this.hasHiddenRows[t].classList.toggle("remove",!1),this.hasHiddenRows[t].firstElementChild.tabIndex=0,this.hasHiddenRows[t].removeAttribute(m.ARIA_HIDDEN),this.hasHiddenRows[t].firstElementChild.removeAttribute(m.ARIA_HIDDEN);t=[];for(var i=e.nextElementSibling;i;)t.push(i),i=i.nextElementSibling;for(i=0;i<t.length;i++)t[i].tabIndex=-1,t[i].firstElementChild.tabIndex=-1,t[i].setAttribute(m.ARIA_HIDDEN,"true"),t[i].firstElementChild.setAttribute(m.ARIA_HIDDEN,"true")}this.hasHiddenRows&&null!=e&&e.nextElementSibling||(this.showMoreBtn.style.display=b.NONE)}
2271checkboxClasses(){this.checkboxWrappers.forEach((e=>{const t=e.querySelector("input");e.classList.toggle("item-checked",t.checked)}))}createVisibilityPromise(e,t,i){return new Promise((a=>{e.classList.contains("remove")&&a(),e.addEventListener(E.TRANSITION_END,(()=>{a()}),{once:!0}),setTimeout((()=>{e.classList.toggle(p.HIDDEN,i)}),5*t)}))}determineCardType(e){return e.yt_vid_id?"video":this.cardHasImage(e)?"image":"text"}extractImage(e){var t,i,a;const s=!!e.yt_vid_id;let l=null,r=!1,o=null,d=null;const c=e.landscape_image,u=e.portrait_image;if(s?(d=null!==(t=c.image)&&void 0!==t&&t.url?c:e.image[0],r=!d):null!==(i=u.image)&&void 0!==i&&i.url&&null!==(a=c.image)&&void 0!==a&&a.url?l=[u,c]:e.image.length&&2<=e.image.length?l=e.image:r=!0,r=!l||!l.every((e=>e.image.url)),!r&&l){o=this.formatMultiImage(l),l[1].breakpoint=h.SM;var g=l[1]}return e=n` 2272 <div class="video-container"> 2273 <woi-image 2274 alt-text="${null==d?void 0:d.aria_description}" 2275 image-span="1" 2276 image="${null==d?void 0:d.image.url}" 2277 widths="xl:273,lg:432,md:450,sm:599"> 2278 </woi-image> 2279 <woi-image 2280 alt-text="${null==d?void 0:d.aria_description}" 2281 image-span="2" 2282 image="${null==d?void 0:d.image.url}" 2283 widths="xl:616,lg:845,md:950,sm:599"> 2284 </woi-image>
2285 <woi-icon icon-id="VIDEO_YOUTUBE" class="glue-video__play-button glue-video__play-button--white glue-icon--32px"></woi-icon> 2286 ${e.yt_vid_time?n` 2287 <woi-time-pill time="${e.yt_vid_time}" time-aria-label="${e.yt_vid_time_label}" template="dark"></woi-time-pill> 2288 `:""} 2289 </div> 2290 `,g=n` 2291 <div class="image-container"> 2292 <woi-image 2293 image-span='1' 2294 image='${null==g?void 0:g.image.url}' 2295 widths="xl:276,md:449,sm:599"${null!=g&&g.has_transparency?` ${m.HAS_TRANSPARENCY}`:""}> 2296 </woi-image> 2297 <woi-image 2298 image-span='2' 2299 images='${o}' 2300 widths="xl:300,lg:290,md:300,sm:599"> 2301 </woi-image> 2302 </div> 2303 `,s?n` 2304 ${d&&d.image.url?e:this.isDev?"<div class='missing-image'> Video card image is missing... </div>":""} 2305 `:n` 2306 ${r?this.isDev?"<div class='missing-image'> Portrait/Landscape image is missing... </div>":"":g} 2307 `}cardHasImage(e){var t,i,a=null===(t=e.landscape_image)||void 0===t?void 0:t.image;return t=null===(i=e.portrait_image)||void 0===i?void 0:i.image,e=0<e.image.length,a=null!==a&&0<Object.keys(a).length,null!==t&&0<Object.keys(t).length||a||e}getSpacerValue(e){if(0===e&&(this.currentWidths=this.bp===h.XL?[1,2]:[2]),this.currentWidths.length)e=this.currentWidths.pop();else{const t=this.pickCardWidths();e=t.pop(),this.currentWidths=t,this.currentRow++}return e}nextRowQuery(){return`[data-grid-row='${this.hiddenFrom}'],\n [data-grid-row='${this.hiddenFrom-1}']`}pickCardWidths(){var e={default:[[1,1],[2]],sm:[[1]],xl:[[1,1,1],[1,2],[2,1]]};return[...(e=e[this.bp]||e.default)[Math.floor(Math.random()*e.length)]]}toggleCardVisibility(e,t){return new Promise((i=>{const a=[];for(let i=1;i<e.length;i++)a.push(this.createVisibilityPromise(e[i],i,t));Promise.all(a).then((()=>i()))}))}updateSpacerValues(){return new Promise((e=>{this.timeout&&clearTimeout(this.timeout);for(const[e,t]of this.allCards.entries())if(t.classList.contains("glue-filter-is-matching")){const i=this.getSpacerValue(e);t.dataset.gridSpan=`${i}
2307`,t.dataset.gridRow=`${this.currentRow}`,this.currentRow>=this.hiddenFrom&&t.classList.toggle("remove",!0)}else t.dataset.gridRow="0",t.classList.toggle("remove",!0);this.currentRow=1,setTimeout((()=>e()),D.EIGHT_HUNDRED)}))}render(){const e=this.filterCategoryGroups.map((e=>e.category_group_id)).join(" ")+" initial";return l` 2308 <div class="glue-spacer-6-bottom glue-spacer-6-top gridwall-page"> 2309 <div class="glue-page"> 2310 <div class="glue-grid glue-filter"> 2311 <div class="glue-grid__col glue-grid__col--span-12 glue-spacer-4-bottom gridwall-filter"> 2312 <woi-button 2313 class="open-filter-btn" 2314 cta-text="${this.filterHeading}" 2315 icon-type="glue-icon-right" 2316 icon-id="EXPAND_MORE" 2317 cta-aria-controls="woi-gridwall-filter-container" 2318 cta-aria-haspopup="true" 2319 cta-aria-expanded="false"> 2320 </woi-button> 2321 </div> 2322 <div class="glue-grid__col glue-grid__col--span-12 glue-grid__col--span-4-lg glue-grid__col--span-3-xl"> 2323 <div id="woi-gridwall-filter-container" class="filter-container" tabindex="-1"> 2324 <div class="glue-filter" id="resource-cards-filter"> 2325 ${this.buildFilter()} 2326 </div> 2327 </div> 2328 </div> 2329 <div class="glue-grid__col glue-grid__col--span-12 glue-grid__col--span-8-lg glue-grid__col--span-9-xl"> 2330 <div class="gridwall-wrapper"> 2331 <section class="gridwall glue-filter-result" id="glue-filter-result-container" 2332 data-glue-filter-ids="${e}" aria-live="polite" aria-atomic="true"> 2333 ${this.gridCards.length?this.gridCards.map(((e,t)=>this.buildCard(e,t))):"<span>Gridwall is not authored with any Gridwall Cards</span>"} 2334 </section> 2335 </div> 2336 ${this.showMoreCardsButton?n` 2337 <woi-button 2338 class="show-more-btn glue-spacer-5-top" 2339 cta-name="${this.showMoreCardsButton.gtm_cta_name}" 2340 cta-text="${this.showMoreCardsButton.text}" 2341 emphasis="${this.showMoreCardsButton.emphasis}" 2342 label="${this.showMoreCardsButton.aria_description}" 2343 module-name="${this.gtmModuleName}"> 2344 </woi-button> 2345 `:""} 2346 </div> 2347 </div> 2348 </div> 2349 </div> 2350 `}};customElements.define("woi-grid-wall",ua);var ha=class extends J{constructor(){super(...arguments),this.copy=this.headline=this.icon="",this._jumpLinks=this.querySelectorAll(".woi-hero-jumplinks__cta--container .glue-button")}get gtmModuleName(){return this.nodeName}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get bodyCopy(){return this.getAttribute(m.COPY)||this.copy}get eyebrowObj(){const e=this.getAttribute(m.ICON)||this.icon;return"string"==typeof e?JSON.parse(a(e)):e}get buttonsObj(){var e=this.getAttribute(m.CTA)||this.ctaInfo;return(e="string"==typeof e?JSON.parse(a(e)):e)&&e.map((e=>n`<woi-button icon-size="24" label-icon-inline ${this.unpackCta(e)}></woi-button>`))}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this._jumpLinks=this.querySelectorAll(".woi-hero-jumplinks__cta--container .glue-button"));const e=t.GLUE in window&&new glue.SmoothScroll;e&&this._jumpLinks&&this._jumpLinks.forEach((t=>{const i=t.href||"",a=i.slice(i.lastIndexOf("#")+1,i.length);t.addEventListener(E.CLICK,(()=>{e.scrollToId(a,{hash:!1,offset:{x:0,y:120}})}))}))}render(){var e,t;return l` 2351 <section class="woi-hero-jumplinks glue-spacer-6-top"> 2352 <div class="glue-page"> 2353 <div class="glue-grid"> 2354 <div class="glue-grid__col glue-grid__col--span-2"></div> 2355 <div class="glue-grid__col glue-grid__col--span-8"> 2356 ${null!==(e=this.eyebrowObj.image)&&void 0!==e&&e.url?n` 2357 <div class="woi-hero-jumplinks__eyebrow-icon--container glue-spacer-3-bottom"> 2358 <div class="woi-hero-jumplinks__eyebrow-icon--inner"> 2359 <woi-image alt-text="${this.eyebrowObj.aria_description}" image=${null===(t=this.eyebrowObj.image)||void 0===t?void 0:t.url} widths="xl:60,lg:60,md:60,sm:60"> 2360 </woi-image> 2361 </div> 2362 </div> 2363 `:""} 2364 <h1 class="woi-hero-jumplinks__headline glue-headline glue-text-center glue-spacer-2-bottom"> 2365 ${this.headlineText} 2366 </h1> 2367 </div> 2368 <div class="glue-grid__col glue-grid__col--span-2"></div> 2369 </div> 2370 <div class="glue-grid"> 2371 <div class="glue-grid__col glue-grid__col--span-3"></div> 2372 <div class="glue-grid__col glue-grid__col--span-6"> 2373 <p class="woi-hero-jumplinks__copy glue-text-center"> 2374 ${this.bodyCopy} 2375 </p> 2376 </div> 2377 <div class="glue-grid__col glue-grid__col--span-3"></div> 2378 </div> 2379 <div class="glue-grid"> 2380 <div class="glue-grid__col glue-grid__col--span-1"></div> 2381 <div class="glue-grid__col glue-grid__col--span-10"> 2382 ${this.buttonsObj?n` 2383 <div class="woi-hero-jumplinks__cta--container glue-spacer-5-top"> 2384 ${this.buttonsObj} 2385 </div> 2386 `:""} 2387 </div> 2388 <div class="glue-grid__col glue-grid__col--span-1"></div> 2389 </div> 2390 </div> 2391 </section> 2392 `}};customElements.define("woi-hero-jump-links",ha);var ga=class extends J{constructor(){super(...arguments),this.contactBtn=this.querySelector(".woi-hero-support__cta-contact"),this.jumpLinks=this.querySelectorAll(".woi-hero-support__cta--container .glue-button"),this.contactHub=new hi,this.contactHubLink=null,this.image=this.headline=this.eyebrow_text=this.eyebrow_icon=this.gtm_cta_name=this.cta_schedule_text=this.cta_eto_text=this.cta_eto_number=this.cta_eto_label=this.cta_contact_text="",this.disable_scheduler
2392=!1}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.contactBtn=this.querySelector(".woi-hero-support__cta-contact"),this.jumpLinks=this.querySelectorAll(".woi-hero-support__cta--container .glue-button")),window.addEventListener(E.DOM_CONTENT_LOADED,(()=>{const e=this.contactBtn&&t.GLUE in window&&new glue.SmoothScroll,i=this.jumpLinks&&t.GLUE in window&&new glue.SmoothScroll,a=()=>{this.contactHubLink&&this.contactHubLink.focus({preventScroll:!0})};e&&this.contactHub&&this.contactBtn&&this.contactBtn.addEventListener(E.CLICK,(()=>{var t;const i=[...document.querySelectorAll(ci.PANEL)].find((e=>"none"!==window.getComputedStyle(e).display));this.contactHubLink=null===(t=null==i?void 0:i.querySelector(ci.PANEL_HEADLINE))||void 0===t?void 0:t.firstElementChild,e.scrollToId(this.contactHub.gtmModuleName,{hash:!1,offset:{x:0,y:120}}),setTimeout(a,100)})),i&&this.jumpLinks&&this.jumpLinks.forEach((e=>{const t=e.href||"",s=t.slice(t.lastIndexOf("#")+1,t.length);e.addEventListener(E.CLICK,(()=>{i.scrollToId(s,{hash:!1,offset:{x:0,y:120}}),setTimeout(a,100)}))}))}))}get gtmModuleName(){return this.nodeName.toLowerCase()}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get eyebrowObj(){var e=this.getAttribute("eyebrow-icon")||this.eyebrow_icon;return{eyebrow_icon:e="string"==typeof e?JSON.parse(a(e)):e,eyebrow_text:this.getAttribute("eyebrow-text")||this.eyebrow_text}}get imageObj(){const e=this.getAttribute(m.IMAGE)||this.image;return"string"==typeof e?JSON.parse(a(e)):e}legacyCTAEtoRender(){const e=this.getAttribute("cta-eto-label")||this.cta_eto_label,t=this.formatEto(this.getAttribute("cta-eto-number")||this.cta_eto_number),i=this.getAttribute("cta-eto-text")||this.cta_eto_text,a=this.getAttribute(m.GTM_CTA_NAME)||this.gtm_cta_name;return t?n` 2393 <woi-button 2394 cta-label="${e}" 2395 cta-name="${a}" 2396 cta-text="${i}" 2397 cta-url="tel:${t}" 2398 icon-type="glue-icon" 2399 icon-id="PHONE" 2400 icon-size="24" 2401 label="${i}" 2402 module-name="${this.gtmModuleName}"> 2403 </woi-button>`:""}legacyCTAContactRender(){const e=this.getAttribute("cta-contact-text")||this.cta_contact_text;return e?n` 2404 <woi-button 2405 class="woi-hero-support__cta-contact" 2406 cta-name="viewallcontactoptions" 2407 cta-text="${e}" 2408 label="${e}" 2409 icon-type="glue-icon" 2410 icon-id="ARROW_DOWNWARD" 2411 icon-size="24" 2412 module-name="${this.gtmModuleName}"> 2413 </woi-button>`:""}legacyCTASchedulerCtaRender(){const e=this.getAttribute("cta-schedule-text")||this.cta_schedule_text;return e?n` 2414 <woi-button 2415 class="woi-hero-support__cta-schedule" 2416 cta-name="schedulemeeting" 2417 cta-text="${e}" 2418 cta-url="${this.relativizeKintaroLink("/home/contact-us/schedule/")}" 2419 label="${e}" 2420 icon-type="glue-icon" 2421 icon-id="CALENDAR" 2422 icon-size="24" 2423 module-name="${this.gtmModuleName}"> 2424 </woi-button>`:""}standardImage(){return n` 2425 <woi-image 2426 class="woi-hero-support__image" 2427 alt-text="${this.imageObj.aria_description}" 2428 image="${this.imageObj.image.url}" 2429 widths="lg:747,md:446,sm:599" 2430 ${this.imageObj.has_transparency?m.HAS_TRANSPARENCY:""} 2431 loading-eager 2432 priority-high> 2433 </woi-image> 2434 `}htmlImage(){return n` 2435 <woi-image 2436 class="woi-hero-support__image" 2437 images="${i(JSON.stringify([this.imageObj]))}" 2438 widths="lg:747,md:446,sm:599" 2439 ${this.imageObj.has_transparency?m.HAS_TRANSPARENCY:""} 2440 loading-eager 2441 priority-high> 2442 </woi-image> 2443 `}render(){var e,t,i,a;return l` 2444 <section class="woi-hero-support glue-spacer-5-top"> 2445 <div class="glue-page"> 2446 <div class="glue-grid"> 2447 <div class="glue-grid__col glue-grid__col--span-1 glue-grid__col--span-2-xl"></div> 2448 <div class="glue-grid__col glue-grid__col--span-10 glue-grid__col--span-8-xl"> 2449 <div class="woi-hero-support__eyebrow-icon--container glue-spacer-2-bottom"> 2450 <div class="woi-hero-support__eyebrow-icon--inner"> 2451 <woi-image aria-hidden="true" 2452 image="${null===(e=this.eyebrowObj.eyebrow_icon)||void 0===e?void 0:e.image.url}" 2453 widths="sm:22" 2454 ${null!==(i=null===(t=this.eyebrowObj)||void 0===t?void 0:t.eyebrow_icon)&&void 0!==i&&i.has_transparency?m.HAS_TRANSPARENCY:""}> 2455 </woi-image>
2456 <span class="woi-hero-support__eyebrow-icon--text">${this.eyebrowObj.eyebrow_text}</span> 2457 </div> 2458 </div> 2459 <h1 class="woi-hero-support__headline glue-headline glue-text-center glue-spacer-4-bottom">${this.headlineText}</h1> 2460 <div class="woi-hero-support__cta--container"> 2461 ${this.legacyCTAEtoRender()} 2462 ${this.disable_scheduler?"":this.legacyCTASchedulerCtaRender()} 2463 ${this.legacyCTAContactRender()} 2464 ${this.ctaBlock} 2465 </div> 2466 ${null!==(a=this.imageObj.html_image)&&void 0!==a&&a.content&&this.imageObj.use_html_image?this.htmlImage():this.standardImage()} 2467 </div> 2468 </div> 2469 </div> 2470 </section> 2471 `}};customElements.define("woi-hero-support",ga);var ma,_a=ma||(ma={});_a.TARGET_SCROLL_CLASS="target-scroll-class",_a.INCENTIVE_PILL="incentive-pill",_a.HIDE_IMAGE_ON_MOBILE="hide-image-on-mobile";var pa,va=pa||(pa={});va.TRIGGER_EL="woi-button .glue-button",va.TARGET_EL=".woi-in-page-banner__content-cta",va.INCENTIVE_PILL=".woi-in-page-banner__image--pill";var ba=["blue","green","grey","yellow"],fa=class extends J{constructor(){super(...arguments),this.background_color="blue",this.image=null,this.headline=this.copy="",this.mobile_background_image=null,this.incentive_pill=this.target_scroll_class="",this.hide_image_on_mobile=!1,this._isReducedMotion=F.isReducedMotion,this._triggerEl=this.querySelector(pa.TRIGGER_EL),this._targetEl=this.querySelector(pa.TARGET_EL)}connectedCallback(){this.firstElementChild||this.replaceChildren(this.render()),this._triggerEl=this.querySelector(pa.TRIGGER_EL),this._targetEl=this.querySelector(pa.TARGET_EL),this.initTargetScroll()}attributeChangedCallback(e,t,i){e===ma.INCENTIVE_PILL&&(e=this.querySelector(pa.INCENTIVE_PILL))&&(e.innerHTML=i)}static get observedAttributes(){return[ma.INCENTIVE_PILL]}get gtmModuleName(){return this.nodeName}get backgroundColor(){const e=this.getAttribute(m.BACKGROUND_COLOR)||this.background_color,t=ba.find((t=>t===e.toLowerCase()));if(t)return t;throw Error(`${this.nodeName} - Unsupported color. Please pick between: ${ba}`)}get imagesObj(){var e,t=this.getAttribute(m.IMAGE)||this.image;return null!==(e=null==(t="string"==typeof t?JSON.parse(a(t)):t)?void 0:t.image)&&void 0!==e&&e.url?t:null}get mobileBgsObj(){var e,t=this.getAttribute("mobile-bg-image")||this.mobile_background_image;return null!==(e=null==(t="string"==typeof t?JSON.parse(t):t)?void 0:t.image)&&void 0!==e&&e.url?t:null}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get copyText(){return this.getAttribute(m.COPY)||this.copy}get targetScrollClassText(){return this.getAttribute(ma.TARGET_SCROLL_CLASS)||this.target_scroll_class}get incentivePill(){return this.getAttribute(ma.INCENTIVE_PILL)||this.incentive_pill}get hideImageOnMobile(){const e=this.getAttribute(ma.HIDE_IMAGE_ON_MOBILE);return e?"true"===e:this.hide_image_on_mobile}initTargetScroll(){if(this._targetEl&&this._triggerEl){const e=document.querySelector(`.${this._targetEl.dataset.target}`);e&&this._triggerEl.addEventListener(E.CLICK,(()=>{const t=e.getBoundingClientRect().top;window.scrollTo({top:t,behavior:this._isReducedMotion?O.AUTO:O.SMOOTH});const i=()=>{Math.floor(t)===Math.floor(window.scrollY)&&(e.focus(),window.removeEventListener(E.SCROLL,i))};window.addEventListener(E.SCROLL,i)}))}}imageRender(){var e;return this.incentivePill?n` 2472 <div class="woi-in-page-banner__image woi-in-page-banner__image--pill"> 2473 ${this.incentivePill} 2474 </div> 2475 `:this.imagesObj?n` 2476 <woi-image class="woi-in-page-banner__image ${this.hideImageOnMobile?"woi-in-page-banner__image--hide-on-mobile":""}" alt-text="${this.imagesObj.aria_description}" image="${null===(e=this.imagesObj.image)||void 0===e?void 0:e.url}" ${this.imagesObj.has_transparency?m.HAS_TRANSPARENCY:""} widths="sm:80" lazy></woi-image> 2477 `:""}ctaBlockRender(){return this.ctaBlock?this.targetScrollClassText?n` 2478 <div class="woi-in-page-banner__content-cta" 2479 data-target="${this.targetScrollClassText}"> 2480 ${this.ctaBlock} 2481 </div> 2482 `:n` 2483 <div class="woi-in-page-banner__content-cta"> 2484 ${this.ctaBlock} 2485 </div> 2486 `:""}render(){var e,t,i;return l` 2487 <section class="woi-in-page-banner glue-page glue-spacer-3-bottom glue-spacer-3-top ${null!==(t=null===(e=this.mobileBgsObj)||void 0===e?void 0:e.image)&&void 0!==t&&t.url?"mobile-alt-layout":""}"> 2488 <div class="glue-grid"> 2489 <div class="glue-grid__col glue-grid__col--span-1"></div> 2490 <div class="glue-grid__col glue-grid__col--span-10"> 2491 <div class="woi-in-page-banner__content 2492 woi-in-page-banner__bg-color--${this.backgroundColor} 2493 ${this.ctaBlock?"":"woi-in-page-banner__no-cta"}"> 2494 ${this.mobileBgsObj?n` 2495 <div class="woi-in-page-banner__bg-image"> 2496 <woi-image alt-text="${this.mobileBgsObj.aria_description}" image="${null===(i=this.mobileBgsObj.image)||void 0===i?void 0:i.url}" ${this.mobileBgsObj.has_transparency?m.HAS_TRANSPARENCY:""} widths="sm:172" lazy></woi-image> 2497 </div>`:""} 2498 <div class="woi-in-page-banner__content-main"> 2499 ${this.imageRender()} 2500 <div class="woi-in-page-banner__content-text"> 2501 <p class="glue-headline glue-headline--headline-5">
2502 <span class="glue-font-weight-medium">${this.headlineText}</span> 2503 </p> 2504 ${this.copyText?n` 2505 <p class="glue-font-smoothing"> 2506 <span class="glue-font-weight-regular">${this.copyText}</span> 2507 </p> 2508 `:""} 2509 </div> 2510 </div> 2511 ${this.ctaBlockRender()} 2512 </div> 2513 </div> 2514 </div> 2515 </section> 2516 `}};customElements.define("woi-in-page-banner",fa);var Aa=class extends J{constructor(){super(...arguments),this.copy=this.headline=this.jumplink_id=this.eyebrow_color=this.eyebrow_label=this.eyebrow_icon_id=this.background_color="",this.card_type="list-card",this.cards=[]}get gtmModuleName(){return this.nodeName.toLowerCase()}get jumplinkId(){return this.getAttribute("jumplink-id")||this.jumplink_id}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get copyText(){return this.getAttribute(m.COPY)||this.copy}get eyebrowText(){return this.getAttribute("eyebrow-label")||this.eyebrow_label}get eyebrowIconId(){return this.getAttribute("eyebrow-icon-id")||this.eyebrow_icon_id}get eyebrowColor(){return this.getAttribute("eyebrow-color")||this.eyebrow_color}get cardType(){return this.getAttribute("card-type")||this.card_type}get backgroundVariation(){return this.getAttribute(m.BACKGROUND_COLOR)||this.background_color}get cardsList(){const e=this.getAttribute(m.CARDS)||this.cards;return e?"string"==typeof e?JSON.parse(a(e)):e:[]}glueGrids(){return{offsetCol:"list-card"===this.cardType?"glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-2 glue-grid__col--span-1-md glue-grid__col--span-2-xl":"glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-2 glue-grid__col--span-1-md glue-grid__col--span-1-xl",containerCol:"list-card"===this.cardType?"glue-grid__col glue-grid__col--span-8 glue-grid__col--span-10-md glue-grid__col--span-8-xl":"glue-grid__col glue-grid__col--span-8 glue-grid__col--span-12-md glue-grid__col--span-12-lg glue-grid__col--span-10-xl"}}render(){return l` 2517 <section class="woi-jumplink-section woi-jumplink-section--${this.backgroundVariation}" id="${this.jumplinkId}"> 2518 <div class="glue-page"> 2519 <div class="glue-grid"> 2520 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-2 glue-grid__col--span-1-md glue-grid__col--span-2-xl"></div> 2521 <div class="glue-grid__col glue-grid__col--span-8 glue-grid__col--span-10-md glue-grid__col--span-8-xl"> 2522 <div class="woi-jumplink-section__eyebrow-icon--container"> 2523 <div class="woi-jumplink-section__eyebrow-icon--inner">
2524 <woi-icon icon-id="${this.eyebrowIconId}" class-names="woi-jumplink-section__eyebrow-icon glue-icon glue-icon--24px glue-icon--${this.eyebrowColor}" aria-hidden="true"></woi-icon> 2525 <span class="woi-jumplink-section__eyebrow-icon--text woi-jumplink-section__eyebrow-icon--${this.eyebrowColor}">${this.eyebrowText}</span> 2526 </div> 2527 </div> 2528 <h2 class="woi-jumplink-section__headline glue-headline glue-headline--headline-2 glue-text-center glue-spacer-2-bottom"> 2529 <span class="glue-font-weight-medium">${this.headlineText}</span> 2530 </h2> 2531 <p class="woi-jumplink-section__copy glue-body--large glue-text-center glue-spacer-5-bottom"> 2532 ${this.copyText} 2533 </p> 2534 </div> 2535 </div> 2536 2537 <div class="glue-grid"> 2538 <div class="glue-grid__col ${this.glueGrids().offsetCol}"></div> 2539 <div class="glue-grid__col ${this.glueGrids().containerCol}"> 2540 <div class="woi-jumplink-section__list woi-jumplink-section__list--${this.cardType}"> 2541 ${this.cardsList?[...this.cardsList].map((e=>n` 2542 <woi-jumplink-${this.cardType} 2543 ${e.time?`time="${e.time}"`:null} 2544 ${e.time_aria_label?`time-aria-label="${e.time_aria_label}"`:null} 2545 headline="${e.card_heading}" 2546 cta-url="${e.cta_url}" 2547 cta-name="${e.gtm_cta_name}" 2548 ${e.cta_label?`cta-label="${e.cta_label}"`:null} 2549 ${e.cta_aria_description?`cta-aria-description="${e.cta_aria_description}"`:null} 2550 module-name="${this.gtmModuleName}" 2551 label="${e.label}" 2552 ${e.video_thumbnail?`video-thumbnail="${i(JSON.stringify(e.video_thumbnail))}"`:null} 2553 ${e.video_thumbnail_aria_description?`video-thumbnail-aria="${e.video_thumbnail_aria_description}"`:null}> 2554 </woi-jumplink-${this.cardType}> 2555 `)):""} 2556 </div> 2557 </div> 2558 </div> 2559 ${this.ctaBlock?n` <div class="cta-container glue-text-center glue-spacer-5-top">${this.ctaBlock}</div>`:""} 2560 </div> 2561 </section> 2562 `}};customElements.define("woi-jump-link-section",Aa);var ya=(e="")=>null!=e&&e.match(/https?:\/\/.*?google\.*?com/)?'target="_blank" rel="noopener noreferrer"':null!=e&&e.match(/https?:\/\//)?'target="_blank" rel="noopener noreferrer nofollow"':"",Ea=e=>{var t;return e?(e=null===(t=e.split("/home/")[1])||void 0===t?void 0:t.split("/").join("-").slice(0,-1))?e:"overview":""},wa=(e,t,i,a,s=null)=>n` 2563 <div class="glue-header__container"> 2564 <div class="glue-header__lock-up"> 2565 ${"desktop"===e?n` 2566 <button class="mobile-close-nav-btn" aria-label="${null==a?void 0:a.aria_close_nav_drawer}"> 2567 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"> 2568 <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#202124"/> 2569 </svg> 2570 </button> 2571 `:""} 2572 ${"mobile"===e?n` 2573 <div class="glue-header__hamburger"> 2574 <button class="glue-header__drawer-toggle-btn" aria-label="${null==a?void 0:a.aria_open_nav_drawer}"> 2575 <svg class="glue-icon glue-icon--24px" role="presentation" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg> 2576 </button> 2577 </div> 2578 `:""} 2579 <div class="glue-header__logo"> 2580 <a class="glue-header__logo-link" href="${i}" title="Google ${t}"> 2581 ${n` 2582 <div class="glue-header__logo-container"> 2583 <svg class="glue-header__logo-svg" role="presentation" aria-hidden="true" viewBox="0 0 74 24"><path fill="#4285F4" d="M9.24 8.19v2.46h5.88c-.18 1.38-.64 2.39-1.34 3.1-.86.86-2.2 1.8-4.54 1.8-3.62 0-6.45-2.92-6.45-6.54s2.83-6.54 6.45-6.54c1.95 0 3.38.77 4.43 1.76L15.4 2.5C13.94 1.08 11.98 0 9.24 0 4.28 0 .11 4.04.11 9s4.17 9 9.13 9c2.68 0 4.7-.88 6.28-2.52 1.62-1.62 2.13-3.91 2.13-5.75 0-.57-.04-1.1-.13-1.54H9.24z"></path><path fill="#EA4335" d="M25 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52z"></path>
2583<path fill="#4285F4" d="M53.58 7.49h-.09c-.57-.68-1.67-1.3-3.06-1.3C47.53 6.19 45 8.72 45 12c0 3.26 2.53 5.81 5.43 5.81 1.39 0 2.49-.62 3.06-1.32h.09v.81c0 2.22-1.19 3.41-3.1 3.41-1.56 0-2.53-1.12-2.93-2.07l-2.22.92c.64 1.54 2.33 3.43 5.15 3.43 2.99 0 5.52-1.76 5.52-6.05V6.49h-2.42v1zm-2.93 8.03c-1.76 0-3.1-1.5-3.1-3.52 0-2.05 1.34-3.52 3.1-3.52 1.74 0 3.1 1.5 3.1 3.54.01 2.03-1.36 3.5-3.1 3.5z"></path><path fill="#FBBC05" d="M38 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52z"></path><path fill="#34A853" d="M58 .24h2.51v17.57H58z"></path><path fill="#EA4335" d="M68.26 15.52c-1.3 0-2.22-.59-2.82-1.76l7.77-3.21-.26-.66c-.48-1.3-1.96-3.7-4.97-3.7-2.99 0-5.48 2.35-5.48 5.81 0 3.26 2.46 5.81 5.76 5.81 2.66 0 4.2-1.63 4.84-2.57l-1.98-1.32c-.66.96-1.56 1.6-2.86 1.6zm-.18-7.15c1.03 0 1.91.53 2.2 1.28l-5.25 2.17c0-2.44 1.73-3.45 3.05-3.45z"></path></svg> 2584 </div> 2585 `} 2586 <span class="glue-header__logo--product" aria-hidden="true">${t}</span> 2587 </a> 2588 </div> 2589 ${s&&"mobile"===e?xa(s,e):""} 2590 </div> 2591 </div> 2592 `,Ca=(e,t="desktop",i=null)=>n` 2593 <div class="woi-mega-nav-cta-container glue-header__container${"desktop"===t?" glue-header__container--cta":""}"> 2594 <div class="glue-header__cta"> 2595 ${e.ctaBlock} 2596 ${e.disclaimer?n` 2597 <div class="header-phone-number__rollover"> 2598 <span class="glue-font-weight-medium">${e.disclaimer}</span> 2599 </div> 2600 `:""} 2601 ${i&&"desktop"===t?xa(i,t):""} 2602 </div> 2603 </div> 2604 `,$a=e=>n` 2605 <div class="glue-header__item featured-item featured-item-${e.featured_background_color}"> 2606 ${e.featured_image.image?n` 2607 <woi-image 2608 class="featured-image" 2609 image="${e.featured_image.image.url}" 2610 widths="lg:317" 2611 alt-text="${e.featured_image.aria_description}" 2612 ${e.featured_image.has_transparency?m.HAS_TRANSPARENCY:""}> 2613 </woi-image>`:""} 2614 <div class="featured-item-headline-wrapper glue-spacer-2-bottom glue-spacer-2-top"> 2615 <span class="featured-item-headline glue-headline glue-headline--headline-5">${e.featured_headline}</span> 2616 </div> 2617 ${e.featured_items.map((e=>n` 2618 <a href="${e.featured_link_url}" class="glue-headline glue-headline--headline-6 glue-spacer-2-bottom glue-spacer-1-top featured-item-link-title"> 2619 ${e.featured_link_text} 2620 <svg width="16" height="12" role="presentation" aria-hidden="true" class="glue-icon" viewBox="0 0 16 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10 0L8.59 1.41L12.17 5H0V7H12.17L8.59 10.59L10 12L16 6L10 0Z" fill="currentColor"/></svg> 2621 </a> 2622 <p class="featured-body-copy glue-spacer-2-bottom">${e.featured_body_copy}</p> 2623 `))} 2624 </div> 2625 `,Sa=(e,t,i)=>(t=!(null==e||!e.endsWith(t)),e=!(null==i||!i.parent_url||null==e||!e.endsWith(i.parent_url)),t||e),La=({subcategories:e},t)=>{if(!e)return!1;const i=t.includes("/home/resources/")?"/home/resources/":t;return(t=e.some((e=>{var t;return null===(t=e.heading_link)||void 0===t?void 0:t.endsWith(i)})))?t:e.some((e=>e.links.length&&e.links.some((e=>{var t;return null===(t=e.cta_url)||void 0===t?void 0:t.endsWith(i)}))))},Na=(e,t,i,a)=>n` 2626 <div class="glue-header__container glue-header__container--linkbar"> 2627 <nav class="glue-header__link-bar" aria-label="${t}"> 2628 <ul class="glue-header__list"> 2629 ${null==a||!a.links||null!=a&&a.campaign_name&&a.campaign_image?null:n` 2630 <li class="glue-header__item glue-header--is-active tier-2-desktop-bar"> 2631 <a class="glue-header__link tier-2-parent-false-link" href="#" tabindex="-1"></a> 2632 ${Ia(a.links,i,!0)} 2633 </li> 2634 `} 2635 ${Object.keys(e).map(((t,s)=>{const l=e[t],r=l.subcategories.length,o=l.category_link,d=Sa(o,i),c=!a&&La(l,i),u=(null==a?void 0:a.parent_url)&&La(l,a.parent_url);return n` 2636 <li class="glue-header__item 2637 ${d||c?" glue-header__item--active glue-header--is-active":""} 2638 ${u?" tier-2-active-parent":""}"> 2639 <a class="glue-header__link glue-headline glue-headline--headline-5 initial-links${r?" has-nested-links":""}" 2640 href="${r?"#":o}" 2641 title="${l.category_name}" 2642 ${!r&&null!=o&&o.match("http")?'target="_blank" rel="noopener noreferrer"':""}
2643 ${r?`\n data-deep-nav-index="${t}"\n aria-haspopup="menu"\n aria-controls="nav-panel-index-${s}"\n `:`\n data-g-cta-name="${Ea(o)}"\n data-g-module-name="woi-mega-nav"\n `} 2644 ${d?'aria-current="page"':""}> 2645 ${l.category_name} 2646 ${r?'<span class="arrow"></span>':""} 2647 </a> 2648 ${r?((e,t,i)=>n` 2649 <ul class="glue-header__list glue-header__list--nested glue-header__deep-nav"> 2650 ${e.subcategories.map((e=>{const a=Sa(e.heading_link,t);return n` 2651 ${e.heading&&!e.heading.startsWith("{")?n` 2652 <li class="glue-header__item l2-link ${a?"glue-header__item--active glue-header--is-active":""}"> 2653 <a class="glue-header__link glue-headline glue-headline--headline-6${!e.links.length||e.links.some((e=>e.has_arrow))?" l2-link-no-nested":""}" 2654 href="${e.heading_link||"#"}" 2655 data-g-cta-name="${Ea(e.heading_link)}" 2656 data-g-module-name="woi-mega-nav" 2657 ${a?'aria-current="page"':""}> 2658 ${e.heading} 2659 ${!e.links.length||e.links.some((e=>e.has_arrow))?n` 2660 <svg width="16" height="12" role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2661 <path d="M10 0L8.59 1.41L12.17 5H0V7H12.17L8.59 10.59L10 12L16 6L10 0Z" fill="#202124"/> 2662 </svg> 2663 `:""} 2664 </a> 2665 ${e.heading_link_additional_text?n`<p class="l2-additional-text">${e.heading_link_additional_text}</p>`:""} 2666 </li> 2667 `:""} 2668 ${e.links.length?n` 2669 ${e.links.map((e=>{var a,s;const l=Sa(e.cta_url,t,i),r=(null==i?void 0:i.parent_url)&&(null===(a=e.cta_url)||void 0===a?void 0:a.endsWith(i.parent_url));return e.cta_text?n` 2670 <li class="glue-header__item ${l?"glue-header__item--active glue-header--is-active":""}${e.has_arrow?" l2-link":""}"> 2671 <a class="glue-header__link l3-link${e.has_arrow?" glue-headline glue-headline--headline-6 l2-link-no-nested l3-link--has-arrow":""}" 2672 href="${r?"#":e.cta_url}" 2673 data-g-cta-name="${Ea(e.cta_url)}" 2674 data-g-module-name="woi-mega-nav" 2675 ${l?'aria-current="page"':""}> 2676 ${e.cta_text} 2677 </a> 2678 ${r&&null!==(s=i.links)&&void 0!==s&&s.length?Ia(i.links,t):""} 2679 </li> 2680 `:""}))} 2681 `:""} 2682 `}))} 2683 ${e.featured_items.length?$a(e):""} 2684 </ul> 2685 `)(l,i,a):null} 2686 </li> 2687 `}))} 2688 </ul> 2689 </nav> 2690 </div> 2691 `,Ia=(e,t,i=!1)=>n` 2692 <ul class="glue-header__list ${i?"tier-2-list glue-header__list--nested glue-header__deep-nav":""}" role="menu"> 2693 ${e.map((e=>{if(e.cta_text){var i=(({sub_links:e},t)=>(null==e?void 0:e.some((e=>{var i;return null===(i=e.cta_url)||void 0===i?void 0:i.endsWith(t)})))||!1)(e,t);const a=!!e.cta_url&&Sa(e.cta_url,t),s=e.sub_links&&e.sub_links.length;return n` 2694 <li class="glue-header__item ${i=i?"glue-header--is-active glue-header__item--active":a?"glue-header__item--active":""}" role="none"> 2695 <a class="glue-header__link ${s?"has-nested-links":""}" 2696 href="${e.cta_url&&!s?e.cta_url:"#"}" role="menuitem" 2697 ${!s&&e.cta_url?`\n data-g-cta-name="${Ea(e.cta_url)}"\n data-g-module-name="woi-mega-nav-tier-2"\n `:null} 2698 ${e.cta_url?ya(e.cta_url):null} 2699 ${s?'aria-expanded="false"':""}> 2700 ${e.cta_text} 2701 ${s?'<span class="arrow"></span>':""} 2702 </a> 2703 ${s&&e.sub_links?Ia(e.sub_links,t):""} 2704 </li> 2705 `}return""})).join("")} 2706 </ul> 2707 `,xa=(e,t)=>e.isV2?n` 2708 <woi-single-sign-on-v2 2709 ${e.adsAccountStatus?`ads-account-status="${i(JSON.stringify(e.adsAccountStatus))}"`:null} 2710 cta='${e.cardCta}' 2711 cta-sign-in='${e.signIn}' 2712 cta-start-now='${e.startNow}' 2713 logged-in-url='${e.loggedInUrl}' 2714 mock-api-data='${e.mockApi}'
2715 ${e.modal?`modal="${i(JSON.stringify(e.modal))}"`:null} 2716 module-name='${e.moduleName}' 2717 profile-alt-text='${e.profileAltText}' 2718 profile-cta-name='${e.profileCtaName}' 2719 profile-image-placeholder='${e.profileImageBuildPlaceholder}' 2720 type='${t}'> 2721 </woi-single-sign-on-v2> 2722 `:n` 2723 <woi-single-sign-on 2724 cta='${e.cardCta}' 2725 cta-sign-in='${e.signIn}' 2726 cta-start-now='${e.startNow}' 2727 logged-in-url='${e.loggedInUrl}' 2728 mock-api-data='${e.mockApi}' 2729 module-name='${e.moduleName}' 2730 profile-alt-text='${e.profileAltText}' 2731 profile-cta-name='${e.profileCtaName}' 2732 profile-image-placeholder='${e.profileImageBuildPlaceholder}' 2733 type='${t}'> 2734 </woi-single-sign-on> 2735 `,Oa=class extends J{constructor(){super(...arguments),this.content_jump_text=this.categories_aria_label=this.categories="",this.cta_sticky=null,this.eto_number=this.eto_disclaimer="",this.hide_on_scroll=!1,this.homepage_url="",this.navigation_aria_labels=null,this.office_hours=this.product=this.parent_menu_aria="",this.single_sign_on=null,this.tier_2={},this.pageShader=this.querySelector(".page-shader"),this.mainNavLinks=this.querySelectorAll(".initial-links"),this.panelCache=[],this.headerEl=this.querySelector(".glue-header"),this.glueNav=null,this.tier2DesktopBar=this.querySelector(".tier-2-desktop-bar")}connectedCallback(){var e;this.headerEl||(this.replaceChildren(this.render()),this.headerEl=this.querySelector(".glue-header"),this.pageShader=this.querySelector(".page-shader"),this.mainNavLinks=this.querySelectorAll(".initial-links"),this.tier2DesktopBar=this.querySelector(".tier-2-desktop-bar"));const i=null===(e=this.headerEl)||void 0===e?void 0:e.hasAttribute("hide-on-scroll");if(t.GLUE in window&&this.headerEl){this.glueNav=new glue.Header(this.headerEl,{hideOnScroll:i,steppedNav:!0}),this.tier2DesktopBar&&this.tier2DesktopBar.parentNode&&this.tier2DesktopBar.parentNode.appendChild(this.tier2DesktopBar),this.querySelectorAll('[href="#"]').forEach((e=>{e.addEventListener(E.CLICK,(e=>e.preventDefault()))})),(e=this.querySelector(".mobile-close-nav-btn"))&&e.addEventListener(E.CLICK,(()=>{this.glueNav&&this.glueNav.drawer.close()})),e=window.matchMedia(this.getMediaBreakpoint(h.LG));const t=e=>{this.desktopNavPanelHandler(e)};this.addEventListener(E.KEYUP,(e=>{e.code===I.ESCAPE&&t(e)})),e.matches&&(this.mainNavLinks.forEach((e=>{e.addEventListener(E.CLICK,t),this.setExpandedAttribute(e)})),this.pageShader.addEventListener(E.CLICK,t)),e.onchange=e=>{e.matches?(this.querySelector(`.desktop-nav-panel.${p.SHOW}`)&&this.pageShader.classList.add("nav-open"),this.mainNavLinks.forEach((e=>{e.addEventListener(E.CLICK,t),this.pageShader.addEventListener(E.CLICK,t),this.setExpandedAttribute(e)}))):(this.pageShader.classList.remove("nav-open"),this.mainNavLinks.forEach((e=>{e.removeEventListener(E.CLICK,t),this.pageShader.removeEventListener(E.CLICK,t),this.setExpandedAttribute(e,!1)})))},new ResizeObserver((()=>{this.checkPanelHeightOverflow()})).observe(this.headerEl),this.glueNav.root.addEventListener(E.GLUE_HEADER_HIDE,(()=>{const e=new Event(E.woi_HEADER_HIDE);document.dispatchEvent(e)}))}ce.displayContactButtons()}setExpandedAttribute(e,t=!0){e.classList.contains("has-nested-links")&&(t?e.setAttribute(m.ARIA_EXPANDED,"false"):e.removeAttribute(m.ARIA_EXPANDED))}checkPanelHeightOverflow(){for(const e of this.panelCache){const t=window.innerHeight;e.offsetHeight+96>t?(e.classList.add("overflow-height"),e.style.setProperty("--variable-height",t-48+"px")):(e.classList.remove("overflow-height"),e.style.removeProperty("--variable-height"))}}desktopNavPanelHandler(e){const t=e.currentTarget;t.classList.contains("has-nested-links")&&e.preventDefault(),e=this.querySelector(`[data-nav-panel-index="${t.dataset.deepNavIndex}"]`);var i=this.querySelector(`.desktop-nav-panel.${p.SHOW}`);i&&i!==e&&(i.classList.remove(p.SHOW),(i=i.previousElementSibling)&&(i.classList.remove(p.ACTIVE),i.setAttribute(m.ARIA_EXPANDED,"false")),this.pageShader.classList.remove("nav-open"),document.body.classList.remove(p.NO_SCROLL),this.checkPanelHeightOverflow()),null!=(i=t.nextElementSibling)&&i.classList.contains("desktop-nav-panel")?(i.classList.toggle(p.SHOW),t.setAttribute(m.ARIA_EXPANDED,`${"true"!==t.ariaExpanded}`),this.pageShader.classList.toggle("nav-open"),document.body.classList.toggle(p.NO_SCROLL),this.checkPanelHeightOverflow()):e&&(e=null==e?void 0:e.cloneNode(!0),this.panelCache.push(e),t.insertAdjacentElement("afterend",e),this.checkPanelHeightOverflow(),e.classList.add(p.SHOW),document.body.classList.add(p.NO_SCROLL),this.pageShader.classList.add("nav-open"),t.setAttribute(m.ARIA_EXPANDED,"true")),t.classList.toggle(p.ACTIVE)}get contentJumpText(){return this.getAttribute("content-jump-text")||this.content_jump_text}get categoryData(){var e=this.getAttribute("categories")||this.categories;e="string"==typeof e?JSON.parse(a(e)):e;for(const i of e){i.category_link&&(i.category_link=this.relativizeKintaroLink(i.category_link));var t=i.subcategories;if(t.length)for(const e of t)if(e.heading_link&&(e.heading_link=this.relativizeKintaroLink(e.heading_link)),(t=e.links).length)for(const e of t)e.cta_url&&(e.cta_url=this.relativizeKintaroLink(e.cta_url))}return e}get categoryAriaLabel(){return this.getAttribute("categories-aria-label")||this.categories_aria_label}get gtmModuleName(){return this.nodeName}get hideOnScroll(){const e=this.getAttribute("hide-on-scroll")||this.hide_on_scroll;return"boolean"==typeof e?e:"true"===e}get homepageUrl(){return this.relativizeKintaroLink(this.getAttribute("homepage-url")||this.homepage_url)}get navCtaInfo(){const e=this.getAttribute("eto-number")||this.eto_number;return{ctaBlock:this.ctaBlock,disclaimer:this.getAttribute("eto-disclaimer")||this.eto_disclaimer,tel:e,tel_formatted:this.formatEto(e)||""}}get parentMenuAria(){return this.getAttribute("parent-menu-aria")||this.parent_menu_aria}get productName(){return this.getAttribute("product")||this.product}get officeHours(){return this.getAttribute(m.OFFICE_HOURS)||this.office_hours}get navigationAriaLabels(){const e=this.navigation_aria_labels||this.getAttribute(m.
2735NAVIGATION_ARIA_LABELS);return"string"==typeof e?JSON.parse(a(e)):e}get singleSignOn(){const e=this.getAttribute("single-sign-on");return e?JSON.parse(a(e)):this.single_sign_on||null}get ssoCardCta(){var e;return null!==(e=this.singleSignOn)&&void 0!==e&&e.cta?i(JSON.stringify(this.singleSignOn.cta)):null}get ssoMockApi(){var e;return null!==(e=this.singleSignOn)&&void 0!==e&&e.mock_api_data?i(JSON.stringify(this.singleSignOn.mock_api_data)):null}get ssoNavCta(){var e;return null!==(e=this.singleSignOn)&&void 0!==e&&e.nav_cta?i(JSON.stringify(this.singleSignOn.nav_cta)):null}get ssoProfileAltText(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_alt_text)||null}get ssoProfileCtaName(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_cta_name)||null}get ssoImageBuildPlaceholder(){var e,t;return(null===(t=null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_image_placeholder)||void 0===t?void 0:t.url)||null}get ssoLoggedInUrl(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.logged_in_url)||null}get ssoInfo(){if(!this.singleSignOn)return null;let e={signIn:this.getCtaByGtmName(S.SIGNIN),startNow:this.getCtaByGtmName(S.STARTNOW),cardCta:this.ssoCardCta,mockApi:this.ssoMockApi,profileAltText:this.ssoProfileAltText,profileCtaName:this.ssoProfileCtaName,profileImageBuildPlaceholder:this.ssoImageBuildPlaceholder,loggedInUrl:this.ssoLoggedInUrl,moduleName:this.gtmModuleName};return"is_v2"in this.singleSignOn&&(e={...e,adsAccountStatus:this.singleSignOn.ads_account_status,modal:this.singleSignOn.modal,isV2:!0}),e}get stickyCTA(){var e=this.getAttribute("cta-sticky")||this.cta_sticky;if(e){const t="string"==typeof(e="string"==typeof e?JSON.parse(a(e)):e).cta?JSON.parse(a(e.cta)):e.cta;return t?{cta:t,is_sticky:e.is_sticky}:null}return null}get tier2(){var e,t=this.getAttribute("tier-2")||this.tier_2;if(!t)return null;if(null===(e=(t="string"==typeof t?JSON.parse(a(t)):t).links)||void 0===e||!e.length)return null;for(const i of t.links)if(i.cta_url&&(i.cta_url=this.relativizeKintaroLink(i.cta_url)),null!=(e=i.sub_links)&&e.length)for(const t of e)t.cta_url&&(t.cta_url=this.relativizeKintaroLink(t.cta_url));return t}render(){const e=this.tier2;var t=i(JSON.stringify(this.officeHours)),a=this.hideOnScroll?"hide-on-scroll":null,s=n` 2736 <a href="#main-page-content" class="glue-header__link glue-header__skip-content"> 2737 ${this.contentJumpText} 2738 </a> 2739 `,r=wa("mobile",this.productName,this.homepageUrl,this.navigationAriaLabels,this.ssoInfo),o=Ca(this.navCtaInfo,"mobile"),d=wa("desktop",this.productName,this.homepageUrl,this.navigationAriaLabels),c=n` 2740 <div class="glue-header__container glue-header__stepped-nav"> 2741 <div class="glue-header__stepped-nav-controls-container"> 2742 <div class="glue-header__stepped-nav-controls" data-glue-steppednav-label="${this.parentMenuAria}"> 2743 <div class="glue-header__stepped-nav-controls-arrow"> 2744 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px" viewBox="0 0 24 24"><path d="M16.41 5.41L15 4l-8 8 8 8 1.41-1.41L9.83 12"></path></svg> 2745 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px glue-header__stepped-nav-subnav-icon" viewBox="0 0 24 24"><path d="M7.59 18.59L9 20l8-8-8-8-1.41 1.41L14.17 12"></path></svg> 2746 </div> 2747 <div class="glue-header__stepped-nav-controls-title glue-header__link glue-headline glue-headline--headline-5"></div> 2748 </div> 2749 </div> 2750 <div class="glue-header__stepped-nav-menus"></div> 2751 </div> 2752 `,u=Na(this.categoryData,this.categoryAriaLabel,this.url,e),h=Ca(this.navCtaInfo,"desktop",this.ssoInfo),g=null!=e&&e.campaign_image&&e.campaign_name?((e,t)=>{var i,a,s;return e?n` 2753 <div class="woi-mega-nav__subnav"> 2754 <div class="woi-mega-nav__subnav-campaign-container"> 2755 ${null!==(a=null===(i=e.campaign_image)||void 0===i?void 0:i.image)&&void 0!==a&&a.url?n` 2756 <woi-image 2757 aria-hidden="true" 2758 image="${e.campaign_image.image.url}" 2759 role="presentation" 2760 widths="sm:20"> 2761 </woi-image> 2762 `:null} 2763 ${e.campaign_name?n`
2764 <span class="woi-mega-nav__subnav-campaign-name"> 2765 ${e.campaign_name} 2766 </span> 2767 `:null} 2768 </div> 2769 ${null!==(s=e.links)&&void 0!==s&&s.length?n` 2770 <ul class="glue-header__list"> 2771 ${e.links.map((e=>{if(!e.cta_url)return null;const i=Sa(e.cta_url,t)?" woi-mega-nav__subnav-link--is-active":null;return n` 2772 <li class="glue-header__item"> 2773 <a class="glue-header__link${i}" 2774 href="${e.cta_url}" 2775 ${ya(e.cta_url)} 2776 data-g-cta-name="${Ea(e.cta_url)}" 2777 data-g-module-name="woi-mega-nav-tier-2"> 2778 ${e.cta_text} 2779 </a> 2780 </li> 2781 `}))} 2782 </ul> 2783 `:null} 2784 </div> 2785 `:null})(this.tier2,this.url):null,m=((e,t,i)=>n` 2786 <div class="desktop-nav-panels-wrapper"> 2787 ${Object.keys(e).map((a=>{const s=e[a];return s.subcategories.length?n` 2788 <div class="desktop-nav-panel" data-nav-panel-index="${a}" id="nav-panel-index-${a}" role="menu" aria-label="${s.category_name}"> 2789 <div class="links-panel"> 2790 <div class="category-heading"> 2791 <h5 class="glue-headline glue-headline--headline-5" aria-hidden="true">${s.category_name}</h5> 2792 </div> 2793 <div class="subcategory-wrapper"> 2794 ${s.subcategories.map((e=>{const a=Sa(e.heading_link,t);return n` 2795 <div class="subcategory"> 2796 ${e.heading&&!e.heading.startsWith("{")?n`<div class="subcategory-heading${a?" glue-header__item--active glue-header--is-active":""}"> 2797 ${e.heading_link?n` 2798 <a class="glue-headline glue-headline--headline-6 cat-heading cat-heading-link" 2799 ${a?'aria-current="page"':""} 2800 href="${e.heading_link}" 2801 data-g-cta-name="${Ea(e.heading_link)}" 2802 data-g-module-name="woi-mega-nav" 2803 ${e.heading_link_additional_text?`aria-label="${e.heading}. ${e.heading_link_additional_text}."`:""}> 2804 ${e.heading} 2805 <svg width="16" height="12" role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0L8.59 1.41L12.17 5H0V7H12.17L8.59 10.59L10 12L16 6L10 0Z" fill="currentColor"/></svg> 2806 </a> 2807 `:n` 2808 <p class="glue-headline glue-headline--headline-6 cat-heading">${e.heading}</p> 2809 `} 2810 <span aria-hidden="true"> 2811 ${e.heading_link_additional_text?n`<p class="l2-additional-text">${e.heading_link_additional_text}</p>`:""} 2812 </span> 2813 </div>`:""} 2814 2815 <div class="subcategory-links"> 2816 ${e.links.map((e=>{const a=Sa(e.cta_url,t,i);return e.cta_text?n` 2817 <a href="${e.cta_url}" 2818 role="menuitem" 2819 class="sub-cat-link${a?" sub-cat-link-active":""}${e.has_arrow?" glue-headline glue-headline--headline-6 cat-heading cat-heading-link sub-cat-link--has-arrow":""}" 2820 data-g-cta-name="${Ea(e.cta_url)}" 2821 data-g-module-name="woi-mega-nav" 2822 ${a?'aria-current="page"':""}> 2823 ${e.cta_text} 2824 ${e.has_arrow?n` 2825 <svg width="16" height="12" role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2826 <path d="M10 0L8.59 1.41L12.17 5H0V7H12.17L8.59 10.59L10 12L16 6L10 0Z" fill="currentColor"/> 2827 </svg> 2828 `:null} 2829 </a> 2830 `:""}))} 2831 </div> 2832 </div> 2833 `}))} 2834 </div> 2835 </div> 2836 ${s.featured_items.length?$a(s):""} 2837 </div> 2838 `:""}))} 2839 </div> 2840 `)(this.categoryData,this.url,e),_=(_=this.stickyCTA)?n` 2841 <woi-sticky-cta 2842 cta="${i(JSON.stringify(_.cta))}"
2843 is-sticky="${_.is_sticky}"> 2844 </woi-sticky-cta>`:"";return l` 2845 <header class="glue-header ${e?"glue-header--double":"glue-header--single"}" 2846 office-hours="${t}" 2847 ${a}> 2848 ${s} 2849 <div class="glue-header__bar glue-header__bar--mobile"> 2850 <div class="glue-header__tier"> 2851 ${r} 2852 ${o} 2853 </div> 2854 </div> 2855 <div class="glue-header__bar glue-header__bar--desktop glue-header__drawer"> 2856 <div class="glue-header__tier"> 2857 ${d} 2858 ${c} 2859 ${u} 2860 ${h} 2861 ${g} 2862 </div> 2863 </div> 2864 <div class="glue-header__drawer-backdrop"></div> 2865 </header> 2866 ${m} 2867 <div class="page-shader"></div> 2868 ${_} 2869 `}};customElements.define("woi-mega-nav",Oa);var ka=".mobile-close-nav-btn",Ta=".glue-header__link",Ra='[href="#"]',Da=".glue-header",Ma=".item-has-sublinks",Pa=".glue-header__link-bar .glue-header__link.initial-links",Ba=".subcategory-link",Ha=".meganav-subnav",Ua=".stacked-header-layout",qa=".subnav-list",Ga="categories-aria-label",ja="content-jump-text",Wa="cta-sticky",Fa="categories",Ya="eto-disclaimer",Va="eto-number",Ja="homepage-url",Ka="is-stacked-layout",za="parent-menu-aria",Xa="product",Za="single-sign-on",Qa="small-font-treatment",es="desktop-nav-panel",ts="fixed",is="has-nested-links",as="is-scrolling",ss="nav-open",ls="overflow-height",ns="page-shader",rs="position-fixed",os="position-relative",ds="--variable-height",cs="desktop",us="mobile",hs="backwards",gs="forward",ms=class extends J{constructor(){super(...arguments),this.categories=[],this.subNav=this.single_sign_on=this.office_hours=this.product=this.parent_menu_aria=this.navigation_aria_labels=this.homepage_url=this.eto_number=this.eto_disclaimer=this.cta_sticky=this.content_jump_text=this.categories_aria_label=null,this.small_font_treatment=this.is_stacked_layout=!1,this.panelCache=[],this.glueNav=null,this.mainNavLinks=[],this.pageShader=null,this.currentMainNavLink=0,this.openPanel=null,this.focusedIndex=0}connectedCallback(){var e;this.firstElementChild||this.replaceChildren(this.render()),this.mainNavLinks=Array.from(this.querySelectorAll(Pa)),this.pageShader=this.querySelector("."+ns);const i=this.querySelector(ka),a=this.querySelector(Da),s=this.querySelector(Ua),l=this.querySelector(Ha),n=null==l?void 0:l.querySelectorAll(Ma),r=s?128:64;let o=0;if(t.GLUE in window&&a){this.glueNav=new glue.Header(a,{hideOnScroll:!1,steppedNav:!0}),this.querySelectorAll(Ra).forEach((e=>{e.addEventListener(E.CLICK,(e=>{e.preventDefault()}))})),null==i||i.addEventListener(E.CLICK,(()=>{var e;null===(e=this.glueNav)||void 0===e||e.drawer.close()}));let t=!1;const s=e=>{if(e instanceof KeyboardEvent){const{ENTER:t,ESCAPE:i,SPACE:a,ARROW_LEFT:s,ARROW_RIGHT:l,ARROW_DOWN:n}=I;[t,i,a,s,l,n].includes(e.code)&&this.desktopNavPanelHandler(e,o)}else t?t=!1:this.desktopNavPanelHandler(e,o)};window.matchMedia(this.getMediaBreakpoint(h.LG)).matches&&(null===(e=this.pageShader)||void 0===e||e.addEventListener(E.MOUSEENTER,s),this.mainNavLinks.forEach(((e,i)=>{var a;if(e.classList.contains(is)&&(i=null==(i=this.querySelector(`[data-nav-panel-index="${i}"]`))?void 0:i.cloneNode(!0),e.insertAdjacentElement("afterend",i),this.panelCache.push(i),e.addEventListener(E.MOUSEENTER,(e=>{t=!1,s(e)})),e.addEventListener(E.MOUSELEAVE,(e=>{s(e)}))),i=null===(a=e.parentElement)||void 0===a?void 0:a.querySelectorAll(Ba)){const t=Array.from(i).filter(this.isFocusable);t.forEach((i=>{i.addEventListener(E.KEYDOWN,(i=>{if(i instanceof KeyboardEvent){var a=i.key===I.ARROW_DOWN,s=i.key===I.ARROW_UP,l=i.key===I.ARROW_LEFT,n=i.key===I.ARROW_RIGHT,r=i.key===I.TAB;(a||s)&&(i.preventDefault(),this.focusedIndex=a?(this.focusedIndex+1)%t.length:(this.focusedIndex-1+t.length)%t.length,t[this.focusedIndex].focus()),(l||n)&&(this.navigateMenu(n?gs:hs),this.focusedIndex=0),i.key===I.ESCAPE&&(this.openPanel&&this.closeDesktopNavPanel(),e.focus()),r&&(i.preventDefault(),this.navigateMenu(i.shiftKey?hs:gs))}}))}))}e.addEventListener(E.KEYDOWN,(e=>{e instanceof KeyboardEvent&&(e.code===I.SPACE||e.code===I.ARROW_DOWN)&&e.preventDefault()})),e.addEventListener(E.KEYDOWN,(e=>{t=!0,s(e)})),e.setAttribute(m.ARIA_EXPANDED,"false")}
2869)),null==n||n.forEach((e=>{const t=e.querySelector(qa),i=e.querySelector(Ta);t&&(e.addEventListener(E.MOUSEENTER,(()=>{this.togglePanelAndShader(!0,t),i&&this.setExpandedAttribute(i,!0)})),e.addEventListener(E.MOUSELEAVE,(()=>{this.togglePanelAndShader(!1,t),i&&this.setExpandedAttribute(i,!1)})),e.addEventListener(E.KEYUP,(e=>{const a=t.classList.contains(p.SHOW);if(e instanceof KeyboardEvent)switch(e.code){case I.ENTER:case I.SPACE:this.togglePanelAndShader(!a,t),e=null==i?void 0:i.getAttribute(m.ARIA_EXPANDED),i&&("true"===e?this.setExpandedAttribute(i,!1):this.setExpandedAttribute(i,!0));break;case I.ESCAPE:a&&(this.togglePanelAndShader(!1,t),i&&this.setExpandedAttribute(i,!1))}})))}))),e=new ResizeObserver((()=>{l&&(De.getBpName()===h.LG||De.getBpName()===h.XL)&&window.scrollY>r&&(null==l||l.classList.add(rs)),this.checkPanelHeightOverflow()})),l&&window.addEventListener(E.SCROLL,(function(){De.getBpName()===h.SM||De.getBpName()===h.MD?null==a||a.classList.add(ts):(o=window.scrollY,null==a||a.classList.add(os),null==l||l.classList.remove(os),null==l||l.classList.add(as),o>r&&(null==l||l.classList.add(rs)),o<r&&(null==l||l.classList.remove(rs)))}),!1),e.observe(a)}ce.displayContactButtons()}isFocusable(e){return!(0===e.offsetWidth||0===e.offsetHeight||0>e.tabIndex)}navigateMenu(e){this.openPanel?(this.currentMainNavLink=+(this.openPanel.dataset.navPanelIndex||0),this.closeDesktopNavPanel()):this.currentMainNavLink=this.mainNavLinks.indexOf(document.activeElement),(e=this.mainNavLinks[e===gs?this.currentMainNavLink+1:this.currentMainNavLink-1])&&e.focus()}togglePanelAndShader(e,t){var i;null==t||t.classList.toggle(p.SHOW,e),null===(i=this.pageShader)||void 0===i||i.classList.toggle(ss,e),document.body.classList.toggle(p.NO_SCROLL,e)}setExpandedAttribute(e,t){e.classList.contains(is)&&(t?e.setAttribute(m.ARIA_EXPANDED,"true"):e.setAttribute(m.ARIA_EXPANDED,"false"))}checkPanelHeightOverflow(){for(const e of this.panelCache){const t=window.innerHeight;e.offsetHeight+96>t?(e.classList.add(ls),e.style.setProperty(ds,t-48+"px")):(e.classList.remove(ls),e.style.removeProperty(ds))}}shadePage(){var e;document.body.classList.add(p.NO_SCROLL),null===(e=this.pageShader)||void 0===e||e.classList.add(ss)}unshadePage(){var e;document.body.classList.remove(p.NO_SCROLL),null===(e=this.pageShader)||void 0===e||e.classList.remove(ss)}openDesktopNavPanel(e){var t;null===(t=e.nextElementSibling)||void 0===t||t.classList.add(p.SHOW),this.openPanel=this.querySelector(`.${es}.${p.SHOW}`),e.setAttribute(m.ARIA_EXPANDED,`${"true"!==e.ariaExpanded}`),this.shadePage(),this.checkPanelHeightOverflow()}closeDesktopNavPanel(){var e,t;const i=null===(e=this.openPanel)||void 0===e?void 0:e.previousElementSibling;null===(t=this.openPanel)||void 0===t||t.classList.remove(p.SHOW),this.openPanel=null,this.focusedIndex=0,i&&(i.classList.remove(p.ACTIVE),i.setAttribute(m.ARIA_EXPANDED,"false")),this.unshadePage(),this.checkPanelHeightOverflow()}desktopNavPanelHandler(e,t){var i,a;const s=e.currentTarget,l=e instanceof KeyboardEvent&&e.code===I.ESCAPE,n=e instanceof KeyboardEvent&&e.code===I.ENTER,r=e instanceof KeyboardEvent&&e.code===I.SPACE,o=e instanceof KeyboardEvent&&e.code===I.ARROW_LEFT,d=e instanceof KeyboardEvent&&e.code===I.ARROW_RIGHT,c=e instanceof KeyboardEvent&&e.code===I.ARROW_DOWN,u=e instanceof MouseEvent&&e.type===E.MOUSEENTER;if(!(5<t)){s.classList.contains(is)&&e.preventDefault(),t=s.nextElementSibling;var h=s.classList.contains(ns);e=e.target;var g=null===(i=document.activeElement)||void 0===i?void 0:i.nextElementSibling;i=null==g?void 0:g.querySelector(Ba),e=e.dataset.deepNavIndex===(null===(a=this.openPanel)||void 0===a?void 0:a.dataset.navPanelIndex),(n||r)&&t&&(this.openPanel?(this.closeDesktopNavPanel(),e||this.openDesktopNavPanel(s)):(this.openDesktopNavPanel(s),null==i||i.focus())),c&&t&&(this.openPanel?e||(this.closeDesktopNavPanel(),this.openDesktopNavPanel(s)):this.openDesktopNavPanel(s),null==i||i.focus()),l&&t&&this.openPanel&&this.closeDesktopNavPanel(),u&&(h?this.closeDesktopNavPanel():(this.openPanel&&this.closeDesktopNavPanel(),this.openDesktopNavPanel(s))),(d||o)&&(this.openPanel&&this.closeDesktopNavPanel(),this.navigateMenu(d?gs:hs))}}setDataGName(e){var t;return e?(e=null===(t=e.split("/home/")[1])||void 0===t?void 0:t.split("/").join("-").slice(0,-1))?e:"overview":""}isCurrentPage(e,t,i){return t=!(null==e||!e.endsWith(t)),e=!(null==i||!i.parent_url)&&!(null==e||!e.includes(i.parent_url)),t||e}isCurrentPageParent({subcategories:e},t){return!!e&&e.some((e=>{var i;return null===(i=e.links)||void 0===i?void 0:i.some((e=>e.link_group.some((e=>{var i,a,s,l;return e.sub_nav?null!==(i=e.sub_nav.links)&&void 0!==i&&i.length?null===(a=e.sub_nav.links)||void 0===a?void 0:a.some((e=>{var t,i;return null!==(t=e.sub_links)&&void 0!==t&&t.length?e.sub_links.some((e=>{var t;return null===(t=e.cta_url)||void 0===t?void 0:t.endsWith(this.url)})):null===(i=e.cta_url)||void 0===i?void 0:i.endsWith(this.url)})):null===(s=e.sub_nav.parent_url)||void 0===s?void 0:s.endsWith(t):null===(l=e.cta_url)||void 0===l?void 0:l.endsWith(t)}))))}))}isSubNavCurrentPageParent({sub_links:e},t){return(null==e?void 0:e.some((e=>{var i;return null===(i=e.cta_url)||void 0===i?void 0:i.endsWith(t)})))||!1}hasActiveSubNav(){var e,t;for(const i of this.categoryData)for(const a of i.subcategories)for(const i of a.links)for(const a of i.link_group)((null===(e=a.sub_nav)||void 0===e?void 0:e.parent_url)===this.url||null!==(t=a.sub_nav)&&void 0!==t&&t.parent_url&&this.url.includes(a.sub_nav.parent_url))&&(this.subNav=a.sub_nav)}get contentJumpText(){return this.getAttribute(ja)||this.content_jump_text}get categoryData(){var e=this.getAttribute(Fa)||this.categories;e="string"==typeof e?JSON.parse(e):e;for(const t of e){t.cta_link&&(t.cta_link=this.relativizeKintaroLink(t.cta_link));const e=t.subcategories;if(e.length)for(const t of e)for(const e of t.links)if(e.link_group.length)for(const t of e.link_group)if(t.cta_url&&(t.cta_url=this.relativizeKintaroLink(t.cta_url)),t.sub_nav&&t.sub_nav.links&&t.sub_nav.links.length)for(const e of t.sub_nav.links)if(e.cta_url=this.relativizeKintaroLink(e.cta_url),e.sub_links.length)for(const t of e.sub_links)t.cta_url=this.relativizeKintaroLink(t.cta_url)}return e}get categoryAriaLabel(){return this.getAttribute(Ga)||this.categories_aria_label}get gtmModuleName(){return this.nodeName.toLowerCase()}get homepageUrl(){const e=this.getAttribute(Ja)||this.homepage_url;return"string"==typeof e?this.relativizeKintaroLink(e):null}get navCtaInfo(){const e=this.getAttribute(Va)||this.eto_number;return{ctaBlock:this.ctaBlock,disclaimer:this.getAttribute(Ya)||this.eto_disclaimer,tel:e,tel_formatted:this.formatEto(e)||""}}get parentMenuAria(){return this.getAttribute(za)||this.parent_menu_aria}get productName(){return this.getAttribute(Xa)||this.product}get officeHours(){return this.getAttribute(m.OFFICE_HOURS)||this.office_hours}get navigationAriaLabels(){const e=this.navigation_aria_labels||this.getAttribute(m.
2869NAVIGATION_ARIA_LABELS);return"string"==typeof e?JSON.parse(e):e}get singleSignOn(){const e=this.getAttribute(Za);return e?JSON.parse(e):this.single_sign_on||null}get ssoCardCta(){var e;return JSON.stringify(null===(e=this.singleSignOn)||void 0===e?void 0:e.cta)||null}get ssoMockApi(){var e;return null!==(e=this.singleSignOn)&&void 0!==e&&e.mock_api_data?JSON.stringify(this.singleSignOn.mock_api_data):null}get ssoNavCta(){var e;return JSON.stringify(null===(e=this.singleSignOn)||void 0===e?void 0:e.nav_cta)||null}get ssoProfileAltText(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_alt_text)||null}get ssoProfileCtaName(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_cta_name)||null}get ssoImageBuildPlaceholder(){var e,t;return(null===(t=null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_image_placeholder)||void 0===t?void 0:t.url)||null}get ssoLoggedInUrl(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.logged_in_url)||null}get ssoInfo(){if(!this.singleSignOn)return null;let e={signIn:this.ctaBlock[2],startNow:this.ctaBlock[3],cardCta:this.ssoCardCta,mockApi:this.ssoMockApi,profileAltText:this.ssoProfileAltText,profileCtaName:this.ssoProfileCtaName,profileImageBuildPlaceholder:this.ssoImageBuildPlaceholder,loggedInUrl:this.ssoLoggedInUrl,moduleName:this.gtmModuleName};return"is_v2"in this.singleSignOn&&(e={...e,adsAccountStatus:this.singleSignOn.ads_account_status,modal:this.singleSignOn.modal,isV2:!0}),e}get stickyCTA(){var e=this.getAttribute(Wa)||this.cta_sticky;if(e){const t="string"==typeof(e="string"==typeof e?JSON.parse(e):e).cta?JSON.parse(e.cta):e.cta;return t?{cta:t,is_sticky:e.is_sticky}:null}return null}get isStackedLayout(){return this.hasAttribute(Ka)||this.is_stacked_layout}get isSmallFontTreatment(){return this.hasAttribute(Qa)||this.small_font_treatment}colorLockup(e,t=null){var i;return n` 2870 <div class="glue-header__container"> 2871 <div class="glue-header__lock-up"> 2872 ${e===cs?n` 2873 <button class="mobile-close-nav-btn" aria-label="${null===(i=this.navigationAriaLabels)||void 0===i?void 0:i.aria_close_nav_drawer}"> 2874 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"> 2875 <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#202124"/> 2876 </svg> 2877 </button> 2878 `:""} 2879 ${e===us?n` 2880 <div class="glue-header__hamburger"> 2881 <button class="glue-header__drawer-toggle-btn" aria-label="${this.navigationAriaLabels.aria_open_nav_drawer}"> 2882 <svg class="glue-icon glue-icon--24px" role="presentation" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg> 2883 </button> 2884 </div> 2885 `:""} 2886 <div class="glue-header__logo"> 2887 <a class="glue-header__logo-link" href="${this.homepageUrl}" title="Google ${this.productName}"> 2888 <div class="glue-header__logo-container">
2889 <woi-icon icon-id="GOOGLE_COLOR_LOGO" class-names="glue-header__logo-svg"></woi-icon> 2890 </div> 2891 <span class="glue-header__logo--product" aria-hidden="true">${this.productName}</span> 2892 </a> 2893 </div> 2894 ${t&&e===us?this.renderSSO(t,e):""} 2895 </div> 2896 </div> 2897 `}renderCtas(e="desktop",t=null){var i,a,s,l;return n` 2898 <div class="woi-mega-nav-cta-container glue-header__container${e===cs?" glue-header__container--cta":""}"> 2899 <div class="glue-header__cta"> 2900 ${null!==(a=null===(i=this.subNav)||void 0===i?void 0:i.cta)&&void 0!==a&&a.length?n` 2901 <div class="subnav-cta-container"> 2902 ${this.subNav.cta.map((e=>n`<woi-button ${this.unpackCta(e)}></woi-button>`))} 2903 </div> 2904 `:null} 2905 <div class="nav-cta-container ${null!==(l=null===(s=this.subNav)||void 0===s?void 0:s.cta)&&void 0!==l&&l.length?"hide":""}"> 2906 ${this.navCtaInfo.ctaBlock} 2907 ${this.navCtaInfo.disclaimer?n` 2908 <div class="header-phone-number__rollover"> 2909 <span class="glue-font-weight-medium">${this.navCtaInfo.disclaimer}</span> 2910 </div> 2911 `:""} 2912 </div> 2913 ${t&&e===cs?this.renderSSO(t,e):""} 2914 </div> 2915 </div> 2916 `}renderSSO(e,t){return e.isV2?n` 2917 <woi-single-sign-on-v2 2918 ${e.adsAccountStatus?`ads-account-status="${i(JSON.stringify(e.adsAccountStatus))}"`:null} 2919 cta='${e.cardCta}' 2920 cta-sign-in='${e.signIn}' 2921 cta-start-now='${e.startNow}' 2922 logged-in-url='${e.loggedInUrl}' 2923 mock-api-data='${e.mockApi}' 2924 ${e.modal?`modal="${i(JSON.stringify(e.modal))}"`:null} 2925 module-name='${e.moduleName}' 2926 profile-alt-text='${e.profileAltText}' 2927 profile-cta-name='${e.profileCtaName}' 2928 profile-image-placeholder='${e.profileImageBuildPlaceholder}' 2929 type='${t}'> 2930 </woi-single-sign-on-v2> 2931 `:n` 2932 <woi-single-sign-on 2933 cta='${e.cardCta}' 2934 logged-in-url='${e.loggedInUrl}' 2935 mock-api-data='${e.mockApi}' 2936 module-name='${e.moduleName}' 2937 profile-alt-text='${e.profileAltText}' 2938 profile-cta-name='${e.profileCtaName}' 2939 profile-image-placeholder='${e.profileImageBuildPlaceholder}' 2940 cta-sign-in='${e.signIn}' 2941 cta-start-now='${e.startNow}' 2942 type=${t}> 2943 </woi-single-sign-on> 2944 `}buildLinkbar(){return n` 2945 <div class="glue-header__container glue-header__container--linkbar"> 2946 <nav class="glue-header__link-bar" aria-label="${this.categoryAriaLabel}"> 2947 <ul class="glue-header__list"> 2948 ${this.categoryData.map(((e,t)=>{var i;const a=e.subcategories.length,s=e.cta_link,l=!!s&&this.isCurrentPage(s,this.url),r=this.isCurrentPageParent(e,this.url),o=!!this.subNav&&(null===(i=this.subNav.links)||void 0===i?void 0:i.some((e=>{var t,i;return null!==(t=e.sub_links)&&void 0!==t&&t.length?e.sub_links.some((e=>{var t;return null===(t=e.cta_url)||void 0===t?void 0:t.endsWith(this.url)})):null===(i=e.cta_url)||void 0===i?void 0:i.endsWith(this.url)})));return n` 2949 <li class="glue-header__item 2950 ${l||r?"glue-header__item--active glue-header--is-active":""} 2951 ${o?"active-subnav":""} 2952 ${r&&!o?"active-page-parent":""} 2953 "> 2954 <a class="glue-header__link glue-headline glue-headline--headline-5 initial-links${a?" has-nested-links":""}" 2955 href="${a?"#":s}" 2956 title="${e.cta_name}" 2957 ${!a&&s?this.setExternalLink(s):null} 2958 ${a?`\n data-deep-nav-index="${t}"\n aria-haspopup="menu"\n aria-controls="nav-panel-index-${t}"\n `:`\n ${s?`data-g-cta-name="${this.setDataGName(s)}"`:""}\n data-g-module-name="${this.gtmModuleName}"\n `}>
2959 <span>${e.cta_name}</span> 2960 </a> 2961 ${a?this.buildDeepNav(e,this.url):""} 2962 </li> 2963 `}))} 2964 </ul> 2965 </nav> 2966 </div> 2967 `}buildMobileSubNav(e,t,i=!1){var a;return n` 2968 <ul class="glue-header__list ${i?"subnav-list glue-header__list--nested glue-header__deep-nav":""}" role="menu" aria-hidden="true"> 2969 ${null===(a=e.links)||void 0===a?void 0:a.map((e=>{var i;if(e.cta_text){var a=this.isSubNavCurrentPageParent(e,t);const s=!!e.cta_url&&this.isCurrentPage(e.cta_url,t),l=e.sub_links&&e.sub_links.length;return n` 2970 <li class="glue-header__item ${a=a?"glue-header--is-active glue-header__item--active":s?"glue-header__item--active":""}" role="none"> 2971 <a class="glue-header__link ${l?"has-nested-links":""}" 2972 href="${e.cta_url&&!l?e.cta_url:"#"}" role="menuitem" 2973 ${l?"":`\n ${e.cta_url?`data-g-cta-name="${this.setDataGName(e.cta_url)}"`:""}\n data-g-module-name="${this.gtmModuleName}"\n `} 2974 ${e.cta_url?this.setExternalLink(e.cta_url):null} 2975 ${s?'aria-current="page"':""}> 2976 ${e.cta_text} 2977 </a> 2978 ${l?n` 2979 ${null===(i=e.sub_links)||void 0===i?void 0:i.map((e=>n` 2980 <li class="glue-header__item subnav-link"> 2981 <a class="glue-header__link" 2982 href=${e.cta_url} 2983 ${e.cta_url?`data-g-cta-name="${this.setDataGName(e.cta_url)}"`:""} 2984 data-g-module-name="${this.gtmModuleName}" 2985 role="menuitem" 2986 > 2987 ${e.cta_text} 2988 </a> 2989 </li> 2990 `))} 2991 `:""} 2992 </li> 2993 `}return""})).join("")} 2994 </ul> 2995 `}buildDeepNav(e,t){return n` 2996 <ul class="glue-header__list glue-header__list--nested glue-header__deep-nav" role="menubar"> 2997 ${e.subcategories.map((e=>n` 2998 ${e.grouping_label?n` 2999 <li class="glue-header__item l2-link l2-link-mobile" aria-hidden="true"> 3000 <div class="glue-header__link glue-font-weight-bold glue-headline glue-headline--headline-6"> 3001 ${e.grouping_label} 3002 </div> 3003 <div class="l2-link-border-bottom"></div> 3004 </li> 3005 `:""} 3006 ${e.links?e.links.map((e=>e.link_group.map((e=>{const i=!!e.sub_nav&&e.sub_nav.links,a=i?this.isCurrentPage(e.cta_url,t,this.subNav):this.isCurrentPage(e.cta_url,t);return i&&this.url===e.cta_url&&(this.subNav=e.sub_nav),e.cta_text?n` 3007 <li class="glue-header__item ${a?"glue-header__item--active glue-header--is-active":""}"> 3008 <a class="glue-header__link l2-link" 3009 href="${a&&i?"#":e.cta_url}" 3010 data-g-module-name="${this.gtmModuleName}" 3011 role="menuitem" 3012 ${i?'aria-haspopup="menu"':""} 3013 ${e.cta_url?`data-g-cta-name="${this.setDataGName(e.cta_url)}"`:""} 3014 ${a?'aria-current="page"':""}> 3015 ${e.cta_text} 3016 </a> 3017 ${i&&a&&this.subNav?this.buildMobileSubNav(this.subNav,t):""} 3018 </li> 3019 `:""})).join(""))).join(""):""} 3020 `))} 3021 </ul> 3022 `}buildDesktopNavPanel(){return n` 3023 <div class="desktop-nav-panels-wrapper"> 3024 ${this.categoryData.map(((e,t)=>e.subcategories.length?this.buildCategoryPanel(e,t):""))} 3025 </div> 3026 `}buildCategoryPanel(e,t){return n` 3027 <div class="desktop-nav-panel" data-nav-panel-index="${t}" id="nav-panel-index-${t}" role="menu" aria-label="${e.cta_name}"> 3028 <div class="links-panel"> 3029 ${e.subcategories.map((e=>this.buildSubcategoryGroup(e)))} 3030 </div> 3031 </div> 3032 `}buildSubcategoryGroup(e){return n` 3033 <div class="category-group 3034 ${1<e.links.length?"double-column":"single-column"} 3035 ${e.grouping_label?"":"no-grouping-label"}"> 3036 ${e.grouping_label?n` 3037 <p class="category-grouping-label" aria-hidden="true">${e.grouping_label}</p> 3038 `:null} 3039 <div class="subcategory-group"> 3040 ${e.links.map((e=>this.buildLinkGroup(e)))} 3041 </div> 3042 </div> 3043 `}buildLinkGroup(e){return n` 3044 <ul class="subcategory" role="presentation"> 3045 ${e.link_group.map((e=>this.buildLink(e)))} 3046 </ul> 3047 `}buildLink(e){const t=!!e.cta_url&&this.isCurrentPage(e.cta_url,this.url);return n` 3048 <li class="subnav-item${t?" active":""}"> 3049 <a class="subcategory-link" 3050 ${e.cta_url?`data-g-cta-name="${this.setDataGName(e.cta_url)}"`:""} 3051 data-g-module-name="${this.gtmModuleName}" 3052 href="${e.cta_url||"#"}" 3053 role="menuitem"> 3054 ${e.cta_text} 3055 ${e.additional_text?n` 3056 <p class="subcategory-text">${e.additional_text}</p> 3057 `:""} 3058 </a> 3059 </li> 3060 `}renderSubNav(){var e,t,i;if(!this.subNav)return"";const a=null!==(t=null===(e=this.subNav.campaign_image)||void 0===e?void 0:e.image)&&void 0!==t&&t.url?n` 3061 <woi-image 3062 image="${this.subNav.campaign_image.image.url}" 3063 widths="sm:24" role="presentation" 3064 aria-hidden="true" 3065 ></woi-image> 3066 `:"";return e=this.subNav.campaign_name?n`
3067 <span class="campaign-name">${this.subNav.campaign_name}</span> 3068 `:"",t=null!==(i=this.subNav.links)&&void 0!==i&&i.length?n` 3069 <ul class="glue-header__list"> 3070 ${this.subNav.links.map((e=>this.renderSubNavLink(e)))} 3071 </ul> 3072 `:"",n` 3073 <div class="meganav-subnav ${this.isStackedLayout?"drop-line":""}"> 3074 <div class="subnav-campaign-container"> 3075 ${a} 3076 ${e} 3077 </div> 3078 ${t} 3079 ${this.subNav.cta?n` 3080 <div class="subnav-cta-container"> 3081 ${this.subNav.cta.map((e=>n`<woi-button ${this.unpackCta(e)}></woi-button>`))} 3082 </div> 3083 `:""} 3084 </div> 3085 `}renderSubNavLink(e){const t=e.sub_links&&0<e.sub_links.length,i=e.cta_url&&this.isCurrentPage(e.cta_url,this.url)||this.isSubNavCurrentPageParent(e,this.url)?"subnav-link--is-active":"";return t?this.renderSubNavWithSubLinks(e,i):this.renderSubNavLinkWithoutSubLinks(e,i)}renderSubNavWithSubLinks(e,t){var i;return n` 3086 <li class="glue-header__item item-has-sublinks"> 3087 <a class="glue-header__link initial-links has-nested-links ${t}" aria-haspopup="menu" href="#" aria-expanded="false"> 3088 <span>${e.cta_text}</span> 3089 </a> 3090 <ul class="subnav-list"> 3091 ${null===(i=e.sub_links)||void 0===i?void 0:i.map((e=>this.renderSubNavLinkWithoutSubLinks(e)))} 3092 </ul> 3093 </li> 3094 `}renderSubNavLinkWithoutSubLinks(e,t){return n` 3095 <li class="glue-header__item"> 3096 <a class="glue-header__link ${t||""}" 3097 ${e.cta_url?`data-g-cta-name="${this.setDataGName(e.cta_url)}"`:""} 3098 data-g-module-name="${this.gtmModuleName}" 3099 href="${e.cta_url}" 3100 ${e.cta_url?this.setExternalLink(e.cta_url):null}> 3101 <span>${e.cta_text}</span> 3102 </a> 3103 </li> 3104 `}stickyCTARender(e){return e?n` 3105 <woi-sticky-cta 3106 cta='${JSON.stringify(e.cta)}' 3107 is-sticky="${e.is_sticky}"> 3108 </woi-sticky-cta>`:""}render(){return this.hasActiveSubNav(),l` 3109 <header 3110 class="glue-header 3111 ${this.isStackedLayout?"stacked-header-layout":""} 3112 ${this.isSmallFontTreatment?"small-font-treatment":""} 3113 ${this.subNav?"has-subnav":""}" 3114 office-hours='${JSON.stringify(this.officeHours)}'> 3115 ${this.contentJumpText?n` 3116 <a href="#main-page-content" class="glue-header__link glue-header__skip-content"> 3117 ${this.contentJumpText} 3118 </a> 3119 `:null} 3120 <div class="glue-header__bar glue-header__bar--mobile"> 3121 <div class="glue-header__tier"> 3122 ${this.colorLockup(us,this.ssoInfo)} 3123 ${this.renderCtas(us,this.ssoInfo)} 3124 </div> 3125 </div> 3126 <div class="glue-header__bar glue-header__bar--desktop glue-header__drawer ${this.subNav?"position-relative":""}"> 3127 <div class="glue-header__tier"> 3128 ${this.colorLockup(cs)} 3129 <div class="glue-header__container glue-header__stepped-nav"> 3130 <div class="glue-header__stepped-nav-controls-container"> 3131 <div class="glue-header__stepped-nav-controls" data-glue-steppednav-label="${this.parentMenuAria}"> 3132 <div class="glue-header__stepped-nav-controls-arrow"> 3133 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px" viewBox="0 0 24 24"><path d="M16.41 5.41L15 4l-8 8 8 8 1.41-1.41L9.83 12"></path></svg> 3134 <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--18px glue-header__stepped-nav-subnav-icon" viewBox="0 0 24 24"><path d="M7.59 18.59L9 20l8-8-8-8-1.41 1.41L14.17 12"></path></svg> 3135 </div> 3136 <div class="glue-header__stepped-nav-controls-title glue-header__link glue-headline glue-headline--headline-5"></div> 3137 </div> 3138 </div> 3139 <div class="glue-header__stepped-nav-menus"></div> 3140 </div> 3141 ${this.buildLinkbar()} 3142 ${this.renderCtas(cs,this.ssoInfo)} 3143 </div> 3144 </div> 3145 <div class="glue-header__drawer-backdrop"></div> 3146 ${this.subNav?this.renderSubNav():null} 3147 </header> 3148 ${this.buildDesktopNavPanel()} 3149 <div class="page-shader"></div> 3150 ${this.stickyCTARender(this.stickyCTA)} 3151 `}};customElements.define("woi-mega-nav-v2",ms);var _s=class extends J{constructor(){var e;super(...arguments),this.disclaimer="",this.featured_product={},this.first_card_featured=!1,this.headline="",this.product_cards=void 0,this.subheadline="",this.tools_cards=void 0,this.view_more_cta_text=this.view_less_cta_text="",this.hiddenCardsContainerElem=this.querySelector(".hidden-cards"),this.hiddenCardsElem=null===(e=this.hiddenCardsContainerElem)||void 0===e?void 0:e.querySelectorAll(".animated-card"),this.showBtn=this.querySelector(".show-more-btn button"),this.showBtnSvg=this.querySelector(".show-more-btn svg")}connectedCallback(){var e;if(this.firstElementChild||(this.replaceChildren(this.render()),this.hiddenCardsContainerElem=this.querySelector(".hidden-cards"),this.hiddenCardsElem=null===(e=this.hiddenCardsContainerElem)||void 0===e?void 0:e.querySelectorAll(".animated-card"),this.showBtn=this.querySelector(".show-more-btn button"),this.showBtnSvg=this.querySelector(".show-more-btn svg")),this.hiddenCardsContainerElem){e=this.hiddenCardsContainerElem.getAttribute("view-more-cta-text");const t=this.hiddenCardsContainerElem.getAttribute("view-less-cta-text");if(!e||!t)throw Error("View more/less button text has not been supplied");{const i=new Map([[e,t],[t,e]]);this.hiddenCardsElem&&this.hiddenCardsElem.forEach(((e,t)=>{e.style.transitionDelay=100*(t+4)+"ms",e.ariaHidden="false"})),this.showBtn&&this.showBtn.addEventListener(E.CLICK,(()=>{var e;if(this.showBtn&&this.showBtn.lastChild&&(this.showBtn.lastChild.textContent=i.get(null===(e=this.showBtn.textContent)||void 0===e?void 0:e.trim())),this.hiddenCardsContainerElem)if(this.hiddenCardsContainerElem.classList.contains(p.ACTIVE)){this.hiddenCardsElem&&this.hiddenCardsElem.forEach(((e,t)=>{e.style.transitionDelay=40*t+"ms",e.ariaHidden="true"})),this.hiddenCardsContainerElem.classList.remove(p.ACTIVE,"glue-spacer-5-top"),this.showBtnSvg&&this.showBtnSvg.classList.remove("icon-rotated");const e=setTimeout((()=>{this.hiddenCardsContainerElem&&(this.hiddenCardsContainerElem.style.maxHeight="0",this.hiddenCardsContainerElem.style.overflow="hidden",clearTimeout(e))}),D.FOUR_HUNDRED)}else this.hiddenCardsElem&&this.hiddenCardsElem.forEach(((e,t)=>{e.style.transitionDelay=100*(t+10)+"ms",e.ariaHidden="false"})),this.hiddenCardsContainerElem.style.maxHeight=`${this.hiddenCardsContainerElem.scrollHeight}px`,this.hiddenCardsContainerElem.style.overflow="unset",this.hiddenCardsContainerElem.classList.add(p.ACTIVE,"glue-spacer-5-top"),this.showBtnSvg&&this.showBtnSvg.classList.add("icon-rotated")})),this.hiddenCardsContainerElem.addEventListener(E.TRANSITION_END,(e=>{"max-height"===e.propertyName&&this.showBtn&&(e=this.showBtn.getBoundingClientRect().top+window.scrollY-120,window.scroll({top:e,behavior:O.SMOOTH}))}))}const i=d((()=>{var e;null!==(e=this.hiddenCardsContainerElem)&&void 0!==e&&e.classList.contains(p.ACTIVE)&&(this.hiddenCardsContainerElem.style.maxHeight=`${this.hiddenCardsContainerElem.scrollHeight}px`)}).bind(this),100);window.addEventListener(E.RESIZE,(()=>i()))}}get gtmModuleName(){return this.nodeName.toLowerCase()}get featuredProduct(){const e=this.getAttribute("featured-product")||this.featured_product;return!e||"{}"===e||"string"!=typeof e&&0===Object.keys(e).length?null:"string"==typeof e?JSON.parse(a(e)):e}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get subHeadline(){return this.getAttribute(m.SUBHEADLINE)||this.subheadline}get disclaimerText(){return this.getAttribute(m.DISCLAIMER)||this.disclaimer}get cardData(){const e=this.getAttribute(m.CARDS)||this.product_cards||this.tools_cards;return"string"==typeof e?JSON.parse(a(e)):e}get topCards(){return 3<this.cardData.length?this.cardData.slice(0,3):this.cardData}get hiddenCardsContainer(){return 3<this.cardData.length?this.cardData.slice(3):null}get viewMoreCtaText(){return this.getAttribute("view-more-cta-text")||this.view_more_cta_text}get viewLessCtaText(){return this.getAttribute("view-less-cta-text")||this.view_less_cta_text}get cardType(){return""}get isToolsCard(){return"toolsCard"===this.cardType}get firstCardFeatured(){return this.getAttribute("first-card-featured")||this.first_card_featured}fallbackClasses(){return 2===this.cardData.length?"fallback-layout":""}featuredProductRender(e){return n` 3152 <woi-featured-product 3153 body-copy="${i(JSON.stringify(e.body_copy))}" 3154 cta="${i(JSON.stringify(e.cta))}" 3155 image="${i(JSON.stringify(e.image))}" 3156 main-headline="${e.main_headline}" 3157 media-alignment="${e.media_alignment}" 3158 ${e.image.has_transparency?m.HAS_TRANSPARENCY:""} 3159 ></woi-featured-product> 3160 `}hiddenCardsContainerRender(){var e;return n` 3161 <div class="hidden-cards-container glue-spacer-5-top"> 3162 <div class="glue-text-center show-more-btn"> 3163 <woi-button cta-text="${this.viewMoreCtaText}" icon-type="glue-icon-right" icon-id="EXPAND_MORE"></woi-button> 3164 </div> 3165 <div class="related-cards-container hidden-cards ${this.isToolsCard?"related-tools-cards":""}" 3166 view-more-cta-text="${this.viewMoreCtaText}" 3167 view-less-cta-text="${this.viewLessCtaText}"> 3168 ${null===(e=this.hiddenCardsContainer)||void 0===e?void 0:e.map((e=>{var t,a;return"headline"in e?n` 3169 <woi-card 3170 ${e.body?`body="${i(e.body)}"`:null} 3171 card-type="${this.cardType}" 3172 ${e.cta.length?`cta="${i(JSON.stringify(e.cta))}"`:null} 3173 ${e.headline?`headline="${e.headline}"`:null} 3174 ${e.images.length?`images="${this.formatMultiImage(e.images,!0)}"`:null} 3175 module-name="${this.gtmModuleName}"> 3176 </woi-card> 3177 `:n` 3178 <woi-card 3179 ${e.body?`body="${i(e.body)}"`:null} 3180 card-type="${this.cardType}" 3181 ${e.gtm_cta_name?`cta-name="${e.gtm_cta_name}"`:null} 3182 ${e.cta_url?`cta-url="${e.cta_url}"`:null} 3183 ${e.has_transparency?`has-transparency="${e.has_transparency}"`:null} 3184 ${e.title?`headline="${e.title}"`:null} 3185 ${null!==(t=e.icon)&&void 0!==t&&t.url?`icon="${null===(a=e.icon)||void 0===a?void 0:a.url}"`:null} 3186 module-name="${this.gtmModuleName}"> 3187 </woi-card> 3188 `}))} 3189 </div> 3190 </div> 3191 `}topCardsRender(){return n` 3192 <div class="related-cards-container glue-spacer-5-top ${this.fallbackClasses()} ${this.isToolsCard?"related-tools-cards":""}"> 3193 ${this.topCards.map(((e,t)=>{var a,s;return"headline"in e?n` 3194 <woi-card 3195 ${e.body?`body="${i(e.body)}"`:null} 3196 card-type="${this.cardType}" 3197 ${e.cta.length?`cta="${i(JSON.stringify(e.cta))}"`:null} 3198 first-card-featured="${0===t?this.firstCardFeatured:null}" 3199 ${e.headline?`headline="${e.headline}"`:null} 3200 ${e.images.length?`images="${this.formatMultiImage(e.images,!0)}"`:null} 3201 module-name="${this.gtmModuleName}"> 3202 </woi-card> 3203 `:n` 3204 <woi-card 3205 ${e.body?`body="${i(e.body)}"`:null} 3206 card-type="${this.cardType}" 3207 ${e.gtm_cta_name?`cta-name="${e.gtm_cta_name}"`:null} 3208 ${e.cta_url?`cta-url="${e.cta_url}"`:null} 3209 first-card-featured="${0===t?this.firstCardFeatured:null}" 3210 ${e.has_transparency?`has-transparency="${e.has_transparency}"`:null} 3211 ${e.title?`headline="${e.title}"`:null} 3212 ${null!==(a=e.icon)&&void 0!==a&&a.url?`icon="${null===(s=e.icon)||void 0===s?void 0:s.url}"`:null} 3213 module-name="${this.gtmModuleName}"> 3214 </woi-card> 3215 `}))} 3216 </div> 3217 `}disclaimerRender(){return n` 3218 <div class="disclaimer-container">
3219 <p class="glue-font-weight-regular glue-small-text"> 3220 ${this.disclaimerText} 3221 </p> 3222 </div> 3223 `}render(){const e=this.featuredProduct;return l` 3224 <section class="woi-related-items glue-spacer-6-bottom ${e?"":"glue-spacer-6-top"}"> 3225 <div class="${e?"woi-related-items__container--arc":"woi-related-items__container"}"> 3226 <div class="glue-page"> 3227 ${this.headlineText||this.subHeadline?n` 3228 <div class="glue-grid glue-text-center"> 3229 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-2"></div> 3230 <div class="copy-section glue-grid__col glue-grid__col--span-8"> 3231 ${this.headlineText?n` 3232 <h2 class="main-headline glue-headline glue-headline--headline-2"> 3233 <span class="glue-spacer-2-bottom glue-font-weight-medium">${this.headlineText}</span> 3234 </h2> 3235 `:""} 3236 ${this.subHeadline?n` 3237 <p class="main-subheadline ${e?"main-subheadline--spacer":""}">${this.subHeadline}</p> 3238 `:""} 3239 </div> 3240 </div> 3241 `:""} 3242 ${e?this.featuredProductRender(e):""} 3243 <div class="glue-grid"> 3244 <div class="glue-grid__col glue-grid__col--span-1 ${this.isToolsCard?"glue-grid__col--span-0-md":""} glue-grid__col--span-0-lg"></div> 3245 <div class="glue-grid__col glue-grid__col--span-10 ${this.isToolsCard?"glue-grid__col--span-12-md":""} glue-grid__col--span-12-lg"> 3246 ${this.topCardsRender()} 3247 ${this.disclaimerText?this.disclaimerRender():""} 3248 ${this.hiddenCardsContainer?this.hiddenCardsContainerRender():""} 3249 </div> 3250 </div> 3251 </div> 3252 </div> 3253 </section> 3254 `}};customElements.define("related-various",_s);var ps=class extends _s{get cardType(){return"productCard"}};customElements.define("woi-related-products",ps);var vs=class extends _s{get cardType(){return"toolsCard"}};customElements.define("woi-related-tools",vs);var bs=class extends J{constructor(){super(...arguments),this.gtm_cta_name=this.copy="",this.button=this.querySelector(".glue-button"),this._isReducedMotion=F.isReducedMotion}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this.button=this.querySelector(".glue-button")),window.addEventListener(E.DOM_CONTENT_LOADED,(()=>{this.button&&this.button.addEventListener(E.CLICK,(()=>{window.scroll({top:0,behavior:this._isReducedMotion?O.AUTO:O.SMOOTH}),document.body.setAttribute(m.TABINDEX,"-1"),document.body.focus(),document.body.removeAttribute(m.TABINDEX)}))}))}get copyText(){return this.getAttribute(m.COPY)||this.copy}get gtmCtaName(){return this.getAttribute(m.GTM_CTA_NAME)||this.gtm_cta_name}get gtmModuleName(){return this.getAttribute(m.GTM_MODULE_NAME)||this.nodeName.toLowerCase()}render(){return l` 3255 <section class="woi-resource-jumplink-to-top"> 3256 <woi-button 3257 cta-name="${this.gtmCtaName}" 3258 cta-text="${this.copyText}" 3259 icon-type="glue-icon" 3260 icon-id="ARROW_UPWARD" 3261 icon-size="24" 3262 emphasis="high" 3263 module-name="${this.gtmModuleName}" 3264 ></woi-button> 3265 </section> 3266 `}};customElements.define("woi-resource-jumplink-to-top",bs);var fs=class extends J{constructor(){super(...arguments),this.article_copy_blocks=this.headline="",this._listItem=this.querySelectorAll(".woi-resource-toc__item"),this.listItem=(e,t)=>n` 3267 <li data-article="${e}" class="woi-resource-toc__item"> 3268 <a href="javascript:void(0)" class="glue-inline-link">${t}</a> 3269 </li> 3270 `}connectedCallback(){function e(e){i&&i.scrollToId(e,{hash:!1,offset:{x:0,y:100}}),(e=document.getElementById(e))&&e.focus({preventScroll:!0})}this.firstElementChild||(this.replaceChildren(this.render()),this._listItem=this.querySelectorAll(".woi-resource-toc__item"));const i=t.GLUE in window&&new glue.SmoothScroll;i&&this._listItem&&this._listItem.forEach((t=>{const i=t.dataset.article;i&&(t.addEventListener(E.CLICK,(()=>{e(i)})),t.addEventListener(E.KEYPRESS,(t=>{t.code===I.ENTER&&e(i)})))}))}get headlineText(){const e=this.getAttribute(m.HEADLINE);return"string"==typeof e?e:this.headline}get articleCopyBlocks(){var e=this.getAttribute("article-copy-blocks");
3270return(e="string"==typeof e?JSON.parse(a(e)):this.article_copy_blocks)&&Array.isArray(e)?e.map((e=>this.listItem(e.article_id,e.article_title))):[""]}render(){return l` 3271 <section class="woi-resource-toc"> 3272 <div class="woi-resource-toc__wrapper glue-page"> 3273 <div class="glue-grid"> 3274 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-1-xl"></div> 3275 <nav class="woi-resource-toc__list glue-grid__col glue-grid__col--span-3-lg glue-grid__col--span-2-xl" aria-labelledby="woi-resource-toc__title"> 3276 <p id="woi-resource-toc__title" class="woi-resource-toc__title">${this.headlineText}</p> 3277 <ol> 3278 ${this.articleCopyBlocks} 3279 </ol> 3280 </nav> 3281 </div> 3282 </div> 3283 </section> 3284 `}};customElements.define("woi-resource-table-of-contents",fs);var As="content-jump-text",ys="cta-sticky",Es="hide-on-scroll",ws="lockup-text",Cs="rollover-text",$s="single-sign-on",Ss="glue-is-showing-drawer",Ls=".glue-header",Ns=".glue-header__drawer",Is="woi-button",xs=class extends J{constructor(){var e;super(...arguments),this.content_jump_text=null,this.cta_sticky={},this.hide_on_scroll=!1,this.lockup_text=null,this.navigation_aria_labels={},this.office_hours={},this.rollover_text=null,this.single_sign_on={},this.header=void 0,this.headerEl=this.querySelector(Ls),this.drawerEl=this.querySelector(Ns),this.drawerButtons=null===(e=this.drawerEl)||void 0===e?void 0:e.querySelectorAll(Is)}connectedCallback(){var e,i;this.firstElementChild||(this.replaceChildren(this.render()),this.headerEl=this.querySelector(Ls),this.drawerButtons=null===(e=this.drawerEl)||void 0===e?void 0:e.querySelectorAll(Is));let a=De.getBpName();const s=null===(i=this.headerEl)||void 0===i?void 0:i.hasAttribute(Es),{SM:l,MD:n}=h;if(this.drawerButtons&&[l,n].includes(a))for(const t of this.drawerButtons)(e=t.firstElementChild)&&e.setAttribute(m.TABINDEX,"-1");De.subscribe((e=>{if(a=e,e=[l,n].includes(a),this.drawerButtons)for(const t of this.drawerButtons){const i=t.firstElementChild;i&&(e?i.setAttribute(m.TABINDEX,"-1"):i.removeAttribute(m.TABINDEX))}})),window.addEventListener(E.DOM_CONTENT_LOADED,(()=>{this.headerEl&&t.GLUE in window&&(this.header=new glue.Header(this.headerEl,{hideOnScroll:s})),this.addEventListener(E.CLICK,(()=>{var e;if([l,n].includes(a)){const t=null===(e=this.headerEl)||void 0===e?void 0:e.classList.contains(Ss);if(this.drawerButtons)for(const i of this.drawerButtons)(e=i.firstElementChild)&&(t?e.removeAttribute(m.TABINDEX):e.setAttribute(m.TABINDEX,"-1"))}}))})),ce.displayContactButtons()}get gtmModuleName(){return this.nodeName}get lockupText(){return this.getAttribute(ws)||this.lockup_text}get contentJumpText(){return this.getAttribute(As)||this.content_jump_text}get rolloverText(){return this.getAttribute(Cs)||this.rollover_text}get officeHours(){const e=this.getAttribute(m.OFFICE_HOURS)||this.office_hours;return e&&0!==Object.keys(e).length?"string"==typeof e?e:i(JSON.stringify(e)):null}get openAriaLabel(){const e=this.getAttribute(m.NAVIGATION_ARIA_LABELS)||this.navigation_aria_labels;return e&&0!==Object.keys(e).length?("string"==typeof e?JSON.parse(a(e)):e).aria_open_nav_drawer:null}get singleSignOn(){const e=this.getAttribute($s)||this.single_sign_on;return e&&0!==Object.keys(e).length?"string"==typeof e?JSON.parse(a(e)):e:null}get ssoCardCta(){var e;return null!==(e=this.singleSignOn)&&void 0!==e&&e.cta?i(JSON.stringify(this.singleSignOn.cta)):null}get ssoMockApi(){var e;return null!==(e=this.singleSignOn)&&void 0!==e&&e.mock_api_data?i(this.singleSignOn.mock_api_data):null}get ssoProfileAltText(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_alt_text)||null}get ssoProfileCtaName(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_cta_name)||null}get ssoImageBuildPlaceholder(){var e,t;return(null===(t=null===(e=this.singleSignOn)||void 0===e?void 0:e.profile_image_placeholder)||void 0===t?void 0:t.url)||null}get ssoLoggedInUrl(){var e;return(null===(e=this.singleSignOn)||void 0===e?void 0:e.logged_in_url)||null}get hideOnScroll(){const e=this.getAttribute(Es)||this.hide_on_scroll;return"boolean"==typeof e?e:"true"===e}renderGoogleLogo(){return n` 3285 <div class="glue-header__logo"> 3286 <a class="glue-header__logo-link" href="#" title="Google"> 3287 <div class="glue-header__logo-container">
3288 <woi-icon icon-id="GOOGLE_COLOR_LOGO" class-names="glue-header__logo-svg"></woi-icon> 3289 </div> 3290 ${this.lockupText?n` 3291 <span class="glue-header__logo--product">${this.lockupText}</span> 3292 `:null} 3293 </a> 3294 </div> 3295 `}renderSSO(e){if(!this.singleSignOn)return null;const t=this.getCtaByGtmName(S.STARTNOW)||this.getCtaByGtmName(S.CREATEANDMANAGEADS);return"is_v2"in this.singleSignOn?n` 3296 <woi-single-sign-on-v2 3297 ${this.singleSignOn.ads_account_status?`ads-account-status="${i(JSON.stringify(this.singleSignOn.ads_account_status))}"`:null} 3298 cta='${this.ssoCardCta}' 3299 cta-sign-in='${this.getCtaByGtmName(S.SIGNIN).replace(/\s{2,}/g," ").trim()}' 3300 cta-start-now='${t.replace(/\s{2,}/g," ").trim()}' 3301 logged-in-url='${this.ssoLoggedInUrl}' 3302 mock-api-data='${this.ssoMockApi}' 3303 ${this.singleSignOn.modal?`modal="${i(JSON.stringify(this.singleSignOn.modal))}"`:null} 3304 module-name='${this.gtmModuleName}' 3305 profile-cta-name='${this.ssoProfileCtaName}' 3306 profile-alt-text='${this.ssoProfileAltText}' 3307 profile-image-placeholder='${this.ssoImageBuildPlaceholder}' 3308 type='${e}'> 3309 </woi-single-sign-on> 3310 `:n` 3311 <woi-single-sign-on 3312 cta='${this.ssoCardCta}' 3313 cta-sign-in='${this.getCtaByGtmName(S.SIGNIN).replace(/\s{2,}/g," ").trim()}' 3314 cta-start-now='${t.replace(/\s{2,}/g," ").trim()}' 3315 mock-api-data='${this.ssoMockApi}' 3316 profile-alt-text='${this.ssoProfileAltText}' 3317 profile-cta-name='${this.ssoProfileCtaName}' 3318 profile-image-placeholder='${this.ssoImageBuildPlaceholder}' 3319 logged-in-url='${this.ssoLoggedInUrl}' 3320 type='${e}'> 3321 </woi-single-sign-on> 3322 `}renderStickyCTA(){var e=this.getAttribute(ys)||this.cta_sticky;return e&&0!==Object.keys(e).length&&(e="string"==typeof e?JSON.parse(a(e)):e).cta?n` 3323 <woi-sticky-cta 3324 cta="${i(JSON.stringify(e.cta))}" 3325 is-sticky="${e.is_sticky}"> 3326 </woi-sticky-cta> 3327 `:null}render(){return l` 3328 <header class="glue-header glue-header--single" ${this.officeHours?`office-hours='${this.officeHours}'`:null} ${this.hideOnScroll?"hide-on-scroll":null}> 3329 ${this.contentJumpText?n` 3330 <a href="#main-page-content" class="glue-header__link glue-header__skip-content">${this.contentJumpText}</a> 3331 `:null} 3332 <div class="glue-header__bar glue-header__bar--mobile"> 3333 <div class="glue-header__tier"> 3334 <div class="glue-header__container"> 3335 <div class="glue-header__lock-up"> 3336 <div class="glue-header__hamburger"> 3337 <button class="glue-header__drawer-toggle-btn" ${this.openAriaLabel?`aria-label="${this.openAriaLabel}"`:null}>
3338 <woi-icon icon-id="MENU" class-names="glue-icon--24px"></woi-icon> 3339 </button> 3340 </div> 3341 ${this.renderGoogleLogo()} 3342 ${this.renderSSO("mobile")} 3343 </div> 3344 </div> 3345 </div> 3346 </div> 3347 <div class="glue-header__bar glue-header__bar--desktop glue-header__drawer"> 3348 <div class="glue-header__tier"> 3349 <div class="glue-header__container"> 3350 <div class="glue-header__lock-up"> 3351 ${this.renderGoogleLogo()} 3352 </div> 3353 </div> 3354 <div class="glue-header__container glue-header__container--linkbar"> 3355 <nav class="glue-header__link-bar"></nav> 3356 </div> 3357 ${this.ctaBlock?n` 3358 <div class="glue-header__container glue-header__container--cta"> 3359 <div class="glue-header__cta header-phone-number"> 3360 <div class="woi-mega-nav-cta-container glue-header__container"> 3361 <div class="glue-header__cta"> 3362 ${this.ctaBlock} 3363 ${this.rolloverText?n` 3364 <div class="header-phone-number__rollover"> 3365 <span class="glue-font-weight-medium">${this.rolloverText}</span> 3366 </div> 3367 `:null} 3368 ${this.renderSSO("desktop")} 3369 </div> 3370 </div> 3371 </div> 3372 </div> 3373 `:null} 3374 </div> 3375 </div> 3376 <div class="glue-header__drawer-backdrop"></div> 3377 ${this.renderStickyCTA()} 3378 </header> 3379 `}};customElements.define("woi-simple-nav",xs);var Os="woiAdsFormat",ks="woiSimpleBulletedList",Ts="cards",Rs="defaultContent",Ds="panel-wrapper",Ms="fade-out-green",Ps="fade-out-white",Bs={TAB:`.${"glue-tab"}`,TAB_PANELS:`.${"glue-tabpanels"}`,TAB_PANELS_LIST:`.${"glue-tabpanels__page-list"}`,TAB_PANELS_WRAPPER:`.${"glue-tabpanels__panel-list"}`},Hs=class extends J{constructor(){super(...arguments),this.cards=[],this.copy=null,this.default_content=[],this.headline=null,this.tabPanels=this.querySelector(Bs.TAB_PANELS)}connectedCallback(){if(this.firstElementChild||(this.replaceChildren(this.render()),this.tabPanels=this.querySelector(Bs.TAB_PANELS)),this.tabPanels&&t.GLUE in window){const e=new glue.TabPanels(this.tabPanels,{panelsCount:5,isResponsive:!1}),i=document.querySelectorAll(Bs.TAB),a=e.tabsComponent,s=Bs.TAB&&t.GLUE in window&&new glue.SmoothScroll;i&&a&&i.forEach(((e,t)=>{e.addEventListener(E.CLICK,(()=>{const l=a.getActiveTab();e.classList.remove(Ms,Ps),t+1!==l&&i[l-1].classList.add(Ps),t+1===l&&(i[t].classList.add(Ms),setTimeout((()=>{a.setActiveTab(1),e.blur()}),50)),s&&s.scrollToId(Ds,{hash:!1,offset:{x:0,y:120}})}))}))}}get defaultContent(){const e=this.getAttribute(Rs)||this.default_content;return"string"==typeof e?JSON.parse(e):e}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get smallCardsObj(){const e=this.getAttribute(Ts)||this.cards;return"string"==typeof e?JSON.parse(e):e}get copyText(){return this.getAttribute(m.COPY)||this.copy}tabContentRender(e){return null==e?void 0:e.map((e=>e._collectionId===Os&&"facets"in e?this.adsFormatRender(e):e._collectionId===ks&&"bullets"in e?this.simpleBulletedListRender(e):void 0)).join("")}adsFormatRender(e){return n` 3380 <woi-format 3381 headline="${e.headline}" 3382 facets="${i(JSON.stringify(e.facets))}" 3383 ${e.a11y_check_copy?`accessibility-check-copy="${e.a11y_check_copy}"`:null} 3384 ${e.a11y_check_id?`accessibility-check-id="${e.a11y_check_id}"`:null} 3385 ></woi-format> 3386 `}simpleBulletedListRender(e){return n` 3387 <woi-simple-bulleted-list 3388 headline="${e.headline}" 3389 copy="${e.copy}" 3390 bullets="${i(JSON.stringify(e.bullets))}" 3391 ${e.thumbnail?`thumbnail="${i(JSON.stringify(e.thumbnail))}"`:null} 3392 ></woi-simple-bulleted-list> 3393 `}imageRender(e){var t;return null!==(t=e.image)&&void 0!==t&&t.url?n` 3394 <woi-image 3395 image="${e.image.url}" 3396 widths="lg:32,md:24,sm:24" 3397 ></woi-image> 3398 `:null}render(){return l` 3399 <section class="woi-small-card-content-switcher"> 3400 <div class="woi-small-card-content-switcher__container"> 3401 ${this.headlineText?n` 3402 <div class="glue-page"> 3403 <div class="glue-grid"> 3404 <div class="glue-grid__col glue-grid__col--span-2"></div> 3405 <div class="glue-grid__col glue-grid__col--span-8 glue-spacer-4-bottom glue-text-center"> 3406 <h2 class="glue-headline glue-headline--headline-2 glue-spacer-2-bottom">
3407 <span class="glue-font-weight-medium">${this.headlineText}</span> 3408 </h2> 3409 <span class="woi-small-card-content-switcher__subheadline glue-body"> 3410 ${this.copyText} 3411 </span> 3412 </div> 3413 </div> 3414 </div> 3415 <div class="glue-tabpanels"> 3416 <div class="glue-page"> 3417 <div class="glue-grid"> 3418 <div class="glue-grid__col glue-grid__col--span-0-sm glue-grid__col--span-0-md glue-grid__col--span-1-lg"></div> 3419 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-12-md glue-grid__col--span-10-lg"> 3420 <div class="glue-tabpanels__page-list--container"> 3421 <div class="glue-tabpanels__page-list glue-tabs__tablist"> 3422 <div class="glue-tab glue-tab__default">default</div> 3423 ${this.smallCardsObj.map((e=>n` 3424 <div data-g-module-name="woi-small-card-content-switcher" 3425 data-g-cta-name="${e.gtm_cta_name}" 3426 class="glue-tab"> 3427 ${e.thumbnail?this.imageRender(e.thumbnail):null} 3428 <span class="glue-tab__title glue-headline glue-headline--headline-6"> 3429 ${e.headline} 3430 </span> 3431 <span class="glue-tab__subtitle glue-small-text"> 3432 ${e.copy} 3433 </span> 3434 </div> 3435 `))} 3436 </div> 3437 </div> 3438 </div> 3439 </div> 3440 </div> 3441 `:""} 3442 <div class="glue-tabpanels__panel-list" id="panel-wrapper"> 3443 <div id="woi-small-card-content-switcher-tab-0"> 3444 <div id="woi-small-card-content-switcher-tab-0-content" 3445 class="glue-tabpanels__panel-content"> 3446 ${this.tabContentRender(this.defaultContent)} 3447 </div> 3448 </div> 3449 ${this.smallCardsObj.map(((e,t)=>n` 3450 <div id="woi-small-card-content-switcher-tab-${t+1}"> 3451 <div id="woi-small-card-content-switcher-tab-${t+1}-content" 3452 class="glue-tabpanels__panel-content"> 3453 ${this.tabContentRender(e.content)} 3454 </div> 3455 </div> 3456 `))} 3457 </div> 3458 </div> 3459 </div> 3460 </section> 3461 `}};customElements.define("woi-small-card-content-switcher",Hs);var Us=class{constructor(){this.result=new Map}init(e){const t=[...e.querySelectorAll(".mdc-text-field:not(.leadgenautocomplete)")],i=[...e.querySelectorAll(".mdc-select")];return e=[...e.querySelectorAll(".mdc-form-field")],t.forEach((e=>{const t=new mdc.textField.MDCTextField(e),i=e.querySelector("input");t.listen(E.CHANGE,(()=>{const a=new CustomEvent(E.FORM_UPDATE,{bubbles:!0,detail:{id:null==i?void 0:i.name,valid:t.valid&&""!==(null==i?void 0:i.value),value:null==i?void 0:i.value}});e.dispatchEvent(a)}
3461));const a=e.getAttribute("key");a&&this.result.set(a,t)})),i.forEach((e=>{const t=new mdc.select.MDCSelect(e);t.listen(E.MDC_SELECT_CHANGE,(()=>{const i=new CustomEvent(E.FORM_UPDATE,{bubbles:!0,detail:{id:t.selectedText.id,valid:t.valid&&""!==t.value,value:t.value,selectedText:t.selectedText.textContent}});e.dispatchEvent(i)}));const i=e.getAttribute("key");i&&this.result.set(i,t)})),e.forEach((e=>{const t=new mdc.formField.MDCFormField(e),i=e.querySelector(".mdc-checkbox"),a=e.querySelector("input");if(i){const i=new mdc.checkbox.MDCCheckbox(e);t.input=i,i.listen(E.CLICK,(()=>{const t=new CustomEvent(E.FORM_UPDATE,{bubbles:!0,detail:{id:null==a?void 0:a.name,value:i.checked,valid:i.checked}});e.dispatchEvent(t)}))}})),this.result}},qs=class extends J{constructor(){super(...arguments),this.leadgen_data=this.form_name=this.agree_terms=this.agree_contact=this.fields_required_industry=this.field_industry=this.field_budget_option_4=this.field_budget_option_3=this.field_budget_option_2=this.field_budget_option_1=this.field_budget=this.field_marketing_objective_brand_awareness=this.field_marketing_objective_leads=this.field_marketing_objective_offline_sales=this.field_marketing_objective_online_sales=this.field_marketing_objective=this.field_business_email=this.field_business_website=this.field_business_name=this.field_first_name=this.fields_required_message=this.disclaimer=this.fail_message=this.fail_headline=this.thankyou_message=this.thankyou_headline=this.recaptcha_site_key=this.leadgen_industries_url=this.cta_label=this.copy_required_fields=this.copy=this.headline=null,this.modalTriggerCtas=document.querySelectorAll('[href="#smart-calc-form"]'),this.modalEl=this.querySelector(".smart-calc-modal"),this.modalCloseBtn=this.querySelector(".smart-calc-modal .glue-modal__close-btn"),this.formEl=this.querySelector(".smart-calc-form-el"),this.formInputEls=this.querySelectorAll("input"),this.mdcInputs=(new Us).init(this),this.formInputSubid=this.querySelector('input[name="subid"]'),this.formRequiredCheckboxes=this.querySelectorAll(".smart-calc-form-required-checkbox"),this.formRecaptchaContainer=this.querySelector(".recaptcha-container"),this.submitBtn=this.querySelector(".submit-btn"),this.data={budget:"","collects-pii-spii-checkbox":"",company:"",email:"",firstName:"","g-recaptcha-response":"",industry:"",Legaldisclaimer:"",marketingobjective:"",website:""},this.recaptchaSuccess=!0,this.leadgenJsonLoaded=this.leadgenInit=!1,this.urlSubidParam=new URLSearchParams(window.location.search).get("subid")||"",this.formbox_url=""}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get copyText(){return this.getAttribute(m.COPY)||this.copy}get copyRequiredFieldsText(){return this.getAttribute("copy_required_fields")||this.copy_required_fields}get ctaLabelText(){return this.getAttribute("cta_label")||this.cta_label}get leadgenIndustriesUrl(){return this.getAttribute("leadgen_industries_url")||this.leadgen_industries_url}get recaptchaSiteKey(){return this.getAttribute("recaptcha_site_key")||this.recaptcha_site_key}get thankyouHeadlineText(){return this.getAttribute("thankyou_headline")||this.thankyou_headline}get thankyouMessageText(){return this.getAttribute("thankyou_message")||this.thankyou_message}get failHeadlineText(){return this.getAttribute("fail_headline")||this.fail_headline}get failMessageText(){return this.getAttribute("fail_message")||this.fail_message}get agreeContactText(){return this.getAttribute("agree_contact")||this.agree_contact}get agreeTermsText(){return this.getAttribute("agree_terms")||this.agree_terms}get requiredIndustryText(){return this.getAttribute("fields_required_industry")||this.fields_required_industry}get formBoxContent(){return{disclaimer:this.disclaimer||"",generic_validation_text:this.getAttribute("fields_required_message")||this.fields_required_message,formbox_elements:[{id:"firstName",field_name:"firstName",label:this.getAttribute("field_first_name")||this.field_first_name,required:!0,type:"text"},{id:"company",field_name:"company",label:this.getAttribute("field_business_name")||this.field_business_name,required:!0,type:"text"}
3461,{id:"website",field_name:"website",label:this.getAttribute("field_business_website")||this.field_business_website,pattern:"^(http:\\/\\/www\\.|https:\\/\\/www\\.|Http:\\/\\/|http:\\/\\/|Https:\\/\\/|https:\\/\\/)?[A-Za-z0-9]+([\\-\\.]{1}[A-Za-z0-9]+)*\\.[A-Za-z]{2,5}(:[0-9]{1,5})?(\\/.*)?$",required:!0,type:"text"},{id:"email",field_name:"email",label:this.getAttribute("field_business_email")||this.field_business_email,pattern:"[a-zA-Z0-9\\._%+\\-]+@[a-zA-Z0-9\\.\\-]+\\.[a-zA-Z]{2,}$",required:!0,type:"email"},{id:"marketingobjective",field_name:"marketingobjective",label:this.getAttribute("field_marketing_objective")||this.field_marketing_objective,options:[{label:this.getAttribute("field_marketing_objective_online_sales")||this.field_marketing_objective_online_sales,value:"online-sales"},{label:this.getAttribute("field_marketing_objective_offline_sales")||this.field_marketing_objective_offline_sales,value:"offline-sales"},{label:this.getAttribute("field_marketing_objective_leads")||this.field_marketing_objective_leads,value:"leads"},{label:this.getAttribute("field_marketing_objective_brand_awareness")||this.field_marketing_objective_brand_awareness,value:"brand-awareness"}],required:!0,type:"select"},{id:"budget",field_name:"budget",label:this.getAttribute("field_budget")||this.field_budget,options:[{label:this.getAttribute("field_budget_option_1")||this.field_budget_option_1,value:"budget-option-1"},{label:this.getAttribute("field_budget_option_2")||this.field_budget_option_2,value:"budget-option-2"},{label:this.getAttribute("field_budget_option_3")||this.field_budget_option_3,value:"budget-option-3"},{label:this.getAttribute("field_budget_option_4")||this.field_budget_option_4,value:"budget-option-4"}],required:!0,type:"select"},{id:"industry",field_name:"industry",label:this.getAttribute("field_industry")||this.field_industry,required:!0,type:"leadgenautocomplete"},{id:"Form_name__c",field_name:"Form_name__c",initial_value:this.getAttribute("form_name")||this.form_name,label:"Form_name__c",type:"hidden"},{id:"subid",field_name:"subid",initial_value:"",label:"Subid",type:"hidden"}]}}connectedCallback(){var e,i,a=document.createElement("link");a.rel="stylesheet",a.href="https://www.gstatic.com/glue/v26_0/glue-material.min.css",document.head.appendChild(a),(a=document.createElement("script")).src="https://www.google.com/recaptcha/api.js",document.body.appendChild(a),(a=document.createElement("script")).src="https://www.gstatic.com/glue/v26_0/material-components-web.min.js",document.body.appendChild(a),this.firstElementChild||this.replaceChildren(this.render()),this.modalTriggerCtas=document.querySelectorAll('[href="#smart-calc-form"]'),this.modalEl=this.querySelector(".smart-calc-modal"),this.modalCloseBtn=this.querySelector(".smart-calc-modal .glue-modal__close-btn"),this.formEl=this.querySelector(".smart-calc-form-el"),this.formInputEls=this.querySelectorAll("input"),this.formRecaptchaContainer=this.querySelector(".recaptcha-container"),this.formRequiredCheckboxes=this.querySelectorAll(".smart-calc-form-required-checkbox"),this.submitBtn=this.querySelector(".submit-btn"),this.formboxUrl=(null===(e=this.formEl)||void 0===e?void 0:e.dataset.fbxUrl)||"";const s=this.data;[...this.formInputEls].forEach((e=>{e=e.name;const t=this.mdcInputs.get(e),i=(null==t?void 0:t.value)||"";t&&(s[e]=i)})),t.GLUE in window&&this.modalEl&&this.modalTriggerCtas&&[...this.modalTriggerCtas].forEach((e=>{const t=new glue.Modal(this.modalEl,e,this.modalCloseBtn);e.addEventListener(E.CLICK,(()=>{this.leadgenInit||this.initLeadgen(),t.open()}))}));const l=e=>{this.data["g-recaptcha-response"]=e,this.checkValid(this.recaptchaSuccess=!0)},n=()=>this.checkValid(this.recaptchaSuccess=!1),r=(null===(i=this.modalEl)||void 0===i?void 0:i.getAttribute("data-recaptcha"))||"";this.isJsAgent()||window.addEventListener(E.LOAD,(()=>{grecaptcha.ready((()=>{t.G_RECAPTCHA in window&&this.formRecaptchaContainer&&grecaptcha.render(this.formRecaptchaContainer,{sitekey:r,callback:l,"expired-callback":n})}))})),this.formInputSubid&&(this.formInputSubid.value=this.urlSubidParam),e=this.querySelector('input[name="Form_name__c"]'),this.formNameCValue=null==e?void 0:e.value,this.checkValid(),this.addEventListener(E.FORM_UPDATE,(e=>{if(({detail:e}=e),e){const t=e.value;s[e.id]=e.valid?t:""}this.checkValid()})),this.submitBtn&&this.submitBtn.addEventListener(E.CLICK,(e=>{e.preventDefault(),this.submitHandler()})),window.addEventListener(E.PAGESHOW,(()=>{this.checkValid(this.recaptchaSuccess=!1),grecaptcha.ready((()=>grecaptcha.reset()))}))}checkValid(e=this.recaptchaSuccess){var t;const i=Object.values(this.data).every(Boolean);e=e&&[...this.formRequiredCheckboxes].every((e=>e.checked)),null===(t=this.submitBtn)||void 0===t||t.toggleAttribute(m.DISABLED,!i||!e)}async submitHandler(){var e,t;null===(e=this.submitBtn)||void 0===e||e.setAttribute(m.DISABLED,"true"),null===(t=this.submitBtn)||void 0===t||t.blur(),this.formboxUrl&&(e={formbox_url:this.formboxUrl},this.modalEl&&(this.modalEl.setAttribute("view","LOADING"),await this.saveFormbox(this.data,e).then((()=>{var e;return null===(e=this.modalEl)||void 0===e?void 0:e.setAttribute("view","THANKS")})).catch((e=>{if(this.modalEl)throw this.modalEl.setAttribute("view","FAIL"),Error("Could not save lead data: "+e)}))))}async initLeadgen(){var e;const t=this.querySelector("#leadgen-dropdown"),i=this.querySelector("leadgen-autocomplete");await this.handleLeadgenJSON(t,i),this.setupIndustryGroups(i),this.setupLeadgenInput(i),null===(e=this.modalEl)||void 0===e||e.setAttribute("view","FORM"),this.leadgen
3461Init=!0}isJsAgent(){return window.navigator.userAgent.includes(t.JSDOM)}async handleLeadgenJSON(e,t){var i;const a=(null===(i=this.modalEl)||void 0===i?void 0:i.getAttribute("data-source"))||"";(i=await this.getIndustriesJSON(a))?(i=await this.renderLeadgen(i),e&&t&&(e.innerHTML=i,t.appendChild(e.content.cloneNode(!0)))):this.leadgenJsonLoaded=!1}setupIndustryGroups(e){const t=null==e?void 0:e.querySelector(".mdc-select__menu");e=[...(null==e?void 0:e.querySelectorAll('[is="industry-group-title"]'))||[]],t&&this.leadgenJsonLoaded&&e.forEach((e=>{this.setupIndustryObserver(e),this.setupIndustryGroupObserver(e,t)}))}setupIndustryObserver(e){[...e.querySelectorAll("li")].forEach((e=>{var t,i;const a=null===(i=null===(t=e.querySelector(".mdc-list-item__text"))||void 0===t?void 0:t.textContent)||void 0===i?void 0:i.toLowerCase();new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&t.target instanceof HTMLElement&&(t=(t=t.target.getAttribute(t.attributeName||""))&&(null==a?void 0:a.includes(t.toLowerCase())),e.classList.toggle(p.HIDDEN,!t))}))})).observe(e,{attributes:!0,attributeFilter:["query"]})}))}setupIndustryGroupObserver(e,t){new MutationObserver((()=>{const t=![...e.querySelectorAll("li")].some((e=>!e.classList.contains(p.HIDDEN)));e.classList.toggle(p.HIDDEN,t)})).observe(t,{attributes:!0,attributeFilter:["class"],subtree:!0})}setupLeadgenInput(e){var i=document.querySelector(".mdc-text-field.leadgenautocomplete");t.MDC in window&&i&&(i=new mdc.textField.MDCTextField(i),this.leadgenJsonLoaded?(this.setupLeadgenKeyUpEvent(i,e),this.setupLeadgenFocusOutEvent(i,e),this.setupLeadgenClickEvent(i,e)):this.setupDefaultLeadgenValidation(i))}setupLeadgenKeyUpEvent(e,t){const i=null==t?void 0:t.querySelector(".mdc-select__menu"),a=[...(null==t?void 0:t.querySelectorAll('[is="industry-group-title"]'))||[]],s=null==t?void 0:t.querySelectorAll('[is="industry-title"]');e.listen(E.INPUT,(t=>{const l=""===e.value;l?(null==i||i.classList.remove("mdc-menu-surface--open"),e.valid=!1):new Promise((t=>{null==s||s.forEach((t=>{t.setAttribute("query",e.value)})),t(!0)})).then((()=>{setTimeout((()=>{var s=!l&&a.some((e=>!e.classList.contains(p.HIDDEN)));if(null==i||i.classList.toggle("mdc-menu-surface--open",s),e.valid=s,(s=t.target)instanceof HTMLElement){const e=new CustomEvent(E.FORM_UPDATE,{bubbles:!0,detail:{id:"industry",valid:!1,value:""}});s.dispatchEvent(e)}}),100)}))}))}setupLeadgenFocusOutEvent(e,t){const i=null==t?void 0:t.querySelector(".mdc-select__menu");e.listen(E.FOCUSOUT,(()=>{""===e.value&&(null==i||i.classList.remove("mdc-menu-surface--open"),e.valid=!1)}))}setupLeadgenClickEvent(e,t){const i=null==t?void 0:t.querySelector(".mdc-select__menu");null==t||t.addEventListener(E.CLICK,(t=>{var a;if((t=t.target)instanceof HTMLElement&&t.classList.contains("clickable")){const s=t.getAttribute("group-title")||"",l=(null===(a=t.textContent)||void 0===a?void 0:a.trim())||e.value;a=`${s} - ${l}`,e.value=a,a=new CustomEvent(E.FORM_UPDATE,{bubbles:!0,detail:{id:"industry",valid:e.valid&&""!==e.value,value:a}}),t.dispatchEvent(a),null==i||i.classList.remove("mdc-menu-surface--open")}}))}setupDefaultLeadgenValidation(e){const t=document.querySelector("#industry-helper-text"),i=document.querySelectorAll(".mdc-text-field-helper-text").item(0);t&&i&&(t.innerHTML=i.innerHTML),e.useNativeValidation=!0}getLeadgeData(){const e=this.getAttribute("leadgen_data")||"{}";return JSON.parse(a(e))}async getIndustriesJSON(e){return""===e&&this.hasAttribute("leadgen_data")?(this.leadgenJsonLoaded=!0,this.getLeadgeData()):(e=await fetch(e)).ok?(this.leadgenJsonLoaded=!0,e.json()):void(404===e.status?console.warn("JSON file not found at the specified URL."):console.warn("An error occurred while fetching the JSON."))}async renderLeadgen(e){const t=[];try{for(const i in e)if(i){let a=`<li><ul is="industry-group-title"><span class="group-title">${i}</span>`;const s=e[i];for(const e of s)e&&(a+=`<li is="industry-title" class="mdc-list-item clickable" group-title="${i}">`,a+='<span class="mdc-list-item__ripple"></span>',a+=`<span class="mdc-list-item__text clickable" group-title="${i}">${e}`,a+="</span></li>");a+="</ul></li>",t.push(a)}}catch(e){console.warn("Could not render Industries field: "+e)}return`\n <div class="mdc-select__menu mdc-menu mdc-menu-surface">\n <ul role="listbox" class="mdc-list">${t.join("")}</ul>\n </div>\n `}saveFormbox(e,t){const i=new FormData;return i.append("budget",`${e.budget}`),i.append("collects-pii-spii-checkbox",`${e["collects-pii-spii-checkbox"]}`),i.append("company",`${e.company}`),i.append("email",`${e.email}`),i.append("firstName",`${e.firstName}`),i.append("Form_name__c",`${this.formNameCValue}`),i.append("g-recaptcha-response",`${e["g-recaptcha-response"]}`),i.append("industry",`${e.industry}`),i.append("Legaldisclaimer",`${e.Legaldisclaimer}`),i.append("marketingobjective",`${e.marketingobjective}`),i.append("subid",`${this.urlSubidParam}`),i.append("website",`${e.website}`),this.postFetchHandler(t.formbox_url,i)}async postFetchHandler(e,t,i){return fetch(e,{method:"POST",body:t,headers:i}).then((e=>{if(!e.ok)throw Error("Response error: "+e);return e.json()})).then((e=>e)).catch((e=>{throw Error("Save post error: "+e)}))}get formboxUrl(){return this.getAttribute("formbox-url")||this.formbox_url}set formboxUrl(e){this.formbox_url=e}renderModalHeader(){return n` 3462 <div class="smart-calc-form-headline glue-grid__col glue-grid__col--span-0 glue-grid__col--span-2-md glue-grid__col--span-1-xl"></div> 3463 <div class="smart-calc-form-headline glue-text-center glue-grid__col 3464 glue-grid__col--span-8 glue-spacer-5-bottom"> 3465 <h2 id="modal-label" class="glue-headline glue-headline--headline-2 glue-spacer-2-bottom">
3466 <span class="glue-font-weight-medium">${this.headlineText}</span> 3467 </h2> 3468 <p id="modal-content"> 3469 ${this.copyText} 3470 </p> 3471 </div> 3472 `}renderLoading(){return n` 3473 <div class="smart-calc-form-loading"> 3474 <svg class="spinner" role="presentation" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> 3475 <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle> 3476 </svg> 3477 </div> 3478 `}renderForm(){var e,t;const i=null!==(e=this.formBoxContent)&&void 0!==e&&e.disclaimer?`\n <p class="glue-small-text glue-spacer-3-bottom">${this.formBoxContent.disclaimer}</p>\n `:"";return e=`\n <div class="smart-calc-form-disclaimer glue-grid__col glue-grid__col--span-3-md glue-grid__col--span-2-xl"></div>\n <div class="smart-calc-form-disclaimer glue-grid__col glue-grid__col--span-1-md"></div>\n <div class="smart-calc-form-disclaimer glue-grid__col glue-grid__col--span-10 glue-grid__col--span-8-xl glue-spacer-3-top">\n <span class="glue-small-text">${this.copyRequiredFieldsText}</span>\n </div>\n `,n` 3479 <div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-3-md glue-grid__col--span-2-xl"></div> 3480 <section id="smart-calc-form-section" aria-live="polite" 3481 class="smart-calc-form-section glue-grid__col glue-grid__col--span-6"> 3482 <form class="glue-form smart-calc-form-el" is="smart-calc-form-section" 3483 data-fbx-url="${this.formboxUrl}" 3484 autocomplete="off"> 3485 <ul class="glue-form__group"> 3486 ${null===(t=this.formBoxContent)||void 0===t?void 0:t.formbox_elements.map((e=>{if("hidden"===e.type)return`\n <input class="smart-calc-form-hidden-input" type="hidden"\n name="${e.field_name}" value="${e.initial_value}" required />\n `;let t;return"text"===e.type||"email"===e.type||"tel"===e.type?t=this.renderInput(e.field_name,e.label,!0,e.type,this.formBoxContent.generic_validation_text,e.pattern):"select"===e.type&&e.options?t=this.renderSelect(e.field_name,e.label,e.options,!0,this.formBoxContent.generic_validation_text):"leadgenautocomplete"===e.type&&(t=this.renderInput(e.field_name,e.label,!0,e.type,this.requiredIndustryText)+'\n <leadgen-autocomplete>\n <template id="leadgen-dropdown">\n </template>\n </leadgen-autocomplete>\n '),`\n <li class="glue-form__element">${t}</li>\n `}))} 3487 <li class="glue-form__element glue-spacer-4-top glue-spacer-5-bottom"> 3488 ${this.renderCheckboxes()} 3489 </li> 3490 </ul> 3491 <div class="glue-text-center"> 3492 ${i} 3493 ${'\n <div class="recaptcha-container glue-spacer-5-bottom"></div>\n '} 3494 <button disabled 3495 class="disabled glue-button glue-button--high-emphasis submit-btn" data-g-cta-name="get-your-media-plan"> 3496 ${this.ctaLabelText} 3497 </button> 3498 </div> 3499 </form> 3500 </section> 3501 ${e} 3502 `}renderInput(e,t,i,a,s,l=""){return n` 3503 <label key="${e}" class="form-element mdc-text-field mdc-text-field--outlined 3504 mdc-text-field--with-trailing-icon glue-text-field ${i?"glue-text-field--required":""} ${a}"> 3505 <input class="mdc-text-field__input" 3506 name="${e}" 3507 type="${a||"text"}" 3508 aria-labelledby="${e}-label" 3509 ${s?`aria-controls="${e}-helper-text"`:""} 3510 ${i?"required":""} 3511 ${l?`pattern="${l}"`:""}> 3512 <svg class="mdc-text-field__icon mdc-text-field__icon--trailing glue-icon" role="presentation" aria-hidden="true" viewBox="0 0 24 24"> 3513 <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" /> 3514 </svg> 3515 <span class="mdc-notched-outline"> 3516 <span class="mdc-notched-outline__leading"></span> 3517 <span class="mdc-notched-outline__notch"> 3518 <span class="mdc-floating-label" id="${e}-label">${t}</span> 3519 </span>
3520 <span class="mdc-notched-outline__trailing"></span> 3521 </span> 3522 </label> 3523 ${s?`\n <div class="mdc-text-field-helper-line">\n <div id="${e}-helper-text" aria-hidden="true"\n class="mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg">\n ${s}\n </div>\n </div>\n `:""} 3524 `}renderSelect(e,t,i,a,s){return n` 3525 <div key="${e}" class="mdc-select mdc-select--outlined 3526 glue-select form-element ${a?"mdc-select--required":""}"> 3527 <input type="hidden" name="${e}"> 3528 <div class="mdc-select__anchor" role="button" aria-haspopup="listbox" 3529 aria-labelledby="label-${e} ${e}" aria-controls="${e}-helper-text" 3530 aria-describedby="${e}-helper-text"> 3531 <span id="${e}" class="mdc-select__selected-text"></span> 3532 <span class="mdc-select__dropdown-icon"> 3533 <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5"> 3534 <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"></polygon> 3535 <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15"></polygon> 3536 </svg> 3537 </span> 3538 <span class="mdc-notched-outline"> 3539 <span class="mdc-notched-outline__leading"></span> 3540 <span class="mdc-notched-outline__notch"> 3541 <span id="label-${e}" class="mdc-floating-label">${t}</span> 3542 </span> 3543 <span class="mdc-notched-outline__trailing"></span> 3544 </span> 3545 </div> 3546 <div class="mdc-select__menu mdc-menu mdc-menu-surface"> 3547 <ul class="mdc-list" role="listbox"> 3548 <li class="mdc-list-item mdc-list-item--selected" data-value="" 3549 role="option" aria-selected="true" 3550 aria-setsize="${i.length}" aria-posinset="1"> 3551 <span class="mdc-list-item__ripple"></span> 3552 </li> 3553 ${i.filter((e=>null!==e.label)).map(((t,a)=>n` 3554 <li class="mdc-list-item" data-value="${t.value||`${e}'-'${a+1}`}" role="option" 3555 aria-setsize="${i.length}" aria-posinset="${a+2}"> 3556 <span class="mdc-list-item__ripple"></span> 3557 <span class="mdc-list-item__text">${t.label||t}</span> 3558 </li> 3559 `))} 3560 </ul> 3561 </div> 3562 </div> 3563 <p id="${e}-helper-text"class="mdc-select-helper-text 3564 mdc-select-helper-text--validation-msg glue-select-helper-text"> 3565 ${s} 3566 </p> 3567 `}renderCheckboxes(){return n` 3568 <div class="mdc-touch-target-wrapper glue-spacer-3-bottom"> 3569 ${this.agreeContactText?`\n <div class="mdc-form-field">\n <div class="mdc-checkbox mdc-checkbox--touch glue-checkbox">\n <input type="checkbox" class="smart-calc-form-required-checkbox mdc-checkbox__native-control"\n id="Legaldisclaimer" name="Legaldisclaimer">\n <div class="mdc-checkbox__background">\n <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">\n <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>\n </svg>\n <div class="mdc-checkbox__mixedmark"></div>\n </div>\n <div class="mdc-checkbox__ripple"></div>\n </div>\n <label for="Legaldisclaimer">\n ${this.agreeContactText}\n </label>\n </div>\n `:""} 3570 </div> 3571 <div class="mdc-touch-target-wrapper"> 3572 ${this.agreeTermsText?`\n <div class="mdc-form-field">\n <div class="mdc-checkbox mdc-checkbox--touch glue-checkbox">\n <input type="checkbox" class="smart-calc-form-required-checkbox mdc-checkbox__native-control"\n id="collects-pii-spii-checkbox" name="collects-pii-spii-checkbox">\n <div class="mdc-checkbox__background">\n <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">\n <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>\n </svg>\n <div class="mdc-checkbox__mixedmark"></div>\n </div>\n <div class="mdc-checkbox__ripple"></div>\n </div>\n <label for="collects-pii-spii-checkbox">\n ${this.agreeTermsText}\n </label>\n </div>\n `:""} 3573 </div> 3574 `}renderThankYou(){return n` 3575 <div class="smart-calc-thank-you glue-text-center 3576 glue-grid__col glue-grid__col--span-12 glue-grid__col--span-10-xl"> 3577 <p class="glue-headline glue-headline--headline-4">${this.thankyouHeadlineText}</p> 3578 <p>${this.thankyouMessageText}<p> 3579 </div> 3580 `}renderFailMsg(){return n` 3581 <div class="smart-calc-fail-msg glue-text-center 3582 glue-grid__col glue-grid__col--span-12 glue-grid__col--span-10-xl"> 3583 <p class="glue-headline glue-headline--headline-4">${this.failHeadlineText}</p> 3584 <p>${this.failMessageText}<p> 3585 </div> 3586 `}render(){return l` 3587 <div class="smart-calc-modal glue-modal glue-modal--dark" role="dialog" aria-modal="true" 3588 aria-labelledby="modal-label" aria-describedby="modal-content" view="INIT"
3589 data-source="${this.leadgenIndustriesUrl}" data-recaptcha="${this.recaptchaSiteKey}"> 3590 <div class="glue-page"> 3591 <div class="glue-grid modal-wrapper"> 3592 <div class="glue-grid__col glue-grid__col--span-1-xl"></div> 3593 <div class="smart-calc-modal-container glue-grid__col 3594 glue-grid__col--span-12 glue-grid__col--span-10-xl"> 3595 <div class="glue-grid glue-spacer-6-top glue-spacer-5-bottom"> 3596 ${this.renderModalHeader()} 3597 ${this.renderLoading()} 3598 ${this.renderForm()} 3599 ${this.renderThankYou()} 3600 ${this.renderFailMsg()} 3601 </div> 3602 <button class="glue-modal__close-btn" aria-label="Close the modal"></button> 3603 </div> 3604 </div> 3605 </div> 3606 </div> 3607 `}};customElements.define("woi-smart-calc-form",qs);var Gs=class extends J{constructor(){super(...arguments),this.main_headline=this.tabbar_id="",this.tabs=null,this.visually_hidden_headline="",this.tabPanels=this.querySelector(".glue-tabpanels")}connectedCallback(){var e;if(this.firstElementChild||(this.replaceChildren(this.render()),this.tabPanels=this.querySelector(".glue-tabpanels")),this.tabPanels&&t.GLUE in window){const t={panelsCount:(null===(e=this.tabs)||void 0===e?void 0:e.length)||2};new glue.TabPanels(this.tabPanels,t)}}get tabsList(){const e=this.getAttribute("tabs")||this.tabs;return"string"==typeof e?JSON.parse(a(e)):e}get tabBarId(){return this.getAttribute("tabbar-id")||this.tabbar_id}get tabNames(){return this.tabsList.map((e=>n`<div data-g-module-name="woi-tab-bar" data-g-cta-name="${e.gtm_cta_name}">${e.tab_text}</div>`)).join("")}get headlineText(){return this.getAttribute(m.HEADLINE)||this.main_headline}get visuallyHiddenHeadline(){return this.getAttribute("visually-hidden-headline")||this.visually_hidden_headline}tabPanelImageRender(e,t,a){return n` 3608 <woi-image 3609 image="${e}" 3610 widths="xl:593,lg:511,md:369,sm:599" 3611 ${t?`alt-text="${i(t)}"`:null} 3612 round-corners 3613 lazy-trigger=".woi-tab-bar__panel-image" 3614 ${a?m.HAS_TRANSPARENCY:""}> 3615 </woi-image> 3616 `}htmlImagestabPanelImageRender(e,t){return n` 3617 <woi-image 3618 images="${i(JSON.stringify([e]))}" 3619 widths="xl:593,lg:511,md:369,sm:599" 3620 round-corners 3621 lazy-trigger=".woi-tab-bar__panel-image" 3622 ${t?m.HAS_TRANSPARENCY:""}> 3623 </woi-image> 3624 `}buildHeadline(){return this.headlineText?n` 3625 <div class="glue-grid"> 3626 <div class="glue-grid__col glue-grid__col--span-0 glue-grid__col--span-1-md glue-grid__col--span-2-lg"></div> 3627 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md glue-grid__col--span-8-lg"> 3628 <h2 class="glue-headline glue-headline--headline-2 glue-text-center glue-spacer-3-bottom"> 3629 <span class="glue-font-weight-medium">${this.headlineText}</span> 3630 </h2> 3631 </div> 3632 </div> 3633 `:this.visuallyHiddenHeadline?n` 3634 <h2 class="glue-visually-hidden"> 3635 ${this.visuallyHiddenHeadline} 3636 </h2> 3637 `:""}tabPanelRender(e,t){var i,a,s,l,r,o;return n` 3638 <div id="${this.tabBarId}-tab-${t}"> 3639 <h2 class="glue-tabpanels__panel-toggle"> 3640 <div class="glue-tabpanels__panel-button" id="${this.tabBarId}-tab-${t}-toggle"> 3641 <span class="glue-tabpanels__panel-title">${e.tab_text}</span> 3642 <svg role="presentation" aria-hidden="true" class="glue-icon glue-expansion-panel__header-arrow" viewB
3642ox="0 0 24 24"> 3643 <path d="M5.41 7.59L4 9l8 8 8-8-1.41-1.41L12 14.17" /> 3644 </svg> 3645 </div> 3646 </h2> 3647 <div id="${this.tabBarId}-tab-${t}-content" class="glue-tabpanels__panel-content"> 3648 <div class="glue-grid"> 3649 <div class="woi-tab-bar__panel-image glue-grid__col glue-grid__col--span-5"> 3650 ${null!==(a=null===(i=e.image.html_image)||void 0===i?void 0:i.image)&&void 0!==a&&a.url&&null!==(s=e.image.html_image)&&void 0!==s&&s.content&&e.image.use_html_image?this.htmlImagestabPanelImageRender(e.image,e.image.has_transparency):this.tabPanelImageRender(e.image.image.url,e.image.aria_description,e.image.has_transparency)} 3651 </div> 3652 <div class="woi-tab-bar__panel-copy glue-grid__col glue-grid__col--span-5"> 3653 <h3 class="glue-headline glue-headline--headline-4 glue-spacer-2-bottom"> 3654 <span class="glue-font-weight-medium">${e.content_heading}</span> 3655 </h3> 3656 <p>${e.content_body}</p> 3657 </div> 3658 <div class="woi-tab-bar__panel-image glue-grid__col glue-grid__col--span-5"> 3659 ${null!==(r=null===(l=e.image.html_image)||void 0===l?void 0:l.image)&&void 0!==r&&r.url&&null!==(o=e.image.html_image)&&void 0!==o&&o.content&&e.image.use_html_image?this.htmlImagestabPanelImageRender(e.image,e.image.has_transparency):this.tabPanelImageRender(e.image.image.url,e.image.aria_description,e.image.has_transparency)} 3660 </div> 3661 </div> 3662 </div> 3663 </div> 3664 `}render(){return l` 3665 <section class="glue-page glue-spacer-6-top glue-spacer-6-bottom"> 3666 ${this.buildHeadline()} 3667 <div class="glue-grid"> 3668 <div class="glue-grid__col glue-grid__col--span-1"></div> 3669 <div class="glue-grid__col glue-grid__col--span-10"> 3670 <div class="glue-tabpanels glue-tabpanels--centeredtabs"> 3671 <div class="glue-tabpanels__page-list"> 3672 ${this.tabNames} 3673 </div> 3674 <div class="glue-tabpanels__panel-list"> 3675 ${this.tabsList.map(((e,t)=>this.tabPanelRender(e,t)))} 3676 </div> 3677 </div> 3678 </div> 3679 </div> 3680 </section> 3681 `}};customElements.define("woi-tab-bar",Gs);var js=class extends J{constructor(){super(...arguments),this._panelsEl=this.querySelector(".glue-expansion-panels"),this.headline=this.copy="",this.icon=[],this.layout_order="",this.panels=[],this.show_expansion_panels=!1}connectedCallback(){this.firstElementChild||(this.replaceChildren(this.render()),this._panelsEl=this.querySelector(".glue-expansion-panels")),t.GLUE in window&&this._panelsEl&&new glue.ExpansionPanels(this._panelsEl)}get gtmModuleName(){return this.nodeName}get headlineText(){return this.getAttribute(m.HEADLINE)||this.headline}get copyText(){return this.getAttribute(m.COPY)||this.copy}get layoutOrder(){return this.getAttribute("layout-order")||this.layout_order}get panelsObj(){const e=this.getAttribute(m.PANELS)||this.panels;return"string"==typeof e?JSON.parse(a(e)):e}get showExpansionPanels(){return this.hasAttribute("show-expansion-panels")||this.show_expansion_panels}checkCopy(e){return this.showExpansionPanels?e.headline:`${e.headline} - ${e.copy}`}panelBuilder(){const e=this.showExpansionPanels;return this.panelsObj.map(((t,i)=>{var a,s;return n` 3682 <div class="glue-expansion-panel ${e?"":"is-static"}"> 3683 <h3 class="glue-expansion-panel__toggle"> 3684 <span class="glue-expansion-panel__button column-expansion-panel ${e?"":"woi-contact-hub-panel__button--no-pointer"}" 3685 id="panel-${i}-toggle" data-glue-expansion-panel-toggle-for="panel-${i}-content" ${e?"":'aria-expanded="true"'}> 3686 ${null!==(s=null===(a=t.icon)||void 0===a?void 0:a.image)&&void 0!==s&&s.url?n` 3687 <woi-image aria-hidden="true" 3688 image="${t.icon.image.url}" 3689 widths="sm:24" 3690 lazy> 3691 </woi-image> 3692 `:""} 3693 <span class="glue-expansion-panel__header-text">${t.headline}</span> 3694 ${t.copy?n` 3695 <svg aria-hidden="true" viewBox="0 0 24 24" class="glue-icon glue-expansion-panel__header-arrow"> 3696 <path d="M5.41 7.59L4 9l8 8 8-8-1.41-1.41L12 14.17"></path> 3697 </svg> 3698 `:""} 3699 </span> 3700 </h3> 3701 <div 3702 class="glue-expansion-panel__content${t.copy?"":" hidden"}" 3703 ${e?"":"data-glue-expansion-panel-initial='expanded'"} 3704 id="panel-${i}-content"> 3705 <div> 3706 <p class="copy-text">${t.copy}</p> 3707 ${t.html_copy?n` 3708 <div class="html-copy"> 3709 ${t.html_copy} 3710 </div> 3711 `:null} 3712 </div> 3713 </div> 3714 </div> 3715 `}))}render(){return l` 3716 <section class="glue-spacer-5-top glue-spacer-5-bottom glue-fullbleed"> 3717 <div class="glue-fullbleed"> 3718 <div class="glue-page"> 3719 <div class="glue-grid"> 3720 <div class="glue-grid__col glue-grid__col--span-1-xl glue-grid__col--span-0-lg glue-grid__col--span-1-md glue-grid__col--span-0-sm"></div> 3721 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md glue-grid__col--span-12-lg glue-grid__col--span-10-xl"> 3722 <div class="glue-grid"> 3723 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md glue-grid__col--span-5-lg glue-grid__col--span-4-xl"> 3724 ${this.headlineText?n` 3725 <h2 class="glue-headline glue-headline--headline-2 glue-spacer-2-bottom">
3726 <span class="glue-font-weight-medium">${this.headlineText}</span> 3727 </h2> 3728 `:null} 3729 ${this.copyText?n` 3730 <p class="two-column-list--body glue-spacer-2-bottom copy-text"> 3731 ${this.copyText} 3732 </p> 3733 `:null} 3734 ${this.ctaBlock?n` 3735 <div class="cta-container"> 3736 ${this.ctaBlock} 3737 </div> 3738 `:null} 3739 </div> 3740 <div class="glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md glue-grid__col--span-7-lg glue-grid__col--span-6-xl two-column-list--button-container"> 3741 <div class="glue-expansion-panels ${this.showExpansionPanels?"":"no-expansion-panels"}"> 3742 ${this.panelBuilder()} 3743 </div> 3744 </div> 3745 </div> 3746 </div> 3747 </div> 3748 </div> 3749 </div> 3750 </section> 3751 `}};customElements.define("woi-two-column-list",js);var Ws={};Ws.woiAdsFormat=Et,Ws.woiAnimatedHero=wt,Ws.woiAnimatedHero2Up=qt,Ws.woiAnimatedText=He,Ws.woiBudget=Gt,Ws.woiCalloutAnimatedStat=jt,Ws.woiChooseIncentivesOffer=di,Ws.woiContactHub=hi,Ws.woiExpansionPanels=gi,Ws.woiFormCalculator2Up=ra,Ws.woiGoalSelector=oa,Ws.woiGridWall=ua,Ws.woiHeroJumpLinks=ha,Ws.woiHeroSupport=ga,Ws.woiInPageBanner=fa,Ws.woiJumpLinkSection=Aa,Ws.woiMegaNav=Oa,Ws.woiMegaNavV2=ms,Ws.woiRelatedProducts=ps,Ws.woiRelatedTools=vs,Ws.woiResourceJumplinkToTop=bs,Ws.woiResourceTableOfContents=fs,Ws.woiSimpleFooter=_t,Ws.woiSimpleNav=xs,Ws.woiSmallCardContentSwitcher=Hs,Ws.woiSmartCalcForm=qs,Ws.woiTabBar=Gs,Ws.woiTwoColumnList=js;var Fs={};Object.defineProperty(Fs,"__esModule",{value:!0}),Fs.isGrpcClient=Fs.Selectors=Fs.EventNames=void 0;var Ys=Fs.EventNames||(Fs.EventNames={});Ys.AMA_CLIENT_READY="AMAClient:ready",Ys.LOAD="load",(Fs.Selectors||(Fs.Selectors={})).MARKETING_CLIENT_SCRIPT="marketing-client",Fs.isGrpcClient=function(e){return["getAdsAccounts","setAuthUser"].every((t=>t in e))};var Vs={};Object.defineProperty(Vs,"__esModule",{value:!0}),Vs.AmaClientService=void 0,Vs.AmaClientService=class{static loadMarketingClient(){Promise.all([new Promise((e=>{if("complete"===document.readyState)return e();window.addEventListener(Fs.EventNames.LOAD,(()=>e()))})),new Promise((e=>{if(window.MarketingClient)return e(window.MarketingClient);const t=document.getElementById(Fs.Selectors.MARKETING_CLIENT_SCRIPT);null==t||t.addEventListener(Fs.EventNames.LOAD,(()=>e(window.MarketingClient)))}))]).then((()=>{(0,Fs.isGrpcClient)(window.MarketingClient)&&window.dispatchEvent(new CustomEvent(Fs.EventNames.AMA_CLIENT_READY,{detail:window.MarketingClient}))}))}},Object.defineProperty({},"__esModule",{value:!0}),new yt.woiImage,new yt.SubIDOperations,new yt.AWPrefetch,new yt.HaTSSurvey,new Ws.woiAnimatedHero,Vs.AmaClientService.loadMarketingClient()}.call(this||window,window.__wpcc=window.__wpcc||{});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.