https://www.zigwheels.ae/2021/js/select-car.js

1let selectCarObj={brands:[],models:[],variants:[],objchip_model:"",objmodel_panel:"",objvariant_panel:"",objchip_variant:"",objtab_model:"",objtab_variant:"",objchip_brand:"",tabPosition:3,tabCount:3,closePopUp:!0,goAhead:function(e,t,a,s,c,l,i,r){let o=documentReference(),d=o.querySelector("#search-data");e.forEach(e=>{e.classList.remove("active")}),a.classList.add("active");var n=a.querySelector(".name").innerHTML;t.classList.contains("hide")&&t.classList.remove("hide"),t.querySelector("span").innerHTML=n,""!==i&&null!=i&&(i.classList.add("active"),i.classList.remove("disabled")),""!==c&&null!=c&&c.classList.add("active"),""!==c&&null!=c&&""!==i&&null!=i?(l.classList.remove("active"),s.classList.remove("active")):r=l.dataset.id,d.value="",d.placeholder=d.getAttribute("data-tab-"+r),d.dataset.currentActiveTab=r,"web"==gd.config.source&&null!=o&&null!=o.dataset.modalSelect&&setTimeout(()=>{o.querySelector("#search-data").select()},400)},toggleStepBrand:function(){var e=documentReference().getAttribute("data-popup-modal");document.querySelector('[data-popup-modal="'+e+'"]').classList.remove("is--visible"),bodyBlackout.classList.remove("is-blacked-out"),document.querySelector("body").classList.remove("o-hidden"),null!=document.querySelector("[data-popup-modal='video']")&&document.querySelector("[data-popup-modal='video']").classList.remove("is--visible")},activeChipTab:function(e){let t=documentReference(),a="tab-brand",s="model",c="brand";if(null!=e.parentElement.dataset.id){c=e.parentElement.dataset.id,a="tab-"+c;const l=t.querySelector("#"+a),i=t.querySelector(`[data-tab-position="${parseInt(l.dataset.tabPosition)+1}"]`);s=i?i.dataset.id:""}const l=t.querySelector("#chip-"+c),i=t.querySelector(`#tab-${s}-panel`),r=t.querySelectorAll(`#${a}-panel li`),o=t.querySelector("#tab-"+s);this.goAhead(r,l,e,t.querySelector(`#${a}-panel`),i,t.querySelector("#"+a),o,s),t.querySelector(".selected-nav").classList.remove("hide"),t.querySelector(".popup-modal-close").classList.add("wap-hidden"),t.querySelector(".dev-icon-left").classList.remove("hide"),t.querySelector("#model-title").classList.remove("p-xxl-r"),t.querySelector("#model-title").classList.add("m-md-t"),t.querySelector(".tab-chips").classList.add("chips-added")},activeLItag:function(e){let t=documentReference();e.classList.add("active");var a=e.querySelector(".name").innerHTML;selectCarObj.objchip_variant=t.querySelector("#chip-variant");let s=t.querySelector("#chip-"+e.parentElement.dataset.id);s.classList.contains("hide")&&s.classList.remove("hide"),s.querySelector("span").innerHTML=a},getActiveModel:function(){var e=this;let t=documentReference();for(i=0;i<this.models.length;i++)this.models[i].addEventListener("click",(function(){e.tabPosition=t.querySelector("#tab-model").dataset.tabPosition;let a=t.querySelector(`[data-tab-position="${parseInt(e.tabPosition)+1}"]`);e.objchip_brand.classList.contains("hide")||null==a||e.goAhead(e.models,e.objchip_model,this,e.objmodel_panel,t.querySelector(`#${a.getAttribute("id")}-panel`),e.objtab_model,a,a.dataset.id);let s=this;if(null==a&&0==e.objchip_brand.classList.contains("hide")){e.models.forEach(e=>{e.classList.remove("active")}),s.classList.add("active");var c=s.querySelector(".name").innerHTML;e.objchip_model.classList.contains("hide")&&e.objchip_model.classList.remove("hide"),e.objchip_model.querySelector("span").innerHTML=c,1==selectCarObj.closePopUp&&selectCarObj.toggleStepBrand()}}))},getActiveVariants:function(){var e=this;for(i=0;i<this.variants.length;i++)this.variants[i].addEventListener("click",(function(){e.tabPosition=documentReference().querySelector("#tab-variant").dataset.tabPosition,e.objchip_brand.classList.contains("hide")||e.objchip_model.classList.contains("hide")||(e.variants.forEac

1h(e=>{e.classList.remove("active")}),e.activeLItag(this))}))},tabElement:function(e=""){let t=documentReference();t.querySelectorAll("#tab-list-panel ul").forEach(a=>{if(e==a.dataset.id&&null!==a.querySelector(".active")){a.querySelector(".active").classList.remove("active");let e=t.querySelector("#chip-"+a.dataset.id);!1===e.classList.contains("hide")&&e.classList.add("hide")}})},removeActiveTab:function(e,t,a,s){e.classList.remove("active"),t.remove("active"),a.classList.add("active"),s.classList.remove("active")},searchTab:function(e,t){let a=documentReference().querySelector("#search-data");t=t||e.querySelector(".active").getAttribute("data-id"),a.value="",a.placeholder=a.getAttribute("data-tab-"+t),a.dataset.currentActiveTab=t},showSearchtab(e){let t=documentReference(),a="";""!==e.value&&(a=e.value.toLowerCase());let s=t.querySelector(".dev-tab-chips");s||(s=t.querySelector(".dev-chip-tab")),s.querySelectorAll("li").forEach((s,c)=>{if(s.classList.contains("active")){let c=t.querySelectorAll(`#tab-${s.dataset.id}-panel li`);this.searchValue(c,a,s.dataset.id),e.placeholder=e.getAttribute("data-tab-"+s.dataset.id)}})},searchValue(e,t,a){0!==e.length&&(e.forEach((e,t)=>{e.classList.contains("hide")&&e.classList.remove("hide")}),t=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),e.forEach((s,c)=>{var l=new RegExp(""+t).test(s.getAttribute("data-"+a+"-slug"));""!==t&&0==l&&t.length>0&&e[c].classList.add("hide"),s.addEventListener("click",()=>{e.forEach((e,t)=>{e.classList.contains("hide")&&e.classList.remove("hide")})})}))},activePreviousElm(e,t="",a=""){let s=documentReference();if(e){const t=s.querySelector("#tab-"+e);t.classList.remove("active"),t.classList.add("hide","disabled"),s.querySelector(`#tab-${e}-panel`).classList.remove("active")}if(a){const e=s.querySelector("#tab-"+a);e.classList.remove("active"),e.classList.add("hide","disabled"),s.querySelector(`#tab-${a}-panel`).classList.remove("active")}if(t){this.searchTab({},t);const e=s.querySelector("#tab-"+t);e.classList.remove("disabled"),e.classList.add("active"),s.querySelector(`#tab-${t}-panel`).classList.add("active")}},showNextElement(e,t){let a=documentReference(),s=a.querySelector("#tab-"+e);this.tabPosition=s.dataset.tabPosition,this.activeChipTab(t),s.classList.remove("hide","disabled"),a.querySelectorAll(".dev-tab-chips li").forEach((e,t)=>{let s=a.querySelector("#chip-"+e.dataset.id).classList;this.tabPosition>e.dataset.tabPosition&&e.classList.remove("hide","disabled"),"none"!=e.style.display&&this.tabPosition<e.dataset.tabPosition&&this.tabPosition!=e.dataset.tabPosition&&(s.add("hide"),parseInt(this.tabPosition)+1<e.dataset.tabPosition&&this.activePreviousElm(e.dataset.id))})},getBrandList(){var e=this;for(i=0;i<selectCarObj.brands.length;i++)e.brands[i].addEventListener("click",(function(){e.showNextElement("brand",this)}))},getTabPosition(e=!1){let t=0;documentReference().querySelector(".dev-tab-chips")&&documentReference().querySelectorAll(".dev-tab-chips li").forEach((e,a)=>{"none"!=e.style.display?(t+=1,e.dataset.tabPosition=t):e.remove(),e.addEventListener("click",()=>{selectCarObj.showTab(e.dataset.id)})}),selectCarObj.tabPosition=t,selectCarObj.tabCount=t,documentReference().querySelector('[data-tab-position="1"]')?selectCarObj.searchTab({},documentReference().querySelector('[data-tab-position="1"]').dataset.id):selectCarObj.searchTab({},documentReference().querySelectorAll(".dev-chip-tab li")[0].dataset.id),e&&selectCarObj.showFirstTab()},showTab(e){let t=documentReference().querySelector("#tab-"+e+"-panel").querySelectorAll("li");"web"==gd.config.source&&setTimeout(()=>{documentReference().querySelector("#search-data").select()},200),selectCarObj.searchTab({},e),0!==t.length&&selectCarObj.searchValue(t,"",e)},showFirstTab(){documentReference().querySelector("#tab-list-panel").querySelectorAll("ul").forEach((function(e){let t=documentReference().querySelector("#tab-"+e.dataset.id);null!=t&&t.classList.contains("active")&&null!=t.dataset.tabPosition&&1!=t.dataset.tabPosition&&(t.classList.remove("active"),t.classList.add("disabled"))}))}};

