https://www.royalenfield.com/etc.clientlibs/RE-Platform-Revamp/cli…/inside-this-issue.bd3f0482d9c82a6f947e.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([[4886],{6432:function(e,t,s){s.r(t),s.d(t,{default:function(){return d}});var i=s(113),o=s(463),r=s(133),n=s(2346);var a={modalSelector:null,formSelector:null,submitBtn:null,requiredFields:[],lastFocus:null,validator:null,isSubmitting:!1,normalizeErrorContainers(){this.formSelector&&(this.formSelector.querySelectorAll(".form-field").forEach((e=>{e.classList.add("form-group")})),this.formSelector.querySelectorAll(".select-country-wrap .error-messages").forEach((e=>{e.remove()})))},openModal(){if(!this.modalSelector)return;this.lastFocus=document.activeElement,this.modalSelector.classList.add("is-open"),this.modalSelector.setAttribute("aria-hidden","false"),document.body.classList.add("is-modal-open");const e=this.modalSelector.querySelector("input, button");e&&e.focus({preventScroll:!0})},closeModal(){this.modalSelector&&(this.modalSelector.classList.remove("is-open"),this.modalSelector.setAttribute("aria-hidden","true"),document.body.classList.remove("is-modal-open"),this.lastFocus&&this.lastFocus.focus&&this.lastFocus.focus({preventScroll:!0}),this.modalSelector.dispatchEvent(new CustomEvent("modal:reset")))},refreshSubmitVisibility(){if(!this.submitBtn||!this.requiredFields.length)return;this.submitBtn.hidden=!1;const e=this.requiredFields.every((e=>String(e.value||"").trim().length>0));this.submitBtn.disabled=!e},getFieldErrorContainer(e){return e.closest(".form-field")?.querySelector(".error-messages")||null},showFieldError(e,t){const s=this.getFieldErrorContainer(e);s&&(s.textContent=t,s.classList.remove("d-none")),e.setAttribute("aria-invalid","true")},clearFieldError(e){const t=this.getFieldErrorContainer(e);t&&(t.classList.add("d-none"),t.textContent=""),e.removeAttribute("aria-invalid")},clearAllErrors(){this.requiredFields.forEach((e=>(0,o.ET)(e)))},validateField(e){const t=String(e.value||"").trim();return"true"!==e.dataset.mandatory&&!e.required||t?e.checkValidity()?(this.clearFieldError(e),!0):(this.showFieldError(e,e.dataset.errorMessage||e.validationMessage),!1):(this.showFieldError(e,e.dataset.errorMessage||"This field is required"),!1)},validateForm(){let e=!0;return this.clearAllErrors(),this.requiredFields.forEach((t=>{const s=this.validateField(t);!s&&e&&t.focus(),e=e&&s})),e},bindModalReset(){this.modalSelector&&this.formSelector&&this.modalSelector.addEventListener("modal:reset",(()=>{const e=this.modalSelector.querySelector(".modal__success"),t=this.modalSelector.querySelector(".modal__form"),s=this.modalSelector.querySelector(".modal__panel");t&&(t.style.display=""),e&&e.setAttribute("hidden",""),s&&(s.classList.remove("is-success"),s.classList.remove("is-error")),this.formSelector.reset(),this.clearAllErrors(),this.refreshSubmitVisibility(),this.isSubmitting=!1}))},bindCloseEvents(){if(!this.modalSelector)return;this.modalSelector.querySelectorAll("[data-modal-close]").forEach((e=>{"true"!==e.dataset.insideIssueCloseBound&&(e.dataset.insideIssueCloseBound="true",e.addEventListener("click",(()=>this.closeModal())))})),"true"!==this.modalSelector.dataset.insideIssueEscBound&&(this.modalSelector.dataset.insideIssueEscBound="true",document.addEventListener("keydown",(e=>{"Escape"===e.key&&this.modalSelector&&this.modalSelector.classList.contains("is-open")&&this.closeModal()})));const e=document.getElementById("flipSubscribeOpen");e&&"true"!==e.dataset.insideIssueOpenBound&&(e.dataset.insideIssueOpenBound="true",e.addEventListener("click",(()=>this.openModal())))},bindFormSubmit(){this.formSelector&&"true"!==this.formSelector.dataset.insideIssueSubmitBound&&

