PageSourceSearch

https://www.toyota.co.th/component/build/web-header/web-header.min.js?v=1178

js toyota.co.th collected 2026-10-02 07:42:51 UTC 118,735 bytes, 1 lines download raw bytes

1var e=Object.defineProperty,a=(a,t,n)=>((a,t,n)=>t in a?e(a,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[t]=n)(a,"symbol"!=typeof t?t+"":t,n);const t=e=>{function a(){$("#header").removeClass("show-nav show-subnav"),$("#header #nav__main .detail").removeClass("resize"),$("#header #nav__main .has-info").removeClass("active"),$("#header #nav__main .box__link").removeClass("hidden"),$('#header #nav__main [class^="box__detail"]').removeClass("show")}$(function(){function s(){var e=$("web-header").attr("base-url");const a=$('.box__search input[name="keyword"]').val();if(a){const t=`${e}/search?keyword=${encodeURIComponent(a)}`;window.location.href=t}}$('input[name="keyword"]').on("input",function(){this.value=this.value.replace(/[^ก-๙^A-Za-z^0-9-,/_ ]/g,"")}),$(".btn-search-submit").on("click",function(e){e.preventDefault(),s()}),$('input[name="keyword"]').on("keypress",function(e){13==e.which&&(e.preventDefault(),s())});const o=e.car_series,i=t(o,4e5),l=n(o,6e6),r=document.getElementById("min_price");r&&(r.value=i);const c=document.getElementById("max_price");c&&(c.value=l),$("#header #nav__main .toggle").on("click",function(){$("#header").addClass("show-nav")}),$("#header #nav__main .detail > .btn-close, #header #nav__main > .bg").on("click",function(){a()}),$("#header .link-search").on("click",function(){$(".popup__search").show(),$("#header").removeClass("show-nav show-subnav")}),$("#header .link-buy").on("click",function(){$("#header").addClass("show-nav"),$("#nav__main #nav-buy a").click()}),$(".popup__search .btn-close, .popup__search .bg").on("click",function(){$(".popup__search").hide()}),$("#header #nav__main .box__detail .btn-back").on("click",function(){$("#header #nav__main .box__link").removeClass("hidden"),$('#header #nav__main [class^="box__detail"]').removeClass("show"),$("#header #nav__main .has-info").removeClass("active")}),$("#header #nav__main .has-info").on("click",function(){$("#header #nav__main .detail").addClass("resize"),$("#header #nav__main .has-info").removeClass("active"),$(window).width()<=991&&$("#header #nav__main .box__link").addClass("hidden"),$(this).addClass("active"),$('#header #nav__main [class^="box__detail"]').removeClass("show")}),$(window).width()>960?($(".box__shopping-tool").css({marginTop:-.5*$(".box__shopping-tool .list__info").height()}),$(".box__shopping-tool .list__info .link").hover(function(){$(this).parent().addClass("active")},function(){$(this).parent().removeClass("active")}),setTimeout(function(){$(".box__detail-model .box__overflow").css({height:$(window).height()-2.5*$("#header .box__language").innerHeight()-$(".box__detail-model .box__head").innerHeight()})},300)):($(".nav__footer .head").on("click",function(){$(this).parent().hasClass("show")?$(this).parent().removeClass("show"):($(".nav__footer .box").removeClass("show"),$(this).parent().addClass("show"))}),setTimeout(function(){$(".box__detail-model .box__overflow").css({height:$(window).height()-$(".box__detail-model .box__head").innerHeight()})},300));var d=$(window).scrollTop(),_=$(window).height();d>_?$("#header").addClass("swap-color"):d<_&&$("#header").removeClass("swap-color"),$(".popup__info .btn-close").on("click",function(){$(this).parent().parent().toggleClass("show")}),$(".popup__info .bg").on("click",function(){$(this).parent().toggleClass("show")}),$("#select-multiple-detail-model").on("click",function(){$("#box__select-detail-model").addClass("show"),$("#box__select-detail-model .bg").fadeIn()}),$("#box__select-detail-model .bg, #box__select-detail-model .btn-close").on("click",function(){$("#box__select-detail-model").removeClass("show"),$("#box__select-detail-model .bg").fadeOut()}),$("#header .box__language .btn-switch-lang").on("click",function(){a()})}
1),$(window).scroll(function(){var e=$(window).scrollTop(),a=$(window).height()/1.3;e>a?$("#header").addClass("swap-color"):e<a&&$("#header").removeClass("swap-color"),$(window).width()>960?setTimeout(function(){$(".box__detail-model .box__overflow").css({height:$(window).height()-2.5*$("#header .box__language").innerHeight()-$(".box__detail-model .box__head").innerHeight()})},300):setTimeout(function(){$(".box__detail-model .box__overflow").css({height:$(window).height()-$(".box__detail-model .box__head").innerHeight()})},300)}),setTimeout(function(){$("#header #nav__main .info-model").on("click",function(){$("#header #nav__main .box__detail-model").addClass("show"),$(".box__detail-model .info").removeClass("show"),$(".detail-model-1").addClass("show")}),$("#header #nav__main .info-aftersale").on("click",function(){$("#header #nav__main .box__detail-aftersale").addClass("show"),$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-1").addClass("show")}),$("#header #nav__main .info-network").on("click",function(){$("#header #nav__main .box__detail-network").addClass("show"),$(".box__detail-network .info").removeClass("show"),$(".detail-network-1").addClass("show")}),$("#header #nav__main .info-group").on("click",function(){$("#header #nav__main .box__detail-group").addClass("show"),$(".box__detail-group .info").removeClass("show"),$(".detail-group-1").addClass("show")}),$("#header #nav__main .info-dealer").on("click",function(){$("#header #nav__main .box__detail-dealer").addClass("show"),$(".box__detail-dealer .info").removeClass("show"),$(".detail-dealer-1").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-home a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-1").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-appointent a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-2").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-services a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-3").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-tcfrplus a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-4").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-promotion a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-5").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-business a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-7").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-products a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-8").addClass("show")}),$("#header #nav__main .info-aftersale .list li.subnav-item-aftersales-owner-manual a").on("mouseover",function(){$(".box__detail-aftersale .info").removeClass("show"),$(".detail-aftersale-9").addClass("show")}),$("#header #nav__main .info-network .list li:nth-child(1) a").on("mouseover",function(){$(".box__detail-network .info").removeClass("show"),$(".detail-network-1").addClass("show")}),$("#header #nav__main .info-network .list li:nth-child(2) a").on("mouseover",function(){$(".box__detail-network .info").removeClass("show"),$(".detail-network-2").addClass("show")}),$("#header #nav__main .info-network .list li:nth-child(3) a").on("mouseover",function(){$(".box__detail-network .info").removeClass("show"),$(".detail-network-3").addClass("show")}),$("#header #nav__main .info-network .list li:nth-child(4) a").on("mouseover",function(){$(".box__detail-network .info").removeClass("show"),$(".detail-network-4").addClass("show")}),$("#header #nav__main .info-network .list li:nth-child(5) a").on("mouseover",function(){$(".box__detail-network .info").removeClass("show"),$(".detail-network-
15").addClass("show")}),$("#header #nav__main .info-network .list li:nth-child(6) a").on("mouseover",function(){$(".box__detail-network .info").removeClass("show"),$(".detail-network-6").addClass("show")}),$("#header #nav__main .info-group .list li:nth-child(1) a").on("mouseover",function(){$(".box__detail-group .info").removeClass("show"),$(".detail-group-1").addClass("show")}),$("#header #nav__main .info-group .list li:nth-child(2) a").on("mouseover",function(){$(".box__detail-group .info").removeClass("show"),$(".detail-group-2").addClass("show")}),$("#header #nav__main .info-group .list li:nth-child(3) a").on("mouseover",function(){$(".box__detail-group .info").removeClass("show"),$(".detail-group-3").addClass("show")}),$("#header #nav__main .info-group .list li:nth-child(4) a").on("mouseover",function(){$(".box__detail-group .info").removeClass("show"),$(".detail-group-4").addClass("show")}),$("#header #nav__main .info-group .list li:nth-child(5) a").on("mouseover",function(){$(".box__detail-group .info").removeClass("show"),$(".detail-group-5").addClass("show")}),$("#header #nav__main .info-group .list li:nth-child(6) a").on("mouseover",function(){$(".box__detail-group .info").removeClass("show"),$(".detail-group-6").addClass("show")}),$("#price-range-submit").hide()},300);const t=(e,a)=>{const t=e.flatMap(e=>{var a;return(null==(a=e.series)?void 0:a.map(e=>e.start_price))||[]}).filter(e=>void 0!==e);if(t.length>0){return Math.min(...t)}return a},n=(e,a)=>{const t=e.flatMap(e=>{var a;return(null==(a=e.series)?void 0:a.map(e=>e.max_price))||[]}).filter(e=>void 0!==e);if(t.length>0){return null==Math?void 0:Math.max(...t)}return a}},n={lang:"en",menu:"Menu",buy_a_car:"Buy A Car",model:"Model",wish_a_car:"Wish A Car",toyota_leasing:"Toyota Leasing","long-term_rent_with_kinto":"Long-Term Rent with Kinto",buy_used_car_with_toyota_sure:"Buy Used Car With Toyota Sure",aftersales_service:"Aftersales Service",leasing:"Leasing",insurance:"Insurance",price_list:"Price List",promotion:"Promotion",news:"News",sales_volume:"Sales Volume",services:"Services",dealer_search:"Dealer Search",salesperson_search:"Salesman Search",salesman:"Salesman",corporate:"Corporate",toyota_corporate_social_responsibility:"Toyota Corporate Social Responsibility",contact_inquiry:"Contact",contact:"Contact",contact_us:"Contact Us",network:"Network",thai_english:"Thai English",test_drive:"Test Drive",quotation:"Quotation",calculate_installment:"Calculate Installment",model_compare:"Model Compare",car_model_compare:"Model Compare",compare_model_vs_model:"Compare Model vs Model",search:"Search",dealers:"Dealers",inquiry:"Inquiry",career:"Career",plant_tour:"Plant Tour",toyota_circle:"Toyota Circle",car_new:"NEW!",passenger_car:"Passenger Car",pickup:"Pickup",suv:"SUV","vt-connect":"T-Connect",toyota_privilege:"Toyota Privilege",csr_committee:"CSR Committee",environmental_report:"Environmental Report",road_safety:"Road Safety",toyota_greentown:"Toyota Greentown",biotope:"Biotope",toyota_social_innovation:"Toyota Social Innovation",toyota_thailand_foundation:"Toyota Thailand Foundation",rachamongkol_rice_mill:"Rachamongkol Rice Mill",social_relationship_management:"Social Relationship Management",toyota_art_camp:"Toyota Art Camp",company_information:"Company Information",management_team:"Management Team",company_message:"Company Message",toyota_ethics:"Code of Conduct",corporate_policies_and_management:"Corporate Policies and Management","e-toyota_club":"e-TOYOTA CLUB",toyota_leasing_thailand:"Toyota Leasing thailand",toyota_care:"Toyota Care",toyota_insurance_broker:"Toyota Insurance Broker",siam_toyota_manufacturing:"Siam Toyota Manufacturing","t-mex":"T-MEx",__subnav:" -------Start----Subnav--------",sub_update:"Update",toyota_driving_experience_park:"TOYOTA Driving Experience Park",toyota_automotive_technological_college:"Toyota Automotive Technological College",toyota_hybrid:"Toyota Hybrid",tdem:"TDEM",toyota_auto_works:"Toyota Auto Works",found:"Found",models:"Model(s)",customer_contact_center:"Customer Contact Center","247_service":"Voice Bot Technology<br />and Roadside Assistance are available<br />24 hours a day",or:"or",toll_free_upcountry:"Toll free for upcountry",fixed_line_only:"fixed line only 24/7 service",email:"E-mail",copyright:"Copyright 2022 Toyota Motor Thailand Co., Ltd. All rights reserved.",term_of_use:"Terms of Use",privacy_policy:"Privacy Policy",cookie_policy:"Cookies Policy and 
1Settings",search_toyota_website:"Search on Toyota's Website",highlight_keyword:"Highlight Keyword",searching:"Searching...",keyword_min_character:"Keyword must be at least 3 characters.",search_results:"Search Results",your_search_results:"Search result for ",items:"Item(s)",search_not_found:"Sorry, the information you searched for could not be found.",special_offers:"Special Offers",view_all:"View All",start:"Start",baht_per_month:"Baht/Month",click_scroll_down:"click for scroll down",calculator:"Calculator",price:"Price",price_standard:"Standard Price",price_total:"Total",remark:"Remark",remark_model_lineup_price:"Some details or equipment may differ from the actual sale.",select_grade:"Select Grade",compare_with_another_model:"Compare With Other Models",term_of_use_detail:"Due to the matter of domestic demand and internal policy, all information presented herein is based on data available at the time of posting, is subject to change without notice and pertains specifically to the Kingdom of Thailand vehicles only.",see_all_model:"See All Models",model_prices_shown:"Model Prices Shown",sort_by:"Sort By",sort_asc:"Low - High",sort_dsc:"High - Low",print_price_list:"Print Price List",view_specs:"View Specs",highlight:"Highlight",grade:"Grade",transmission:"Transmission",price_baht:"Price (Baht)",select_model_to_view_price:"Select Model to View Price",select_this_segment:"Select This Segment",view_price:"View Price",__________Contact_Page:"Start Contact Page Translate--------------------------------------",toyota_is_ready_to_serve_you:"Toyota is ready to serve you",if_you_have_comment_contact:"If you have any comments or suggestions concerning Toyota automobiles or services.",you_can_mail_us_to_Toyota:"You can mail us to Toyota at the address provided below.",tmt_thailand_ltd:"Toyota Motor Thailand Co., Ltd.",tmt_address:"186/1 Moo 1, Old Railway, Samrong Tai, Phrapradeang, Samutprakarn 10130",telephone:"telephone","24hour_contact":"Tel. 1486 24/7 service",upcountry_contact:"(or 1800-238444 Toll free for upcountry",fix_line_contact:"fixed line only 24/7 service)",name_lastname:"Name - Lastname",please_enter:"Please Enter",wrong_email:"Wrong Email",telephone_number:"Telephone Number",wrong_telephone_number:"Wrong Telephone Number",subject:"Subject",details:"Details",tmt_ho_samrong:"Headquarters and Toyota Factory (Samrong)",address:"Address",toyota_assembly_gateway:"Toyota Assembly Plant (Gateway)",assembly_gateway_address:"74 Moo 9, Hua Samrong, Plangyao, Chachoengsao 24190",fax:"Fax",assembly_plant_banpho:"Toyota Assembly Plant (Ban Pho)",banpho_address:"99 Moo 2, Lad Kwang, Ban Pho, Chachoengsao 24140",submitting:"Submitting",submit:"Submit",submit_success:"<h4>Thank you for your submitted information.</h4>We have already forwarded this to our staff in charge.<br>If there is any further concern, you will be contacted shortly.",i_have_read_and_agreed_with:"I have read and agreed with",please_agree:"Please agree",__promotion_page:"---------------Start Promotion Translator------------",promotion_subtitle:"<span>Please check the price / promotion with the dealer near you.</span><span>The company reserves the right to change the conditions without prior notice.</span>",view_details:"View Details",share:"Share",promotion_toyota:"Promotion Toyota",notfound_promotion:"Promotion Not Found",__sales_volume_page:"---------------Start Sales-Volume Translator------------",sales_vol_subtitle:"<span>Follow Toyota's Sales Volume update monthly.</span><span>You can find Sales Volume by select car type or month on tools below.</span>",select_car_type:"Select car type",view_all_type:"View Type",select_month:"Month",select_year:"Year",select_target_year:"Year",select_target_month:"Month",select_target_terms:"Terms",percentage:"Share(%)",brand:"Brand",__news_page:"---------------Start news Translator------------",news_subtitle:"<span>Update stories and movements of Toyota Motor Thailand and its affiliates</span><span>Toyota has compiled all the news from throughout different times with a search engine tailored to your needs.</span>",select_news:"Select News",month:"Month",year:"Year",search_keyword:"Search Keyword",type_keyword:"Type Your Keyword",notfound_data:"Data Not Found",print:"Print",toyota_news:"Toyota News",image:"Image",download_zip:"Download ZIP",size_57mb:"Size : 57.5 MB",additional_document:"Additional Documents",related_news:"Related News",popular_news:"Popular News",video:"Video",view_image_more:"View More",__dealers_page:"---------------Start dealers Translator------------",postcode_search:"Search By Postal Code",province_search:"Search By Province",branch_search:"Search Branch",searching_your_location:"Searching Your Location",dealer_search_near_you:"Search Dealer Near You",map:"Map",list:"List",office:"Office",showroom:"Showroom",general_service:"Service Center",bp_service:"Body & Paint Center",include_dealer_temp:"Temporary 
1Service Center",dealer_temp_remark:"<span class='d-block d-lg-inline'>* Temporary service center, which may not provide all services. </span>Please call for more information.",notfound_dealers:"Data Not Found.",branch:"Branch",__calculator_page:"---------------Start Installmentmodal Translator------------",select_car_for_calculation:"Select a Model to Start Calculate",select_model:"Model",model_price:"Grade - Price (Baht)",select_model_price:"Grade - Price",down_payment:"Down Payment",select_down:"Select Down Payment",installment_period:"Payment Terms ",select_installment_period:"Payment Terms ",color:"Color",amount_downpayment:"Down Payment Amount",lease_sum:"Finance Amount",recalculate:"Recalculate",calculate_results:"Calculation Result:",hire_purchase:"Hire Purchase",leasing_per_month:"Monthly Installment",terms:"Terms",new_car_standard:"Hire Purchase (New Car)",select_other_options_at_tlt:"Or see more options at Toyota Leasing:",__toyota_csr:"---------------Start CSR Translator------------",toyota_social_responsibility:"Toyota Social Responsibility",toyota_drive_happiness:"Toyota Drive Happiness",__wish_a_car:"---------------Start wish a car Translator------------",special_services_for_toyota_customer:"Special Services for Toyota Customer",__services:"---------------Start Services Translator------------",service_subtitle:"In our eyes, our customers are the co-founders of Toyota Motor Thailand",service:"Service",__compare_page:"---------------Start Compare Translator------------",car_compare:"Car Compare",car_compare_toyota:"Compare Toyota Car Models",view_all_model:"View All Models",corporate_index_intro:"In our eyes, our customers are the co-founders of Toyota Motor Thailand",specification:"Specification",compare_within_same_model:"Compare Within The Same Model",__network_page:"--------------------------",lexus_thailand:"Lexus Thailand",more:"MORE",latest_news:"LATEST NEWS",add_model:"Add Model",view_compared_data:"View Compared Data",please_select_model:"Please select Model",please_select_grade:"Please select Grade",select:"Select",cancel:"Cancel",calculate:"Calculate",clear:"Clear",dealer_tel:"Contact Number",dealer_sales_services:"Service Center",dealer_other_chanel:"Other Channel",dealer_work_hour:"Operating Hours",dealer_showroom:"Showroom",dealer_general_service:"Service Center",dealer_body_point:"Body & Paint Center",dealer_office:"Office",tel:"Tel.",request_quotation:"Request Quotation",contact_online_channels:"Online Channels",language:"Language",close_menu:"Close Menu",found_x_models:"Found {count} Models",found_x_model:"Found {count} Model",car_type:"Car Type",filter:"Filter",back:"Back",ok:"OK",price_range:"Price range",sort_by_price:"Sort by price",sort_by_price_asc:"Low - High",sort_by_price_dsc:"High - Low",more_detail:"More details",home:"Home",reset:"Reset",seats:"Seats",toyota_ssc:"Special Service Campaign",contact_and_visit:"Contact and Visit",meta_keywords:"car, automobile, sedan, pickup truck, SUV, multipurpose vehicle, buy car, check price, car price, Japanese car, Toyota",meta_description:"Find all Toyota car models, including sedans, pickup trucks, SUVs, car accessories, installment calculations, request for Toyota car quotes, book a Toyota test drive, along with after-sales service information, dealer lists, service centers, press releases, promotions, and special activities of Toyota Motor Thailand Co., Ltd.",home_page_title:"โตโยต้า มอเตอร์ ประเทศไทย | รวมข้อมูลรถ ราคา TOYOTA ทุกรุ่น",home_page_description:"รวมข้อมูลบริษัทโตโยต้า ข่าวประชาสัมพันธ์ เปิดตัวรถโตโยต้ารุ่นใหม่ล่าสุด สเปครถ ราคา และโปรโมชันทุกรุ่น พร้อมข้อมูลบริการหลังการขาย ศูนย์บริการ และผู้แทนจำหน่าย",model_line_up:"Line Up",toyota:"Toyota",start_price:"Starting Price",hybrid:"Hybrid",baht:"Baht",ecommerce:"Parts/Services Online Store",discover_toyota:"Discover Toyota",how_to_register:"How to Register",owner_manual:"Owner's Manual",end:"end"},s={lang:"th",menu:"เมนู",buy_a_car:"สนใจซื้อรถ",model:"รุ่นรถ",wish_a_car:"อยากมีรถขับ",toyota_leasing:"เช่าซื้อรถ กับ Toyota Leasing","long-term_rent_with_kinto":"เช่ารถระยะยาว กับ KINTO",buy_used_car_with_toyota_sure:"รถมือสอง กับ Toyota Sure",aftersales_service:"บริการหลังการขาย",leasing:"บริการสินเชื่อ",insurance:"ประกันภัย",price_list:"ตารางราคา",promotion:"โปรโมชัน",news:"ข่าวประชาสัมพันธ์",sales_volume:"สรุปยอดจำหน่าย",services:"บริการ",dealer_search:"ค้นหาผู้แทนจำหน่าย",salesperson_search:"ค้นหาที่ปรึกษาการขาย",salesman:"ที่ปรึกษาการขาย",corporate:"องค์กร",toyota_corporate_social_responsibility:"โตโยต้าเพื่อสังคม",contact_inquiry:"ติดต่อสอบถาม",contact:"ติดต่อ",contact_us:"ติดต่อสอบถาม",network:"เครือข่ายโตโยต้า",thai_english:"ภาษาไทยENGLISH",test_drive:"ทดลองขับ",quotation:"ขอใบเสนอราคา",calculate_installment:"คำนวณค่างวด",model_compare:"เปรียบเทียบรุ่น",car_model_compare:"เปรียบเทียบรุ่นรถ",compare_model_vs_model:"เทียบà¸
1à¸±à¸™à¸£à¸¸à¹ˆà¸™à¸•่อรุ่น",search:"ค้นหา",dealers:"ผู้แทนจำหน่าย",inquiry:"สอบถาม",career:"สมัครงาน",plant_tour:"เยี่ยมชมโรงงาน",toyota_circle:"เยี่ยมชมศูนย์เรียนรู้โตโยต้า",car_new:"NEW!",passenger_car:"รถเก๋ง",pickup:"รถกระบะ",suv:"รถเอนกประสงค์","t-connect":"T-Connect",toyota_privilege:"สิทธิประโยชน์จากโตโยต้า",csr_committee:"ที่ปรึกษาและคณะกรรมการ CSR",environmental_report:"รายงานสิ่งแวดล้อม",road_safety:"ความปลอดภัยบนท้องถนน",toyota_greentown:"โตโยต้าเมืองสีเขียว",biotope:"ชีวพนาเวศ",toyota_social_innovation:"โตโยต้าธุรกิจชุมชนพัฒน์",toyota_thailand_foundation:"มูลนิธิโตโยต้าประเทศไทย",rachamongkol_rice_mill:"โรงสีข้าวรัชมงคล",social_relationship_management:"โตโยต้าสังคมแห่งความสุข",toyota_art_camp:"Toyota Art Camp",company_information:"ข้อมูลบริษัท",management_team:"คณะผู้บริหาร",company_message:"สารจากบริษัท",toyota_ethics:"จรรยาบรรณบริษัท",corporate_policies_and_management:"นโยบายและการจัดการ","e-toyota_club":"e-TOYOTA CLUB",toyota_leasing_thailand:"โตโยต้า ลีสซิ่ง ประเทศไทย",toyota_care:"โตโยต้า แคร์",toyota_insurance_broker:"โตโยต้า อินชัวรันซ์ โบรกเกอร์",siam_toyota_manufacturing:"สยามโตโยต้าอุตสาหกรรม","t-mex":"T-MEx",__subnav:" -------Start----Subnav--------",sub_update:"อัพเดท",toyota_driving_experience_park:"TOYOTA Driving Experience Park",toyota_automotive_technological_college:"วิทยาลัยเทคโนโลยียานยนต์โตโยต้า",toyota_hybrid:"โตโยต้า ไฮบริด",tdem:"TDEM",toyota_auto_works:"โตโยต้า ออโต้ เวิร์คส์",found:"พบ",models:"รุ่น",customer_contact_center:"ศูนย์บริการข้อมูลลูกค้า","247_service":"บริการด้วยเทคโนโลยี Voice Bot <br/>และประสานช่วยเหลือรถเสียฉุกเฉิน 24 ชั่วโมง",or:"หรือ",toll_free_upcountry:"โทรฟรีสำหรับต่างจังหวัด",fixed_line_only:"เฉพาะโทรศัพท์พื้นฐาน ตลอด 24 ชั่วโมง",email:"อีเมล",copyright:"สงวนลิขสิทธิ์ พ.ศ. 2565 บริษัท โตโยต้า มอเตอร์ ประเทศไทย จำกัด",term_of_use:"เงื่อนไขการใช้งาน",privacy_policy:"นโยบายความเป็นส่วนตัว",cookie_policy:"นโยบายและการตั้งค่าคุกกี้",search_toyota_website:"ค้นหาเว็บไซต์ Toyota",highlight_keyword:"คีย์เวิร์ดแนะนำ",searching:"กำลังค้นหา...",keyword_min_character:"คำค้นหาต้องไม่ต่ำกว่า 3 ตัวอักษร",search_results:"ผลการค้นหา",your_search_results:"ผลลัพธ์การค้นหาของคุณ",items:"รายการ",search_not_found:"ขออภัย ไม่พบข้อมูลที่คุณค้นหา",special_offers:"ข้อเสนอสุดพิเศษ | โปรโมชันล่าสุด",view_all:"ดูทั้งหมด",start:"เริ่มต้น",baht_per_month:"บาท/เดือน",click_scroll_down:"คลิกเพื่อเลื่อนลงข้างล่าง",calculator:"คำนวณค่างวด",price:"ราคา",price_standard:"ราคามาตรฐาน",price_total:"ราคารวม",remark:"หมายเหตุ",remark_model_lineup_price:"รายละเอียดหรืออุปกรณ์บางส่วนอาจแตกต่างจากที่จำหน่ายจริง",select_grade:"เลือกเกรด",compare_with_another_model:"เปรียบเทียบà¸
1à¸±à¸šà¸£à¸¸à¹ˆà¸™à¸­à¸·à¹ˆà¸™",term_of_use_detail:"บริษัท โตโยต้า มอเตอร์ ประเทศไทย จำกัด สงวนสิทธิ์ในการเปลี่ยนแปลงราคา รายละเอียด และส่วนประกอบต่างๆ โดยมิต้องแจ้งให้ทราบล่วงหน้า และส่วนประกอบอาจมีการเปลี่ยนแปลง เพื่อให้เหมาะสมกับนโยบายตามสภาพและความต้องการภายในประเทศ โปรดสอบถามรายละเอียด และส่วนประกอบอุปกรณ์ต่างๆ ได้จากผู้แทนจำหน่ายโตโยต้าใกล้บ้านท่าน",see_all_model:"ดูราคาทุกรุ่น",model_prices_shown:"รุ่นรถที่แสดงราคา",sort_by:"เรียงตาม",sort_asc:"ราคาน้อย - มาก",sort_dsc:"ราคามาก - น้อย",print_price_list:"พิมพ์ตารางราคา",view_specs:"ดูสเปค",grade:"เกรด",highlight:"จุดเด่น",transmission:"ระบบเกียร์",price_baht:"ราคา (บาท)",select_model_to_view_price:"เลือกรุ่นรถที่ต้องการแสดงราคา",select_this_segment:"เลือกทุกรุ่นในหมวดนี้",view_price:"แสดงราคา",__________Contact_Page:"Start Contact Page Translate--------------------------------------",toyota_is_ready_to_serve_you:"โตโยต้า พร้อมให้บริการคุณ",if_you_have_comment_contact:"หากคุณมีคำแนะนำ ข้อคิดเห็น หรือข้อสงสัย เกี่ยวกับรถยนต์และบริการ",you_can_mail_us_to_Toyota:"คุณสามารถส่งรายละเอียดมาได้ที่",tmt_thailand_ltd:"บริษัท โตโยต้า มอเตอร์ ประเทศไทย จำกัด",tmt_address:"186/1 หมู่ 1 ถ.ทางรถไฟเก่า ต.สำโรงใต้ อ.พระประแดง จ.สมุทรปราการ 10130",telephone:"โทรศัพท์","24hour_contact":"เบอร์ 1486 ตลอด 24 ชั่วโมง",upcountry_contact:"(หรือ 1800-238444 โทรฟรีสำหรับต่างจังหวัด",fix_line_contact:"เฉพาะโทรศัพท์พื้นฐาน ตลอด 24 ชั่วโมง)",name_lastname:"ชื่อ - นามสกุล",please_enter:"กรุณาระบุ",wrong_email:"อีเมลไม่ถูกต้อง",telephone_number:"เบอร์โทรศัพท์",wrong_telephone_number:"เบอร์โทรศัพท์ไม่ถูกต้อง",subject:"หัวข้อเรื่อง",details:"รายละเอียด",tmt_ho_samrong:"สำนักงานใหญ่และโรงงานโตโยต้า (สำโรง)",address:"ที่อยู่",toyota_assembly_gateway:"โรงงานประกอบรถยนต์โตโยต้า (เกตเวย์)",assembly_gateway_address:"74 หมู่ 9 ต.หัวสำโรง อ.แปลงยาว จ.ฉะเชิงเทรา 24190",fax:"โทรสาร",assembly_plant_banpho:"โรงงานประกอบรถยนต์โตโยต้า (บ้านโพธิ์)",banpho_address:"99 หมู่ 2 ต.ลาดขวาง อ.บ้านโพธิ์ จ.ฉะเชิงเทรา 24140",submitting:"กำลังส่งข้อความ",submit:"ส่งข้อความ",submit_success:"<h4>ขอบคุณสำหรับข้อมูลของท่าน</h4>ระบบทำการส่งต่อไปยังเจ้าหน้าที่เรียบร้อยแล้ว<br>ทั้งนี้ เจ้าหน้าที่จะทำการตรวจสอบรายละเอียด และติดต่อกลับโดยเร็ว",i_have_read_and_agreed_with:"ข้าพเจ้ายอมรับตาม",please_agree:"กรุณายอมรับ",__promotion_page:"---------------Start Promotion Translator------------",promotion_subtitle:"<span>โปรดตรวจสอบราคา / โปรโมชัน กับผู้แทนจำหน่ายใกล้บ้านท่าน</span><span>บริษัทฯ ขอสงวนสิทธิ์ในการเปลี่ยนแปลงเงื่อนไขโดยมิต้องแจ้งให้ทราบล่วงหน้า</span>",view_details:"ดูรายละเอียด",share:"แชร์ไปยัง",promotion_toyota:"โปรโมชันโตโยต้า",notfound_promotion:"ไม่พบข้อมูลโปรโมชัน",__sales_volume_page:"---------------Start Sales-Volume Translator------------",sales_vol_subtitle:"<span>ติดตามรายงานสรุปยอดขาย ในแต่ละเดือนของโตโยต้าก่อนใคร</span><span>คุณสามารถค้นหายอดขายได้โดยเลือกประเภทและเดือนที่ต้องการจากเครื่องมือด้านล่าง</span>",select_car_type:"เลือกทุกประเภทรถยนต์",view_all_type:"ดูประเภท",select_month:"ระบุเดือน",select_year:"ระบุปี",select_target_year:"ปี",select_target_month:"เดือน",select_target_terms:"เดือน",percentage:"เปอร์เซ็นต์",brand:"ยี่ห้อ",__news_page:"---------------Start news Translator------------",news_subtitle:"<span>อัพเดตเรื่องราว ทุกความเคลื่อนไหว ของโตโยต้า มอเตอร์ ประเทศไทย และบริษัทในเครือ</span><span>โตโยต้าได้รวบรวมข่าวสารตามช่วงเวลาต่างๆ ไว้ทั้งหมด พร้อมระบบการค้นหาข่าวตามความต้องการของคุณ</span>",select_news:"เลือกหมวดข่าว",month:"เดือน",year:"ปี",search_keyword:"คำค้นหา",type_keyword:"พิมพ์คำที่ต้องการค้นหา",notfound_data:"ไม่พบข้อมูลที่คุณค้นหา",print:"พิมพ์",toyota_news:"ข่าวโตโยต้า",image:"รูปภาพ",download_zip:"ดาวน์โหลด ZIP",size_57mb:"ขนาด : 57.5 MB",additional_document:"เอกสารเพิ่มเติม",related_news:"ข่าวที่เกี่ยวข้อง",popular_news:"ข่าวยอดนิยม",video:"วิดีโอ",view_image_more:"ดูรูปภาพอื่นๆ",__dealers_page:"---------------Start dealers Translator------------",postcode_search:"ค้นหาด้วยรหัสไปรษณีย์",province_search:"ค้นหาจากจังหวัด",branch_search:"ค้นหาสาขา",searching_your_location:"กำลังค้นหาตำแหน่งของคุณ",dealer_search_near_you:"ค้นหาผู้แทนจำหน่ายใกล้คุณ",map:"แผนที่",list:"รายชื่อ",office:"ออฟฟิศ",showroom:"โชว์รูม",general_service:"ศูนย์บริการทั่วไป",bp_service:"ศูนย์บริการตัวถังและสี",include_dealer_temp:"ศูนย์บริการชั่วคราว",dealer_temp_remark:"<span class='d-block d-lg-inline'>* ศูนย์บริการชั่วคราว ซึ่งอาจจะมีไม่ครบทุกบริการ <
1/span>กรุณาโทรติดต่อสำหรับข้อมูลเพิ่มเติม",notfound_dealers:"ไม่พบผู้แทนจำหน่ายที่คุณค้นหา",branch:"สาขา",__calculator_page:"---------------Start Installmentmodal Translator------------",select_car_for_calculation:"กรุณาเลือกรุ่นรถที่ต้องการคำนวณค่างวด",select_model:"เลือกรุ่นรถ",model_price:"รุ่น - ราคา (บาท)",select_model_price:"เลือกรุ่น - ราคา",down_payment:"เงินดาวน์",select_down:"เลือกเงินดาวน์",installment_period:"ระยะเวลาการผ่อน",select_installment_period:"เลือกระยะเวลาการผ่อน",color:"สี",amount_downpayment:"จำนวนเงินดาวน์",lease_sum:"ยอดจัดสินเชื่อ",recalculate:"คำนวณใหม่",calculate_results:"ผลการคำนวณ",hire_purchase:"สินเชื่อมาตรฐาน",leasing_per_month:"ค่างวดต่อเดือน",terms:"งวด",new_car_standard:"มาตรฐานรถใหม่",select_other_options_at_tlt:"ดูทางเลือกอื่นๆ อีกมากมายที่โตโยต้าลีสซิ่ง",__toyota_csr:"---------------Start CSR Translator------------",toyota_social_responsibility:"ความรับผิดชอบต่อสังคมของโตโยต้า",toyota_drive_happiness:"โตโยต้า ขับเคลื่อนความสุข",__wish_a_car:"---------------Start wish a car Translator------------",special_services_for_toyota_customer:"บริการสุดพิเศษ เพื่อลูกค้าโตโยต้า",__services:"---------------Start Services Translator------------",service_subtitle:"สำหรับเรา..ลูกค้าคือผู้กำเนิดโตโยต้า",service:"บริการ",__compare_page:"---------------Start Compare Translator------------",car_compare:"เปรียบเทียบรุ่น",car_compare_toyota:"เปรียบเทียบรถโตโยต้ารุ่นต่างๆ",view_all_model:"ดูทุกรุ่น",corporate_index_intro:"สำหรับเรา..ลูกค้าคือผู้กำเนิดโตโยต้า",specification:"Specification",compare_within_same_model:"เปรียบเทียบข้อมูลในรุ่นเดียวกัน",__network_page:"--------------------------",lexus_thailand:"เลกซัส ประเทศไทย",more:"ดูเพิ่มเติม",latest_news:"LATEST NEWS",add_model:"เพิ่มรุ่นรถ",view_compared_data:"แสดงผลการเปรียบเทียบ",please_select_model:"กรุณาเลือกรุ่นรถ",please_select_grade:"กรุณาเลือกเกรด",select:"เลือก",cancel:"ยกเลิก",calculate:"คำนวณ",clear:"เริ่มใหม่",dealer_tel:"เบอร์ติดต่อ",dealer_sales_services:"ฝ่ายขายและบริการ",dealer_other_chanel:"ช่องทางอื่น",dealer_work_hour:"วันและเวลาทำการ",dealer_showroom:"โชว์รูม",dealer_general_service:"ศูนย์บริการทั่วไป",dealer_body_point:"ศูนย์บริการตัวถังและสี",dealer_office:"ออฟฟิศ",tel:"เบอร์",request_quotation:"ขอใบเสนอราคา",contact_online_channels:"ช่องทางติดต่อออนไลน์",language:"ภาษา",close_menu:"ปิดเมนู",found_x_models:"พบ {count} รุ่น",found_x_model:"พบ {count} รุ่น",car_type:"ประเภทรถ",filter:"ตัวกรอง",back:"ย้อนกลับ",ok:"ตกลง",price_range:"ตัวกรองราคา",sort_by_price:"เรียงตาม",sort_by_price_asc:"ราคาน้อย - มาก",sort_by_price_dsc:"ราคามาก - น้อย",more_detail:"รายละเอียดเพิ่มเติม",home:"หน้าหลัก",reset:"รีเซ็ต",seats:"à¸
1ˆà¸³à¸™à¸§à¸™à¸—ี่นั่ง",toyota_ssc:"กิจกรรมรณรงค์พิเศษ",contact_and_visit:"ติดต่อและเยี่ยมชม",meta_keywords:"รถ, รถยนต์, รถเก๋ง, รถกระบะ, รถ SUV, รถอเนกประสงค์, ซื้อรถ, เช็กราคา, ราคารถ, รถญี่ปุ่น, โตโยต้า",meta_description:"ค้นหารถยนต์โตโยต้าทุกรุ่น ทั้งรถเก๋ง รถกระบะ รถอเนกประสงค์ อุปกรณ์ตกแต่งรถยนต์ การคำนวณค่างวด ขอใบเสนอราคารถยนต์โตโยต้า จองรถโตโยต้าเพื่อทดลองขับ พร้อมข้อมูลบริการหลังการขายโตโยต้า รายชื่อผู้แทนจำหน่าย ศูนย์บริการ ข่าวประชาสัมพันธ์ โปรโมชั่น กิจกรรมพิเศษต่างๆ ของบริษัท โตโยต้า มอเตอร์ ประเทศไทย จำกัด",home_page_title:"โตโยต้า มอเตอร์ ประเทศไทย | รวมข้อมูลรถ ราคา TOYOTA ทุกรุ่น",home_page_description:"รวมข้อมูลบริษัทโตโยต้า ข่าวประชาสัมพันธ์ เปิดตัวรถโตโยต้ารุ่นใหม่ล่าสุด สเปครถ ราคา และโปรโมชันทุกรุ่น พร้อมข้อมูลบริการหลังการขาย ศูนย์บริการ และผู้แทนจำหน่าย",home_page_json_ld_graph_description:"เว็บไซต์อย่างเป็นทางการของบริษัท โตโยต้า มอเตอร์ ประเทศไทย จำกัด",model_line_up:"รุ่นรถโตโยต้า",toyota:"โตโยต้า",start_price:"ราคาเริ่มต้น",hybrid:"ไฮบริด",baht:"บาท",ecommerce:"ซื้ออะไหล่/บริการออนไลน์",discover_toyota:"Discover Toyota",how_to_register:"วิธีการลงทะเบียน",owner_manual:"คู่มือการใช้รถ",end:"จบ"};(()=>{if(!customElements.get("web-header")){class e extends HTMLElement{constructor(){super(),a(this,"filterByCarType",e=>{let a=".box__detail-model .car-type-item:not(.not-selected)";this.isMobile()&&(a="#box__select-detail-model .car-type-item:not(.not-selected)"),$(e).hasClass("not-selected")?$(e).removeClass("not-selected"):$(a).length>1&&$(e).addClass("not-selected"),this.filterCar()}),a(this,"filterByCarSeat",e=>{$(e).hasClass("not-selected")?$(e).removeClass("not-selected"):$(".car-seat-item:not(.not-selected)").length>1&&$(e).addClass("not-selected"),this.filterCar()}),a(this,"filterCar",()=>{var e,a;let t=".box__detail-model .car-type-item:not(.not-selected)";this.isMobile()&&(t="#box__select-detail-model .car-type-item:not(.not-selected)");const n=Array.from(document.querySelectorAll(t)).map(e=>e.getAttribute("data-code")),s=Array.from(document.querySelectorAll(".car-seat-item:not(.not-selected)")).map(e=>e.getAttribute("data-code")),o=Array.from(document.querySelectorAll('input[name="filter_fuel_types"]:checked')).map(e=>e.value),i=null==(e=this.querySelector("#minPriceInput"))?void 0:e.value,l=null==(a=this.querySelector("#maxPriceInput"))?void 0:a.value,r=parseInt((i||4e5).replace(/[^\d]/g,"")),c=parseInt((l||6e6).replace(/[^\d]/g,""));document.querySelectorAll(".car-item").forEach(e=>{var a,t,i;e.getAttribute("data-code");const l=e.getAttribute("data-type-code"),d=(null==(a=e.getAttribute("data-seat-codes"))?void 0:a.split(","))||[],_=(null==(t=e.getAttribute("data-fuel-types"))?void 0:t.split(","))||[],h=0===n.length||n.includes(l),p=0===s.length||d.some(e=>s.includes(e)),m=0===o.length||_.some(e=>o.includes(e)),u=(null==(i=e.querySelector(".price"))?void 0:i.textContent)||"",g=parseInt(u.replace(/[^\d]/g,""))||0;h&&p&&m&&(g>=r&&g<=c||0==g)?e.classList.remove("hide"):e.classList.add("hide")}),this.countVisibleCarItem()}),a(this,"countVisibleCarItem",()=>{const e=document.querySelectorAll(".car-item:not(.hide)").length;document.getElementById("car-total").textContent=e}),a(this,"visibleCarTypes",()=>{const e=[];return $(".car-type-item").each(function(){$(this).hasClass("not-selected")||e.push($(this).data("c
1ode"))}),e}),a(this,"visibleFuelType",()=>{const e=[];return $(".filter_fuel_types:checked").each(function(a){e.push($(this).val())}),e}),a(this,"handleSortByPrice",e=>{const a=Array.from(document.querySelectorAll(".car-item"));a.sort((a,t)=>{const n=parseInt(a.querySelector(".price").textContent.replace(/[^\d]/g,"")),s=parseInt(t.querySelector(".price").textContent.replace(/[^\d]/g,""));return"asc"===e?n-s:s-n});const t=this.querySelector(".list__model");t&&a.forEach(e=>t.appendChild(e))})}async connectedCallback(){try{this.PRICE_RANGE_STEP=1e4,this.PRICE_RANGE_STEP_BACK=1e5,this.PRICE_RANGE_DEFAULT_MIN=4e5,this.PRICE_RANGE_DEFAULT_MAX=6e6,this.MIN_PRICE="",this.MAX_PRICE="",this.BASE_URL=this.getAttribute("base-url")||window.location.origin,this.MEDIA_URL=this.getAttribute("media-url")||`${this.BASE_URL}/media`,this.LANG=document.documentElement.lang,this.LANG_PATH="en"===this.LANG?"/en":"",this.config={base_url:this.BASE_URL,media_url:this.MEDIA_URL,quotation_link:`${this.BASE_URL}${this.LANG_PATH}/quotation`,testdrive_link:`${this.BASE_URL}${this.LANG_PATH}/request_testdrive`,locale:this.LANG,locale_path:this.LANG_PATH,translations:{en:n,th:s}};const e=await fetch(this.config.base_url+"/component/api/tcoth/web-init",{method:"POST"}),a=await e.json();this.render(a),t(a)}catch(e){console.error("Error loading web header component:",e)}}langText(e,a){const t=document.documentElement.lang||"th";let n=this.config.translations[t]&&this.config.translations[t][e]?this.config.translations[t][e]:e;return a&&"string"==typeof n&&Object.keys(a).forEach(e=>{n=n.replace(new RegExp(`{${e}}`,"g"),a[e])}),n}isCorporatePage(){const e=window.location.pathname;return e.includes("/corporate")||e.includes("/toyota_csr")}isWebview(){const e=new URLSearchParams(window.location.search).get("viewmode"),a=window.location.pathname;return"webview"===e&&!a.startsWith("/index")}isWebviewMode(){const e=window.location.pathname;return"webview"===new URLSearchParams(window.location.search).get("view_mode")&&!e.startsWith("/index")}isPolicyPage(){const e=window.location.pathname;return e.includes("/legal/cookies_policy")||e.includes("/legal/policy")}render(e){if(this.isWebviewMode()){const e=document.createElement("link");e.rel="stylesheet",e.href=`${this.config.base_url}/css/webview.css`,document.head.appendChild(e),document.body.classList.add("webview-mode-two","webview")}this.isWebview()&&document.body.classList.add("webview-mode");const a=$("html").attr("lang"),t=e.nav_main;e.nav_top;const n=e.search_keyword_highlights,s=e.car_series,o=Math.min(...s.map(e=>e.start_price)),i=Math.max(...s.map(e=>e.start_price));this.MIN_PRICE=o||this.PRICE_RANGE_DEFAULT_MIN,this.MAX_PRICE=i||this.PRICE_RANGE_DEFAULT_MAX,window.keyword_highlights="",n.forEach(e=>{window.keyword_highlights+=`<li><a href="${this.config.base_url}${this.config.locale_path}/search?keyword=${e.keyword}">${e.keyword}</a></li>`});let l="";t.nav.forEach(e=>{var t,n;let s="",o=!1,i=!1;switch((e.list||"car-model"===e.code)&&(o=!0,i=!0,s="has-subnav"),e.code){case"car-model":s="info-model";break;case"aftersales":s="info-aftersale";break;case"business-network":s="info-network";break;case"affiliated-companies":s="info-group";break;case"dealer":s="info-dealer"}l+=`<li class="d-flex w-100 pe-lg-3 mb-2 ${i?"has-subnav":""} ${o?"has-info":""} ${s}">`,l+=`<a class="d-block black heavent fs-general fs-lg-bold" \n                    ${void 0!==(null==(t=null==e?void 0:e.list)?void 0:t.length)&&(null==(n=null==e?void 0:e.list)?void 0:n.length)>0||"car-model"===(null==e?void 0:e.code)?"":`href="${this.config.locale_path}${e.url}"`} \n                    ${void 0!==e.target&&"_blank"===e.target?'target="_blank"':""}\n                >${"en"===a?e.title_en:e.title}</a>`,(null==e?void 0:e.list)&&(l+='<div class="subnav">',l+='<ul class="list">',null==e||e.list.forEach(e=>{l+=`<li class="d-flex w-100 pe-lg-5 mb-1 subnav-item-${e.code}">`,l+=`<a class="d-inline-block black heavent" \n                                        ${void 0!==e.target&&"_blank"===e.target?`href="${"en"===this.config.locale?e.url_en:e.url}"`:`href="${(null==e?void 0:e.has_en)?this.config.locale_path:""}${e.url}"`}\n                                        \n                                        ${void 0!==e.target&&"_blank"===e.target?'target="_blank"':""}\n                                    >${"en"===a?e.title_en:e.title}</a>`,l+="</li>"}),l+="</ul>",l+="</div>"),l+="</li>"});let r="th"===this.config.locale?"javascript:;":window.location.href.replace(window.location.origin+"/en",window.location.origin),c="en"===this.config.locale?"javascript:;":window.location.href.replace(window.location.origin,window.location.origin+"/en");const d=`\n        <div class="container h-100">\n            <div id="nav__main" class="w-100 h-100 position-absolute">\n                <a class="toggle d-flex align-items-center cursor-pointer m-0 position-absolute">\n                    <p class="icon mb-0 me-lg-1">
1\n                        <span></span>\n                        <span></span>\n                        <span></span>\n                    </p>\n                    <p class="text heavent fs-thin d-none d-lg-block m-0">${this.langText("menu")}</p>\n                </a>\n\n                <div class="detail overflow-hidden bg-white">\n                    <div class="box__language d-flex align-items-center">\n                        <p class="black d-block heavent fs-small lh-1 mb-0">${this.langText("menu")}</p>\n                        <a class="black d-block heavent fs-small lh-1 text-uppercase ${"th"===this.config.locale?"active":""}" href="${r}">ไทย</a>\n                        <a class="black d-block heavent fs-small lh-1 text-uppercase ${"en"===this.config.locale?"active":""}" href="${c}">Eng</a>\n                    </div>\n                    \n                    <a class="btn-close black d-block position-absolute heavent fs-thin w-auto h-auto">${this.langText("close_menu")}</a>\n                </div>\n                <div class="bg"></div>\n            </div>\n        </div>\n        `,_=`\n        <div class="container h-100">\n            <div class="${this.isCorporatePage()?"logo__toyota-corporate":"logo__toyota"} position-absolute">            \n                <a class="d-block w-100 h-100" style="z-index:6" href="${this.config.base_url}${this.config.locale_path}" :aria-label="${this.langText("tmt_thailand_ltd")}">${this.langText("tmt_thailand_ltd")}</a>\n            </div>\n            \n            <div id="nav__main" class="w-100 h-100 position-absolute">\n                <a id="navToggle" class="toggle d-flex align-items-center cursor-pointer m-0 position-absolute">\n                    <p class="icon mb-0 me-lg-1">\n                        <span></span>\n                        <span></span>\n                        <span></span>\n                    </p>\n                    <p class="text heavent fs-thin d-none d-lg-block m-0">${this.langText("menu")}</p>\n                </a>\n                <div class="detail overflow-hidden bg-white">\n                    <div class="box__link">\n                        <div class="box__overflow">\n                            <div class="row no-gutters">\n                                <div class="col-lg">\n                                    <div class="row no-gutters align-items-lg-center h-100">\n                                        <div class="col-12">\n                                            <ul class="list list__main">\n                                                ${l}       \n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="col-12 col-lg-auto">\n                                    ${this.sidebar()}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    ${this.box__detail_model(s)}\n                    \n                    ${this.box__detail_aftersales(t)}\n\n                    ${this.box__detail_network()}\n                    \n                    ${this.box__language()}\n\n                    ${this.box__filter_model_in_nav(s)}         \n                     \n                    ${this.box__detail_dealer(t)}\n\n                    ${this.box__detail_group(t)}\n                    \n                    <a class="btn-close black d-block position-absolute heavent fs-thin w-auto h-auto">${this.langText("close_menu")}</a>\n                </div>\n                <div class="bg"></div>\n            </div>\n\n            ${this.box__shortcut_link()}\n\n        </div>\n        `;this.innerHTML=`\n        <div id="header" class="position-fixed w-100 tcoth-WCWH">\n        \n            ${this.isWebviewMode()?d:_}\n            \n        </div>\n\n        ${this.popup__search()}\n\n        ${this.popup_car_type(s)}
1\n        `,this.querySelectorAll(".car-type-item").forEach(e=>{e.addEventListener("click",a=>{this.filterByCarType(e)})}),this.querySelectorAll('input[name="sort_by_price"]').forEach(e=>{e.addEventListener("change",e=>{this.handleSortByPrice(e.target.value)})}),this.querySelectorAll(".car-seat-item").forEach(e=>{e.addEventListener("click",a=>{this.filterByCarSeat(e)})}),this.querySelectorAll('input[name="filter_fuel_types"]').forEach(e=>{e.addEventListener("change",()=>{this.filterCar()})}),this.querySelectorAll(".btn-reset-filter").forEach(e=>{e.addEventListener("click",()=>{this.querySelectorAll(".car-type-item, .car-seat-item").forEach(e=>{e.classList.remove("not-selected")}),this.querySelectorAll('input[name="filter_fuel_types"]').forEach(e=>{e.checked=!1});const e=this.querySelector('input[name="sort_by_price"]');e&&(e.checked=!1);const a=Array.from(this.querySelectorAll(".car-item"));a.sort((e,a)=>parseInt(e.getAttribute("data-index"))-parseInt(a.getAttribute("data-index")));const t=this.querySelector(".list__model");t&&a.forEach(e=>t.appendChild(e));const n=this.querySelector("#minPriceSlider"),s=this.querySelector("#maxPriceSlider"),o=this.querySelector("#minPriceInput"),i=this.querySelector("#maxPriceInput");n&&(n.value=this.MIN_PRICE),s&&(s.value=this.MAX_PRICE),o&&(o.value=this.currency_format(this.MIN_PRICE)),i&&(i.value=this.currency_format(this.MAX_PRICE)),n&&s&&this.fillSlider(n,s),this.filterCar()})});const h=this.querySelector("#minPriceSlider"),p=this.querySelector("#maxPriceSlider"),m=this.querySelector("#minPriceInput"),u=this.querySelector("#maxPriceInput");if(h&&p&&m&&u){this.fillSlider(h,p);const e=(e,a)=>{e.value=this.currency_format(a,"none"),e.dataset.raw=a};h.addEventListener("input",()=>{let a=parseInt(h.value);a>=parseInt(p.value)&&(a=parseInt(p.value)-this.PRICE_RANGE_STEP_BACK,h.value=a),e(m,a),this.fillSlider(h,p),this.filterCar()}),p.addEventListener("input",()=>{let a=parseInt(p.value);a<=parseInt(h.value)&&(a=parseInt(h.value)+this.PRICE_RANGE_STEP_BACK,p.value=a),e(u,a),this.fillSlider(h,p),this.filterCar()}),m.addEventListener("input",()=>{let a=parseInt(m.value.replace(/[^\d]/g,""))||this.MIN_PRICE;a>parseInt(u.dataset.raw||u.value.replace(/[^\d]/g,""))&&(a=parseInt(u.dataset.raw||u.value.replace(/[^\d]/g,""))-this.PRICE_RANGE_STEP_BACK),h.value=a,e(m,a),this.fillSlider(h,p),this.filterCar()}),u.addEventListener("input",()=>{let a=parseInt(u.value.replace(/[^\d]/g,""))||this.MAX_PRICE;a<parseInt(m.dataset.raw||m.value.replace(/[^\d]/g,""))&&(a=parseInt(m.dataset.raw||m.value.replace(/[^\d]/g,""))+this.PRICE_RANGE_STEP_BACK),p.value=a,e(u,a),this.fillSlider(h,p),this.filterCar()}),[m,u].forEach(a=>{a.addEventListener("focus",()=>{a.value=a.dataset.raw||a.value.replace(/[^\d]/g,"")}),a.addEventListener("blur",()=>{e(a,parseInt(a.value.replace(/[^\d]/g,""))||0)})}),e(m,h.value),e(u,p.value)}}sidebar(){return`\n        <div class="sidebar px-lg-3 ps-lg-6 pe-0 border-start border-black">\n            <div class="row no-gutters">\n                <div class="col-12 align-self-start">\n                    <a href="${this.config.base_url}${this.config.locale_path}/pricelist" class="d-inline-flex d-lg-flex btn-link-text me-3 me-lg-0 mb-1">\n                        <span class="icon"><img src="${this.config.media_url}/newmenu-2024/icon/link-pricelist.webp" alt=""></span>\n                        <span class="text black heavent fs-thin fs-lg-general">${this.langText("price_list")}</span>\n                    </a>\n                    <a href="${this.config.quotation_link}" class="d-inline-flex d-lg-flex btn-link-text me-3 me-lg-0 mb-1">\n                        <span class="icon"><img src="${this.config.media_url}/newmenu-2024/icon/link-quotation.webp" alt=""></span>\n                        <span class="text black heavent fs-thin fs-lg-general">${this.langText("quotation")}</span>\n                    </a>\n                    <a href="${this.config.testdrive_link}" class="d-inline-flex d-lg-flex btn-link-text mb-1">\n                        <span class="icon"><img src="${this.config.media_url}
1/newmenu-2024/icon/link-testdrive.webp" alt=""></span>\n                        <span class="text black heavent fs-thin fs-lg-general">${this.langText("test_drive")}</span>\n                    </a>\n                    <a href="https://stores.toyota.co.th" target="_blank" class="d-inline-flex d-lg-flex btn-link-text me-3 me-lg-0 mb-1">\n                        <span class="icon"><img src="${this.config.media_url}/newmenu-2024/icon/icon_ecommerce.webp" alt=""></span>\n                        <span class="text black heavent fs-thin fs-lg-general">${this.langText("ecommerce")}</span>\n                    </a>\n                    <a href="${this.config.base_url}/discover-toyota" class="d-inline-flex d-lg-flex btn-link-text mb-1">\n                        <span class="icon"><img src="${this.config.media_url}/newmenu-2024/icon/icon_discover.webp" alt=""></span>\n                        <span class="text black heavent fs-thin fs-lg-general">${this.langText("discover_toyota")}</span>\n                    </a>\n                </div>\n                <div class="col-12 align-self-end d-none d-lg-block">\n                    <div class="mb-3">\n                        <p class="black heavent fw-700 fs-bold">${this.langText("customer_contact_center")}</p>\n                        <p class="black heavent fs-thin mb-05">${this.langText("tel")} <a class='fw-700 fs-bold' href='tel:1486'>1486</a> ${this.langText("247_service")}</p>                                                  \n                        <p class="black heavent fs-thin mb-05">${this.langText("email")} : <a class="text-decoration-underline" href="mailto:[email protected]">[email protected]</a></p>\n                    </div>\n\n                    <p class="black heavent fw-700 fs-bold">${this.langText("contact_online_channels")}</p>\n                    <div class="box__social d-flex align-items-center mb-15"> \n                        <a class="d-block me-3" href="https://www.youtube.com/@toyotathailand" target="_blank"><img class="d-block w-auto" src="${this.config.media_url}/newmenu-2024/img/icon/youtube.webp" alt=""></a>\n                        <a class="d-block me-3" href="https://www.facebook.com/toyotamotor.th" target="_blank"><img class="d-block w-auto" src="${this.config.media_url}/newmenu-2024/img/icon/fb.webp" alt=""></a>\n                        <a class="d-block me-3" href="https://www.instagram.com/toyotamotorthailandofficial" target="_blank"><img class="d-block w-auto" src="${this.config.media_url}/newmenu-2024/img/icon/ig.webp" alt=""></a>\n                        <a class="d-block me-3" href="https://www.threads.net/@toyotamotorthailandofficial" target="_blank"><img class="d-block w-auto" src="${this.config.media_url}/newmenu-2024/img/icon/threads.svg" alt=""></a>\n                        <a class="d-block me-3" href="https://x.com/ToyotaMotorTH" target="_blank"><img class="d-block w-auto" src="${this.config.media_url}/newmenu-2024/img/icon/x.webp" alt=""></a>\n                        <a class="d-block me-3" href="https://www.tiktok.com/@toyotamotorth?_t=8hxDknJhZ7I&_r=1" target="_blank"><img class="d-block w-auto" src="${this.config.media_url}/newmenu-2024/img/icon/tiktok.svg" alt=""></a>\n                    </div>\n                    <p class="black heavent fs-thin">Line ID : <a class="fw-700" href="https://lin.ee/dSOeLR9" target="_blank">@toyotathailand</a></p>\n                    <div class="text-center px-5 d-flex justify-content-center">\n                        <a href="https://lin.ee/dSOeLR9" target="_blank">\n                            <img class="d-block" src="${this.config.media_url}/newmenu-2024/img/general/qr-line.webp" alt="">\n                        </a>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n        `}popup__search(){return`\n        <div class="popup__search">\n            <div class="detail">\n                <div class="box__overflow">\n                    <div class="box__search">\n                        <p class="title">ค้นหาเว็บไซต์ Toyota</p>\n                        <div class="info">\n                            <input aria-labelledby="search" name="keyword" type="text" class="form-control" placeholder="ค้นหา">\n                            <button class="btn-search-submit" type="submit">Search</button>\n                        </div>\n                    </div>\n                    \n                    <div class="box__keyword">\n                        <p class="title">คีย์เวิร์ดแนะนำ</p>\n                        <ul class="list__keyword">\n                            ${window.keyword_highlights}\n                        </ul>\n                    </div>\n                </div>\n                <a class="btn-close">X</a>\n            </div>\n            <div class="bg"></div>\n        </div>\n        `}box__detail_aftersales(e){var a;const[t]=e.nav.filter(e=>"aftersales"===e.code),[n]=(null==(a=null==t?void 0:t.list)?void 0:a.filter(e=>"aftersales-owner-manual"===e.code))||[],s=n?"en"===this.config.locale&&n.url_en||n.url:`https://uat.toyota-manual.in.th/${this.config.locale}`;return`\n        <div class="box__detail box__detail-aftersale">\n            <a class="btn-back d-lg-none position-absolute">
1\n                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__left-000000.svg" alt=""></span>\n                <span class="text">${this.langText("back")}</span>\n            </a>\n\n            <div class="box__overflow h-100">\n                <div class="d-lg-none p-3">\n                    <p class="grey heavent fs-small mb-3">${this.langText("aftersales_service")}</p>\n                    <ul class="list">\n                        <li class="mb-3"><a class="d-block black heavent" href="https://aftersales.toyota.co.th/" target="_blank">${this.langText("home")}</a></li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://aftersales.toyota.co.th/appointment" target="_blank">${"en"===this.config.locale?"Make an Appointment":"นัดหมายเข้ารับบริการ"}</a></li>\n                        <li class="mb-3">\n                            <a class="d-block black heavent">${"en"===this.config.locale?"Service / Repair":"บริการ / งานซ่อม"}</a>\n                            <ul>\n                                <li><a href="https://aftersales.toyota.co.th/extended_warranty" target="_blank">${"en"===this.config.locale?"Extended Warranty":"ขยายระยะรับประกันคุณภาพ"}</a></li>                                    \n                                <li><a href="https://aftersales.toyota.co.th/ssc" target="_blank">${"en"===this.config.locale?"Special Service Campaign":"กิจกรรมรณรงค์พิเศษ"}</a></li>      \n                            </ul>\n                        </li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://aftersales.toyota.co.th/tcfrplus" target="_blank">${"en"===this.config.locale?"":"โปรแกรม "}TCFR Plus+</a></li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://aftersales.toyota.co.th/promotion" target="_blank">${"en"===this.config.locale?"Promotion":"โปรโมชันบริการ"}</a></li>\n                        <li class="mb-3">\n                            <a class="d-block black heavent">${"en"===this.config.locale?"Our business":"ธุรกิจของเรา"}</a>\n                            <ul>\n                                <li><a href="https://aftersales.toyota.co.th/general-repair/general-service" target="_blank">${"en"===this.config.locale?"General Repair Services":"บริการซ่อมทั่วไป"}</a></li>\n                                <li><a href="https://aftersales.toyota.co.th/body-paint-service" target="_blank">${"en"===this.config.locale?"Express Body & Paint Service":"บริการซ่อมตัวถังและสี"}</a></li>\n                            </ul>\n                        </li>\n                        <li class="mb-3">\n                            <a class="d-block black heavent">${"en"===this.config.locale?"Product Information":"ข้อมูลสินค้า"}</a>\n                            <ul>\n                                <li><a href="https://aftersales.toyota.co.th/ecopack" target="_blank">ECO PACK</a></li>\n                                <li><a href="https://aftersales.toyota.co.th/smartplan/" target="_blank">Smart Plan</a></li>\n                                <li><a href="https://aftersales.toyota.co.th/smartplus/" target="_blank">Smart Plus</a></li>\n                            </ul>\n                        </li>\n                        <li class="mb-3">\n                            <a class="d-block black heavent" href="${s}" target="_blank">${this.langText("owner_manual")}</a>\n                        </li>\n                    </ul> \n                </div>\n\n                <div class="d-none d-lg-block">\n                    <div class="info detail-aftersale-1 show">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/exam/jpg-28.webp" alt="${this.langText("aftersales_service")}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${this.langText("aftersales_service")}</p>\n                        ${"en"===this.config.locale?"<p>Toyota's quality and standards. Taking care of your car with a team of expert technicians and certified with Toyota's operational standards.</p>":"<p>คุณภาพและมาตรฐานโตโยต้า ดูแลรถคุณด้วยทีมช่างผู้ชำนาญการ ผ่านการรับรองมาตรฐานการปฏิบัติงานจากโตโยต้า</p>"}   \n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/" target="_blank" class="btn-link link-arrow">
1\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-2">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/01AppointmentForService.webp" alt="${"en"===this.config.locale?"Make an Appointment":"นัดหมายเข้ารับบริการ"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Make an Appointment":"นัดหมายเข้ารับบริการ"}</p>\n                        ${"en"===this.config.locale?"<p>After-sales service, Mileage check service, Toyota parts and reserve service appointment with a Toyota's dealer at the Toyota Service Center and body and paint centers nationwide.</p>":"<p>บริการหลังการขาย บริการเช็กระยะ อะไหล่โตโยต้า นัดหมายเข้ารับบริการกับผู้แทนจำหน่ายโตโยต้า ได้ที่ศูนย์บริการโตโยต้า และศูนย์ตัวถังและสีทั่วประเทศ</p>"}\n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/appointment" target="_blank" class="btn-link link-arrow">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-3">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/02Service&Repair.webp" alt="${"en"===this.config.locale?"Service / Repair":"บริการ / งานซ่อม"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Service / Repair":"บริการ / งานซ่อม"}</p>\n                        ${"en"===this.config.locale?"<p>Service with heart, taken care of by expert technicians at the Toyota service center near you.</p>":"<p>บริการด้วยใจดูแลโดยช่างผู้เชี่ยวชาญ ที่ศูนย์บริการโตโยต้าใกล้บ้านคุณ</p>"}\n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/extended_warranty" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${"en"===this.config.locale?"Extended Warranty":"ขยายระยะรับประกันคุณภาพ"}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://aftersales.toyota.co.th/ssc" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${"en"===this.config.locale?"Special Service Campaign":"กิจกรรมรณรงค์พิเศษ"}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-4">\n                        <p class="pic mb-3"><img src="${this.config.media_url}
1/newmenu-2024/submenu/TCFR-B03AftersalesMenu.webp" alt="${"en"===this.config.locale?"TCFR Plus+":"โปรแกรม TCFR Plus+"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"TCFR Plus+":"โปรแกรม TCFR Plus+"}</p>\n                        <p>${"en"===this.config.locale?"Periodic visit as scheduled, plus the added value.":"เข้าศูนย์ตามนัด พลัสระดับความคุ้ม"}</p>\n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/tcfrplus" target="_blank" class="btn-link link-arrow">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-5">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/03Promotion&Service.webp" alt="${"en"===this.config.locale?"Promotion":"โปรโมชันบริการ"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Promotion":"โปรโมชันบริการ"}</p>\n                        <p>${"en"===this.config.locale?"Great value promotions at Toyota Center":"โปรโมชันสุดคุ้มที่ศูนย์โตโยต้า"}</p>\n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/promotion" target="_blank" class="btn-link link-arrow">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-7">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/06OurBusiness.webp" alt="${"en"===this.config.locale?"Our business":"ธุรกิจของเรา"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Our business":"ธุรกิจของเรา"}</p>\n                        ${"en"===this.config.locale?"<p>Toyota's quality and standards. Taking care of your car with a team of expert technicians and certified with Toyota's operational standards.</p>":"<p>คุณภาพและมาตรฐานโตโยต้า ดูแลรถคุณด้วยทีมช่างผู้ชำนาญการ ผ่านการรับรองมาตรฐานการปฏิบัติงานจากโตโยต้า</p>"}\n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/general-repair/general-service" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${"en"===this.config.locale?"General Repair Services":"บริการซ่อมทั่วไป"}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://aftersales.toyota.co.th/body-paint-service" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${"en"===this.config.locale?"Express Body & Paint Service":"บริการซ่อมตัวถังและสี"}</span>\n                                <span class="icon"><img src="${this.config.media_url}
1/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-8">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/05Product_Information.webp" alt="${"en"===this.config.locale?"Product Information":"ข้อมูลสินค้า"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Product Information":"ข้อมูลสินค้า"}</p>\n                        ${"en"===this.config.locale?"<p>Genuine Toyota spare parts for driving perfection and various packages that suit you.</p>":"<p>สินค้าอะไหล่แท้โตโยต้า เพื่อความสมบูรณ์แบบในการขับขี่ และ แพ็คเกจต่างๆที่เหมาะกับคุณ</p>"}\n                        <div class="box__btn">\n                            <a href="https://aftersales.toyota.co.th/ecopack" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">ECO PACK</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://aftersales.toyota.co.th/smartplan/" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">Smart Plan</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://aftersales.toyota.co.th/smartplus/" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">Smart Plus</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n\n                    <div class="info detail-aftersale-9">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/exam/jpg-28.webp" alt="${this.langText("owner_manual")}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${this.langText("owner_manual")}</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n        `}box__detail_network(){return`\n        <div class="box__detail box__detail-network">\n            <a class="btn-back d-lg-none position-absolute">\n                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__left-000000.svg" alt=""></span>\n                <span class="text">${this.langText("back")}</span>\n            </a>\n\n            <div class="box__overflow h-100">\n                <div class="d-lg-none p-3">\n                    <p class="grey heavent fs-small mb-3">${"en"===this.config.locale?"Toyota Business Network":"เครือข่ายธุรกิจโตโยต้า"}</p>\n                    <ul class="list">\n                        <li class="mb-3">\n                            <a class="d-block black heavent">${"en"===this.config.locale?"Toyota Alive-X points Collection Program":"โปรแกรมสะสมคะแนน Toyota Alive-X"}</a>\n                            <ul>\n                                <li><a href="https://apps.apple.com/th/app/t-connect-th/id575879595" target="_blank">IOS</a></li>\n                                <li><a href="https://play.google.com/store/apps/details?id=th.co.dmap.smartGBOOK_TH1111&hl=en&gl=US&fbclid=IwAR0w4Q4Dox-7z2LQQlCXsuv2FortnhbNHbIPU6X7rWXQRkECM0Q1DQsEg4U&pli=1" target="_blank" >ANDROID</a></li>\n                                <li><a href="https://www.toyota.co.th/toyota_alive-x" target="_blank">${this.langText("more_detail")}</a></li>\n                                <li><a href="https://www.toyota.co.th/t-connect/register_alive-x" target="_blank">${this.langText("how_to_register")}</a></li>\n                            </ul>\n                        </li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://www.t-connect.in.th/T
1-connect.aspx" target="_blank">T-Connect</a></li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://www.toyotasure.com/home/" target="_blank">${"en"===this.config.locale?"Toyota Sure: Used car, good quality":"รถใช้แล้ว คุณภาพดี Toyota Sure"}</a></li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://www.tlt.co.th/index.php" target="_blank">${"en"===this.config.locale?"Toyota Leasing":"บริการสินเชื่อจาก Toyota Leasing"}</a></li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://www.toyota.co.th/toyotacare/" target="_blank">${"en"===this.config.locale?"Toyota Care":"ประกันภัยรถยนต์ Toyota Care"}</a></li>\n                        <li class="mb-3"><a class="d-block black heavent" href="https://www.kinto-th.com/" target="_blank">${"en"===this.config.locale?"Kinto: Mobility As A Service":"บริการรถเช่าจาก Kinto"}</a></li>\n                    </ul>\n                </div>\n\n                <div class="d-none d-lg-block">\n                    <div class="info detail-network-1 show">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/07AliveX.webp" alt="${"en"===this.config.locale?"Toyota Alive-X points Collection Program":"โปรแกรมสะสมคะแนน Toyota Alive-X"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Toyota Alive-X points Collection Program":"โปรแกรมสะสมคะแนน Toyota Alive-X"}</p>\n                        ${"en"===this.config.locale?"<p>Collect and redeem The 1 points for service discounts at Toyota Service Centers by downloading the T-CONNECT app. (Details available in T-CONNECT > TOYOTA ALIVE-X.)</p>":"<p>สะสม และแลกคะแนน The 1 เป็นส่วนลดค่าใช้จ่ายที่ศูนย์บริการโตโยต้า ได้แล้ววันนี้ เพียงดาวน์โหลด ผ่านแอปพลิเคชั่น T-CONNECT (ท่านสามารถดูรายละเอียดกิจกรรมเพิ่มเติมได้ที่แอป T-CONNECT > TOYOTA ALIVE-X)</p>"}\n                        <div class="box__btn">\n                            <a href="https://apps.apple.com/th/app/t-connect-th/id575879595" target="_blank" class="btn-link link-arrow me-15 mb-15 px-6">\n                                <span class="text">IOS</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://play.google.com/store/apps/details?id=th.co.dmap.smartGBOOK_TH1111&hl=en&gl=US&fbclid=IwAR0w4Q4Dox-7z2LQQlCXsuv2FortnhbNHbIPU6X7rWXQRkECM0Q1DQsEg4U&pli=1" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">ANDROID</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://www.toyota.co.th/toyota_alive-x" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>  \n                            <a href="https://www.toyota.co.th/t-connect/register_alive-x" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${this.langText("how_to_register")}</span>
1\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>                         \n                        </div>\n                    </div>\n                    <div class="info detail-network-2">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/08T-Connect.webp" alt="T-Connect" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">T-Connect</p>\n                        ${"en"===this.config.locale?"<p>ALWAYS LOCATED & PROTECT gives you peace of mind, safety and worry free in every situation</p>":"<p>ALWAYS LOCATED & PROTECT ให้คุณอุ่นใจ ปลอดภัยไร้กังวล ในทุกสถานการณ์</p>"}\n                        <div class="box__btn">\n                            <a href="https://www.t-connect.in.th/T-connect.aspx" target="_blank" class="btn-link link-arrow me-15 mb-15 px-6">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                            <a href="https://www.toyota.co.th/t-connect" target="_blank" class="btn-link link-arrow me-15 mb-15">\n                                <span class="text">${"en"===this.config.locale?"How to Register":"วิธีการลงทะเบียน"}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n                    <div class="info detail-network-3">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/09ToyotaSure.webp" alt="${"en"===this.config.locale?"Toyota Sure: Used car, good quality":"รถใช้แล้ว คุณภาพดี Toyota Sure"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Toyota Sure: Used car, good quality":"รถใช้แล้ว คุณภาพดี Toyota Sure"}</p>\n                        ${"en"===this.config.locale?"<p>There are over 1,000 used cars in good condition to choose from. Claim genuine parts at Toyota service centers nationwide. More confident with a 1-year or 20,000 km warranty and 24-hour emergency assistance service.</p>":"<p v-else>มีรถมือสองสภาพดีให้เลือกกว่า 1,000 คัน เคลมอะไหล่แท้ได้ที่ศูนย์บริการโตโยต้าทั่วประเทศ. มั่นใจยิ่งขึ้นด้วยประกัน 1 ปี หรือ 20,000 กม. พร้อมบริการช่วยเหลือฉุกเฉิน 24 ชม. ติดต่อผู้จำหน่ายได้ที่นี่. การันตีคุณภาพชัวร์. ซื้อง่าย ขายคล่อง</p>"}\n                        <div class="box__btn">\n                            <a href="https://www.toyotasure.com/home/" target="_blank" class="btn-link link-arrow">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n                    <div class="info detail-network-4">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/10ToyotaLeasing.webp" alt="${"en"===this.config.locale?"Toyota Leasing":"บริการสินเชื่อจาก Toyota Leasing"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Toyota Leasing":"บริการสินเชื่อจาก Toyota Leasing"}</p>\n                        ${"en"===this.config.locale?"<p>Toyota Leasing, a provider of leasing for all Toyota car models. With a variety of loans as needed Calculating installments Including refinancing all types of cars. Service branches covering the country. Promotions and special activities of Toyota Leasing Thailand Company Limited.</p>":"<p>โตโยต้า ลีสซิ่ง ผู้ให้บริการสินเชื่อเช่าซื้อรถโตโยต้าทุกรุ่น พร้อมสินเชื่อที่หลากหลายตามต้องการ การคำนวณค่างวด รวมถึงรีไฟแนนซ์รถทุกประเภท มีสาขาให้บริการครอบคลุมทั่วประเทศ โปรโมชัน กิจกรรมพิเศษต่างๆ ของ บริษัท โตโยต้า ลีสซิ่ง ประเทศไทย จำกัด </p>"}\n                        <div class="box__btn">\n                            <a href="https://www.tlt.co.th/index.php" target="_blank" class="btn-link link-arrow">
1\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n                    <div class="info detail-network-5">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/11ToyotaCare.webp" alt="${"en"===this.config.locale?"Toyota Care":"ประกันภัยรถยนต์ Toyota Care"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Toyota Care":"ประกันภัยรถยนต์ Toyota Care"}</p>\n                        ${"en"===this.config.locale?"<p>Benefits of first class insurance Toyota Care, superior protection. Providing repair services with Toyota Genuine Parts, high quality, durable, Increase confidence every time and guaranteed repair work.</p>":"<p v-else>สิทธิประโยชน์ของประกันภัยชั้น 1 Toyota Care  คุ้มครองเหนือระดับ ให้บริการงานซ่อมด้วยอะไหล่แท้จากโตโยต้าที่มี คุณภาพและทนทานสูง เพิ่มความมั่นใจทุกครั้ง การันตีงานซ่อม ศูนย์บริการตัวถังและสี</p>"}\n                        <div class="box__btn">\n                            <a href="https://www.toyota.co.th/toyotacare/" target="_blank" class="btn-link link-arrow">\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n                    <div class="info detail-network-6">\n                        <p class="pic mb-3"><img src="${this.config.media_url}/newmenu-2024/submenu/12Kinto.webp" alt="${"en"===this.config.locale?"Kinto: Mobility As A Service":"บริการรถเช่าจาก Kinto"}" loading="lazy" /></p>\n                        <p class="black heavent fw-500 fs-bold">${"en"===this.config.locale?"Kinto: Mobility As A Service":"บริการรถเช่าจาก Kinto"}</p>\n                        ${"en"===this.config.locale?"<p>A new option that allows you to choose from a wide range of vehicle models, driving packages, and dealers for TOYOTA & LEXUS vehicles of your choice.\nNo Down Payment, car subscription service with no huge upfront fee. Fixed Payment, enjoy a worry-free experience with a fixed monthly subscription that covers all car-related expenses. Full Service, enjoy an exclusive service package with maintenance, insurance, 24/7 roadside assistance, and more throughout your subscription. Online Service, simple online credit application at your fingertips</p>":"<p v-else>ทางเลือกใหม่จาก Toyota และ LFexus ที่ให้คุณมีรถใช้ ไม่ต้องซื้อ ด้วยสัญญาการใช้รถระยะสั้น และระยะยาว มีให้เลือกหลากหลายรุ่นทุกประเภท ไม่ต้องดาวน์ จ่ายรายเดือนราคาเดียว ครอบคลุมทั้งประกันภัยชั้น 1 ค่าบำรุงรักษา เปลี่ยนยาง เปลี่ยนแบต มีรถสำรองให้ใช้ สมัคร ยื่นเอกสาร ง่ายผ่านเว็บไซต์</p>"}\n                        <div class="box__btn">\n                            <a href="https://www.kinto-th.com/" target="_blank" class="btn-link link-arrow">
1\n                                <span class="text">${this.langText("more_detail")}</span>\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__right-eb0a1e.svg" alt=""></span>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        `}box__detail_dealer(e){const[a]=e.nav.filter(e=>"dealer"===e.code),t="en"===this.config.locale?"/en":"";let n="";return a.list.forEach(e=>{n+=`<li class="mb-3">\n                <a \n                    class="d-block black heavent" \n                    href="${"_blank"===e.target?e.url:t+e.url}"\n                    target="${e.target}"\n                >${"en"===this.config.locale?e.title_en:e.title}</a>\n            </li>`}),`\n        <div class="box__detail box__detail-dealer">\n            <a class="btn-back d-lg-none position-absolute">\n                <span class="icon"><img src="/img/icon/arrow__left-000000.svg" alt=""></span>\n                <span class="text">${this.langText("back")}</span>\n            </a>\n\n            <div class="box__overflow h-100">\n                <div class="d-lg-none p-3">\n                    <p class="grey heavent fs-small mb-3">\n                        ${"en"===this.config.locale?null==a?void 0:a.title_en:null==a?void 0:a.title}\n                    </p>\n                    <ul class="list">\n                        ${n}\n                    </ul>\n                </div>\n            </div>\n        </div>\n        `}box__detail_group(e){const[a]=e.nav.filter(e=>"affiliated-companies"===e.code),t="en"===this.config.locale?"/en":"";let n="";return a.list.forEach(e=>{n+=`<li class="mb-3">\n                <a \n                    class="d-block black heavent" \n                    href="${"_blank"===e.target?e.url:t+e.url}"\n                    target="${e.target}"\n                >${"en"===this.config.locale?e.title_en:e.title}</a>\n            </li>`}),`\n        <div class="box__detail box__detail-group">\n            <a class="btn-back d-lg-none position-absolute">\n                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__left-000000.svg" alt=""></span>\n                <span class="text">${this.langText("back")}</span>\n            </a>\n\n            <div class="box__overflow h-100">\n                <div class="d-lg-none p-3">\n                    <p class="grey heavent fs-small mb-3">\n                    ${"en"===this.config.locale?null==a?void 0:a.title_en:null==a?void 0:a.title}\n                    </p>\n                    <ul class="list">\n                    ${n}\n                    </ul>\n                </div>\n            </div>\n        </div>\n        `}box__shortcut_link(){return`\n        <div class="box__shorcut-link d-flex align-items-center h-100">\n            <div class="row no-gutters justify-content-end justify-content-lg-between w-100">\n                <div class="col-auto d-none d-lg-flex">\n                    <ul class="list d-flex">\n                        <li><a class="d-flex align-items-center px-2" href="${this.config.base_url}${this.config.locale_path}/model-list"><span class="text heavent fs-thin">${this.langText("model")}</span></a></li>        \n                        <li><a class="d-flex align-items-center px-2" href="${this.config.base_url}${this.config.locale_path}/promotion"><span class="text heavent fs-thin">${this.langText("promotion")}</span></a></li>        \n                        <li><a class="d-flex align-items-center px-2" href="${this.config.base_url}${this.config.locale_path}/pricelist"><span class="text heavent fs-thin">${this.langText("price_list")}</span></a></li>\n                        <li><a class="d-flex align-items-center px-2" href="${this.config.base_url}${this.config.locale_path}/model/compare"><span class="text heavent fs-thin">${this.langText("car_model_compare")}</span></a></li>\n                    </ul>\n                    <ul class="list d-flex mx-lg-2 px-lg-2">      \n                        <li>\n                            <a class="d-flex align-items-center px-2" href="${this.config.quotation_link}">
1\n                                <span class="d-block icon"><img class="d-block" src="${this.config.media_url}/newmenu-2024/icon/link-quotation.webp" alt=""></span>\n                                <span class="text heavent fs-thin">${this.langText("quotation")}</span>\n                            </a>\n                        </li>        \n                        <li>\n                            <a class="d-flex align-items-center px-2" href="${this.config.testdrive_link}">\n                                <span class="d-block icon"><img class="d-block" src="${this.config.media_url}/newmenu-2024/icon/link-testdrive.webp" alt=""></span>\n                                <span class="text heavent fs-thin">${this.langText("test_drive")}</span>\n                            </a>\n                        </li>        \n                        <li>\n                            <a class="d-flex align-items-center px-2" href="https://stores.toyota.co.th" target="_blank">\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/icon/icon_ecommerce.webp" alt=""></span>\n                                <span class="text heavent fs-thin">${this.langText("ecommerce")}</span>\n                            </a>\n                        </li>      \n                        <li>\n                            <a class="d-flex align-items-center px-2" href="${this.config.base_url}/discover-toyota">\n                                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/icon/icon_discover.webp" alt=""></span>\n                                <span class="text heavent fs-thin">${this.langText("discover_toyota")}</span>\n                            </a>\n                        </li>      \n                    </ul>\n                </div>\n                <div class="col-auto">\n                    <ul class="list d-flex">\n                        <li>\n                            <a class="d-flex align-items-center p-3 px-lg-2 py-lg-0 link-search">\n                                <span class="d-block icon"><img class="d-block" src="${this.config.media_url}/newmenu-2024/img/icon/search__black-0f0f0f.svg"  alt=""></span>\n                                <span class="text black-300 heavent fs-thin d-none d-lg-block">${this.langText("search")}</span>\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n        `}box__filter_model_in_nav(e){const a=this.car_seats(e);let t="";return a.forEach(e=>{t+=`<a class="btn-link small red px-1 mb-1 me-1 car-seat-item" data-code="${e.code}">\n                <span class="text">${"en"===this.config.locale?null==e?void 0:e.title_en:null==e?void 0:e.title}</span>\n            </a>\n            `}),`\n        <div class="box__filter-model-in-nav">\n            <div class="info bg-white position-absolute">\n                <p class="heavent fw-700 mb-1">${this.langText("sort_by_price")}</p>\n                <div class="form-check border-bottom border-grey-md mb-15 pb-15">\n                    <input class="form-check-input" type="radio" name="sort_by_price" id="sort_by_price_asc" value="asc">\n                    <label class="form-check-label heavent fs-thin" for="sort_by_price_asc">${this.langText("sort_by_price_asc")}</label>\n                </div>\n                <div class="form-check border-bottom border-grey-md mb-15 pb-15">\n                    <input class="form-check-input" type="radio" name="sort_by_price" id="sort_by_price_desc" value="desc">\n                    <label class="form-check-label heavent fs-thin" for="sort_by_price_desc">${this.langText("sort_by_price_dsc")}</label>\n                </div>\n\n                \n                <div class="border-bottom border-grey-md mb-15 pb-15">\n\n                    <p class="heavent fw-700">${this.langText("seats")}</p>\n\n                    <div class="box__btn list__filter list__filter_seats">\n                    ${t}\n                    </div>\n                </div> \n                \n\n                <div class="border-bottom border-grey-md mb-15 pb-15">\n                    <p class="heavent fw-700">${this.langText("price_range")}</p>\n                    \n                    <div class="range-slider mb-3">\n                        <div class="sliders_control">\n                        <input id="minPriceSlider" type="range" min="${this.MIN_PRICE}" max="${this.MAX_PRICE}" step="${this.PRICE_RANGE_STEP}" value="${this.MIN_PRICE}" />\n                        <input id="maxPriceSlider" type="range" min="${this.MIN_PRICE}" max="${this.MAX_PRICE}" step="${this.PRICE_RANGE_STEP}" value="${this.MAX_PRICE}" />\n                        </div>\n                    </div>\n                    <div class="row no-gutters align-items-center">\n                        <div class="col">\n                            <div class="input-price">\n                                <input type="text" id="minPriceInput" name="filter_min_price" value="${this.MIN_PRICE}" class="form-control price-range-field text-end px-15 heavent fs-thin fw-
1500" @keypress="isFilterPrice($event)" />\n                            </div>\n                        </div>\n                        <div class="col-auto">\n                            <p class="mx-2 mx-lg-1 mb-0">-</p>\n                        </div>\n                        <div class="col">\n                            <div class="input-price">\n                                <input type="text" id="maxPriceInput" name="filter_max_price" value="${this.MAX_PRICE}" class="form-control price-range-field text-end px-15 heavent fs-thin fw-500" @keypress="isFilterPrice($event)" />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            \n                <div class="row no-gutters">\n                    <div class="col-lg-auto">\n                        <div class="form-check pe-2">\n                            <input class="form-check-input" type="checkbox" name="filter_fuel_types" id="filter_fuel_types_hybrid" value="hybrid">\n                            <label class="form-check-label heavent fs-thin" for="filter_fuel_types_hybrid">Hybrid</label>\n                        </div>\n                    </div>\n                    <div class="col-lg-auto">\n                        <div class="form-check pe-2">\n                            <input class="form-check-input" type="checkbox" name="filter_fuel_types" id="filter_fuel_types_diesel" value="diesel">\n                            <label class="form-check-label heavent fs-thin" for="filter_fuel_types_diesel">Diesel</label>\n                        </div>\n                    </div>\n                    <div class="col-lg-auto">\n                        <div class="form-check pe-2">\n                            <input class="form-check-input" type="checkbox" name="filter_fuel_types" id="filter_fuel_types_gasoline" value="gasoline">\n                            <label class="form-check-label heavent fs-thin" for="filter_fuel_types_gasoline">Gasoline</label>\n                        </div>\n                    </div>\n                    <div class="col-lg-auto">\n                        <div class="form-check pe-2">\n                            <input class="form-check-input" type="checkbox" name="filter_fuel_types" id="filter_fuel_types_ev" value="ev">\n                            <label class="form-check-label heavent fs-thin" for="filter_fuel_types_ev">EV</label>\n                        </div>\n                    </div>\n                </div>\n                <div class="box__btn center pt-10 mt-2">\n                    <button class="btn-submit small red" type="button" onclick="$('.box__filter-model-in-nav').removeClass('show')"><span class="text">${this.langText("ok")}</span></button> \n                    <button class="btn-link small bg-white border-black btn-reset-filter" type="button" style="margin-left: 10px">\n                        <span class="icon me-15"><img src="${this.config.media_url}/newmenu-2024/img/icon/reload__000000.svg" alt=""></span>\n                        <span class="text black">${this.langText("reset")}</span>  \n                    </button>      \n                </div>\n                <a class="btn-close" onclick="$('.box__filter-model-in-nav').removeClass('show')">X</a>\n            </div>\n            <div class="bg" onclick="$('.box__filter-model-in-nav').removeClass('show')"></div>\n        </div>\n        `}box__language(){let e="th"===this.config.locale?"javascript:;":window.location.href.replace(window.location.origin+"/en",window.location.origin),a="en"===this.config.locale?"javascript:;":window.location.href.replace(window.location.origin,window.location.origin+"/en");return`\n        <div class="box__language d-flex align-items-center w-100 position-absolute">\n            <p class="black d-block heavent fs-small lh-1 mb-0">${this.langText("language")}</p>\n            <a class="black d-block heavent fs-small lh-1 text-uppercase btn-switch-lang ${"th"===this.config.locale?"active":""}" href="${e}">ไทย</a>\n            <a class="black d-block heavent fs-small lh-1 text-uppercase btn-switch-lang ${"en"===this.config.locale?"active":""}" href="${a}">Eng</a>\n        </div>\n        `}box__detail_model(e){const a=[...new Map(e.map(e=>[e.type_code,e])).values()].map(e=>({type_code:e.type_code,type_name:e.type_name,type_name_en:e.type_name_en,type_ordering:e.type_ordering,type_feature:e.type_feature}));a.sort((e,a)=>(e.type_ordering??0)-(a.type_ordering??0));let t="";
1a.forEach(e=>{t+=`<a class="btn-link small red me-15 mb-15 px-2 car-type-item" data-code="${e.type_code}">\n            <span class="icon icon-tick"><img src="${this.config.media_url}/newmenu-2024/img/icon/tick__ffffff.svg" alt=""></span>\n            <span class="text">${"en"===this.config.locale?e.type_name_en:e.type_name}</span>\n            </a>`});let n="";e.forEach((e,a)=>{n+=`\n            <div \n                class="item car-item" \n                data-code="${e.code}"\n                data-type-code="${e.type_code}" \n                data-seat-codes="${e.seats.flatMap(e=>e.code)}"\n                data-fuel-types="${e.fuel_types.flatMap(e=>e.code)}"\n                data-index="${a}"\n            >\n                <a class="link" href="${this.config.base_url}${this.config.locale_path}/model/${e.code}">\n                    <div class="box__pic">\n                        <p class="pic">\n                            <img                                  \n                                src="${this.config.media_url}/${null==e?void 0:e.picture}"\n                                alt="${"en"===this.config.locale?null==e?void 0:e.title_en:null==e?void 0:e.title}"\n                                loading="lazy"\n                            />\n                        </p>\n                        <div class="bg-color w-100 position-absolute" style="background-color: ${(null==e?void 0:e.menu_bg_color)?null==e?void 0:e.menu_bg_color:"#363636"};"></div>\n                    </div>\n\n                    <div class="box__description">\n                        <p class="name">${"en"===this.config.locale?null==e?void 0:e.title_en:null==e?void 0:e.title}</p>\n                        <div class="row">\n                            <div class="col">\n                                <p class="price">\n                                    ${(null==e?void 0:e.start_price)?`฿${this.currency_format(null==e?void 0:e.start_price)} +`:"&nbsp;"}\n                                    ${(null==e?void 0:e.out_of_stock)?'<span class="red heavent fs-small m-0"> (Out of Stock)</span>':""}\n                                </p>\n                            </div>                            \n                            ${1==(null==e?void 0:e.can_conversion)&&"th"===this.config.locale?'<div class="col text-end"><p class="red heavent fs-small m-0">รุ่นนี้ดัดแปลงได้</p></div>':""}\n                        </div>\n                    </div> \n                </a>\n\n                <div class="box__btn py-15 py-lg-0 center justify-content-center ${(null==e?void 0:e.can_testdrive)?"":"model-list_noborder_after"}">\n\n                    ${(null==e?void 0:e.can_quotation)?`<a class="btn-link-text d-flex align-items-center justify-content-center" href="${this.config.quotation_link}?model=${null==e?void 0:e.code}">\n                        <span class="d-block icon me-05"><img class="d-block" src="${this.config.media_url}/newmenu-2024/icon/link-quotation.webp" alt=""></span>\n                        <span class="text black-300">${this.langText("quotation")}</span>\n                    </a>\n                    `:""}\n\n                    ${(null==e?void 0:e.can_testdrive)?`<a class="btn-link-text d-block d-lg-flex align-items-center justify-content-center ps-lg-2" href="${this.config.testdrive_link}?model=${null==e?void 0:e.code}">\n                        <span class="d-block icon me-05"><img class="d-block" src="${this.config.media_url}/newmenu-2024/icon/link-testdrive.webp" alt=""></span>\n                        <span class="text black-300">${this.langText("test_drive")}</span>\n                    </a>`:""}\n\n                </div>\n            </div>\n            `});const s=e.length;return`\n        <div class="box__detail box__detail-model px-3 px-lg-0" >\n            <a class="btn-back d-lg-none position-absolute">\n                <span class="icon"><img src="${this.config.media_url}/newmenu-2024/img/icon/arrow__left-000000.svg" alt=""></span>\n                <span class="text">${this.langText("back")}</span>\n            </a>\n\n            <div class="box__head pb-15 pb-lg-0">\n                <div class="row no-gutters border-bottom border-black mb-3 mb-lg-15">\n                    <div class="col-lg-auto d-none d-lg-block">\n                        <p class="btn-link small border-0 me-3 mb-0 p-0"><span class="black text">${this.langText("car_type")}:</span></p>\n                    </div>\n                    <div class="col">\n                        <div class="d-none d-lg-block">\n                            <div class="box__btn list__filter">\n                                ${t}\n                            </div>\n                        </div>\n\n                        <div class="d-lg-none pe-6">\n                            <p class="form-select select-multiple mb-3" id="select-multiple-detail-model">${this.langText("car_type")}</p>\n                        </div>\n                    </div>\n                    <div class="col-auto">\n                        <a class="btn-link small border-0 ms-6 ms-lg-0 p-0" onclick="$('.box__filter-model-in-nav').addClass('show')">
1\n                            <span class="icon me-05"><img src="${this.config.media_url}/newmenu-2024/img/icon/filter.svg" alt=""></span>\n                            <span class="black text">${this.langText("filter")}</span>\n                        </a>\n                    </div>\n                </div>\n                <p class="heavent fs-small grey-md">\n                    ${this.langText("found")} <span id="car-total">${s}</span> ${this.langText("models")}\n                </p>\n            </div>\n            \n            <div class="box__overflow">\n                <div class="list__model">\n                    ${n}\n                </div>\n            </div>\n        </div>\n        `}popup_car_type(e){const a=[...new Map(e.map(e=>[e.type_code,e])).values()].map(e=>({type_code:e.type_code,type_name:e.type_name,type_name_en:e.type_name_en,type_ordering:e.type_ordering,type_feature:e.type_feature}));a.sort((e,a)=>(e.type_ordering??0)-(a.type_ordering??0));let t="";return a.forEach(e=>{t+=`<a class="btn-link small red me-15 mb-15 px-2 car-type-item" data-mobile="true" data-code="${e.type_code}">\n            <span class="icon icon-tick"><img src="${this.config.media_url}/newmenu-2024/img/icon/tick__ffffff.svg" alt=""></span>\n            <span class="text">${"en"===this.config.locale?e.type_name_en:e.type_name}</span>\n            </a>`}),`\n        <div class="box__select-multiple d-lg-none position-fixed" id="box__select-detail-model">\n            <div class="detail bg-grey-li p-3 w-100 position-absolute">\n                <div class="box__btn list__filter pb-3">\n                ${t}\n                \x3c!--\n                <a class="btn-link small red me-15 mb-15 px-2" v-for="(type, ct_idx) in car_types" :key="ct_idx" @click="select_car_type(type.code)" :class="{'not-selected': !in_car_type(type.code)}">\n                    <span class="icon icon-tick"><img src="${this.config.media_url}/newmenu-2024/img/icon/tick__ffffff.svg" alt=""></span>\n                    <span class="text">this.config.locale === 'en' ? type.title_en : type.title </span>\n                </a>\n                --\x3e\n\n                </div>\n\n                <div class="box__btn">\n                    <a class="btn-link bg-white border-black px-5 btn-reset-filter">\n                        <span class="icon me-15"><img src="${this.config.media_url}/newmenu-2024/img/icon/reload__000000.svg" alt=""></span>\n                        <span class="text black">${this.langText("reset")}</span>\n                    </a>\n                </div>\n\n                <a class="btn-close position-absolute">x</a>\n            </div>\n            <div class="bg"></div>\n        </div>\n        `}currency_format(e,a=""){return Intl.NumberFormat("th-TH",{currency:"THB",minimumFractionDigits:0,maximumFractionDigits:0}).format(e)}car_seats(e){let a=e.flatMap(e=>e.seats),t=[...new Map(a.map(e=>[e.code,e])).values()];const n=t.find(e=>"g13s"===e.code),s=t.filter(e=>"g13s"!==e.code);return s.sort((e,a)=>e.code.localeCompare(a.code,void 0,{numeric:!0})),s.push(n),s}fillSlider(e,a){const t="#eb0a1e",n="#808080",s=parseInt(e.min),o=parseInt(e.max)-s,i=(parseInt(e.value)-s)/o*100,l=(parseInt(a.value)-s)/o*100,r=`linear-gradient(\n            to right,\n            ${n} 0%,\n            ${n} ${i}%,\n            ${t} ${i}%,\n            ${t} ${l}%,\n            ${n} ${l}%,\n            ${n} 100%\n        )`;e.style.background=r,a.style.background=r}isMobile(){return window.matchMedia("(max-width: 991px)").matches}}customElements.define("web-header",e)}})();

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.