https://www.autox.com/_next/static/chunks/pages/new-cars/[brand]/[model]/mileage-a762b616b8b721b8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9509],{2669:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/new-cars/[brand]/[model]/mileage",function(){return t(9536)}])},32602:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),function(e,l){for(var t in l)Object.defineProperty(e,t,{enumerable:!0,get:l[t]})}(l,{default:function(){return i},noSSR:function(){return r}});let a=t(10260);t(85893),t(67294);let s=a._(t(35491));function n(e){return{default:(null==e?void 0:e.default)||e}}function r(e,l){return delete l.webpack,delete l.modules,e(l)}function i(e,l){let t=s.default,a={loading:e=>{let{error:l,isLoading:t,pastDelay:a}=e;return null}};e instanceof Promise?a.loader=()=>e:"function"==typeof e?a.loader=e:"object"==typeof e&&(a={...a,...e});let i=(a={...a,...l}).loader;return(a.loadableGenerated&&(a={...a,...a.loadableGenerated},delete a.loadableGenerated),"boolean"!=typeof a.ssr||a.ssr)?t({...a,loader:()=>null!=i?i().then(n):Promise.resolve(n(()=>null))}):(delete a.webpack,delete a.modules,r(t,a))}("function"==typeof l.default||"object"==typeof l.default&&null!==l.default)&&void 0===l.default.__esModule&&(Object.defineProperty(l.default,"__esModule",{value:!0}),Object.assign(l.default,l),e.exports=l.default)},1159:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(l,"LoadableContext",{enumerable:!0,get:function(){return a}});let a=t(10260)._(t(67294)).default.createContext(null)},35491:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(l,"default",{enumerable:!0,get:function(){return p}});let a=t(10260)._(t(67294)),s=t(1159),n=[],r=[],i=!1;function o(e){let l=e(),t={loading:!0,loaded:null,error:null};return t.promise=l.then(e=>(t.loading=!1,t.loaded=e,e)).catch(e=>{throw t.loading=!1,t.error=e,e}),t}class d{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:l}=this;e.loading&&("number"==typeof l.delay&&(0===l.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},l.delay)),"number"==typeof l.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},l.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,l){this._loadFn=e,this._opts=l,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function u(e){return function(e,l){let t=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},l),n=null;function o(){if(!n){let l=new d(e,t);n={getCurrentValue:l.getCurrentValue.bind(l),subscribe:l.subscribe.bind(l),retry:l.retry.bind(l),promise:l.promise.bind(l)}}return n.promise()}if(!i){let e=t.webpack?t.webpack():t.modules;e&&r.push(l=>{for(let t of e)if(l.includes(t))return o()})}function u(e,l){!function(){o();let e=a.default.useContext(s.LoadableContext);e&&Array.isArray(t.modules)&&t.modules.forEach(l=>{e(l)})}();let r=a.default.useSyncExternalStore(n.subscribe,n.getCurrentValue,n.getCurrentValue);return a.default.useImperativeHandle(l,()=>({retry:n.retry}),[]),a.default.useMemo(()=>{var l;return r.loading||r.error?a.default.createElement(t.loading,{isLoading:r.loading,pastDelay:r.pastDelay,timedOut:r.timedOut,error:r.error,retry:n.retry}):r.loaded?a.default.createElement((l=r.loaded)&&l.default?l.default:l,e):null},[e,r])}return u.preload=()=>o(),u.displayName="LoadableComponent",a.default.forwardRef(u)}(o,e)}function c(e,l){let t=[];for(;e.length;){let a=e.pop();t.push(a(l))}return Promise.all(t).then(()=>{if(e.length)return c(e,l)})}u.preloadAll=()=>new Promise((e,l)=>{c(n).then(e,l)}),u.preloadReady=e=>(void 0===e&&(e=[]),new Promise(l=>{let t=()=>(i=!0,l());c(r,e).then(t,t)})),window.__NEXT_PRELOADREADY=u.preloadReady;let p=u},96544:function(e,l,t){"use strict";t.d(l,{IW:function(){return n}});var a=t(87066),s=t(50807);function n(e,l){return a.Z.post("".concat(s.DE).concat("/frontend/car/model/version-overview"),{model_slug:e,version_slug:l},{headers:{"Content-Type":"application/json"}})}},9536:function(e,l,t){"use strict";t.r(l),t.d(l,{__N_SSG:function(){return N},default:function(){return k}});var a=t(85893),s=t(67294),n=t(54902),r=t(11708),i=t(18669),o=t(97375),d=t(32989),u=t(13460),c=t(13522),p=t(45862),m=t