1function selectCar(){var e=document.querySelector(".body-blackout"),t=documentReference().querySelector(".input-search input");selectCarObj.objchip_brand=documentReference().querySelector("#chip-brand"),selectCarObj.objchip_model=documentReference().querySelector("#chip-model"),selectCarObj.objchip_variant=documentReference().querySelector("#chip-variant"),selectCarObj.objtab_model=documentReference().querySelector("#tab-model"),selectCarObj.objtab_variant=documentReference().querySelector("#tab-variant");var a=documentReference().querySelector("#tab-brand-panel");selectCarObj.objmodel_panel=documentReference().querySelector("#tab-model-panel"),selectCarObj.objvariant_panel=documentReference().querySelector("#tab-variant-panel");const s=document.querySelectorAll("[data-modal-select]");function c(e){e.classList.remove("active")}a&&(selectCarObj.brands=a.querySelectorAll("li")),document.querySelectorAll(".dev-active-card").forEach(e=>{let t=documentReference().querySelector("#tab-variant"),a=void 0!==t.dataset.showVariant?t.dataset.showVariant:1;e.addEventListener("click",e=>{selectCarObj.tabPosition=1==a?3:2})});var l=null;return s.forEach(e=>{let t=e.querySelector(".icon-arrow-left");t.addEventListener("click",a=>{let s=e.querySelector(".card-title"),i=e.querySelectorAll(".dev-tab-chips li"),r=parseInt(i.length)-1;for(;r>=0;r--){let a=i[r].dataset.id,n=e.querySelector("#chip-"+a);if(n&&!n.classList.contains("hide")){let u=null,b=null,v=e.querySelector(`#tab-${a}-panel`);if(i[r-1]&&(b=e.querySelector(`#tab-${i[r-1].dataset.id}-panel`)),i[r+1]&&(u=e.querySelector(`#tab-${i[r+1].dataset.id}-panel`)),1==i[r].dataset.tabPosition){const o=e.querySelector(".tab-chips");v.classList.contains("active")?(e.querySelector(".selected-nav").classList.add("hide"),t.classList.add("hide"),s.classList.add("p-xxl-r"),s.classList.remove("m-md-t"),n.classList.add("hide"),v.querySelectorAll("li").forEach(c),o.classList.remove("chips-added")):i[r+1]&&!v.classList.contains("active")&&u.classList.contains("active")&&(selectCarObj.activePreviousElm(i[r+1].dataset.id,a),selectCarObj.tabElement(a),e.querySelector(".selected-nav").classList.add("hide"),t.classList.add("hide"),o.classList.remove("chips-added")),l=i[r].dataset.id,e.querySelector(".popup-modal-close").classList.remove("wap-hidden","hidden")}else if(i[r+1]&&(l=i[r+1].dataset.id,selectCarObj.activePreviousElm(a,i[r-1].dataset.id,i[r+1].dataset.id)),null!=i[r-1]){for(const t of i)t.dataset.tabPosition<i[r].dataset.tabPosition&&(t.classList.remove("active"),e.querySelector("#tab-"+t.dataset.id+"-panel").classList.remove("active"));l=i[r-1].dataset.id,v.querySelectorAll("li").forEach(c),o=b,d=n,v.classList.toggle("active"),o.classList.toggle("active"),d.classList.add("hide"),selectCarObj.activePreviousElm(a,i[r-1].dataset.id)}null!=l&&selectCarObj.showTab(l);break}}var o,d;"web"==gd.config.source&&e.querySelector("#search-data").select(),selectCarObj.tabPosition>1&&selectCarObj.tabPosition--,a.stopImmediatePropagation()});

1const a=document.querySelector(`[data-popup-trigger="${e.dataset.popupModal}"]`);null!=a&&a.addEventListener("click",(function(){document.querySelectorAll("[data-modal-select]").forEach(e=>{e.dataset.modalSelect=!1}),e.dataset.modalSelect=!0,document.querySelector("#search-data").value="",e.querySelectorAll("#tab-list-panel ul").forEach((function(e){let t=e.querySelectorAll("li");0!==t.length&&selectCarObj.searchValue(t,"",e.dataset.id)})),"web"==gd.config.source&&setTimeout(()=>{e.querySelector("#search-data").select()},200)}));e.querySelector(".popup-modal-close").addEventListener("click",(function(){selectCarObj.toggleStepBrand()}))}),selectCarObj.getTabPosition(),selectCarObj.getBrandList(),e.addEventListener("click",(function(){selectCarObj.toggleStepBrand()})),t.addEventListener("click",(function(){documentReference().classList.add("slide-up")})),t.addEventListener("blur",(function(){documentReference().classList.remove("slide-up")})),{goToStep:function(t){let a=!1,s=null,i=null,r=documentReference();const o=r.querySelectorAll(".dev-tab-chips li");o&&o.forEach(e=>{null!=e.dataset.tabPosition&&1==e.dataset.tabPosition&&e.dataset.id==t&&(a=!0),e.dataset.id==t&&(s=e)});let d="chip-"+t,n="tab-"+t,u=r.querySelector(`#${n}-panel`),b=r.querySelector(`#tab-${t}-value`).innerHTML;r.querySelector("#"+d).classList.add("hide"),function(e){for(var t=e.nextElementSibling;t;)1===t.nodeType&&t!==e&&t.classList.add("hide"),t=t.nextSibling}(r.querySelector("#"+d)),r.querySelectorAll(".b-step").forEach(c),r.querySelectorAll(".tabs > *").forEach(c),u.classList.add("active"),r.querySelector("#"+n).classList.add("active"),e.addEventListener("click",(function(){selectCarObj.toggleStepBrand()}));const v=null!=s?s.dataset.tabPosition:0;let h=v-1;l=s.dataset.id,o.forEach(e=>{if(""!==b){if(s.dataset.id!=e.dataset.id&&0!=v&&v<e.dataset.tabPosition&&(i=e,selectCarObj.activePreviousElm(t,"",i.dataset.id)),s.dataset.id!=e.dataset.id&&0!=v&&h==e.dataset.tabPosition){let a=e.dataset.id;l=a,selectCarObj.activePreviousElm(t,a),r.querySelector("#tab-"+t).classList.remove("active")}1==a&&(r.querySelector(".popup-modal-close").classList.remove("wap-hidden","hidden"),r.querySelector(".selected-nav").classList.add("hide"),r.querySelector(".icon-arrow-left").classList.add("hide"),r.querySelector(".card-title").classList.add("p-xxl-r"),r.querySelector(".card-title").classList.remove("m-md-t"),r.querySelector(".tab-chips").classList.remove("chips-added"))}r.querySelector(".popup-modal-close").addEventListener("click",(function(){selectCarObj.toggleStepBrand()}))}),1==a&&selectCarObj.activePreviousElm("",t),null!=l&&selectCarObj.showTab(l),selectCarObj.tabElement(t)}}}function showSearchtab(e){selectCarObj.showSearchtab(e)}function documentReference(){return document.querySelector('[data-modal-select="true"]')}selectCar(),"web"==gd.config.source&&setTimeout(()=>{documentReference().querySelector("#search-data").select()},200);