1import{b as x,o as m,c as b,a as l,F as T,i as w,n as k,t as C,e as H,L as N,d as f}from"./app-DQAwaQDQ.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const V={name:"v-membership",props:{membershipLevel:{type:String},clientDomain:{type:String},clientName:{type:String},giftIcon:{type:String},basketUrl:{type:String}},methods:{setLevel:function(i,r=null){this.activeLevel=i,r&&setTimeout(()=>{document.getElementById(r).scrollIntoView()},300)},setMembershipId:function(i){const r=this.activeLevel-1;document.getElementById("membership-component-"+r).setAttribute("membership-id",i)},keyboardSupport:function(i,r){const n=i.querySelectorAll('[role="tablist"]')[0];let t,h;(function(){h=i.querySelectorAll('[role="tabpanel"]'),t=i.querySelectorAll('[role="tab"]')})();const o={end:35,home:36,left:37,up:38,right:39,down:40,delete:46,enter:13,space:32},a={37:-1,38:-1,39:1,40:1},d=function(){for(let e=0;e<t.length;e++)t[e].setAttribute("tabindex","-1"),t[e].setAttribute("aria-selected","false")},u=function(e,s){s=s||!0,d(),e.removeAttribute("tabindex"),e.setAttribute("aria-selected","true"),s&&e.focus()},g=function(e){const s=e.target.getAttribute("id");s&&(i.querySelector('[aria-controls="'+s+'"]').click(),document.getElementById(s).scrollIntoView({behavior:"smooth"}))},A=function(e){g(e)},S=function(e){const s=e.target;u(s,!1)},y=()=>{(this.hasTabs?t:h)[0].focus()},v=()=>{const e=this.hasTabs?t:h;e[e.length-1].focus()},I=e=>{const s=e.keyCode;if(a[s]){const p=e.target,_=this.hasTabs?t:h;p.index!==void 0&&(_[p.index+a[s]]?_[p.index+a[s]].focus():s===o.left||s===o.up?v():(s===o.right||s==o.down)&&y())}},L=e=>{const s=e.keyCode,p=n?n.getAttribute("aria-orientation")==="vertical":null;let _=!1;p||!this.hasTabs?(s===o.up||s===o.down)&&(e.preventDefault(),_=!0):(s===o.left||s===o.right)&&(_=!0),_&&I(e)},M=e=>{switch(e.keyCode){case o.end:e.preventDefault(),v();break;case o.home:e.preventDefault(),y();break;case o.up:case o.down:L(e);break}},E=e=>{switch(e.keyCode){case o.left:case o.right:L(e);break;case o.enter:case o.space:this.hasTabs?u(e.target):g(e);break}},q=e=>{const s=this.hasTabs?t[e]:h[e];t[e].addEventListener("click",S),s&&(this.hasTabs||s.addEventListener("click",A),s.addEventListener("keydown",M),s.addEventListener("keyup",E),s.index=e)};for(let e=0;e<t.length;++e)q(e);if(!this.hasTabs)for(const e of h)e.onclick=function(s){g(s)}},toggleClass:function(i,r,n="is-active"){for(const t of i)t.classList.remove(n);r.classList.add(n)},toggleVerticalTabs:function(i,r,n,t){t.onclick=h=>{const c=t.getAttribute("id"),o=i.querySelector('.c-membership__tabs [aria-controls="'+c+'"]');this.toggleClass(r,o),this.toggleClass(n,t)}},toggleTabs:function(i){const r=i.querySelectorAll(".c-membership__tab"),n=i.querySelectorAll(".c-membership__level");for(const t of r)t.onclick=()=>{const h=t.getAttribute("aria-controls"),c=document.getElementById(h);this.toggleClass(r,t),this.toggleClass(n,c)};for(const t of n)this.toggleVerticalTabs(i,r,n,t)},hasTabs:function(i){return i.classList.contains("has-tabs")},modeSwitcher:function(i,r){const t=i.querySelectorAll(".c-membership__tab")[0].closest(".c-membership");window.innerWidth<=610?t.classList.remove("has-tabs"):t.classList.add("has-tabs"),this.keyboardSupport(i,this.hasTabs(t))}},mounted(){const i=new ResizeObserver(n=>{for(let t of n)this.modeSwitcher(t.target,t.contentRect.width)}),r=document.querySelectorAll(".c-membership");for(const n of r){const t=n.querySelector(".c-membership__tabs");i.observe(t),this.toggleTabs(n),this.keyboardSupport(n,this.hasTabs(n))}},data(){return{activeLevel:1}},computed:{levels:function(){return JSON.parse(this.membershipLevel)},price:function(){const i=this.activeLevel-1;return this.levels[i].price},showAutoRenew:function(){const i=this.activeLevel-1;return this.levels[i].displayAutoRenew},giftLink:function(){const i=this.activeLevel-1;return this.levels[i].giftId?"/book/gift-vouchers/"+this.levels[i].giftId:null}}},D={class:"c-membership__tabs",role:"tablist","aria-label":"Membership level tabs"},O=["aria-controls","id","onClick"],R=["id","data-title","aria-labelledby","onClick"],P={class:"c-membership__container"},z={class:"c-membership__heading"},U={class:"c-membership__content"},W=["innerHTML"],F=["innerHTML"],G={class:"c-membership__footer"},J={class:"c-membership__buttons"},j=["data-level","innerHTML","onClick"],K=["data-level","innerHTML","onClick"],Q={class:"c-membership__gift"},X=["href"],Y=l("div",{"data-success-container":"",style:{display:"none"}},null,-1),Z=l("div",{"data-fail-container":"",style:{display:"none"}}," Something went wrong, please try again later ",-1),$={key:0,class:"c-membership__autorenew"},ee=l("input",{type:"checkbox",checked:"","data-set-autorenew":""},null,-1),te=l("span",{class:"h-text--small"},"Automatically renew?",-1),se=[ee,te];function ie(i,r,n,t,h,c){const o=x("spektrix-memberships");return m(),b("article",{class:k(["c-membership",[c.levels.length==1?"c-membership--single":""]])},[l("div",D,[(m(!0),b(T,null,w(c.levels,(a,d)=>(m(),b("button",{class:k(["c-membership__tab",{"is-active":d===0}]),role:"tab","aria-selected":"true","aria-controls":"tab"+d+"-tab",id:"tab"+d,onClick:u=>c.setLevel(a.id)},[l("span",null,C(a.levelName),1)],10,O))),256))]),(m(!0),b(T,null,w(c.levels,(a,d)=>(m(),b("section",{class:k(["c-membership__level",{"is-active":d===0}]),id:"tab"+d+"-tab","data-title":a.levelName,tabindex:"0",role:"tabpanel","aria-labelledby":"tab"+d,onClick:u=>c.setLevel(a.id,"tab"+d+"-tab")},[l("div",P,[l("h2",z,C(a.levelName),1),l("div",U,[l("div",{class:"c-membership__description",innerHTML:a.description},null,8,W),l("div",{class:"c-membership__small-print",innerHTML:a.smallPrint},null,8,F),l("div",G,[H(o,{"custom-domain":n.clientDomain,"client-name":n.clientName,"forward-to":n.basketUrl,"membership-id":"",id:"membership-component-"+d,class:"c-membership__actions"},{default:N(()=>[l("div",J,[a.monthlyMembershipId?(m(),b("button",{key:a.id,"data-level":a.id,class:"c-membership__button o-button",innerHTML:"£"+a.monthlyPrice+" per month",onClick:u=>c.setMembershipId(a.monthlyMembershipId),"data-submit-membership":""},null,8,j)):f("",!0),a.annualMembershipId?(m(),b("button",{key:a.id,"data-level":a.id,class:"c-membership__button o-button",innerHTML:"£"+a.annualPrice+" per year",onClick:u=>c.setMembershipId(a.annualMembershipId),"data-submit-membership":""}
1,null,8,K)):f("",!0),l("div",Q,[c.giftLink?(m(),b("a",{key:0,class:"c-membership__button o-button",href:c.giftLink},"Gift Membership",8,X)):f("",!0)])]),Y,Z,c.showAutoRenew?(m(),b("label",$,se)):f("",!0)]),_:2},1032,["custom-domain","client-name","forward-to","id"])])])])],10,R))),256))],2)}const oe=B(V,[["render",ie]]);export{oe as default}; 2//# sourceMappingURL=membership-DxJ9f2LB.js.map
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.