1(60248);function f(e){let{mileageData:l,modelName:t}=e,[n,r]=(0,s.useState)(20),[i,o]=(0,s.useState)(70),[d,u]=(0,s.useState)(0),[c,p]=(0,s.useState)(!1),[f,h]=(0,s.useState)({value:1,label:"Petrol"}),[b,v]=(0,s.useState)({value:1,label:"Manual"});(0,s.useEffect)(()=>{(()=>{let e=parseFloat(n),t=parseFloat(null==l?void 0:l.mileagearai),a=parseFloat(i);isNaN(t)||isNaN(a)||!(e>0)?u(""):u((e/t*a*30).toFixed(2))})()},[n,i,l]);let g=(e,l)=>{"Others"===e?p(!0):p(!1),r(l>0?l:"")};return(0,a.jsx)("section",{className:"key-specification-panel calculatefuel-cost",children:(0,a.jsx)("div",{className:"container",children:(0,a.jsx)("div",{className:"gridpanel key-specs",children:(0,a.jsxs)("div",{className:"keyspec-values",children:[(0,a.jsxs)("h3",{children:["Calculate Fuel Cost For Your ",t]}),(0,a.jsxs)("p",{children:["The ",t," has a running cost of Rs. ",i," per kilometer and a monthly fuel cost of Rs. ",d,", assuming a daily run of ",n," kilometers and ",null==f?void 0:f.label," at Rs. ",i," per kg."]}),(0,a.jsxs)("div",{className:"fuelcost-pane",children:[(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsx)("label",{children:"Fuel type"}),(0,a.jsx)(m.default,{classNamePrefix:"custom-select",options:[{value:1,label:"Petrol"},{value:2,label:"Diesel"},{value:3,label:"CNG"},{value:4,label:" Electric"}],placeholder:"Fuel Type",onChange:e=>{h(e)},value:f})]}),(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsx)("label",{children:"Transmission"}),(0,a.jsx)(m.default,{classNamePrefix:"custom-select",options:[{value:1,label:"Manual"},{value:2,label:"Automatic"}],placeholder:"Transmission",onChange:e=>{v(e)},value:b})]}),(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsx)("label",{children:"Mileage"}),(0,a.jsx)("input",{type:"text",className:"form-control",placeholder:"Mileage",value:null==l?void 0:l.mileagearai,readOnly:!0})]}),(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsx)("label",{children:"Fuel Cost (₹)"}),(0,a.jsx)("input",{type:"text",name:"fuelCost",placeholder:"70",className:"form-control",value:i,onChange:e=>{o(e.target.value)}})]}),(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsxs)("label",{children:["KM driven per day ",(0,a.jsxs)("strong",{children:[n," km/day"]})]}),(0,a.jsx)("div",{className:"calclatelabel action",children:[{value:20,label:"20"},{value:30,label:"30"},{value:50,label:"50"},{value:60,label:"60"},{value:80,label:"80"},{value:90,label:"90"},{value:100,label:"100"},{value:0,label:"Others"}].map(e=>(0,a.jsxs)("label",{children:[(0,a.jsx)("input",{type:"checkbox",value:e.value,checked:n===e.value||"Others"===e.label&&c,onChange:()=>g(e.label,e.value)}),(0,a.jsx)("span",{children:e.label})]},e.value))})]}),(0,a.jsx)("div",{className:"form-group order-2",children:(0,a.jsxs)("div",{className:"monthly-fuel-cost",children:[(0,a.jsxs)("label",{children:["Monthly Fuel Cost for ",t]}),(0,a.jsxs)("p",{children:["₹ ",d]})]})}),(0,a.jsx)("div",{className:"form-group order-1 enterkm-driven",children:(0,a.jsx)("input",{type:"text",placeholder:"Enter Kms Driven",className:"form-control",value:n,onChange:e=>{c&&r(e.target.value)},disabled:!c})})]})]})})})})}var h=t(47871),b=t(96544),v=t(11163),g=t(95687),_=t(50807),x=t(39332),y=t(54710),j=t(60860),N=!0,k=e=>{let{modelData:l,filterList:t,fuelList:m,initialVariantsList:N,initialKeySpecData:k,adData:S=[],isUpcoming:w,isDiscontinuedModel:T}=e,C=(0,v.useRouter)(),O=(0,x.usePathname)(),P=O.endsWith("/")?O:O+"/",E=null==P?void 0:P.split("/").filter(e=>e),D=E[1],F=E[2],M=(0,_.p0)(),[Z,A]=(0,s.useState)(""),[R,L]=(0,s.useState)(N),[V,G]=(0,s.useState)(k),I=null==l?void 0:l.model_name,W=null==l?void 0:l.brand_name,X=null==l?void 0:l.brand_id,H=async(e,l)=>{try{var t,a;let s=await (0,b.IW)(e,l),n=(null==s?void 0:null===(t=s.data)||void 0===t?void 0:t.data)||{};G((null===(a=n.keySpecsData)||void 0===a?void 0:a[0])||{})}catch(e){console.error("Error fetching key spec data:",e)}finally{setLoading(!1)}};(0,s.useEffect)(()=>{let{query:e}=C,l=e.variant;l&&!V&&H(F,l)},[C.query.variant]),(null==l?void 0:l.version_info)&&Object.entries(l.version_info).map(e=>{let[l,t]=e;return{value:l,label:t}});let K=(0,y.Z)(),Q=null==S?void 0:S.sort((e,l)=>e.desktop_position-l.desktop_position),[U,Y,q,z,B,J]=null==Q?void 0:Q.map(e=>K?null==e?void 0:e.mobile_body_script:null==e?void 0:e.desktop_body_script);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Z,{}),(0,a.jsx)(j.default,{adData:U,fixHeight:!0,centerAlign:!0}),(0,a.jsx)("div",{className:"onroad-price-panel cars-key-specs-panel",children:(0,a.jsxs)(o.Z,{children:[(0,a.jsx)(d.Z,{isDiscontinuedModel:T,isUpcoming:w}),(0,a.jsx)(g.Z,{})]})}),(0,a.jsxs)("section",{className:"car-brand-panel onroadprice-panel-main car-images-gallery-main",children:[(0,a.jsx)(o.Z,{children:(0,a.jsxs)("div",{className:"carbrand-p

1anel grid xl:grid-cols-12 lg:grid-cols-12 md:grid-cols-12",children:[(0,a.jsxs)("div",{className:"xl:col-span-9 lg:col-span-9 md:col-span-9 sm:col-span-9 carbrands-detail-left",children:[(0,a.jsx)(u.Z,{brandName:W,brandId:X,pageTitle:"Mileage of ".concat(W," ").concat(I),brandSlug:D,cityName:M,modelSlug:F,modelData:l,modelName:I,isUpcoming:w}),(0,a.jsx)(h.Z,{brandName:W,pageTitle:"".concat(W," ").concat(I," Variants"),brandSlug:D,modelID:Z,cityName:M,modelSlug:F,showMilage:!0,modelName:I,variantsList:R,initialSortedVariants:N,initialFuelList:m,initialFilterList:t}),(0,a.jsx)(f,{mileageData:V,modelName:I,brandName:W}),(0,a.jsx)(c.Z,{brandName:W,brandSlug:D,cityName:M,modelSlug:F,modelData:l,pageTitle:"".concat(W," ").concat(I," Alternatives"),modelName:I})]}),(0,a.jsx)("div",{className:"xl:col-span-3 lg:col-span-3 md:col-span-3 sm:col-span-3 carbrands-details-right onroad-pricepage keyspecs-page",children:(0,a.jsx)(i.Z,{})})]})}),(0,a.jsx)("div",{id:"brandsvideos",children:(0,a.jsx)(p.default,{})}),(0,a.jsx)(r.default,{})]})]})}},94137:function(e,l,t){"use strict";t.d(l,{SZ:function(){return i}});var a=t(85893),s=t(19317);function n(e){let{className:l,onClick:t}=e;return(0,a.jsx)("div",{className:l,onClick:t,children:(0,a.jsx)(s.Q,{src:"/right-arrow.svg"})})}function r(e){let{className:l,onClick:t}=e;return(0,a.jsx)("div",{className:l,onClick:t,children:(0,a.jsx)(s.Q,{className:"rotate180",src:"/right-arrow.svg"})})}let i=function(e,l,t,s,i,o,d,u,c,p,m){let f=arguments.length>11&&void 0!==arguments[11]&&arguments[11];return{autoplay:e,autoplaySpeed:l,lazyLoad:t,dots:s,infinite:i,speed:o,slidesToShow:u,slidesToScroll:d,nextArrow:(0,a.jsx)(n,{}),prevArrow:(0,a.jsx)(r,{}),responsive:[{breakpoint:2e3,settings:{slidesToShow:u,slidesToScroll:d,infinite:i,dots:s,autoplay:e}},{breakpoint:1200,settings:{slidesToShow:u,slidesToScroll:d,infinite:i,dots:s,autoplay:e}},{breakpoint:1e3,settings:{slidesToShow:p||2,slidesToScroll:p||2,infinite:i,dots:s,autoplay:e}},{breakpoint:1100,settings:{slidesToShow:m||3,slidesToScroll:m||3,infinite:i,dots:s,autoplay:e}},{breakpoint:700,settings:{slidesToShow:c||1,slidesToScroll:c||1,infinite:i,dots:s,autoplay:e}},{breakpoint:640,settings:f?"unslick":{slidesToShow:c||1,slidesToScroll:c||1,infinite:i,dots:s,autoplay:e}}]}}},5152:function(e,l,t){e.exports=t(32602)}},function(e){e.O(0,[6654,9317,1535,1340,248,6066,8258,5576,7976,4340,7776,3671,2888,179],function(){return e(e.s=2669)}),_N_E=e.O()}]);