1(this.formSelector.dataset.insideIssueSubmitBound="true",this.formSelector.addEventListener("submit",(async e=>{if(e.preventDefault(),this.isSubmitting)return;this.isSubmitting=!0;if(!(this.validator?.validate?this.validator.validate():{isValid:this.validateForm()}).isValid)return void(this.isSubmitting=!1);const t={},s=this.formSelector.elements;for(let e=0;e<s.length;e+=1){const i=s[e];i.name&&!i.disabled&&"checkbox"!==i.type&&"button"!==i.type&&"submit"!==i.type&&(t[i.name]=String(i.value||"").trim())}const{category:i,formName:o}=this.submitBtn?.dataset||{};i&&(t.category=i),o&&(t.formName=o);const{category:a}=this.formSelector.dataset;a&&(t.category=a);const l=this.formSelector.dataset.api;try{const e=await fetch(l,{method:"POST",headers:{...r.b,"Content-Type":"application/json",...r.b["x-custom-country"]?{location:r.b["x-custom-country"].toUpperCase()}:{}},body:JSON.stringify(t)});if(!e.ok)throw new Error(`API failed with status code ${e.status}`);const s=await e.json();if(s&&(!1===s.success||s.code&&200!==Number(s.code)))throw new Error(s.message||"API submission returned an error status.")}catch(e){console.error("[Inside this Issue] API submit failed",e);const t=this.modalSelector.querySelector(".modal__success"),s=this.modalSelector.querySelector(".modal__form"),i=this.modalSelector.querySelector(".modal__panel");return t&&s&&(s.style.display="none",t.removeAttribute("hidden"),i&&i.classList.add("is-error")),void(this.isSubmitting=!1)}console.log("[Inside this Issue] PDF open requested",t);const d=this.formSelector.dataset.pdfUrl,c=this.formSelector.dataset.pdfName,u=c?c.substring(c.lastIndexOf("/")+1):"inside-this-issue.pdf";if(!d)return console.error("[Inside this Issue] Missing data-pdf-url on form"),void(this.isSubmitting=!1);if((0,n.em)()){const e=this.formSelector.getAttribute("data-bg-color")||"#000000",t=this.formSelector.getAttribute("data-text-color")||"#FFFFFF";console.log("[Inside this Issue] Native app environment detected. Downloading file via bridge:",{pdfUrl:d,backgroundColorCode:e,textColorCode:t}),(0,n.uJ)(d,e,t)}else{const e=document.createElement("a");e.href=d,e.download=u,document.body.appendChild(e),e.click(),e.remove()}const m=this.modalSelector.querySelector(".modal__success"),h=this.modalSelector.querySelector(".modal__form"),f=this.modalSelector.querySelector(".modal__panel");m&&h&&(h.style.display="none",m.removeAttribute("hidden"),f&&f.classList.add("is-success"))})))},async populateCountryCodes(){if(!this.formSelector)return;const e=this.formSelector.dataset.countryJsonApi;if(e)try{await(0,i.z)(e,this.formSelector)}catch(e){}},init(){this.modalSelector=document.getElementById("subscribeModal"),this.modalSelector&&(this.formSelector=this.modalSelector.querySelector("form[data-api]")||this.modalSelector.querySelector("form"),this.formSelector&&(this.normalizeErrorContainers(),this.submitBtn=this.formSelector.querySelector(".modal__submit"),this.requiredFields=Array.from(this.formSelector.querySelectorAll("input[required], select[required], textarea[required]")),this.requiredFields.forEach((e=>{"true"!==e.dataset.insideIssueInputBound&&(e.dataset.insideIssueInputBound="true",e.addEventListener("input",(()=>{const t=String(e.dataset.restrict||"").toLowerCase();"numeric"===t?e.value=e.value.replace(/\D/g,""):"alpha"===t&&("name"===e.name?e.value=e.value.replace(/[^A-Za-z ]/g,"").replace(/^\s+/,""):e.value=e.value.replace(/[^A-Za-z .'-]/g,"")),(0,o.ET)(e),this.refreshSubmitVisibility()})),e.addEventListener("change",(()=>{(0,o.ET)(e),this.refreshSubmitVisibility()})))})),this.validator=(0,o.ig)(this.formSelector),this.refreshSubmitVisibility(),this.bindModalReset(),this.bindCloseEvents(),this.bindFormSubmit(),this.populateCountryCodes()))}};var l=e=>{const t=document.querySelector(".inside-this-issue .inside__title"),s=t?t.textContent.trim():"Inside this Issue",i=document.title||"";window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"insideTheIssueComponent",eventCategory:"insideTheIssueComponent",eventAction:e,sectionHeading:s,pageType:i})};var d={init:()=>{const e=document.getElementById("flipbook");if(!e||"undefined"==typeof St||!St.PageFlip)return;const t=document.getElementById("flipPrev"),s=document.getElementById("flipNext"),i=document.getElementById("flipbookPage"),o=document.getElementById("flipbookTotal"),r=document.getElementById("flipbookFill");a.init();const n=new St.PageFlip(e,{width:538,height:710,size:"stretch",minWidth:120,maxWidth:538,minHeight:158,maxHeight:710,maxShadowOpacity:.55,flippingTime:800,drawShadow:!0,showCover:!0,usePortrait:!1,mobileScrollSupport:!1,swipeDistance:30,clickEventForward:!0,useMouseEvents:!0,autoSize:!0});if(n.loadFromHTML(e.querySelectorAll(".page")),"ResizeObserver"in window){let t=0;new ResizeObserver((()=>{cancelAnimationFrame(t),t=requestAnimationFrame((()=>{try{n.update()}catch(e){}}))}

1)).observe(e)}const d=n.getPageCount();o&&(o.textContent=String(d));const c=()=>{const e=n.getCurrentPageIndex();return"portrait"===("function"==typeof n.getOrientation?n.getOrientation():"landscape")?e>=d-1:e>=d-2},u=()=>{const e=n.getCurrentPageIndex();if(i&&(i.textContent=String(e+1)),r){const t=d>1?e/(d-1)*100:0;r.style.width=`${t}%`}const o=e<=0,a=c();t&&(t.disabled=o,t.classList.toggle("round-btn--solid",!1)),s&&(s.disabled=!1,s.classList.toggle("round-btn--solid",!a))},m=()=>{c()?a.openModal():n.flipNext()};n.on("flip",u),n.on("changeOrientation",u),t&&t.addEventListener("click",(()=>{t.disabled||(l("previous_arrow"),n.flipPrev())})),s&&s.addEventListener("click",(()=>{s.disabled||(l("next_arrow"),m())}));const h=e.querySelectorAll(".page"),f=h[h.length-1];if(f){const t=e=>e instanceof Node&&f.contains(e),s=e=>{c()&&t(e)&&a.openModal()};e.addEventListener("click",(e=>s(e.target)),!0);let i=0,o=0,r=!1;e.addEventListener("touchstart",(e=>{const t=e.changedTouches[0];i=t.clientX,o=t.clientY,r=!1}),{capture:!0,passive:!0}),e.addEventListener("touchmove",(e=>{const t=e.changedTouches[0];(Math.abs(t.clientX-i)>10||Math.abs(t.clientY-o)>10)&&(r=!0)}),{capture:!0,passive:!0}),e.addEventListener("touchend",(e=>{r||s(e.target)}),{capture:!0,passive:!0})}let S=!1;if("IntersectionObserver"in window){const t=e.closest(".inside-this-issue")||e;let s=!1;const i=e=>{if(s||0!==n.getCurrentPageIndex())return;const t=window.innerHeight||document.documentElement.clientHeight,i=e.boundingClientRect,o=Math.max(0,Math.min(i.bottom,t)-Math.max(i.top,0));((i.height>0?o/i.height:0)>=.5||(t>0?o/t:0)>=.5)&&(s=!0,n.flipNext())};new IntersectionObserver((e=>{const t=e[0];S=t.isIntersecting,S&&i(t)}),{threshold:[0,.1,.25,.3,.5,.75,1]}).observe(t),window.addEventListener("keydown",(e=>{S&&("ArrowRight"===e.key?m():"ArrowLeft"===e.key&&n.flipPrev())}))}const p=window.location.hash.match(/page=(\d+)/);if(p){const e=Math.max(0,Math.min(d-1,parseInt(p[1],10)-1));n.flip(e,"corner")}u()}}},9144:function(e,t,s){s.r(t)}}]);