adp-web-components 0.0.69 → 0.0.70

package/dist/shift-components/p-d8fe381b.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{r as t,h as e,H as i,g as a}from"./p-65102e7a.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as n}from"./p-7037e294.js";import{l as s}from"./p-a21e2e2e.js";const d={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"},l=async(t,e,i={})=>{const{notAvailableMessage:a,mockData:o,vin:r,scopedTimeoutRef:n,middlewareCallback:s}=e,{isDev:l,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(l)return w(o[r]);{if(!c)throw new Error("noBaseUrl");const e=Object.assign({},i);Object.entries(d).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 c={};const p={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=",activationRequired:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxNTgsIDE1OCwgMTU4KSIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPgo="},h=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.claimEndPoint="api/vehicle/swift-claim",this.headers={},this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.claimViaBarcodeScanner=!0,this.activate=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){c=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 l(this,{scopedTimeoutRef:i,vin:o,mockData:c},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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.isIdle=!1,this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=t}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||e.filter((t=>"activationRequired"===t.status)).length===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))}async 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,e)=>{try{const i=this.vehicleInformation,a={vin:i.vin,brandIntegrationID:i.identifiers.brandIntegrationID,invoice:t,jobNumber:e,saleInformation:i.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},o=await fetch(this.claimEndPoint,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},this.headers),body:JSON.stringify(a)}),r=await o.json();if(!r.Success)return alert(r.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(t){console.error(t),alert(this.locale.errors.requestFailedPleaseTryAgainLater),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.claimViaBarcodeScanner=this.claimViaBarcodeScanner,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.claimDate)),e("tr",null,e("th",null,i.claimingCompany),e("td",null,t.companyName)),e("tr",null,e("th",null,i.invoiceNumber),e("td",null,t.invoiceNumber)),e("tr",null,e("th",null,i.jobNumber),e("td",null,t.jobNumber)),e("tr",null,e("th",null,i.packageCode),e("td",null,t.packageCode)))),"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 console.log(this.errorMessage),e(i,{key:"e28a3aed41b0c163709252369a07a8475f4db27f"},e("dynamic-redeem",{key:"3dd7650a521cc4855084ca66a66657675dbc49e6",language:this.language,id:"dynamic-redeem"}),e("div",{key:"aa4c969842f2c9b377ced6dced50234bca30ae60",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},e("div",{key:"f48aea58a187a9f4c1a83f903db7cd978b9091d0",class:"dynamic-claim-header"},e("strong",{key:"0aa49fb5a0c61f69ef5395535f6caf13d91ee393",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&e("span",{key:"fcd0ef413864c02618871dac9c1ee3917fe46db4",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:"cf603789f1edd6320627241abb74ac3cc44644f9",class:"dynamic-claim-body"},e("div",{key:"c0bef7e9d31a6db0a47310a2b75af8e69b8aa1d6"},e("div",{key:"20e27c181c848ca27b6770a67cc5f7ade7c8c66b",class:"loading-lane"},e("div",{key:"83f9441cdbd42678eb45b4ab71b46f5c22fd0759",class:"dynamic-claim-loading-slider"},e("div",{key:"2baa9bfb2faffce75583cd21a0d91269e221de05",class:"dynamic-claim-loading-slider-line"}),e("div",{key:"8a7db19db5f00899aeb7a2bfca9f6ee67a29dda4",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),e("div",{key:"afddf5572868bf19e5bd0e16b6dcef2838084e27",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),e("div",{key:"b0fede8a9c1356cc2a78eb7f22538d1b4d829a3c",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:p[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:"5685928cc05efa160c306faa8159c6e915de7382",class:"dynamic-claim-progress-bar"}))),e("div",{key:"1e4c5f47c20068f61d5f01d1653d47730c5d7976",class:"mt-14"},e("div",{key:"f9e738da6f40213879316481a6f28c3824c5df3a",class:o("card warning-card span-entire-1st-row activation-panel",{loading:this.isLoading,visible:this.vehicleInformation&&this.vehicleInformation.serviceItems.filter((t=>"activationRequired"===t.status)).length>0}),onAnimationEnd:this.removeLoadAnimationClass},e("p",{key:"ed7a35f5a76d01d9156221bec680d464c004b36a",class:"no-padding flex gap-2"},e("span",{key:"f5b076e8e92f8b77050e7fe500ba2a9232c798ae",class:"font-semibold"},n.warrantyAndServicesNotActivated)),e("button",{key:"b363bca86e0d6bc5490976f73d1f601dcc181a56",onClick:()=>{this.activate&&this.activate(this.vehicleInformation)},class:"claim-button dynamic-claim-button"},e("svg",{key:"692f08a3d9150fdecd0342d02b4ace6f01db2f8b",width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"51ca2bee86a1e80cd8c5d1a2868f2c99d09684d1","stroke-width":"0"}),e("g",{key:"a1e222e3fe414a34d95bc926a124b11de537e4ce","stroke-linecap":"round","stroke-linejoin":"round"}),e("g",{key:"cf9a496f307a578062f4f018196a7b4f2dcef929"},e("circle",{key:"4a69f01d1db95b8e4ba7197e8313c66fe3fd253c",cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),e("path",{key:"0d945745b245b556bec3c21530d76b14b153f357",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",{key:"d5cd47dc874e285891d2882da584f5f7c5972842"},n.activateNow)))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}};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}.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;flex-direction:column;overflow-x:scroll;padding:120px 30px 20px;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-item.activationRequired .dynamic-claim-item-header{color:#9e9e9e}.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}.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}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.activation-panel{opacity:0}.activation-panel.visible{animation:activation-panel-fade-in .75s ease forwards}.activation-panel.visible.loading{animation:activation-panel-fade-out .75s ease forwards}@keyframes activation-panel-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}@keyframes activation-panel-fade-out{to{opacity:0;transform:translateY(-5px) scale(70%);visibility:hidden}0%{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.mt-14{margin-top:3.5rem}.gap-2{gap:.5rem}.font-semibold{font-weight:600}.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 b="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==";function g(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 w(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 f={};const x=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{g(this,t,e)},this.closeImage=t=>{w(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,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 l(this,{scopedTimeoutRef:i,vin:o,mockData:f},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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){f=t}render(){var t,a;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:n,parts:s}=(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:"659cdabd5459dc0e98bf6cb6bfb07d9f88b057b8"},e("div",{key:"af91a45f8ff2760e2a8f86c33f032e942922b472",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"76e0b2bc2181136b8da10b723f259cc77f376e16"},e("loading-spinner",{key:"5bc983539bb7d3728deb1a45d3717b70af158b25",isLoading:this.state.includes("loading")}),e("div",{key:"30b276f3460deba3743cac6763699d901884ebb7",class:o("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"4046ac98df313dd82c7728c5be05feb339b9f849",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:"a515fcd690f0204a201346cdcd0fdc36449882d4",class:"py-[16px] min-h-[100px] flex items-center"},e("div",{key:"c9ba9ae04b73c91dd50d014d77dc60af753ca402",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:"58a5c7ad7e7e3b51ec9deb3ec9b271c7efe462e0",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"376dd0a4f0645b9d94f2f26941d46935a0c62b23",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:"268080e33bae2e29f2cb0915ba70b436ec6f7411",class:"h-0 overflow-auto flex-1"},!s.length&&e("div",{key:"f8411d28b20feb94cc86b1aa765251d5c75d3ac2",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!s.length&&e("table",{key:"d77fe8f74198c3018d875f8831db02ba9f53f75c",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"bfa61f5c1ef211966073e43577a18a073a8bdc78",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"3e6e3f7434a3d5c672fc0e7d6b2c7781fe7732cc"},["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:"a43de44238ff39f82769ccccd8447384e64842f3"},s.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===s.length-1})},t[a]||"...")))))))))),["data","data-loading"].includes(this.state)&&e("div",{key:"7dc5214d4eeaecf84bed336f3f5ddb12cb13af35"},!n.length&&e("div",{key:"7359c1ac7c97224a1d060ecf34088c16fbafba24",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!n.length&&e("div",{key:"93cc02f2881daf9088c1cb328a61b2b18069236b",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:b}),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:"3c3b21407f5f331a904047c173da414c21119a25",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:"326d7db4db606304cfe7ff30b3687a206192e24d",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"838d38b83a639ba1c14b4714ecb206363f008882",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"f0066be7ea5c74d9bc871e9c91a237005cd1c3bd",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"ef560c3f23f8dd34108d89909f2d42accb744348",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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.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))}.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}.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)}';let m={};const u=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,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 l(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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}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,r,n;const s=this.locale.vehicleLookup.serviceHistory;return e(i,{key:"e7235c349a34c61edbc4d8e6e733074ddb38354d"},e("div",{key:"497fdb9da845f8306b301988d333b02d3ccdfb81",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"90b3f42c052142872292a5bd407e6e03d14138f2"},e("loading-spinner",{key:"5c4020909fa9b4942eeeec57a11cee681cc7be58",isLoading:this.state.includes("loading")}),e("div",{key:"04adb8ef7e6cfa1db8dea630b369298c79c54086",class:o("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"707d237dba1c2fbb39cf7b15d8caee46b6a71de7",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:"5d7714559fd643cd2f863f303cea9b1a456c4263",class:"py-[16px] min-h-[100px] flex items-center"},e("div",{key:"ccfdaadcd54a0b01087ca8e3e489649c35e1802b",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:"9aec728d34b56c67718168ee2a535f7194d0e6a8",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"d4607f4e2a70664d69ae964003394300786c40d4",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.serviceHistory),e("div",{key:"95c21546bb0bac53150ce847df86b3a0118e73ae",class:"h-0 overflow-auto flex-1"},!(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)&&e("div",{key:"debae9d6f6fd10f5d821be348f55a09f0b7b2b87",class:"h-[80px] flex items-center justify-center text-[18px]"},s.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)&&e("table",{key:"937fb8e4b492453b2b4a84a5122a3a135e03f984",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"c2b61a6de9c76065d489839f2301cbf9828c1ab3",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"e7a47157c59527cc1fb6652ed37c5aa8025a3a85"},["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]"},s[t]))))),e("tbody",{key:"27f91cb2fa9dfbb6a3b4ed773749f2a3a98dcc3d"},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"]}}};u.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.\\!border-none{border-style:none!important}.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))}';let y={};const v=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{g(this,t,e)},this.closeImage=t=>{w(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,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 l(this,{scopedTimeoutRef:i,vin:o,mockData:y},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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){y=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:"5efd6425bf8a7346d0885c648020667c3f74f341"},e("div",{key:"6a2d0ca58d63ea94c7143e2071ef317173fcabcf",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"df57f3c40ec0894a6051f62e375c595596807fdf"},e("loading-spinner",{key:"fad3ca73586c048afc6ac5703b9a4c9de3b8600c",isLoading:this.state.includes("loading")}),e("div",{key:"f9e98783b195c8b3e8cc9aeb28127e9bfe8ef75a",class:o("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"d7ca170a9cf4712dea2f38cbc248acb022df5fbc",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:"1760c4eacfbfe03668cbf4a3d310c1ac4363da7f",class:"py-[16px] min-h-[100px] flex items-center"},e("div",{key:"123f194d1165731b384fb3283234870ef410ce35",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:"9441170cde384c49cde52a74bd4a7c22a237559d",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"f231d6881ad5aaf77370b4a3eaded77270298a54",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:"fb1083e08558ac4b2b33e0ce244df86b0948c2e5",class:"h-0 overflow-auto flex-1"},!n.length&&e("div",{key:"07e556810ef432650a9a8749658202d2bcba9135",class:"h-[80px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&e("table",{key:"02afa52f5c3fb3e37eda5b5a1676a3481c30fe21",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"8e5fcbd1b21b8d7e3a92da5d4a419b649eb204c3",class:"top-0 font-bold z-40 sticky bg-white"},e("tr",{key:"9981f46d304bddad79881a15604c90caabd02eca"},["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:"3e6efc22a0b3cd5805fb879099e72009a36a69b7"},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:b}),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:"46749ae015eb780beedfd3e36dbabb653c7f15f6",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:"89fe75d531c8310c93d168386556d96de5e7d192",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"d8153740ee7808f2f054e2ce1064905b8c8b4410",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"675d78072174296eebe85a5d1252a50f313a14cc",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"d6454e700d7eea7828eef2f3c45675da069eb02f",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"]}}};v.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.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))}.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}.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)}';let k={};const I=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,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 l(this,{scopedTimeoutRef:i,vin:o,mockData:k},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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){k=t}render(){var t,a,r,n,s,d,l,c,p,h,b,g,w,f,x;const m=this.locale.vehicleLookup.specification;let u=null;try{if(null===(a=null===(t=this.vehicleInformation)||void 0===t?void 0:t.vehicleSpecification)||void 0===a?void 0:a.productionDate){const t=new Date(null===(n=null===(r=this.vehicleInformation)||void 0===r?void 0:r.vehicleSpecification)||void 0===n?void 0:n.productionDate);u=t.toLocaleDateString(this.locale.language,{year:"numeric",month:"long"})}}catch(t){u=null}return e(i,{key:"c1261781c3ac4e48d7abacb00948bd89d9d491f2"},e("div",{key:"3d265b5c1e405d5ef1cb7a5a19263624b3591b60",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"95fb527c6b06322591f587631925a42fa5a258d2"},e("loading-spinner",{key:"48e96a55ffaf2f7956f1be32ffe90e78cb0fafab",isLoading:this.state.includes("loading")}),e("div",{key:"9137fd78791fa910a425b0234accde42a4f74a5b",class:o("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"a98022cb17cfea6f97797edd2b35037da9b83502",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(s=this.vehicleInformation)||void 0===s?void 0:s.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"15e8471c76180959c5d99591dbef1fb3f56301ff",class:"py-[16px] min-h-[100px] flex items-center"},e("div",{key:"b93862a8d34b429098887628fb207d96724bf138",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:"15713d294f6863b5d1a3d3ab49dc48ef20ba20e8",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"5107257c698e4c433b5ffcd28fbe1e47ef686835",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},m.vehicleSpecification),e("div",{key:"59a75c4d3c1444ad693f7d75d9ccad486655fe19",class:"h-0 overflow-auto flex-1"},!(null===(d=this.vehicleInformation)||void 0===d?void 0:d.vehicleSpecification)&&e("div",{key:"7057bdf75099d49a78be8cbbd32c7206fd7c880a",class:"h-[80px] flex items-center justify-center text-[18px]"},m.noData),!!(null===(l=this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)&&e("table",{key:"76b727328821ce5a49955362527ec8a338e4ff29",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"377d86696bf9564c232d7cbc74f761c668ffed58",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"620f51872e27bdc5faddde7648c9a5e817c5cf34"},["model","variant","katashiki","modelYear",...u?["productionDate"]:[],"sfx"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},m[t]))))),e("tbody",{key:"6f4e64d55f9edb5a357aac2732273555118062fa"},e("tr",{key:"e8b226e48914dd55ee42ee6738b74a641fe2a984"},e("td",{key:"7d4fba9c7dd074d10a5c1064f6358ad17bffee31",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(p=null===(c=null==this?void 0:this.vehicleInformation)||void 0===c?void 0:c.vehicleVariantInfo)||void 0===p?void 0:p.modelCode)||"..."," ",e("br",{key:"4f5024874e28d79e19edaa0747885b98c843fa99",class:"my-2"}),(null===(b=null===(h=null==this?void 0:this.vehicleInformation)||void 0===h?void 0:h.vehicleSpecification)||void 0===b?void 0:b.modelDesc)||"..."),e("td",{key:"782f5bed164ffeeae7fa1762cb202f0a42adc11b",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(w=null===(g=null==this?void 0:this.vehicleInformation)||void 0===g?void 0:g.identifiers)||void 0===w?void 0:w.variant)||"..."," ",e("br",{key:"b11307bfb0a014f06c051346297716fe706a2473"}),(null===(x=null===(f=null==this?void 0:this.vehicleInformation)||void 0===f?void 0:f.vehicleSpecification)||void 0===x?void 0:x.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear",...u?[()=>e("div",{key:"54bb1fd4f32c76215519df9b93e8e8dda9a3dcbc",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},u)]:[],"vehicleVariantInfo.sfx"].map((t=>{var i;if("function"==typeof t)return t();const[a,r]=t.split("."),n=null===(i=null==this?void 0:this.vehicleInformation)||void 0===i?void 0:i[a],s=n&&n[r]?n[r].toString():"";return e("td",{key:t,class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},s.trim()?s:"...")})))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};I.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}';const z="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+",C="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+";function A({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?C:z})," ",null==t?void 0:t.repairDate)),e("td",null,e("div",{class:"table-cell-container table-cell-labors-container"},t.labors.length?t.labors.map((t=>e("div",{key:t.laborCode,class:"success"},t.laborCode))):"...")),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 j({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:z}),l&&"warning"===d&&e("img",{src:z}),l&&"success"===d&&e("img",{src:C}),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 M({vehicleInformation:t,isAuthorized:i,unInvoicedByBrokerName:a,locale:o}){var r,n,s,d;const l=o.vehicleLookup.warranty;return e("div",{class:"warranty-tags mx-auto pt-3"},e("div",{class:"card warning-card span-entire-1st-row"},e("p",{class:"no-padding flex gap-2"},e("span",{class:"font-semibold"},"Dealer:")," ",null===(r=null==t?void 0:t.saleInformation)||void 0===r?void 0:r.companyName," (",null===(n=null==t?void 0:t.saleInformation)||void 0===n?void 0:n.countryName,")")),e(j,{state:i?"success":"reject",desc:i?l.authorized:l.unauthorized}),e(j,{state:(null==t?void 0:t.warranty.hasActiveWarranty)?"success":"reject",desc:(null==t?void 0:t.warranty.hasActiveWarranty)?l.activeWarranty:l.notActiveWarranty}),a&&e(j,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:l.notInvoiced+a}),(null==t?void 0:t.warranty.warrantyStartDate)&&e(j,{state:(null===(s=null==t?void 0:t.warranty)||void 0===s?void 0:s.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,fromDesc:l.from,desc:null==t?void 0:t.warranty.warrantyStartDate}),(null==t?void 0:t.warranty.warrantyEndDate)&&e(j,{state:(null===(d=null==t?void 0:t.warranty)||void 0===d?void 0:d.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,toDesc:l.to,desc:null==t?void 0:t.warranty.warrantyEndDate}))}let N={};const D=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.errorCallback=void 0,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 l(this,{scopedTimeoutRef:i,vin:o,mockData:N},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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}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){N=t}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var t,a,r,n;return e(i,{key:"2f4c5c125269aa139fab03738bd5e442a6b8782e"},e("div",{key:"894be3e9be4ad7082889d404c3f7f199348337ef",dir:this.locale.direction,class:"min-h-[100px] warranty"},e("div",{key:"dfae4fb5579ae35e7d850d68ce51b0db21d51678"},e("loading-spinner",{key:"9716cff00eaf3f0e43c1a0ee5672163c005f7b7a",isLoading:this.state.includes("loading")}),e("div",{key:"b4fbec79853654cead38c3553d9e77cd93c93477",class:"transition-all !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:"72a1909e66cbaf58c9a0b690934babb31c43e825",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:"6eb4e789b9cf82c4ce76a0512ad2ae618547690b",class:"py-[16px] min-h-[100px] flex items-center"},e("div",{key:"5da7bd5563b6eb1de982bfc97d7f0082677c9410",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)),this.showWarranty&&["data","data-loading"].includes(this.state)&&e(M,{key:"c49bad3251497964c0e487c0f45d0e2ad892b31f",locale:this.locale,isAuthorized:null===(a=this.vehicleInformation)||void 0===a?void 0:a.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,vehicleInformation:this.vehicleInformation}),e("div",{key:"7a921e4429e448ffaec291c825f50373daee9c7a",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},e("slot",{key:"ac4d9cd9304177d336b763c9bec302627c4a85c8"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&e("div",{key:"e74e73e8bd196739bd16531c3e18eedb64cbc50a",class:o("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.locale.vehicleLookup.warranty[this.recaptchaRes.message]),this.checkingUnauthorizedSSC&&e("div",{key:"935982afaec7aea425bf021c277c818936b31cec",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},e("div",{key:"312ce17cbcd2d41511f5601b055767254204735b"},e("strong",{key:"1eed64e8b36917a42e04ef9ad49ff51dc197ea1c"},this.locale.vehicleLookup.warranty.checkingTMC)),e("img",{key:"6755de25cd39f141b53ec12aca631143d2a433f5",class:"spin",src:s})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(r=this.vehicleInformation)||void 0===r?void 0:r.ssc)&&!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.ssc.length)&&e(A,{key:"6cbed559f6724484dfcd35f27fe6b741d28361f2",locale:this.locale,ssc:this.vehicleInformation.ssc})))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};D.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}.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-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);transition:all;transition-duration:.3s}.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 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}.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-1st-row{grid-column:1/3;grid-row:1/3}.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-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.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))}';export{h as dynamic_claim,x as paint_thickness,u as service_history,v as vehicle_accessories,I as vehicle_specification,D as warranty_details}

package/dist/shift-components/shift-components.esm.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as e,b as a}from"./p-65102e7a.js";export{s as setNonce}from"./p-65102e7a.js";import{g as r}from"./p-446d908d.js";(()=>{const a=import.meta.url,r={};return""!==a&&(r.resourcesUrl=new URL(".",a).href),e(r)})().then((async e=>(await r(),a([["p-5a9e863c",[[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]]],["p-1a8169b2",[[4,"service-booking-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]]],["p-bea72869",[[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],readyToClaim:[32],quite:[64],getQrValue:[64]},null,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]]],["p-0e963dd5",[[0,"loading-spinner",{isLoading:[4,"is-loading"]}]]],["p-834895e7",[[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],claimEndPoint:[1,"claim-end-point"],headers:[8],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],activate:[16],locale:[32],isIdle:[32],popupClasses:[32],isLoading:[32],externalVin:[32],errorMessage:[32],activePopupIndex:[32],vehicleInformation:[32],setMockData:[64],setData:[64],setErrorMessage:[64],fetchData:[64],completeClaim:[64],claim:[64]},null,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}],[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"warranty-details",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],language:[1],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],showRecaptcha:[32],errorMessage:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],headers:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-72a8ed28",[[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-aa7cb388",[[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-31b6b224",[[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-51e48301",[[4,"form-structure",{theme:[1],themes:[8],renderControl:[16],isLoading:[4,"is-loading"],form:[16],errorMessage:[1,"error-message"],language:[1],structure:[1],formElementMapper:[16],showSuccess:[32],structureObject:[32],locale:[32]},null,{structure:["onStructureChange"],language:["changeLanguage"]}],[0,"form-select",{name:[1],label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],disabled:[4],form:[16],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],formLocaleName:[1,"form-locale-name"],fetcher:[16],language:[1],placeholder:[1],isLoading:[32],isOpen:[32],selectedValue:[32],openUpwards:[32],options:[32],fetchingErrorMessage:[32],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-input",{label:[1],class:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],inputParams:[16],numberDirection:[4,"number-direction"],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-text-area",{label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],isRequired:[4,"is-required"],wrapperClass:[1,"wrapper-class"],errorMessage:[1,"error-message"],inputParams:[16],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-dialog",{errorMessage:[1,"error-message"],dialogClosed:[16],language:[1],internalMessage:[32],isOpened:[32],locale:[32]},null,{language:["changeLanguage"],errorMessage:["changeErrorMiddleware"]}],[0,"form-shadow-input",{name:[1],value:[1],form:[16]},null,{name:["handleNameChange"],value:["handleValueChange"]}],[0,"form-structure-error",{language:[1],locale:[32]},null,{language:["changeLanguage"]}]]]],e))));
+import{p as e,b as a}from"./p-65102e7a.js";export{s as setNonce}from"./p-65102e7a.js";import{g as r}from"./p-446d908d.js";(()=>{const a=import.meta.url,r={};return""!==a&&(r.resourcesUrl=new URL(".",a).href),e(r)})().then((async e=>(await r(),a([["p-101ea340",[[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]]],["p-466d8ff8",[[4,"service-booking-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]]],["p-0913b3c0",[[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],readyToClaim:[32],quite:[64],getQrValue:[64]},null,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]]],["p-13fe4960",[[0,"loading-spinner",{isLoading:[4,"is-loading"]}]]],["p-d8fe381b",[[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],claimEndPoint:[1,"claim-end-point"],headers:[8],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],activate:[16],locale:[32],isIdle:[32],popupClasses:[32],isLoading:[32],externalVin:[32],errorMessage:[32],activePopupIndex:[32],vehicleInformation:[32],setMockData:[64],setData:[64],setErrorMessage:[64],fetchData:[64],completeClaim:[64],claim:[64]},null,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}],[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"warranty-details",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],language:[1],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],showRecaptcha:[32],errorMessage:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],headers:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-64f48109",[[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],childrenProps:[1,"children-props"],errorStateListener:[16],blazorErrorStateListener:[1,"blazor-error-state-listener"],loadingStateChanged:[16],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],dynamicClaimActivate:[16],blazorDynamicClaimActivate:[1,"blazor-dynamic-claim-activate"],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-20ca212b",[[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}],[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},null,{language:["changeLanguage"],state:["loadingListener"]}]]],["p-b4953779",[[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},null,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]]],["p-4d191607",[[4,"form-structure",{theme:[1],themes:[8],renderControl:[16],isLoading:[4,"is-loading"],form:[16],errorMessage:[1,"error-message"],language:[1],structure:[1],formElementMapper:[16],showSuccess:[32],structureObject:[32],locale:[32]},null,{structure:["onStructureChange"],language:["changeLanguage"]}],[0,"form-select",{name:[1],label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],disabled:[4],form:[16],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],formLocaleName:[1,"form-locale-name"],fetcher:[16],language:[1],placeholder:[1],isLoading:[32],isOpen:[32],selectedValue:[32],openUpwards:[32],options:[32],fetchingErrorMessage:[32],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-input",{label:[1],class:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],inputParams:[16],numberDirection:[4,"number-direction"],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-text-area",{label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],isRequired:[4,"is-required"],wrapperClass:[1,"wrapper-class"],errorMessage:[1,"error-message"],inputParams:[16],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},null,{language:["changeLanguage"]}],[0,"form-dialog",{errorMessage:[1,"error-message"],dialogClosed:[16],language:[1],internalMessage:[32],isOpened:[32],locale:[32]},null,{language:["changeLanguage"],errorMessage:["changeErrorMiddleware"]}],[0,"form-shadow-input",{name:[1],value:[1],form:[16]},null,{name:["handleNameChange"],value:["handleValueChange"]}],[0,"form-structure-error",{language:[1],locale:[32]},null,{language:["changeLanguage"]}]]]],e))));

package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts

@@ -6,6 +6,7 @@ import { ServiceHistory } from './service-history';
 import { WarrantyDetails } from './warranty-details';
 import { VehicleAccessories } from './vehicle-accessories';
 import { VehicleSpecification } from './vehicle-specification';
+import { VehicleInformation } from '../../components';
 declare const componentTags: {
     readonly dynamicClaim: "dynamic-claim";
     readonly paintThickness: "paint-thickness";
@@ -29,11 +30,13 @@ export declare class VehicleLookup {
     isDev: boolean;
     queryString: string;
     language: LanguageKeys;
-    blazorErrorStateListener: string;
     childrenProps?: string | Object;
-    blazorOnLoadingStateChange: string;
     errorStateListener?: (newError: string) => void;
+    blazorErrorStateListener: string;
     loadingStateChanged?: (isLoading: boolean) => void;
+    blazorOnLoadingStateChange: string;
+    dynamicClaimActivate?: (vehicleInformation: VehicleInformation) => void;
+    blazorDynamicClaimActivate: string;
     wrapperErrorState: string;
     blazorRef?: DotNetObjectReference;
     locale: Locale;

package/dist/types/components.d.ts

@@ -14,6 +14,7 @@ import { InputParams } from "./global/types/general";
 import { FormElementMapper, FormFieldParams, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
 import { ActiveElement } from "./components/part-lookup/part-lookup";
 import { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
+import { VehicleInformation as VehicleInformation1 } from "./components";
 export { ErrorKeys, LanguageKeys } from "./global/types/locales/index";
 export { PartInformation } from "./global/types/part-information";
 export { DotNetObjectReference, MockJson } from "./global/types/components";
@@ -23,6 +24,7 @@ export { InputParams } from "./global/types/general";
 export { FormElementMapper, FormFieldParams, FormSelectFetcher, LocaleFormKeys, StructureObject } from "./global/types/forms";
 export { ActiveElement } from "./components/part-lookup/part-lookup";
 export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
+export { VehicleInformation as VehicleInformation1 } from "./components";
 export namespace Components {
     interface ContactUsForm {
         "baseUrl": string;
@@ -254,9 +256,11 @@ export namespace Components {
     interface VehicleLookup {
         "activeElement"?: ActiveElement1;
         "baseUrl": string;
+        "blazorDynamicClaimActivate": string;
         "blazorErrorStateListener": string;
         "blazorOnLoadingStateChange": string;
         "childrenProps"?: string | Object;
+        "dynamicClaimActivate"?: (vehicleInformation: VehicleInformation1) => void;
         "errorStateListener"?: (newError: string) => void;
         "fetchVin": (vin: string, headers?: any) => Promise<string>;
         "isDev": boolean;
@@ -670,9 +674,11 @@ declare namespace LocalJSX {
     interface VehicleLookup {
         "activeElement"?: ActiveElement1;
         "baseUrl"?: string;
+        "blazorDynamicClaimActivate"?: string;
         "blazorErrorStateListener"?: string;
         "blazorOnLoadingStateChange"?: string;
         "childrenProps"?: string | Object;
+        "dynamicClaimActivate"?: (vehicleInformation: VehicleInformation1) => void;
         "errorStateListener"?: (newError: string) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.0.69",
+  "version": "0.0.70",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/p-43349fdf.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as a,h as e}from"./p-75476014.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as i}from"./p-68ff89dd.js";const s=t(class extends a{constructor(){super(),this.__registerHost(),this.isLoading=void 0,this.params={},this.language="en",this.structureElement=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await i(t)}render(){var t,a;return e("button",Object.assign({key:"e46e5f906cf7044786501f3482fc3ca93f317863",type:"submit"},this.params,{disabled:this.isLoading,id:this.structureElement.id,class:r("h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center",this.structureElement.class,{"bg-slate-600":this.isLoading})}),e("div",{key:"f3ed7c69394a47e351dc950fcefbf6e69e7f28b3",class:"opacity-0"},this.locale.general[null===(t=this.structureElement.class)||void 0===t?void 0:t.toLowerCase()]||this.structureElement.class),e("div",{key:"50bcd05eee10f6503939216d43ace869220a4490",class:r("absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000",{"translate-y-full":this.isLoading})},this.locale.general[null===(a=this.structureElement.class)||void 0===a?void 0:a.toLowerCase()]||this.structureElement.class),e("div",{key:"7c9a4bcc700798ac79d9874d827c979ede91877e",class:r("absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full",{"translate-y-0":this.isLoading})},e("img",{key:"540e71b566b08e6ae4a2c81de54e55049d764404",class:"animate-spin-2s size-[22px]",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxvYWRlciI+CiAgICA8cGF0aCBkPSJNMTIgMnY0IiAvPgogICAgPHBhdGggZD0ibTE2LjIgNy44IDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMTggMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDE2LjIgMi45IDIuOSIgLz4KICAgIDxwYXRoIGQ9Ik0xMiAxOHY0IiAvPgogICAgPHBhdGggZD0ibTQuOSAxOS4xIDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMiAxMmg0IiAvPgogICAgPHBhdGggZD0ibTQuOSA0LjkgMi45IDIuOSIgLz4KPC9zdmc+"})))}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,: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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.flex{display:flex}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{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))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.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{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)}.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-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-\\[8px\\]{margin-top:8px}.inline-flex{display:inline-flex}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.h-\\[38px\\]{height:38px}.max-h-\\[250px\\]{max-height:250px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.-translate-y-full{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))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.translate-y-\\[38px\\],.translate-y-full{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))}.translate-y-full{--tw-translate-y:100%}.rotate-180{--tw-rotate:180deg;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))}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.-translate-y-\\[4px\\],.translate-y-full{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))}.appearance-none{appearance:none}.px-2{padding-left:.5rem;padding-right:.5rem}.opacity-75{opacity:.75}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;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))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.mx-auto{margin-left:auto;margin-right:auto}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.translate-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))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{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))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},void 0,{language:["changeLanguage"]}]);function n(){"undefined"!=typeof customElements&&["form-submit"].forEach((t=>{"form-submit"===t&&(customElements.get(t)||customElements.define(t,s))}))}n();export{s as F,n as d}

