1import{_ as P,r as N,c as h,o as u,w as R,b as v,a as p,n as y,e as M,f as V,t as B,D as A,M as d,ae as H,N as T,aw as O}from"./C3AOmhS5.js";import{G as W}from"./yCDYgEKi.js";import{c as D}from"./B2o9Mc8A.js";import{u as F}from"./d-NDvTrm.js";import"./BNgC31ZG.js";const G={name:"CmsPricingBilling",components:{GPricingSpacer:W},mixins:[D],setup(e){const o=F(()=>e.blok.billing_group||"page"),b=d(null),t=d(0),_=d(0),i=d(!1),s=d(!1),g=d(!1),l=()=>{var S,z;if(!e.blok.sticky||!i.value){s.value=!1,g.value=!1;return}const n=(S=b.value)==null?void 0:S.$el,m=(e.blok.sticky_stop_component??"cms-add-on-pricing").trim(),c=(z=n==null?void 0:n.closest("section"))==null?void 0:z.children,r=Array.from(c||[]).find(E=>E.dataset.cmsComponent===m&&E.firstElementChild),w=r&&getComputedStyle(r).display==="contents"?r.firstElementChild:r,f=e.blok.sticky_stop_offset,C=Number(f==null||String(f).trim()===""?100:f),L=Number.isFinite(C)?Math.max(0,C):100;g.value=!!(e.blok.sticky&&w&&w.getBoundingClientRect().bottom<=t.value+L),s.value=!!(e.blok.sticky&&n&&n.getBoundingClientRect().top<=parseFloat(getComputedStyle(n).top))};H([t,i,()=>e.blok.sticky,()=>e.blok.padding_top,()=>e.blok.sticky_stop_component,()=>e.blok.sticky_stop_offset],l,{flush:"post"});const k=()=>{_.value=document.documentElement.clientWidth,l()};let a;return T(()=>{const n=document.getElementById("header"),m=()=>{if(!n)return;const c=n.getBoundingClientRect();t.value=Math.max(c.height,...Array.from(n.children,r=>r.getBoundingClientRect().bottom-c.top))};if(m(),k(),i.value=!0,window.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",k),n){a=new ResizeObserver(m),a.observe(n);for(const c of n.children)a.observe(c)}}),O(()=>{a==null||a.disconnect(),window.removeEventListener("scroll",l),window.removeEventListener("resize",k)}),{currentBilling:o,container:b,headerHeight:t,viewportWidth:_,isStickyReady:i,isStuck:s,isPastStopComponent:g}},computed:{savingsLabel(){return this.blok.savings_label??"SAVE 10%"}}},I={class:"cms-pricing-billing__controls"},U={class:"cms-pricing-billing__toggle",role:"group","aria-label":"Billing period"},j=["aria-pressed"],q={key:0,class:"cms-pricing-billing__save-badge"},x=["aria-pressed"];function J(e,o,b,t,_,i){const s=N("g-pricing-spacer"),g=N("g-container");return u(),h(g,{ref:"container",class:y(["cms-pricing-billing",{"cms-pricing-billing--sticky":e.blok.sticky&&t.isStickyReady,"cms-pricing-billing--stuck":t.isStuck,"cms-pricing-billing--hidden":t.isPastStopComponent,"cms-pricing-billing--white-background":e.blok.sticky_white_background}]),inert:t.isPastStopComponent,style:A({"--billing-header-height":`${t.headerHeight}px`,"--billing-viewport-width":`${t.viewportWidth}px`,"--billing-space-above":`${Number(e.paddingTop)/16||0}rem`})},{default:R(()=>[e.paddingTop?(u(),h(s,{key:0,size:e.paddingTop},null,8,["size"])):v("",!0),p("div",I,[p("div",U,[p("button",{type:"button",class:y(["cms-pricing-billing__toggle-btn",{active:t.currentBilling==="annual"}]),"aria-pressed":t.currentBilling==="annual",onClick:o[0]||(o[0]=l=>t.currentBilling="annual")},[i.savingsLabel?(u(),M("span",q,B(i.savingsLabel),1)):v("",!0),V(" "+B(e.blok.annual_label||"Annual"),1)],10,j),p("button",{type:"button",class:y(["cms-pricing-billing__toggle-btn",{active:t.currentBilling==="monthly"}]),"aria-pressed":t.currentBilling==="monthly",onClick:o[1]||(o[1]=l=>t.currentBilling="monthly")},B(e.blok.monthly_label||"Monthly"),11,x)])]),e.spacer_bottom!==""?(u(),h(s,{key:1,size:e.spacer_bottom,"size-mobile":e.spacer_bottom_mobile},null,8,["size","size-mobile"])):v("",!0)]),_:1},8,["inert","class","style"])}const $=P(G,[["render",J],["__scopeId","data-v-d86cbd88"]]);export{$ as default};
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.