adp-web-components 0.0.34 → 0.0.36

package/dist/shift-components/{p-691f64cf.entry.js → p-5bb328fd.entry.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{r as t,h as e,H as i,g as a}from"./p-0f0e54c1.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as n}from"./p-e0ea03e8.js";import{L as s,l as d}from"./p-99d314b5.js";import"./p-e446fb9d.js";const l={cityId:"City-Id",userId:"User-Id",companyId:"Company-Id",customerName:"Customer-Name",customerPhone:"Customer-Phone",customerEmail:"Customer-Email",companyBranchId:"Company-Branch-Id",cityIntegrationId:"City-Integration-Id",brandIntegrationId:"Brand-Integration-Id",companyIntegrationId:"Company-Integration-Id",companyBranchIntegrationId:"Company-Branch-Integration-Id"},c=async(t,e,i={})=>{const{notAvailableMessage:a,mockData:o,vin:r,scopedTimeoutRef:n,middlewareCallback:s}=e,{isDev:d,baseUrl:c,queryString:p,abortController:h,networkTimeoutRef:b,loadedResponse:g}=t,w=t=>{if(b===n){if(!t&&r)throw new Error(a||"wrongResponseFormat");return g&&g(t),s&&s(t),t}};if(d)return w(o[r]);{if(!c)throw new Error("noBaseUrl");const e=Object.assign({},i);Object.entries(l).forEach((([i,a])=>{t[i]&&(e[a]=t[i])}));const a=await fetch(`${c}${r}?${p}`,{signal:h.signal,headers:e});return w(await a.json())}};let p={};const h={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4="},b=class{constructor(e){t(this,e),this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.popupClasses="",this.timeoutRef=setTimeout((()=>{this.activePopupIndex=null}),400)},this.onMouseEnter=(t,e)=>{clearTimeout(this.timeoutRef),this.activePopupIndex=e,this.timeoutRef=setTimeout((()=>{const e=t.querySelector(".popup-position-ref");this.popupPositionRef=e,this.calculatePopupPos(this.el.shadowRoot),this.popupClasses="show"}),50)},this.baseUrl=void 0,this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.isIdle=!0,this.popupClasses="",this.isLoading=!1,this.externalVin=null,this.errorMessage=null,this.activePopupIndex=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}async componentDidLoad(){this.dynamicClaimBody=this.el.shadowRoot.querySelector(".dynamic-claim-body"),this.dynamicRedeem=this.el.shadowRoot.getElementById("dynamic-redeem"),this.dynamicClaimProgressBar=this.el.shadowRoot.querySelector(".dynamic-claim-progress-bar")}async setMockData(t){p=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.isIdle=!0);this.isLoading=!0,this.isIdle=!1,await new Promise((t=>{i=setTimeout(t,1e3),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:p},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");if(!Array.isArray(r.serviceItems))throw new Error("noServiceAvailable");this.vehicleInformation=r}this.errorMessage=null,this.isLoading=!1}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t),this.setLoadingUi(t)}async setLoadingUi(t){t||(this.dynamicClaimProgressBar.style.width="0",await new Promise((t=>setTimeout(t,200))),this.updateProgressBar())}updateProgressBar(){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[];if(0===e.filter((t=>"pending"===t.status)).length)this.dynamicClaimProgressBar.style.width=0===e.length?"0%":"100%",this.dynamicClaimBody.scrollTo({left:this.dynamicClaimBody.scrollWidth,behavior:"smooth"});else{const t=e.find((t=>"pending"===t.status)),i=e.indexOf(t)+1,a=this.dynamicClaimBody.getElementsByClassName("dynamic-claim-item")[i-1];this.dynamicClaimProgressBar.style.width=100*(i/e.length-1/(2*e.length))+"%",this.dynamicClaimBody.scrollTo({left:a.offsetLeft-3*a.clientWidth,behavior:"smooth"})}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(t){t?(this.scrollListenerRef=()=>this.calculatePopupPos(this.el.shadowRoot),window.addEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.addEventListener("scroll",this.scrollListenerRef)):(window.removeEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.removeEventListener("scroll",this.scrollListenerRef))}calculatePopupPos(t){const e=t.querySelector(".popup-position-ref");let{x:i,y:a}=e.getBoundingClientRect();const o=e.querySelector(".popup-container"),{width:r}=o.getBoundingClientRect(),n=o.querySelector(".dynamic-claim-item-popup-info"),s=window.innerWidth;o.style.top=`${a}px`,o.style.left=i-r/2+"px";const d=i-r/2,l=s-(i+r/2);let c=0;l<16?c=l-16:d<16&&(c=Math.abs(d-16)),n.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(t){t.target.classList.remove("load-animation")}async completeClaim(){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],i=this.cachedClaimItem,a=JSON.parse(JSON.stringify(e)),o=e.indexOf(i),r=a.slice(0,o).filter((t=>"pending"===t.status));a[o].status="processed",r.forEach((function(t){t.status="cancelled"})),this.pendingItemHighlighted=!1;const n=JSON.parse(JSON.stringify(this.vehicleInformation));n.serviceItems=a,this.vehicleInformation=JSON.parse(JSON.stringify(n))}claim(t){var e;const i=(null===(e=this.vehicleInformation)||void 0===e?void 0:e.serviceItems)||[],a=JSON.parse(JSON.stringify(i)),o=i.indexOf(t);let r=a.slice(0,o).filter((t=>"pending"===t.status));this.cachedClaimItem=t,null===t.maximumMileage&&(r=[]),this.onMouseLeave(),this.openRedeem(t,r)}async handleRedeemScanner(){this.dynamicRedeem.handleScanner=this.isDev?async()=>{await new Promise((t=>setTimeout(t,500))),this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}:async t=>{try{const e=this.vehicleInformation,i={vin:e.vin,brandIntegrationID:e.identifiers.brandIntegrationID,invoice:t,saleInformation:e.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},a=await fetch("/api/vehicle/swift-claim",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}),o=await a.json();if(!o.Success)return alert(o.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(t){console.error(t),alert("Request failed please try again later"),this.dynamicRedeem.quite(),this.dynamicRedeem.handleScanner=null}}}openRedeem(t,e){var i,a,o,r,n;const s=this.vehicleInformation;this.dynamicRedeem.vin=null==s?void 0:s.vin,this.dynamicRedeem.item=t,this.dynamicRedeem.canceledItems=e,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(i=null==s?void 0:s.saleInformation)||void 0===i?void 0:i.broker)&&null===(null===(o=null===(a=null==s?void 0:s.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?null===(n=null===(r=null==s?void 0:s.saleInformation)||void 0===r?void 0:r.broker)||void 0===n?void 0:n.brokerName:null,this.handleRedeemScanner()}createPopup(t){const i=this.locale.vehicleLookup.dynamicClaim;return e("div",{dir:this.locale.direction,class:"popup-position-ref"},e("div",{class:"popup-container"},e("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},e("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),e("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),e("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},e("table",null,e("tbody",null,e("tr",null,e("th",null,i.serviceType),e("td",null,t.type.charAt(0).toUpperCase()+t.type.slice(1))),e("tr",null,e("th",null,i.activationDate),e("td",null,t.activatedAt)),e("tr",null,e("th",null,i.expireDate),e("td",null,t.expiresAt)),e("tr",null,e("th",null,i.claimAt),e("td",null,t.redeemDate)),e("tr",null,e("th",null,i.redeemingDealer),e("td",null,t.dealerName)),e("tr",null,e("th",null,i.invoiceNumber),e("td",null,t.invoiceNumber)),e("tr",null,e("th",null,i.wip),e("td",null,t.wip)),e("tr",null,e("th",null,i.claim),e("td",null,t.menuCode)))),"pending"===t.status&&e("button",{onClick:()=>this.claim(t),class:"claim-button dynamic-claim-button"},e("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"stroke-width":"0"}),e("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),e("g",null,e("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),e("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),e("span",null,i.claim)))))}render(){var t,a;const r=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],n=this.locale.vehicleLookup.dynamicClaim;return e(i,{key:"eae03b35a7067f0df313d4d36c1c610a51cb59e6"},e("dynamic-redeem",{key:"4dca53c053a437120a488fea07f85794dd471031",language:this.language,id:"dynamic-redeem"}),e("div",{key:"4293fcc2195e751d4118a9064b30a835f76b5fa7",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},e("div",{key:"64b1e5073886f1b96ebaf6bccca921d468b81a1a",class:"dynamic-claim-header"},e("strong",{key:"8d652b2ba5b658d633596b3cb67badd0adfcca4f",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&e("span",{key:"d43a32b705fb761ccdc990e502aa5b614cc0c37e",dir:this.locale.direction,style:{color:"red"}},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard),!this.errorMessage&&(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin))),e("div",{key:"774e18ad9e0bdce66813cca712bd152f96f3ba29",class:"dynamic-claim-body"},e("div",{key:"c8ccffc4f5fa61cb0f620530e5b25db5465b04e9",class:"loading-lane"},e("div",{key:"c8231fcb02ce2f708c2bbf60e5a812c384b42a80",class:"dynamic-claim-loading-slider"},e("div",{key:"e333b516efe3e89dcb6411b1ca3770812df4fc4f",class:"dynamic-claim-loading-slider-line"}),e("div",{key:"659b9698f22a73127bc3c81f18191a799f6d7303",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),e("div",{key:"b4eb0acb6402db195ff118eb7457fa2efd3f2f6c",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),e("div",{key:"1ddbadcb901e64352ac23f9ed272ddb066836a50",class:"dynamic-claim-progress-lane"},r.map(((t,i)=>{let a="";return"pending"===t.status?r.findIndex((t=>"pending"===t.status))===i&&(a=t.status):a=t.status,e("div",{key:t.name,class:o("dynamic-claim-item",a),onMouseLeave:this.onMouseLeave},e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:t=>this.onMouseEnter(t.target,i)},e("img",{src:h[t.status],alt:"status icon"}),e("span",null,n[t.status]),this.activePopupIndex===i&&this.createPopup(t)),e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),e("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},t.name))})),e("div",{key:"ce4a02398dcde7edb5435837e7830c0bef2266fd",class:"dynamic-claim-progress-bar"})))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}};b.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px;padding-inline-end:50px;text-align:start;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}';const g="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==";function w(t,e,i){if(t.expandedImage===i)return;t.originalImage=e;const a=t.el.shadowRoot.getElementById("expanded-image");a.src=e.src,document.addEventListener("keydown",t.closeImageListener);const o=e.getBoundingClientRect();document.body.style.overflow="hidden",Object.assign(a.style,{top:`${o.top}px`,pointerEvents:"auto",left:`${o.left}px`,transitionDuration:"0s",width:`${o.width}px`,height:`${o.height}px`}),setTimeout((()=>{const o=window.innerWidth-160,r=window.innerHeight-32,n=e.naturalWidth/e.naturalHeight;let s,d;o/n<=r?(s=o,d=o/n):(d=r,s=r*n),a.style.transitionDuration="0.3s",Object.assign(a.style,{opacity:"1",width:`${s}px`,height:`${d}px`,top:(window.innerHeight-d)/2+"px",left:(window.innerWidth-s)/2+"px"}),t.expandedImage=i}),200)}function f(t,e){if(e&&"Escape"!==e.key)return;document.removeEventListener("keydown",t.closeImageListener);const i=t.el.shadowRoot.getElementById("expanded-image"),a=t.originalImage.getBoundingClientRect();Object.assign(i.style,{top:`${a.top}px`,pointerEvents:"none",left:`${a.left}px`,width:`${a.width}px`,height:`${a.height}px`,transitionDuration:"0.3s"}),setTimeout((()=>{i.src="",i.style.opacity="0",i.style.transitionDuration="0s"}),300),document.body.style.overflow="",t.expandedImage=null}let m={};const x=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{w(this,t,e)},this.closeImage=t=>{f(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:m},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){m=t}render(){var t,a;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:n,parts:d}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return e(i,{key:"63c26e93dfd02ecf3dedb8c02b90c53217ebac74"},e("div",{key:"1afca3004303df017df436308db4f265f86f73c5",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"a13c70ca9d772e7e344db801e12c119698934dcb"},e(s,{key:"8e0ec05cb31af7afd60b5d39c58474d081423c0c",isLoading:this.state.includes("loading")}),e("div",{key:"8e26c7228bae3709ec604aa76069023a928d5315",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"fbbad92f671914f1de952cb9cf3e3a8d987d3170",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"2e86c841565522c2221084fff77787d36af5f0c9",class:"py-[16px]"},e("div",{key:"73c67505be7dfe19ab2dc833ea6fde5d50a118cc",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"00ef9f81a04ce61409ef0fe2d05c5e53c54e8ec9",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"a5b578f25ed757ec44575e842b8dcccbe1c6f852",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.paintThickness),e("div",{key:"6312fc77ad4169509bd184f38a78fca84c826a55",class:"h-0 overflow-auto flex-1"},!d.length&&e("div",{key:"6effdd6539fb90f4945352c03de92aefda585735",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!d.length&&e("table",{key:"7b873c31bca0834899609894e901efc871ca3bdc",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"e7525470ad10cbb85e2a648a272fb5e33dde9aee",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"ae4518825cf0588211b4a8f22056404aa79aab9a"},["part","left","right"].map((t=>e("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),e("tbody",{key:"68b428b4be79e61ecac8024bc763b69dbae763e2"},d.map(((t,i)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((a=>e("td",{key:t.part+a,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===d.length-1})},t[a]||"...")))))))))),["data","data-loading"].includes(this.state)&&e("div",{key:"8960617e47afdc6db66912cca04729e05b7c0c4f"},!n.length&&e("div",{key:"ff88633f24dab1ab3e1571b95a285b758d9607c9",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!n.length&&e("div",{key:"838e0f573b5452a5154a92f5f97f613d610c7bf1",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},n.map((t=>e("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},e("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),e("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>e("div",{class:"flex gap-[8px]",key:t},e("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},e("img",{src:g}),e("span",{class:"text-white"},r.expand)),e("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),e("div",{key:"788024dce16b13c1509ae49fe69b5e48e1afc8ba",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:o("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"f3b66783393492c980e76f875aa8e15dd34467cb",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"96729fd9b6be1cb392e5e0e990606dc49ec2bdbc",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"ba4e7211b3cdb19195855eb353f1e12259039bff",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"7ea590ea5d9783fad22238ccbe5380424dd0c685",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};x.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.min-w-\\[100px\\]{min-width:100px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';let u={};const y=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:u},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){u=t}render(){var t,a,r,n;const d=this.locale.vehicleLookup.serviceHistory;return e(i,{key:"f89ce7f17b78c775cbcee6a4db109ef3c00e6d29"},e("div",{key:"d6b942daf06542e542a04d3bb72068c5758c80e9",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"acf33e3e253eb114c443a7d987db2b5e5db1468e"},e(s,{key:"74d21f31cf67f9b5959e6ba4af3ebaea10bb6b04",isLoading:this.state.includes("loading")}),e("div",{key:"803d65860d980d5bac019b749d75a5692b5dfa06",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"1e9672450bd13031d6079a2ed33e06a40e36a6bc",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"b8b5edb12f6e38919945160d446e004cbc7ad6ba",class:"py-[16px]"},e("div",{key:"9836f3fdca8b2b7307b95305bd26343d177ce52b",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"e591ba63512e82b6550aa9aee55a8fa406227b85",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"d0fb2a760d372b9d1bff0470bbd05541a0214d9f",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},d.serviceHistory),e("div",{key:"9d9972cb39d1921b7bb4e4c5bd264c13b62ac0c2",class:"h-0 overflow-auto flex-1"},!(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)&&e("div",{key:"5c200eb45535a3e310d6aec7eee854a527b379fd",class:"h-[80px] flex items-center justify-center text-[18px]"},d.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)&&e("table",{key:"5d93b0cd99ca7f38631c36259c9d019b4b5234fd",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"bdd4ccde39e53fcbd15d4ccf27f0d504e1ba9d21",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"83d5b447ef3f5ee92314cb9be124ae316d196c22"},["branch","dealer","invoiceNumber","date","serviceType","odometer"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},d[t]))))),e("tbody",{key:"f32901ca2350c6fadf44972681f909c2b27b7707"},null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.map(((t,i)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((a=>{var r;return e("td",{key:t.invoiceNumber+a,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[a]||"...")})))))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};y.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.\\!border-none{border-style:none!important}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';let v={};const k=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{w(this,t,e)},this.closeImage=t=>{f(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:v},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){v=t}render(){var t,a;const r=this.locale.vehicleLookup.accessories,n=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return e(i,{key:"8387f8bf62bbb81766edf77d7ba3d574fd2e9a80"},e("div",{key:"72db4edce06518b167c149244dbc4355484723cb",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"da38d3c66b219e5b8dfa3ac34ccbf68433f2a8b6"},e(s,{key:"38d5e442c8d3874ed9ed4d6b87719529764c5475",isLoading:this.state.includes("loading")}),e("div",{key:"ffd385f36cd49de490da307944d16a8e83bb0287",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"5692dc7da65d0508d6a863af6f9a7a0bb8460727",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"c8b4189075e8240a9ff2059e307dc3c61de705ee",class:"py-[16px]"},e("div",{key:"3c5a383bec835b3f063d958070176e213caa2c15",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"8b0b46c3a428ed30b9c1e70064ca3b5eb36cabff",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"3905912ad4256df37fc7f7cf28b4cdf0ff2a7278",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.vehicleAccessories),e("div",{key:"49b423073265bf472bdb596b90a745393220584f",class:"h-0 overflow-auto flex-1"},!n.length&&e("div",{key:"c464443ec49ae9cff52e8fed7fad1816105bc64b",class:"h-[80px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&e("table",{key:"d1ccae2f834f037567d49896a4afcd87d1d3b30b",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"3374f38dd5e063d4a00f7fab248f542f8274f689",class:"top-0 font-bold z-40 sticky bg-white"},e("tr",{key:"01df1c074f587759cd19f9dbe3076a69f4f577b7"},["partNumber","description","image"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),e("tbody",{key:"0d7cc7b256753295febea408f45f2ba148773796"},n.map(((t,i)=>{var a;return e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var r;return e("td",{key:t.partNumber+a,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[a]||"...")})),e("td",{class:o("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},e("button",{onClick:({target:e})=>this.openImage(e,t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},e("img",{src:g}),e("span",{class:"text-white"},r.expand)),e("img",{class:"w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t.image}))))}))),e("div",{key:"6f489e2175f6421e29e476881a417849eb153efe",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:o("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"a23d0da4f403adba26d021a8b5d70f445b003652",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"52eaf817c47086baea1b3fabbe9b7918adcb689d",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"8fb82fd07a285f22f01ba5750f12ca21ee754fec",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"8d5b69444d9a4243af0979b9dfdf1c4891f4ee29",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};k.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';let I={};const z=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:I},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){I=t}render(){var t,a,r,n,d,l,c,p,h,b,g;const w=this.locale.vehicleLookup.specification;return e(i,{key:"e07b775ec5cfa843d747c2f7168c894931454dfc"},e("div",{key:"888fb6d5ab386f44010329577b241f4b2d578183",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"78354d91ffdf6a8210ef2e97b3559f9af85b299b"},e(s,{key:"c2a46f1c8dc0a446dd256a4e8234e54002409d51",isLoading:this.state.includes("loading")}),e("div",{key:"6d883c2cfc2aea0abf3b93c9645a4627c70f2e4e",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"da2d92b2700f3584f01489f612dfd0e9d426b6f1",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"fdc4e5a9351e3580c3bb7714d3ada1ba97da677e",class:"py-4"},e("div",{key:"d6f874e928704a0d919c007f1e88260e81501459",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"44c3e07e4020a1d480caefc1b429a73838eb8fbb",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"91997da0337b997fc15da5755d66efec46b38509",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),e("div",{key:"1e83d54b556c8e60c4ef9846c636836557b3416f",class:"h-0 overflow-auto flex-1"},!(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vehicleSpecification)&&e("div",{key:"5eb1fee6e6061fba56f415dc28bea5584a9640f3",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.vehicleSpecification)&&e("table",{key:"a376e17bd4ace9e5c1de809ad0da3da536bb4ea0",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"859b13d80f6203285d64596317d4f8b015d4c0ce",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"9c7fd478ffe867dbc63c661b2a33eccaafefbd74"},["model","variant","katashiki","modelYear","sfx"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),e("tbody",{key:"3fa98aeda541f947740ef46d512a0ddf25c2a8bf"},e("tr",{key:"bdd03c3a08f46f5d38b44e435fc33305f3b7b6d7"},e("td",{key:"5f36a604990bf71038081fd8945de7bdc24f0066",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(d=null===(n=null==this?void 0:this.vehicleInformation)||void 0===n?void 0:n.vehicleVariantInfo)||void 0===d?void 0:d.modelCode)||"..."," ",e("br",{key:"f08b559ed05bcd0b23ca6c487901af580468402f",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),e("td",{key:"58835cc186f08ced40ee22698650660678240c5d",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",e("br",{key:"ab2e9c6e77c165b8b9bcc96675967b5ebee1f22b"}),(null===(g=null===(b=null==this?void 0:this.vehicleInformation)||void 0===b?void 0:b.vehicleSpecification)||void 0===g?void 0:g.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var i;const[a,r]=t.split("."),n=null===(i=null==this?void 0:this.vehicleInformation)||void 0===i?void 0:i[a][r].toString();return e("td",{key:t,class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},n.trim()?n:"...")})))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};function C({isLoading:t}){return e("div",{class:o("loading-spinner absolute",{hide:!t})},e("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}z.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}';const A="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+",j="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+";function M({ssc:t,locale:i}){const a=i.vehicleLookup.warranty;return e("div",{class:"wrapper-table"},e("div",{class:"header"},a.sscCampings),e("div",{class:"ssc-table-container"},e("table",{class:"ssc-table"},e("thead",null,e("tr",null,e("th",null,a.sscTableCode),e("th",null,a.sscTableDescription),e("th",null,a.sscTableRepairStatus),e("th",null,a.sscTableOPCode),e("th",null,a.sscTablePartNumber))),e("tbody",null,t.map((t=>e("tr",{class:"transition",key:t.sscCode},e("td",null,t.sscCode),e("td",null,t.description),e("td",null,e("div",{class:"table-cell-container"},e("img",{class:"table-status-icon",src:t.repaired?j:A})," ",null==t?void 0:t.repairDate)),e("td",null,t.opCode),e("td",null,e("div",{class:"table-cell-container table-cell-parts-container"},t.parts.length?t.parts.map((t=>e("div",{key:t.partNumber,class:t.isAvailable?"success":"reject"},t.partNumber))):"...")))))))))}function N({desc:t,className:i,fromDesc:a,toDesc:r,from:n,to:s,state:d="idle",icon:l=!0}){return e("div",{class:o("card",i,`${d}-card`)},l&&"reject"===d&&e("img",{src:A}),l&&"warning"===d&&e("img",{src:A}),l&&"success"===d&&e("img",{src:j}),n&&e("p",{class:"no-padding flex gap-2"},e("span",{class:"font-semibold"},a,":")," ",t),s&&e("p",{class:"no-padding flex gap-2"},e("span",{class:"font-semibold"},r,":")," ",t),!n&&!s&&e("p",{class:"idle"===d?"no-padding":""},t))}function D({warranty:t,isAuthorized:i,unInvoicedByBrokerName:a,locale:o}){const r=o.vehicleLookup.warranty;return e("div",{class:"warranty-tags mx-auto pt-3"},e(N,{state:i?"success":"reject",desc:i?r.authorized:r.unauthorized}),e(N,{state:t.hasActiveWarranty?"success":"reject",desc:t.hasActiveWarranty?r.activeWarranty:r.notActiveWarranty}),a&&e(N,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:r.notInvoiced+a}),t.warrantyStartDate&&e(N,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,fromDesc:r.from,desc:t.warrantyStartDate}),t.warrantyEndDate&&e(N,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,toDesc:r.to,desc:t.warrantyEndDate}))}let S={};const L=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.showSsc=!1,this.queryString="",this.recaptchaKey="",this.language="en",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.showRecaptcha=!1,this.errorMessage=null,this.unInvoicedByBrokerName=null,this.vehicleInformation=void 0,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null,this.headers={},this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){var e,i,a;null===t.warranty&&(t.warranty={warrantyEndDate:"",warrantyStartDate:"",hasActiveWarranty:!1,hasExtendedWarranty:!1,extendedWarrantyEndDate:"",extendedWarrantyStartDate:""}),null===t.ssc&&(t.ssc=[]),this.unInvoicedByBrokerName=null,null!==(null===(e=null==t?void 0:t.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(a=null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)||void 0===a?void 0:a.invoiceDate)&&(this.unInvoicedByBrokerName=t.saleInformation.broker.brokerName),this.vehicleInformation=t}async handleInitializingRecaptcha(t,e){var i;!1===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),await new Promise((t=>setTimeout(t,400))),this.recaptchaIntervalRef=setInterval((async()=>{var i;const a=grecaptcha.getResponse();if(a)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${t}/${null===(i=this.vehicleInformation)||void 0===i?void 0:i.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":a})}),r=await o.json();if(!r||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===r.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async setData(t,e={}){let i;this.recaptchaRes=null,this.headers=e,clearTimeout(this.networkTimeoutRef),clearInterval(this.recaptchaIntervalRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,600),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:S},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r),this.handleInitializingRecaptcha(o,i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}async setMockData(t){S=t}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var t,a,r,n,s;return e(i,{key:"c5ef9e5c12c299a79cc8e5ab41795f2a82cfd328"},e("div",{key:"c269f8934ec54b941bbee7a4846ff426d9da19cd",dir:this.locale.direction,class:"min-h-[100px] warranty"},e("div",{key:"0bfc48e298bcbbb952bccb009c572c0d2eea84ce"},e(C,{key:"e8ff8312212ae2a4adc9248133f49afacbd38e48",isLoading:this.state.includes("loading")}),e("div",{key:"03032dc7be0b51a92b9e927d667c209e58abc4eb",class:"transition duration-700",style:{transform:this.state.includes("loading")||"idle"===this.state?"scale(0)":"scale(1)",opacity:this.state.includes("loading")?"0":"1"}},(this.showSsc||this.showWarranty)&&e("div",{key:"da11c7d0aad6113e17a6caabce029f1deb8c195e",style:{color:this.errorMessage?"red":"black"},class:"warranty-vin"},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"fd2ce5726df86b13b495fc6f3fe48a9f5bb87486",class:"py-4"},e(N,{key:"b3fd8f89d2742bb25d12b7773e1361c8b65c9a4e",desc:this.locale.errors[this.errorMessage]||this.locale.errors.wildCard,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&e(D,{key:"405411582449ff40db0aeeacffd49b90e7d6e585",locale:this.locale,isAuthorized:null===(a=this.vehicleInformation)||void 0===a?void 0:a.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,warranty:null===(r=this.vehicleInformation)||void 0===r?void 0:r.warranty}),e("div",{key:"64dac3098fdab7b30439ad14f939e10d2b43ebb5",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},e("slot",{key:"f0a25a1ab0ba02c661697a2b986db1f5f60fb012"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&e("div",{key:"260ba78d40cb35bc7afe8afd246fc0ff93b919b4",class:o("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.locale.vehicleLookup.warranty[this.recaptchaRes.message]),this.checkingUnauthorizedSSC&&e("div",{key:"e071d2810629426872ae35665e637d5c5190fbe8",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},e("div",{key:"3c49a6a0b2fcf56222071faeb372af2ea9107065"},e("strong",{key:"f699fa9760ce4485a131b57f37513446531cd563"},this.locale.vehicleLookup.warranty.checkingTMC)),e("img",{key:"9466f185766ad803779bc0d1f6e0cdd3e177ee96",class:"spin",src:d})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(n=this.vehicleInformation)||void 0===n?void 0:n.ssc)&&!!(null===(s=this.vehicleInformation)||void 0===s?void 0:s.ssc.length)&&e(M,{key:"f42276f6576fabaa984925b023516a4049b4ec37",locale:this.locale,ssc:this.vehicleInformation.ssc})))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};L.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0!important;height:0}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}';export{b as dynamic_claim,x as paint_thickness,y as service_history,k as vehicle_accessories,z as vehicle_specification,L as warranty_details}
+import{r as t,h as e,H as i,g as a}from"./p-0f0e54c1.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as n}from"./p-36f29bde.js";import{L as s,l as d}from"./p-99d314b5.js";import"./p-e446fb9d.js";const l={cityId:"City-Id",userId:"User-Id",companyId:"Company-Id",customerName:"Customer-Name",customerPhone:"Customer-Phone",customerEmail:"Customer-Email",companyBranchId:"Company-Branch-Id",cityIntegrationId:"City-Integration-Id",brandIntegrationId:"Brand-Integration-Id",companyIntegrationId:"Company-Integration-Id",companyBranchIntegrationId:"Company-Branch-Integration-Id"},c=async(t,e,i={})=>{const{notAvailableMessage:a,mockData:o,vin:r,scopedTimeoutRef:n,middlewareCallback:s}=e,{isDev:d,baseUrl:c,queryString:p,abortController:h,networkTimeoutRef:b,loadedResponse:g}=t,w=t=>{if(b===n){if(!t&&r)throw new Error(a||"wrongResponseFormat");return g&&g(t),s&&s(t),t}};if(d)return w(o[r]);{if(!c)throw new Error("noBaseUrl");const e=Object.assign({},i);Object.entries(l).forEach((([i,a])=>{t[i]&&(e[a]=t[i])}));const a=await fetch(`${c}${r}?${p}`,{signal:h.signal,headers:e});return w(await a.json())}};let p={};const h={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4="},b=class{constructor(e){t(this,e),this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.popupClasses="",this.timeoutRef=setTimeout((()=>{this.activePopupIndex=null}),400)},this.onMouseEnter=(t,e)=>{clearTimeout(this.timeoutRef),this.activePopupIndex=e,this.timeoutRef=setTimeout((()=>{const e=t.querySelector(".popup-position-ref");this.popupPositionRef=e,this.calculatePopupPos(this.el.shadowRoot),this.popupClasses="show"}),50)},this.baseUrl=void 0,this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.isIdle=!0,this.popupClasses="",this.isLoading=!1,this.externalVin=null,this.errorMessage=null,this.activePopupIndex=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}async componentDidLoad(){this.dynamicClaimBody=this.el.shadowRoot.querySelector(".dynamic-claim-body"),this.dynamicRedeem=this.el.shadowRoot.getElementById("dynamic-redeem"),this.dynamicClaimProgressBar=this.el.shadowRoot.querySelector(".dynamic-claim-progress-bar")}async setMockData(t){p=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.isIdle=!0);this.isLoading=!0,this.isIdle=!1,await new Promise((t=>{i=setTimeout(t,1e3),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:p},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");if(!Array.isArray(r.serviceItems))throw new Error("noServiceAvailable");this.vehicleInformation=r}this.errorMessage=null,this.isLoading=!1}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t),this.setLoadingUi(t)}async setLoadingUi(t){t||(this.dynamicClaimProgressBar.style.width="0",await new Promise((t=>setTimeout(t,200))),this.updateProgressBar())}updateProgressBar(){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[];if(0===e.filter((t=>"pending"===t.status)).length)this.dynamicClaimProgressBar.style.width=0===e.length?"0%":"100%",this.dynamicClaimBody.scrollTo({left:this.dynamicClaimBody.scrollWidth,behavior:"smooth"});else{const t=e.find((t=>"pending"===t.status)),i=e.indexOf(t)+1,a=this.dynamicClaimBody.getElementsByClassName("dynamic-claim-item")[i-1];this.dynamicClaimProgressBar.style.width=100*(i/e.length-1/(2*e.length))+"%",this.dynamicClaimBody.scrollTo({left:a.offsetLeft-3*a.clientWidth,behavior:"smooth"})}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(t){t?(this.scrollListenerRef=()=>this.calculatePopupPos(this.el.shadowRoot),window.addEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.addEventListener("scroll",this.scrollListenerRef)):(window.removeEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.removeEventListener("scroll",this.scrollListenerRef))}calculatePopupPos(t){const e=t.querySelector(".popup-position-ref");let{x:i,y:a}=e.getBoundingClientRect();const o=e.querySelector(".popup-container"),{width:r}=o.getBoundingClientRect(),n=o.querySelector(".dynamic-claim-item-popup-info"),s=window.innerWidth;o.style.top=`${a}px`,o.style.left=i-r/2+"px";const d=i-r/2,l=s-(i+r/2);let c=0;l<16?c=l-16:d<16&&(c=Math.abs(d-16)),n.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(t){t.target.classList.remove("load-animation")}async completeClaim(){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],i=this.cachedClaimItem,a=JSON.parse(JSON.stringify(e)),o=e.indexOf(i),r=a.slice(0,o).filter((t=>"pending"===t.status));a[o].status="processed",r.forEach((function(t){t.status="cancelled"})),this.pendingItemHighlighted=!1;const n=JSON.parse(JSON.stringify(this.vehicleInformation));n.serviceItems=a,this.vehicleInformation=JSON.parse(JSON.stringify(n))}claim(t){var e;const i=(null===(e=this.vehicleInformation)||void 0===e?void 0:e.serviceItems)||[],a=JSON.parse(JSON.stringify(i)),o=i.indexOf(t);let r=a.slice(0,o).filter((t=>"pending"===t.status));this.cachedClaimItem=t,null===t.maximumMileage&&(r=[]),this.onMouseLeave(),this.openRedeem(t,r)}async handleRedeemScanner(){this.dynamicRedeem.handleScanner=this.isDev?async()=>{await new Promise((t=>setTimeout(t,500))),this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}:async t=>{try{const e=this.vehicleInformation,i={vin:e.vin,brandIntegrationID:e.identifiers.brandIntegrationID,invoice:t,saleInformation:e.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},a=await fetch("/api/vehicle/swift-claim",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}),o=await a.json();if(!o.Success)return alert(o.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(t){console.error(t),alert("Request failed please try again later"),this.dynamicRedeem.quite(),this.dynamicRedeem.handleScanner=null}}}openRedeem(t,e){var i,a,o,r,n;const s=this.vehicleInformation;this.dynamicRedeem.vin=null==s?void 0:s.vin,this.dynamicRedeem.item=t,this.dynamicRedeem.canceledItems=e,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(i=null==s?void 0:s.saleInformation)||void 0===i?void 0:i.broker)&&null===(null===(o=null===(a=null==s?void 0:s.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?null===(n=null===(r=null==s?void 0:s.saleInformation)||void 0===r?void 0:r.broker)||void 0===n?void 0:n.brokerName:null,this.handleRedeemScanner()}createPopup(t){const i=this.locale.vehicleLookup.dynamicClaim;return e("div",{dir:this.locale.direction,class:"popup-position-ref"},e("div",{class:"popup-container"},e("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},e("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),e("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),e("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},e("table",null,e("tbody",null,e("tr",null,e("th",null,i.serviceType),e("td",null,t.type.charAt(0).toUpperCase()+t.type.slice(1))),e("tr",null,e("th",null,i.activationDate),e("td",null,t.activatedAt)),e("tr",null,e("th",null,i.expireDate),e("td",null,t.expiresAt)),e("tr",null,e("th",null,i.claimAt),e("td",null,t.redeemDate)),e("tr",null,e("th",null,i.redeemingDealer),e("td",null,t.dealerName)),e("tr",null,e("th",null,i.invoiceNumber),e("td",null,t.invoiceNumber)),e("tr",null,e("th",null,i.wip),e("td",null,t.wip)),e("tr",null,e("th",null,i.claim),e("td",null,t.menuCode)))),"pending"===t.status&&e("button",{onClick:()=>this.claim(t),class:"claim-button dynamic-claim-button"},e("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"stroke-width":"0"}),e("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),e("g",null,e("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),e("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),e("span",null,i.claim)))))}render(){var t,a;const r=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],n=this.locale.vehicleLookup.dynamicClaim;return e(i,{key:"2af691f7c6ffafa3b84a7981ce9d986c5b21c1f3"},e("dynamic-redeem",{key:"0b1c8179e3b1cc7a6d4140209cf678bb12c1b4f8",language:this.language,id:"dynamic-redeem"}),e("div",{key:"6b15e6f206f127ee7385e94e4e1da482297e90cb",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},e("div",{key:"d228d274d0b96cff2109b37f02929227066617dc",class:"dynamic-claim-header"},e("strong",{key:"4f9345e71eac1cb2a33847fd37ca5943eee13a89",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&e("span",{key:"a3993b80232d30a896b62724df3d22d1e8493414",dir:this.locale.direction,style:{color:"red"}},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard),!this.errorMessage&&(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin))),e("div",{key:"83f813a45ac139da18d6409989a2175e5949b16a",class:"dynamic-claim-body"},e("div",{key:"94b34411638f21b1c8fe75236708fcf6a064254c",class:"loading-lane"},e("div",{key:"a102f0f2798190f9cbefa60edbfa3607916e6ceb",class:"dynamic-claim-loading-slider"},e("div",{key:"d13c65732d480313cea205478e850ce33e3f07ca",class:"dynamic-claim-loading-slider-line"}),e("div",{key:"8063bbef60d231c5c9069bbd9cb09ae65a957a1e",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),e("div",{key:"8b0119234750c2d2ad58af63c9d284c6a9cd56a5",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),e("div",{key:"efbf9252ed01e25fb68e49811ede858208a6c3bc",class:"dynamic-claim-progress-lane"},r.map(((t,i)=>{let a="";return"pending"===t.status?r.findIndex((t=>"pending"===t.status))===i&&(a=t.status):a=t.status,e("div",{key:t.name,class:o("dynamic-claim-item",a),onMouseLeave:this.onMouseLeave},e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:t=>this.onMouseEnter(t.target,i)},e("img",{src:h[t.status],alt:"status icon"}),e("span",null,n[t.status]),this.activePopupIndex===i&&this.createPopup(t)),e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),e("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},t.name))})),e("div",{key:"4992b48f37e59d6cb8400267e0498a83ccdc82bd",class:"dynamic-claim-progress-bar"})))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}};b.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px;padding-inline-end:50px;text-align:start;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}';const g="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==";function w(t,e,i){if(t.expandedImage===i)return;t.originalImage=e;const a=t.el.shadowRoot.getElementById("expanded-image");a.src=e.src,document.addEventListener("keydown",t.closeImageListener);const o=e.getBoundingClientRect();document.body.style.overflow="hidden",Object.assign(a.style,{top:`${o.top}px`,pointerEvents:"auto",left:`${o.left}px`,transitionDuration:"0s",width:`${o.width}px`,height:`${o.height}px`}),setTimeout((()=>{const o=window.innerWidth-160,r=window.innerHeight-32,n=e.naturalWidth/e.naturalHeight;let s,d;o/n<=r?(s=o,d=o/n):(d=r,s=r*n),a.style.transitionDuration="0.3s",Object.assign(a.style,{opacity:"1",width:`${s}px`,height:`${d}px`,top:(window.innerHeight-d)/2+"px",left:(window.innerWidth-s)/2+"px"}),t.expandedImage=i}),200)}function f(t,e){if(e&&"Escape"!==e.key)return;document.removeEventListener("keydown",t.closeImageListener);const i=t.el.shadowRoot.getElementById("expanded-image"),a=t.originalImage.getBoundingClientRect();Object.assign(i.style,{top:`${a.top}px`,pointerEvents:"none",left:`${a.left}px`,width:`${a.width}px`,height:`${a.height}px`,transitionDuration:"0.3s"}),setTimeout((()=>{i.src="",i.style.opacity="0",i.style.transitionDuration="0s"}),300),document.body.style.overflow="",t.expandedImage=null}let m={};const x=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{w(this,t,e)},this.closeImage=t=>{f(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:m},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){m=t}render(){var t,a;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:n,parts:d}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return e(i,{key:"1e382e152870fe6ed781e7bb1a61d0bc513bd33c"},e("div",{key:"87f754d6e4231fc8ac96a47d38afeceac4961adb",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"ed7ec03eb3564e10d9a85158050c31ec4456b854"},e(s,{key:"1b0d996939d7739f98b704230e0976874faab3ed",isLoading:this.state.includes("loading")}),e("div",{key:"466ef3752e44dc70b7feb76de7e209a57094e90d",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"da246e967d6b33c272fc32584e2d7f1e0e83ccd4",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"e4dcd6efb6dc64098925031c172ebc4827714d12",class:"py-[16px]"},e("div",{key:"2bb9d510c170a8e270346c0b7f9eda339ad3d576",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"dbeeb65434cc8e359f47aa85d83ec2855b456219",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"ee456914428711989d06c5b612a05b024224d339",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.paintThickness),e("div",{key:"b8a3f46ae6e09768cd2151f72d7e6e2a13d8308c",class:"h-0 overflow-auto flex-1"},!d.length&&e("div",{key:"db8327f2536be13dd32820898e2651ff08af81fd",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!d.length&&e("table",{key:"e107871560c319d6c8830bbe8c9e9753dd7500c1",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"28a54bb79297574e0f1f4f9db9397ce6d8d06a97",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"35c688c631187bbbbd2610f5532f949d994d8e86"},["part","left","right"].map((t=>e("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),e("tbody",{key:"9d925d7ca4bec43400c168492ce6add324eeb74b"},d.map(((t,i)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((a=>e("td",{key:t.part+a,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===d.length-1})},t[a]||"...")))))))))),["data","data-loading"].includes(this.state)&&e("div",{key:"cba778359895dc949da8172f106f94380dbb7fb3"},!n.length&&e("div",{key:"4c76413ca2cc94aee048667c87a0541268cda16a",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!n.length&&e("div",{key:"df5b892b8bc8321fc22d90eb648ef1a0973e25dc",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},n.map((t=>e("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},e("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),e("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>e("div",{class:"flex gap-[8px]",key:t},e("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},e("img",{src:g}),e("span",{class:"text-white"},r.expand)),e("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),e("div",{key:"aab963037ccebcc594fcd95f8145eab95b344c4e",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:o("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"fa15c8961fea415f14e59d539a64c1446789d5be",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"fd9a22c4c9b0bc3b87dd9831c74467738737f5ea",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"a6a9e793fb57a7afe88bbd80218a9c293e0b24cc",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"c6623b738244c8eeee9d0448014539e67d88b5df",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};x.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.min-w-\\[100px\\]{min-width:100px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';let u={};const y=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:u},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){u=t}render(){var t,a,r,n;const d=this.locale.vehicleLookup.serviceHistory;return e(i,{key:"2979b752e0381f4b40392e2f145207e2fe2494cf"},e("div",{key:"2874c4f52f522a46eb6e43d65fa07e00f49a8f80",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"0091ffe170d2ff1cd923a3b095e387a9fd90dea3"},e(s,{key:"d09927339a44e20d502d662593c940c7f85dd3ec",isLoading:this.state.includes("loading")}),e("div",{key:"937a9a01f833ff5586544e66493c1c52096d9aa3",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"07231540ca2c58cb561dd50524a809c4759927b7",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"3887f217d6bb6a29a83ea607134d7cb30a60bc46",class:"py-[16px]"},e("div",{key:"0206e33c760a9da5cc7bd9cc7d262d40dd5eb0ed",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"e7d14355842f4e96a7e049223e58bc6eb4850999",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"d216d2c492765c6136802226ea476f149ab1f89f",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},d.serviceHistory),e("div",{key:"06d8bbabdb3dd4709376da4dff8c855cc381a28d",class:"h-0 overflow-auto flex-1"},!(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)&&e("div",{key:"ef9d65cab3af6bf7bbd77eb3e6359889230117c2",class:"h-[80px] flex items-center justify-center text-[18px]"},d.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)&&e("table",{key:"4036d60fbddc852f055500dc3de7bd9e21ab6975",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"a8f78de49055ccb2eb40a5a91479ecb4909deb3a",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"9b21c419e30de3067ed6c3670afa395b50c26377"},["branch","dealer","invoiceNumber","date","serviceType","odometer"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},d[t]))))),e("tbody",{key:"ec1151d70daae550c8bc36e22c6341cf1a7a867c"},null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.map(((t,i)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((a=>{var r;return e("td",{key:t.invoiceNumber+a,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[a]||"...")})))))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};y.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.\\!border-none{border-style:none!important}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';let v={};const k=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{w(this,t,e)},this.closeImage=t=>{f(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:v},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){v=t}render(){var t,a;const r=this.locale.vehicleLookup.accessories,n=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return e(i,{key:"dd410831ebc3abca4116b316693d671f58ce45e0"},e("div",{key:"6608457156e38803d4af9268a7b29dd9258ea601",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"92a6368e66cb585af9ca7c63d99cd648bfb76a76"},e(s,{key:"1b272bfb145a5c3f608de4939c553f3574713308",isLoading:this.state.includes("loading")}),e("div",{key:"742cff5e16205130ac62c636838758bbe41e157b",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"d989eb40a3c7e663868dc4e54d35d2f8afbb36b9",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"9605655caf1d0474941c0fe2eb35e511ee49d8a2",class:"py-[16px]"},e("div",{key:"f3bcb9806e1c7c01da64f5250c047afc4d4abb0c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"6dce5a0dd4a191aac8fb0412a2ff79fedc898026",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"1dae255335699110f224a8dafba266a228cc14b4",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.vehicleAccessories),e("div",{key:"61fa0c5e50dd30000165494e2faf6d498174549b",class:"h-0 overflow-auto flex-1"},!n.length&&e("div",{key:"5d582e3eea5a5041a1c79759fe8ac84bd91bc32a",class:"h-[80px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&e("table",{key:"f0c1d1793f7c907b4865530354831a2007582a88",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"a565247ad42b255b5487b9a7df5950d1dda89384",class:"top-0 font-bold z-40 sticky bg-white"},e("tr",{key:"0b8fa52931ea6c4f198bc22146ce194a673f25a9"},["partNumber","description","image"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),e("tbody",{key:"0d13ce25b92ead9bf1ec4a2f9c702493dd47d95b"},n.map(((t,i)=>{var a;return e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var r;return e("td",{key:t.partNumber+a,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[a]||"...")})),e("td",{class:o("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},e("button",{onClick:({target:e})=>this.openImage(e,t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},e("img",{src:g}),e("span",{class:"text-white"},r.expand)),e("img",{class:"w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t.image}))))}))),e("div",{key:"0815cb6af69a96f2c4f6980a7817fa559d4167a9",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:o("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"4e786da3510e10586db39497310861743b0cdab4",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"8742284194e4dc6ae699ef4a831b2823a6c12d7c",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"499ea3d220f4ff8a072f172dffbe4ca8cd35875f",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"68d06450686c6754445e0f6cbf672d4046fa7fc2",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};k.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';let I={};const z=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:I},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){I=t}render(){var t,a,r,n,d,l,c,p,h,b,g;const w=this.locale.vehicleLookup.specification;return e(i,{key:"2d79e0d9687e42208abffcf58440a9a99af61036"},e("div",{key:"b3a2196ae3d83b28c20bf4dd1dd5b38afa9ca75c",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"0e362941084daa41450a6d98dda0a0a1aee86d16"},e(s,{key:"aaf8d7ba4cb85f43bbbbd6efcfd3e19c44750669",isLoading:this.state.includes("loading")}),e("div",{key:"10ed2e6c769579ef48d1f9cf43d47dff5d98a062",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"61fd8dfca3da820240381f130955372c46d2f57e",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"df94a3d69c05eb0bc7a00e7e49f823b9b686e314",class:"py-4"},e("div",{key:"72c0e34a6e5aba9d7cc2a58713efd2dadc4eede9",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&e("div",{key:"58ec5d38131d5c4e0f76f6efcf0ed764ffe00e61",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"f0d17e329537615a9a3da5f2e0ba34d0f4870824",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),e("div",{key:"a6c5583f13b518c5d09fac1c15eb8bf91b3e639b",class:"h-0 overflow-auto flex-1"},!(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vehicleSpecification)&&e("div",{key:"8d93979de01580b140be95059c72a00ab9c7f81b",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.vehicleSpecification)&&e("table",{key:"fc57854df168b893061c630fec4beaba970eede1",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"92bcd38790ef90f9ae9013e24a3b55e8e8115ee4",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"2d705477de42db9b5605d7aa3338cae6cc0a07ff"},["model","variant","katashiki","modelYear","sfx"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),e("tbody",{key:"f3f847296d88bdd0a81cf7ce70d6c988a92d9407"},e("tr",{key:"035b4ae4cc8f81e341d206815ebcf140f6d89343"},e("td",{key:"df839d6b2e73675f6f71de7e3e526f04e1a51f1c",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(d=null===(n=null==this?void 0:this.vehicleInformation)||void 0===n?void 0:n.vehicleVariantInfo)||void 0===d?void 0:d.modelCode)||"..."," ",e("br",{key:"daab3259ddf3b111a907f6d635b1df850db106ae",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),e("td",{key:"8c1936259bc490c555f27d609889054506e263ff",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",e("br",{key:"eaf4d89fb5345dd2dd18823d138874bf988b24c8"}),(null===(g=null===(b=null==this?void 0:this.vehicleInformation)||void 0===b?void 0:b.vehicleSpecification)||void 0===g?void 0:g.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var i;const[a,r]=t.split("."),n=null===(i=null==this?void 0:this.vehicleInformation)||void 0===i?void 0:i[a][r].toString();return e("td",{key:t,class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},n.trim()?n:"...")})))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};function C({isLoading:t}){return e("div",{class:o("loading-spinner absolute",{hide:!t})},e("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}z.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}';const A="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+",j="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+";function M({ssc:t,locale:i}){const a=i.vehicleLookup.warranty;return e("div",{class:"wrapper-table"},e("div",{class:"header"},a.sscCampings),e("div",{class:"ssc-table-container"},e("table",{class:"ssc-table"},e("thead",null,e("tr",null,e("th",null,a.sscTableCode),e("th",null,a.sscTableDescription),e("th",null,a.sscTableRepairStatus),e("th",null,a.sscTableOPCode),e("th",null,a.sscTablePartNumber))),e("tbody",null,t.map((t=>e("tr",{class:"transition",key:t.sscCode},e("td",null,t.sscCode),e("td",null,t.description),e("td",null,e("div",{class:"table-cell-container"},e("img",{class:"table-status-icon",src:t.repaired?j:A})," ",null==t?void 0:t.repairDate)),e("td",null,t.opCode),e("td",null,e("div",{class:"table-cell-container table-cell-parts-container"},t.parts.length?t.parts.map((t=>e("div",{key:t.partNumber,class:t.isAvailable?"success":"reject"},t.partNumber))):"...")))))))))}function N({desc:t,className:i,fromDesc:a,toDesc:r,from:n,to:s,state:d="idle",icon:l=!0}){return e("div",{class:o("card",i,`${d}-card`)},l&&"reject"===d&&e("img",{src:A}),l&&"warning"===d&&e("img",{src:A}),l&&"success"===d&&e("img",{src:j}),n&&e("p",{class:"no-padding flex gap-2"},e("span",{class:"font-semibold"},a,":")," ",t),s&&e("p",{class:"no-padding flex gap-2"},e("span",{class:"font-semibold"},r,":")," ",t),!n&&!s&&e("p",{class:"idle"===d?"no-padding":""},t))}function D({warranty:t,isAuthorized:i,unInvoicedByBrokerName:a,locale:o}){const r=o.vehicleLookup.warranty;return e("div",{class:"warranty-tags mx-auto pt-3"},e(N,{state:i?"success":"reject",desc:i?r.authorized:r.unauthorized}),e(N,{state:t.hasActiveWarranty?"success":"reject",desc:t.hasActiveWarranty?r.activeWarranty:r.notActiveWarranty}),a&&e(N,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:r.notInvoiced+a}),t.warrantyStartDate&&e(N,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,fromDesc:r.from,desc:t.warrantyStartDate}),t.warrantyEndDate&&e(N,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,toDesc:r.to,desc:t.warrantyEndDate}))}let S={};const L=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.showSsc=!1,this.queryString="",this.recaptchaKey="",this.language="en",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.showRecaptcha=!1,this.errorMessage=null,this.unInvoicedByBrokerName=null,this.vehicleInformation=void 0,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null,this.headers={},this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){var e,i,a;null===t.warranty&&(t.warranty={warrantyEndDate:"",warrantyStartDate:"",hasActiveWarranty:!1,hasExtendedWarranty:!1,extendedWarrantyEndDate:"",extendedWarrantyStartDate:""}),null===t.ssc&&(t.ssc=[]),this.unInvoicedByBrokerName=null,null!==(null===(e=null==t?void 0:t.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(a=null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)||void 0===a?void 0:a.invoiceDate)&&(this.unInvoicedByBrokerName=t.saleInformation.broker.brokerName),this.vehicleInformation=t}async handleInitializingRecaptcha(t,e){var i;!1===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),await new Promise((t=>setTimeout(t,400))),this.recaptchaIntervalRef=setInterval((async()=>{var i;const a=grecaptcha.getResponse();if(a)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${t}/${null===(i=this.vehicleInformation)||void 0===i?void 0:i.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":a})}),r=await o.json();if(!r||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===r.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async setData(t,e={}){let i;this.recaptchaRes=null,this.headers=e,clearTimeout(this.networkTimeoutRef),clearInterval(this.recaptchaIntervalRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,600),this.networkTimeoutRef=i}));const r=a?await c(this,{scopedTimeoutRef:i,vin:o,mockData:S},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r),this.handleInitializingRecaptcha(o,i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}async setMockData(t){S=t}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var t,a,r,n,s;return e(i,{key:"14c836415f8e7b2f296c378ed872c9e4bc0776e2"},e("div",{key:"7c002b25eec6f723742e996744eeb1696afb7fee",dir:this.locale.direction,class:"min-h-[100px] warranty"},e("div",{key:"03c5438290f118d79928aad56a06f57c337a907c"},e(C,{key:"6e9f6d02f0645d354ed5549da6bf3f9714e87913",isLoading:this.state.includes("loading")}),e("div",{key:"bceba052ec797f1ca2a7402941dca59a8a3d8aa6",class:"transition duration-700",style:{transform:this.state.includes("loading")||"idle"===this.state?"scale(0)":"scale(1)",opacity:this.state.includes("loading")?"0":"1"}},(this.showSsc||this.showWarranty)&&e("div",{key:"86555b5125271a183f6f025d8be5465129fe9f1a",style:{color:this.errorMessage?"red":"black"},class:"warranty-vin"},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"fa8391a5e70234005ec3fa6348b9cd977ec8baa7",class:"py-4"},e(N,{key:"66479d9171f4d68c6545589825d4c862134c66e0",desc:this.locale.errors[this.errorMessage]||this.locale.errors.wildCard,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&e(D,{key:"68c3dd12ab74b45e5610967836aa22a82891b1dc",locale:this.locale,isAuthorized:null===(a=this.vehicleInformation)||void 0===a?void 0:a.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,warranty:null===(r=this.vehicleInformation)||void 0===r?void 0:r.warranty}),e("div",{key:"032662489ced0fee3b29541c54a5bda5ce7174d0",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},e("slot",{key:"122adeba89a83212110885371026d6195721fcef"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&e("div",{key:"f09db8375e80891d28c1691514ae8842bf6ee951",class:o("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.locale.vehicleLookup.warranty[this.recaptchaRes.message]),this.checkingUnauthorizedSSC&&e("div",{key:"a57483a4a2ea08a919bd51225e21a344be615b53",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},e("div",{key:"fd2ed4cb7d7e488e3ab7fa42a51949388abdd9dc"},e("strong",{key:"c7141e8ed9852d076fd849a50b9518893cd739d5"},this.locale.vehicleLookup.warranty.checkingTMC)),e("img",{key:"990a7464496dffa21749dc405a327ff3094ee5e8",class:"spin",src:d})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(n=this.vehicleInformation)||void 0===n?void 0:n.ssc)&&!!(null===(s=this.vehicleInformation)||void 0===s?void 0:s.ssc.length)&&e(M,{key:"86babe3dc2f6b77cb4c04b9dec1f0af7ede03cf9",locale:this.locale,ssc:this.vehicleInformation.ssc})))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};L.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0!important;height:0}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}';export{b as dynamic_claim,x as paint_thickness,y as service_history,k as vehicle_accessories,z as vehicle_specification,L as warranty_details}

package/dist/shift-components/{p-832fd942.entry.js → p-6553e467.entry.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{r as t,h as e,H as i,g as o}from"./p-0f0e54c1.js";import{c as s,a as r}from"./p-e446fb9d.js";class a{constructor(t,e,i){this.isSubmitted=!1,this.validationType="onSubmit",this.subscribedFields={},this.formErrors={},this.getFormErrors=()=>this.formErrors,this.getValues=()=>{const t=this.context.el.shadowRoot.querySelector("form"),e=new FormData(t);return Object.fromEntries(e.entries())},this.focusFirstInput=t=>{if(t.length){const e=t.map((t=>this.context.el.shadowRoot.querySelector(`input[name="${t.name}"]`))).filter((t=>t)).sort(((t,e)=>t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_PRECEDING?1:0));e[0]&&e[0].focus()}},this.onSubmit=t=>{t.preventDefault(),(async()=>{try{this.isSubmitted=!0,this.context.isLoading=!0,this.signal({isError:!1});const t=this.getValues(),e=await this.schemaObject.validate(t,{abortEarly:!1,strict:!0});await this.context.formSubmit(e)}catch(t){if("ValidationError"===t.name){this.formErrors={};const e=[];t.inner.forEach((t=>{t.path&&(this.formErrors[t.path]=t.message,e.find((e=>e.name===t.path))||e.push({isError:!0,name:t.path,errorMessage:t.message}))})),this.signal(e),this.focusFirstInput(e)}else console.error("Unexpected Error:",t)}finally{this.context.isLoading=!1}})()},this.newController=(t,e)=>("text"===e&&(this.subscribedFields[t]={name:t,isError:!1,disabled:!1,errorMessage:"",onInput:e=>{this.onChanges(t,e.target.value)}}),this.subscribedFields[t]),this.signal=t=>{Array.isArray(t)?t.forEach((t=>{this.subscribedFields[t.name]&&Object.assign(this.subscribedFields[t.name],t)})):Object.values(this.subscribedFields).forEach((e=>Object.assign(e,t)))},this.onChanges=async(t,e)=>{if(!this.isSubmitted&&"always"!==this.validationType)return;const i=this.subscribedFields[t].isError;try{this.schemaObject.fields[t].validateSync(e),this.signal([{name:t,isError:!1}]),!1!==i&&(this.context.renderControl={})}catch(e){e.message&&(this.signal([{name:t,isError:!0,errorMessage:e.message}]),this.context.renderControl={})}},this.context=t,this.schemaObject=e,this.formController={onSubmit:this.onSubmit},(null==i?void 0:i.validationType)&&(this.validationType=i.validationType)}}const n=s({name:r().required("r").min(4,"kd").max(7,"kk"),name2:r().required()}),h=class{constructor(e){t(this,e),this.form=new a(this,n),this.nameController=this.form.newController("name","text"),this.name2Controller=this.form.newController("name2","text"),this.isLoading=void 0,this.renderControl={}}async formSubmit(t){console.log(t)}render(){const{formController:t}=this.form;return e(i,{key:"47600eab650c2c967e3b39a37f212cead08b90af"},e("form",Object.assign({key:"79fedfe357eed67267c43f7ae6a865e41f4d0fa0"},t),e("form-input",Object.assign({key:"b001b26a0dc65b7158af45011394269b80dfd694"},this.nameController,{label:"Name",name:"name"})),e("form-input",Object.assign({key:"3f7472ecbd8d4f6c0f89a7432a2e49dfc825f6d4"},this.name2Controller,{label:"Name2",name:"name2"})),e("button",{key:"08d3b507d6739e307b72346643e8c7b191c7a5bb",type:"submit"},"sd")))}get el(){return o(this)}};h.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}';export{h as general_inquiry_form}
+import{r as t,h as e,H as i,g as o}from"./p-0f0e54c1.js";import{c as r,a as s}from"./p-e446fb9d.js";class a{constructor(t,e,i){this.isSubmitted=!1,this.validationType="onSubmit",this.subscribedFields={},this.formErrors={},this.getFormErrors=()=>this.formErrors,this.getValues=()=>{const t=this.context.el.shadowRoot.querySelector("form"),e=new FormData(t);return Object.fromEntries(e.entries())},this.focusFirstInput=t=>{if(t.length){const e=t.map((t=>this.context.el.shadowRoot.querySelector(`input[name="${t.name}"]`))).filter((t=>t)).sort(((t,e)=>t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_PRECEDING?1:0));e[0]&&e[0].focus()}},this.onSubmit=t=>{t.preventDefault(),(async()=>{try{this.isSubmitted=!0,this.context.isLoading=!0,this.signal({isError:!1});const t=this.getValues(),e=await this.schemaObject.validate(t,{abortEarly:!1,strict:!0});await this.context.formSubmit(e)}catch(t){if("ValidationError"===t.name){this.formErrors={};const e=[];t.inner.forEach((t=>{t.path&&(this.formErrors[t.path]=t.message,e.find((e=>e.name===t.path))||e.push({isError:!0,name:t.path,errorMessage:t.message}))})),this.signal(e),this.focusFirstInput(e)}else console.error("Unexpected Error:",t)}finally{this.context.isLoading=!1}})()},this.newController=(t,e)=>("text"===e&&(this.subscribedFields[t]={name:t,isError:!1,disabled:!1,errorMessage:"",onInput:e=>{this.onChanges(t,e.target.value)}}),this.subscribedFields[t]),this.signal=t=>{Array.isArray(t)?t.forEach((t=>{this.subscribedFields[t.name]&&Object.assign(this.subscribedFields[t.name],t)})):Object.values(this.subscribedFields).forEach((e=>Object.assign(e,t)))},this.onChanges=async(t,e)=>{if(!this.isSubmitted&&"always"!==this.validationType)return;const i=this.subscribedFields[t].isError;try{this.schemaObject.fields[t].validateSync(e),this.signal([{name:t,isError:!1}]),!1!==i&&(this.context.renderControl={})}catch(e){e.message&&(this.signal([{name:t,isError:!0,errorMessage:e.message}]),this.context.renderControl={})}},this.context=t,this.schemaObject=e,this.formController={onSubmit:this.onSubmit},(null==i?void 0:i.validationType)&&(this.validationType=i.validationType)}}const n=r({name:s().required("r").min(4,"kd").max(7,"kk"),name2:s().required()}),h=class{constructor(e){t(this,e),this.form=new a(this,n),this.nameController=this.form.newController("name","text"),this.name2Controller=this.form.newController("name2","text"),this.isLoading=void 0,this.renderControl={}}async formSubmit(t){console.log(t)}render(){const{formController:t}=this.form;return e(i,{key:"489ff53ac7b50acbf43f171271a80c8f12916efb"},e("form",Object.assign({key:"20767726ef5f5bcf7ef6813cecb207bfd453c343"},t),e("form-input",Object.assign({key:"71dd2d71b8d9e6668a4940cd9cdf844a279294aa"},this.nameController,{label:"Name",name:"name"})),e("form-input",Object.assign({key:"39fbce79b619f4fb6985f702e920d73e58482fef"},this.name2Controller,{label:"Name2",name:"name2"})),e("button",{key:"5f1cd249501ab17aea61b46083271716b8541fb5",type:"submit"},"sd")))}get el(){return o(this)}};h.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}';export{h as general_inquiry_form}