package/dist/components/p-4358b73a.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as i,H as t,h as a,c as e}from"./p-75476014.js";import{c as o}from"./p-98d9e7ab.js";import{l as n,g as r}from"./p-68ff89dd.js";import{g as l}from"./p-8b1d90d7.js";import{d}from"./p-985ed64b.js";let s={};const c={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=",activationRequired:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxNTgsIDE1OCwgMTU4KSIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPgo="},m=i(class extends t{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.popupClasses="",this.timeoutRef=setTimeout((()=>{this.activePopupIndex=null}),400)},this.onMouseEnter=(i,t)=>{clearTimeout(this.timeoutRef),this.activePopupIndex=t,this.timeoutRef=setTimeout((()=>{const t=i.querySelector(".popup-position-ref");this.popupPositionRef=t,this.calculatePopupPos(this.el.shadowRoot),this.popupClasses="show"}),50)},this.baseUrl=void 0,this.isDev=!1,this.queryString="",this.claimEndPoint="api/vehicle/swift-claim",this.headers={},this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.claimViaBarcodeScanner=!0,this.activate=void 0,this.locale=n.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(i){this.locale=await r(i)}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(i){s=i}async setData(i,t={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const e="string"==typeof i,o=e?i:null==i?void 0:i.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((i=>{a=setTimeout(i,1e3),this.networkTimeoutRef=a}));const n=e?await l(this,{scopedTimeoutRef:a,vin:o,mockData:s},t):i;if(this.networkTimeoutRef===a){if(!n)throw new Error("wrongResponseFormat");if(!Array.isArray(n.serviceItems))throw new Error("noServiceAvailable");this.vehicleInformation=n}this.errorMessage=null,this.isLoading=!1}catch(i){if(i&&"AbortError"===(null==i?void 0:i.name))return;this.errorCallback&&this.errorCallback(i.message),console.error(i),this.setErrorMessage(i.message)}}async setErrorMessage(i){this.isIdle=!1,this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=i}async fetchData(i=this.externalVin,t={}){await this.setData(i,t)}onLoadingChange(i){this.loadingStateChange&&this.loadingStateChange(i),this.setLoadingUi(i)}async setLoadingUi(i){i||(this.dynamicClaimProgressBar.style.width="0",await new Promise((i=>setTimeout(i,200))),this.updateProgressBar())}updateProgressBar(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];if(0===t.filter((i=>"pending"===i.status)).length)this.dynamicClaimProgressBar.style.width=0===t.length||t.filter((i=>"activationRequired"===i.status)).length===t.length?"0%":"100%",this.dynamicClaimBody.scrollTo({left:this.dynamicClaimBody.scrollWidth,behavior:"smooth"});else{const i=t.find((i=>"pending"===i.status)),a=t.indexOf(i)+1,e=this.dynamicClaimBody.getElementsByClassName("dynamic-claim-item")[a-1];this.dynamicClaimProgressBar.style.width=100*(a/t.length-1/(2*t.length))+"%",this.dynamicClaimBody.scrollTo({left:e.offsetLeft-3*e.clientWidth,behavior:"smooth"})}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(i){i?(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(i){const t=i.querySelector(".popup-position-ref");let{x:a,y:e}=t.getBoundingClientRect();const o=t.querySelector(".popup-container"),{width:n}=o.getBoundingClientRect(),r=o.querySelector(".dynamic-claim-item-popup-info"),l=window.innerWidth;o.style.top=`${e}px`,o.style.left=a-n/2+"px";const d=a-n/2,s=l-(a+n/2);let c=0;s<16?c=s-16:d<16&&(c=Math.abs(d-16)),r.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(i){i.target.classList.remove("load-animation")}async completeClaim(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[],a=this.cachedClaimItem,e=JSON.parse(JSON.stringify(t)),o=t.indexOf(a),n=e.slice(0,o).filter((i=>"pending"===i.status));e[o].status="processed",n.forEach((function(i){i.status="cancelled"})),this.pendingItemHighlighted=!1;const r=JSON.parse(JSON.stringify(this.vehicleInformation));r.serviceItems=e,this.vehicleInformation=JSON.parse(JSON.stringify(r))}async claim(i){var t;const a=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],e=JSON.parse(JSON.stringify(a)),o=a.indexOf(i);let n=e.slice(0,o).filter((i=>"pending"===i.status));this.cachedClaimItem=i,null===i.maximumMileage&&(n=[]),this.onMouseLeave(),this.openRedeem(i,n)}async handleRedeemScanner(){this.dynamicRedeem.handleScanner=this.isDev?async()=>{await new Promise((i=>setTimeout(i,500))),this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}:async(i,t)=>{try{const a=this.vehicleInformation,e={vin:a.vin,brandIntegrationID:a.identifiers.brandIntegrationID,invoice:i,jobNumber:t,saleInformation:a.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},o=await fetch(this.claimEndPoint,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},this.headers),body:JSON.stringify(e)}),n=await o.json();if(!n.Success)return alert(n.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(i){console.error(i),alert(this.locale.errors.requestFailedPleaseTryAgainLater),this.dynamicRedeem.quite(),this.dynamicRedeem.handleScanner=null}}}openRedeem(i,t){var a,e,o,n,r;const l=this.vehicleInformation;this.dynamicRedeem.vin=null==l?void 0:l.vin,this.dynamicRedeem.item=i,this.dynamicRedeem.canceledItems=t,this.dynamicRedeem.claimViaBarcodeScanner=this.claimViaBarcodeScanner,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(a=null==l?void 0:l.saleInformation)||void 0===a?void 0:a.broker)&&null===(null===(o=null===(e=null==l?void 0:l.saleInformation)||void 0===e?void 0:e.broker)||void 0===o?void 0:o.invoiceDate)?null===(r=null===(n=null==l?void 0:l.saleInformation)||void 0===n?void 0:n.broker)||void 0===r?void 0:r.brokerName:null,this.handleRedeemScanner()}createPopup(i){const t=this.locale.vehicleLookup.dynamicClaim;return a("div",{dir:this.locale.direction,class:"popup-position-ref"},a("div",{class:"popup-container"},a("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},a("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),a("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),a("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},a("table",null,a("tbody",null,a("tr",null,a("th",null,t.serviceType),a("td",null,i.type.charAt(0).toUpperCase()+i.type.slice(1))),a("tr",null,a("th",null,t.activationDate),a("td",null,i.activatedAt)),a("tr",null,a("th",null,t.expireDate),a("td",null,i.expiresAt)),a("tr",null,a("th",null,t.claimAt),a("td",null,i.claimDate)),a("tr",null,a("th",null,t.claimingCompany),a("td",null,i.companyName)),a("tr",null,a("th",null,t.invoiceNumber),a("td",null,i.invoiceNumber)),a("tr",null,a("th",null,t.jobNumber),a("td",null,i.jobNumber)),a("tr",null,a("th",null,t.packageCode),a("td",null,i.packageCode)))),"pending"===i.status&&a("button",{onClick:()=>this.claim(i),class:"claim-button dynamic-claim-button"},a("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{"stroke-width":"0"}),a("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),a("g",null,a("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),a("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"}))),a("span",null,t.claim)))))}render(){var i,t;const n=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[],r=this.locale.vehicleLookup.dynamicClaim;return console.log(this.errorMessage),a(e,{key:"e28a3aed41b0c163709252369a07a8475f4db27f"},a("dynamic-redeem",{key:"3dd7650a521cc4855084ca66a66657675dbc49e6",language:this.language,id:"dynamic-redeem"}),a("div",{key:"aa4c969842f2c9b377ced6dced50234bca30ae60",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},a("div",{key:"f48aea58a187a9f4c1a83f903db7cd978b9091d0",class:"dynamic-claim-header"},a("strong",{key:"0aa49fb5a0c61f69ef5395535f6caf13d91ee393",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&a("span",{key:"fcd0ef413864c02618871dac9c1ee3917fe46db4",dir:this.locale.direction,style:{color:"red"}},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard),!this.errorMessage&&(null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin))),a("div",{key:"cf603789f1edd6320627241abb74ac3cc44644f9",class:"dynamic-claim-body"},a("div",{key:"c0bef7e9d31a6db0a47310a2b75af8e69b8aa1d6"},a("div",{key:"20e27c181c848ca27b6770a67cc5f7ade7c8c66b",class:"loading-lane"},a("div",{key:"83f9441cdbd42678eb45b4ab71b46f5c22fd0759",class:"dynamic-claim-loading-slider"},a("div",{key:"2baa9bfb2faffce75583cd21a0d91269e221de05",class:"dynamic-claim-loading-slider-line"}),a("div",{key:"8a7db19db5f00899aeb7a2bfca9f6ee67a29dda4",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),a("div",{key:"afddf5572868bf19e5bd0e16b6dcef2838084e27",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),a("div",{key:"b0fede8a9c1356cc2a78eb7f22538d1b4d829a3c",class:"dynamic-claim-progress-lane"},n.map(((i,t)=>{let e="";return"pending"===i.status?n.findIndex((i=>"pending"===i.status))===t&&(e=i.status):e=i.status,a("div",{key:i.name,class:o("dynamic-claim-item",e),onMouseLeave:this.onMouseLeave},a("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:i=>this.onMouseEnter(i.target,t)},a("img",{src:c[i.status],alt:"status icon"}),a("span",null,r[i.status]),this.activePopupIndex===t&&this.createPopup(i)),a("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),a("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},i.name))})),a("div",{key:"5685928cc05efa160c306faa8159c6e915de7382",class:"dynamic-claim-progress-bar"}))),a("div",{key:"1e4c5f47c20068f61d5f01d1653d47730c5d7976",class:"mt-14"},a("div",{key:"f9e738da6f40213879316481a6f28c3824c5df3a",class:o("card warning-card span-entire-1st-row activation-panel",{loading:this.isLoading,visible:this.vehicleInformation&&this.vehicleInformation.serviceItems.filter((i=>"activationRequired"===i.status)).length>0}),onAnimationEnd:this.removeLoadAnimationClass},a("p",{key:"ed7a35f5a76d01d9156221bec680d464c004b36a",class:"no-padding flex gap-2"},a("span",{key:"f5b076e8e92f8b77050e7fe500ba2a9232c798ae",class:"font-semibold"},r.warrantyAndServicesNotActivated)),a("button",{key:"b363bca86e0d6bc5490976f73d1f601dcc181a56",onClick:()=>{this.activate&&this.activate(this.vehicleInformation)},class:"claim-button dynamic-claim-button"},a("svg",{key:"692f08a3d9150fdecd0342d02b4ace6f01db2f8b",width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"51ca2bee86a1e80cd8c5d1a2868f2c99d09684d1","stroke-width":"0"}),a("g",{key:"a1e222e3fe414a34d95bc926a124b11de537e4ce","stroke-linecap":"round","stroke-linejoin":"round"}),a("g",{key:"cf9a496f307a578062f4f018196a7b4f2dcef929"},a("circle",{key:"4a69f01d1db95b8e4ba7197e8313c66fe3fd253c",cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),a("path",{key:"0d945745b245b556bec3c21530d76b14b153f357",d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),a("span",{key:"d5cd47dc874e285891d2882da584f5f7c5972842"},r.activateNow)))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}static get style(){return'*,: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;flex-direction:column;overflow-x:scroll;padding:120px 30px 20px;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-item.activationRequired .dynamic-claim-item-header{color:#9e9e9e}.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}.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}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.activation-panel{opacity:0}.activation-panel.visible{animation:activation-panel-fade-in .75s ease forwards}.activation-panel.visible.loading{animation:activation-panel-fade-out .75s ease forwards}@keyframes activation-panel-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}@keyframes activation-panel-fade-out{to{opacity:0;transform:translateY(-5px) scale(70%);visibility:hidden}0%{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.mt-14{margin-top:3.5rem}.gap-2{gap:.5rem}.font-semibold{font-weight:600}.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)}'}},[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],claimEndPoint:[1,"claim-end-point"],headers:[8],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],activate:[16],locale:[32],isIdle:[32],popupClasses:[32],isLoading:[32],externalVin:[32],errorMessage:[32],activePopupIndex:[32],vehicleInformation:[32],setMockData:[64],setData:[64],setErrorMessage:[64],fetchData:[64],completeClaim:[64],claim:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}]);function p(){"undefined"!=typeof customElements&&["dynamic-claim","dynamic-redeem"].forEach((i=>{switch(i){case"dynamic-claim":customElements.get(i)||customElements.define(i,m);break;case"dynamic-redeem":customElements.get(i)||d()}}))}p();export{m as D,p as d}

package/dist/components/p-63467911.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as a,h as e}from"./p-75476014.js";const r=t(class extends a{constructor(){super(),this.__registerHost(),this.name=void 0,this.value=void 0,this.form=void 0}async handleNameChange(t){this.form.validateForm(t,this.value)}async handleValueChange(t){this.form.validateForm(this.name,t)}render(){return e("input",{key:"5c0b851634bf1951ef147c953644d40c8af1bda6",name:this.name,type:"string",hidden:!0,value:this.value})}static get watchers(){return{name:["handleNameChange"],value:["handleValueChange"]}}static get style(){return'*,: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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.flex{display:flex}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{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))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.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{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)}.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-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-\\[8px\\]{margin-top:8px}.inline-flex{display:inline-flex}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.h-\\[38px\\]{height:38px}.max-h-\\[250px\\]{max-height:250px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.-translate-y-full{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))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.translate-y-\\[38px\\],.translate-y-full{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))}.translate-y-full{--tw-translate-y:100%}.rotate-180{--tw-rotate:180deg;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))}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.-translate-y-\\[4px\\],.translate-y-full{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))}.appearance-none{appearance:none}.px-2{padding-left:.5rem;padding-right:.5rem}.opacity-75{opacity:.75}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;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))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.mx-auto{margin-left:auto;margin-right:auto}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.translate-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))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{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))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-shadow-input",{name:[1],value:[1],form:[16]},void 0,{name:["handleNameChange"],value:["handleValueChange"]}]);function o(){"undefined"!=typeof customElements&&["form-shadow-input"].forEach((t=>{"form-shadow-input"===t&&(customElements.get(t)||customElements.define(t,r))}))}o();export{r as F,o as d}