adp-web-components 0.0.89 → 0.0.90

package/dist/components/p-vvHN2Olh.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as a,a as i}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{s as o,g as s,a as n}from"./p-JtBlsz4j.js";import{g as l,V as d}from"./p-C1F_f1WE.js";import{d as c,c as p}from"./p-CGzOJT7g.js";import{d as h}from"./p-CqGVdvFp.js";import{d as w}from"./p-DxjQlmaz.js";function b(t,e){const a=t.getBoundingClientRect(),i=e.getBoundingClientRect();(a.left<i.left||a.right>i.right)&&e.scrollTo({left:t.offsetLeft-e.clientWidth/2+t.clientWidth/2,behavior:"smooth"})}let g={};const x={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=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.headers={},this.isDev=!1,this.queryString="",this.coreOnly=!1,this.language="en",this.maximumDocumentFileSizeInMb=30,this.claimEndPoint="api/vehicle/swift-claim",this.sharedLocales=o.getDefault(),this.locale=p.getDefault(),this.activeTab="",this.isError=!1,this.showPopup=!1,this.isLoading=!1,this.externalVin=null,this.showPrintBox=!1,this.errorMessage=null,this.tabAnimationLoading=!1,this.activePopupIndex=null,this.tabs=[],this.lastSuccessfulClaimResponse=null,this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.showPopup=!1,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-ref");this.popupPositionRef=e,this.calculatePopupPos(this.el.shadowRoot),this.showPopup=!0}),50)},this.getServiceItems=()=>{var t,e,a,i,r;return(null===(e=null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||void 0===e?void 0:e.length)?(null===(a=this.tabs)||void 0===a?void 0:a.length)?null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceItems.filter((t=>{var e;return(null===(e=null==t?void 0:t.group)||void 0===e?void 0:e.name)===this.activeTab})):null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems:[]},this.onActiveTabChange=({label:t})=>{this.tabAnimationLoading=!0,clearTimeout(this.tabAnimationTimeoutRef),this.tabAnimationTimeoutRef=setTimeout((()=>{this.activeTab=t,this.claimableContentWrapper.scrollLeft=0,setTimeout((()=>{this.tabAnimationLoading=!1,this.updateProgressBar()}),100)}),500)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([s(t,"vehicleLookup.claimableItems",p),n(t)]);this.locale=e[0],this.sharedLocales=e[1]}async componentDidLoad(){this.claimableContentWrapper=this.el.shadowRoot.querySelector(".claimable-content-wrapper"),this.claimForm=this.el.shadowRoot.getElementById("vehicle-item-claim-form"),this.progressBar=this.el.shadowRoot.querySelector(".progress-bar")}async setMockData(t){g=t}async setData(t,e={}){var a;let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const r="string"==typeof t,o=r?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return this.isError=!1,void(this.vehicleInformation=null);this.isLoading=!0,this.showPrintBox=!1,await new Promise((t=>{i=setTimeout(t,1e3),this.networkTimeoutRef=i})),this.claimableContentWrapper.scrollLeft=0;const s=r?await l(this,{scopedTimeoutRef:i,vin:o,mockData:g},e):t;if(this.networkTimeoutRef===i){if(!s)throw new Error("wrongResponseFormat");if(!Array.isArray(s.serviceItems))throw new Error("noServiceAvailable");if(this.vehicleInformation=s,null===(a=null==s?void 0:s.serviceItems)||void 0===a?void 0:a.length){let t=[];const e=[];s.serviceItems.forEach((({group:a})=>{(null==a?void 0:a.name)&&([...t,...e].find((t=>(null==t?void 0:t.name)===(null==a?void 0:a.name)))||((null==a?void 0:a.isDefault)&&(this.activeTab=null==a?void 0:a.name),"number"==typeof(null==a?void 0:a.tabOrder)?t.push(a):e.push(a)))})),e.length||t.length?(t=t.sort(((t,e)=>t.tabOrder-e.tabOrder)),this.tabs=[...t,...e],this.activeTab||(this.activeTab=this.tabs[0].name)):(this.tabs=[],this.activeTab="")}else this.tabs=[],this.activeTab=""}this.errorMessage=null,this.isLoading=!1,this.isError=!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.isError=!0,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.progressBar.style.width="0",this.progressBar.style.opacity="0",await new Promise((t=>setTimeout(t,200))),this.updateProgressBar())}updateProgressBar(){var t,e;const a=this.getServiceItems();if((null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.tabs.find((t=>t.name===this.activeTab))&&!(null===(e=this.tabs.find((t=>t.name===this.activeTab)))||void 0===e?void 0:e.isSequential))return this.progressBar.style.width="0%",void(this.progressBar.style.opacity="0");if(0===a.filter((t=>"pending"===t.status)).length)if(0===a.length||a.filter((t=>"activationRequired"===t.status)).length===a.length)this.progressBar.style.width="0%",this.progressBar.style.opacity="0";else{this.progressBar.style.width="100%",this.progressBar.style.opacity="1";const t=this.claimableContentWrapper.getElementsByClassName("claimable-item");b(t[t.length-1],this.claimableContentWrapper)}else{const t=a.find((t=>"pending"===t.status)),e=a.indexOf(t)+1,i=this.claimableContentWrapper.getElementsByClassName("claimable-item")[e-1];this.progressBar.style.width=100*(e/a.length-1/(2*a.length))+"%",this.progressBar.style.opacity="0%"===this.progressBar.style.width?"0":"1",b(i,this.claimableContentWrapper)}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(t){t?(this.scrollListenerRef=()=>this.calculatePopupPos(this.el.shadowRoot),window.addEventListener("scroll",this.scrollListenerRef),this.claimableContentWrapper.addEventListener("scroll",this.scrollListenerRef)):(window.removeEventListener("scroll",this.scrollListenerRef),this.claimableContentWrapper.removeEventListener("scroll",this.scrollListenerRef))}calculatePopupPos(t){const e=t.querySelector(".popup-ref");let{x:a,y:i}=e.getBoundingClientRect();const r=e.querySelector(".popup-container"),{width:o}=r.getBoundingClientRect(),s=r.querySelector(".popup-info"),n=window.innerWidth;r.style.top=`${i}px`,r.style.left=a-o/2+"px";const l=a-o/2,d=n-(a+o/2);let c=0;d<16?c=d-16:l<16&&(c=Math.abs(l-16)),s.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(t){t.target.classList.remove("load-animation")}async completeClaim(t){const e=this.getServiceItems(),a=this.cachedClaimItem,i=JSON.parse(JSON.stringify(e)),r=e.indexOf(a),o=i.slice(0,r).filter((t=>"pending"===t.status));i[r].claimable=!1,i[r].status="processed",o.forEach((function(t){t.status="cancelled"})),this.pendingItemHighlighted=!1;const s=JSON.parse(JSON.stringify(this.vehicleInformation));s.serviceItems=i,this.vehicleInformation=JSON.parse(JSON.stringify(s)),this.showPrintBox=!0,this.lastSuccessfulClaimResponse=t}async claim(t){const e=this.getServiceItems(),a=JSON.parse(JSON.stringify(e)),i=e.indexOf(t);let r=a.slice(0,i).filter((t=>"pending"===t.status));this.cachedClaimItem=t,null===t.maximumMileage&&(r=[]),this.onMouseLeave(),this.openRedeem(t,r)}async handleClaiming(){this.claimForm.handleClaiming=this.isDev?async({document:t})=>{if(t){this.claimForm.uploadProgress=0;let t=20;for(let e=0;e<t;e++){const a=Math.round((e+1)/t*100);await new Promise((t=>setTimeout(t,200))),this.claimForm.setFileUploadProgression(a)}}this.claimForm.quite(),this.completeClaim({Success:!0,ID:"11223344",PrintURL:"http://localhost/test/print/1122"}),this.claimForm.handleClaiming=null}:async t=>{var{document:e}=t,a=function(t,e){var a={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(a[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(a[i[r]]=t[i[r]])}return a}(t,["document"]);try{const t=new FormData;t.append("payload",JSON.stringify(Object.assign(Object.assign({},a),{vin:this.vehicleInformation.vin,saleInformation:this.vehicleInformation.saleInformation,serviceItem:this.claimForm.item,cancelledServiceItems:this.claimForm.canceledItems}))),e&&t.append("document",e),await new Promise(((e,a)=>{const i=new XMLHttpRequest;i.open("POST",this.claimEndPoint),Object.entries(this.headers||{}).forEach((([t,e])=>{i.setRequestHeader(t,e)})),i.upload.onprogress=t=>{t.lengthComputable&&this.claimForm.setFileUploadProgression(Math.round(t.loaded/t.total*100))},i.onload=()=>{if(this.claimForm.quite(),this.claimForm.handleClaiming=null,200===i.status){try{const t=JSON.parse(i.responseText);this.completeClaim(t),e()}catch(t){console.error("Response is not valid JSON",{rawResponse:i.responseText,error:t}),a(new Error("Upload succeeded but response is not valid JSON"))}e()}else try{const t=JSON.parse(i.responseText);alert(t.Message)}catch(t){a(new Error(`Upload failed with status ${i.status}`))}},i.onerror=t=>{console.log(t),this.claimForm.quite(),this.claimForm.handleClaiming=null,a(new Error("Network error"))},i.send(t)}))}catch(t){console.error(t),alert(this.sharedLocales.errors.requestFailedPleaseTryAgainLater),this.claimForm.quite(),this.claimForm.handleClaiming=null}}}openRedeem(t,e){var a,i,r,o,s;const n=this.vehicleInformation;this.claimForm.vin=null==n?void 0:n.vin,this.claimForm.item=t,this.claimForm.canceledItems=e,this.claimForm.unInvoicedByBrokerName=null!==(null===(a=null==n?void 0:n.saleInformation)||void 0===a?void 0:a.broker)&&null===(null===(r=null===(i=null==n?void 0:n.saleInformation)||void 0===i?void 0:i.broker)||void 0===r?void 0:r.invoiceDate)?null===(s=null===(o=null==n?void 0:n.saleInformation)||void 0===o?void 0:o.broker)||void 0===s?void 0:s.brokerName:null,this.handleClaiming()}createPopup(t){const e=this.locale;return a("div",{dir:this.sharedLocales.direction,class:"popup-ref w-0 h-0 bottom-0 flex absolute justify-center"},a("div",{class:"popup-container fixed z-[100]"},a("div",{class:r("opacity-0 w-full z-[101] flex transition-all duration-[0.4s] relative invisible justify-center translate-y-[-9px]",{"!opacity-100 !visible":this.showPopup})},a("div",{class:"absolute w-0 h-0 border-[10px] border-t-0 !border-b-[#dddddd] border-transparent"}),a("div",{class:"mt-[1px] absolute w-0 h-0 border-[10px] border-t-0 !border-b-[#f9f9f9] border-transparent"})),a("div",{class:r("popup-info bg-[#f9f9f9] border border-[#ddd] w-auto p-[20px] rounded-[5px] transition-all duration-[0.4s] text-[#282828] opacity-0 invisible",{"!opacity-100 !visible":this.showPopup})},a("table",{class:r("w-full border-collapse","[&_th]:border-b [&_th]:border-[#ddd] [&_th]:p-[10px] [&_th]:pe-[50px] [&_th]:text-start [&_th]:whitespace-nowrap","[&_td]:border-b [&_td]:border-[#ddd] [&_td]:p-[10px] [&_td]:pe-[50px] [&_td]:text-start [&_td]:whitespace-nowrap")},a("tbody",null,a("tr",null,a("th",null,e.serviceType),a("td",null,t.type.charAt(0).toUpperCase()+t.type.slice(1))),a("tr",null,a("th",null,e.activationDate),a("td",null,t.activatedAt)),a("tr",null,a("th",null,e.expireDate),a("td",null,t.expiresAt)),a("tr",null,a("th",null,e.claimAt),a("td",null,t.claimDate)),a("tr",null,a("th",null,e.claimingCompany),a("td",null,t.companyName)),a("tr",null,a("th",null,e.invoiceNumber),a("td",null,t.invoiceNumber)),a("tr",null,a("th",null,e.jobNumber),a("td",null,t.jobNumber)),a("tr",null,a("th",null,e.packageCode),a("td",null,t.packageCode)))),t.claimable&&a("button",{onClick:()=>this.claim(t),class:"claim-button m-auto mt-[15px] w-[80%] justify-center"},a("svg",{class:"size-[30px] duration-200",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,e.claim)))))}render(){var t;const e=this.getServiceItems(),o=this.locale,s=e.filter((t=>"activationRequired"===t.status)).length>0,n=this.isLoading||this.isError||!this.tabs.length||!e.length,l=this.tabs.map((t=>t.name));return a(i,{key:"650300d8b2495485e104a8450e6849111f45a843"},a("vehicle-item-claim-form",{key:"205514a455cab1507e9798c66924d10b6b10e09c",locale:o.claimForm,language:this.language,id:"vehicle-item-claim-form",maximumDocumentFileSizeInMb:this.maximumDocumentFileSizeInMb}),a(d,{key:"24bcc50ed3fd697fe0e1bd536b04300572905519",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,vin:null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin,direction:this.sharedLocales.direction,errorMessage:this.sharedLocales.errors[this.errorMessage]||this.sharedLocales.errors.wildCard},a("div",{key:"a133d8beadb9dfc21efc4ea3f3eca8f9c97643e5",class:"absolute z-10 w-full pt-[16px]"},a("div",{key:"3e27fb454add0e0a7a103bddecafaa98fdf39fea",class:r("duration-300",{"translate-y-[-50%] opacity-0":n})},a("shift-tabs",{key:"a71888699a3189bef9f8391b811c0ab2bbbe82d3",activeTabLabel:this.activeTab,changeActiveTab:this.onActiveTabChange,tabs:l}))),a("div",{key:"f879a081b412cf82ff15592034aa8a190edd5964",class:"relative"},a("div",{key:"ce6e960144465d725acf883b14a723835bec1292",class:"flex px-[30px] absolute w-full h-[320px] items-center"},a("div",{key:"bf3a6cd026eae91abcd895ae4550098f14648273",class:"h-[10px] translate-y-[-5px] relative bg-[#f2f2f2] border border-[#ddd] rounded-[10px] w-[calc(100%-62px)] items-center justify-around"},a("div",{key:"0bd1d257ab6a49da3dfb15fda773e0ee7a7b951e",class:"w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0"},a("div",{key:"73b1ab665d109c6f4e77c975ced5c7f8ff587495",class:"absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full"}),a("div",{key:"cdce5de783b1c1eec2b50d3775f07997af209bff",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc"}),a("div",{key:"c34ecca02274697dd705f522e06d194747e94c76",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec"})))),a("div",{key:"4230dfc62c4398edb5277c884e2641260ff736d4",dir:"ltr",class:r("flex overflow-x-scroll px-[30px] relative h-[320px] items-center transition-all duration-300 claimable-content-wrapper",{"hide-scroll":this.tabAnimationLoading})},a("div",{key:"caa65ad50775e49b88d082409ece04b9a2e20b6a",class:r("h-[10px] bg-[#f2f2f2] border flex-1 border-[#ddd] rounded-[10px] flex items-center justify-around relative",{"bg-transparent border-transparent":this.isLoading||this.tabAnimationLoading||!e.length})},e.map(((t,i)=>{let s="";return"pending"===t.status?e.findIndex((t=>"pending"===t.status))===i&&(s=t.status):s=t.status,a("div",{key:t.name,class:r("claimable-item flex flex-col items-center gap-[5px] font-[14px] min-w-[250px]",s),onMouseLeave:this.onMouseLeave},a("div",{onAnimationEnd:this.removeLoadAnimationClass,class:r("claimable-item-header load-animation hover:[&>img]:rotate-[360deg] hover:[&>img]:scale-[125%] relative duration-[0.4s] py-[10px] leading-[1em] h-[3em] flex flex-col items-center cursor-pointer",{"!opacity-0 !translate-y-[-5px] !scale-[70%]":this.isLoading||this.tabAnimationLoading}),onMouseEnter:t=>this.onMouseEnter(t.target,i)},a("img",{class:"duration-[0.4s]",src:x[t.status],alt:"status icon"}),a("span",{dir:this.sharedLocales.direction,class:"font-bold"},o[t.status]),this.activePopupIndex===i&&this.createPopup(t)),a("div",{onAnimationEnd:this.removeLoadAnimationClass,class:r("claimable-item-circle load-animation w-[18px] translate-y-[2px] h-[18px] rounded-[50%] bg-[#a1a1a1] border-[5px] border-double border-[#ececec] transition-all duration-[0.4s] z-[1]",{"!opacity-0 !scale-[150%]":this.isLoading||this.tabAnimationLoading})}),a("p",{onAnimationEnd:this.removeLoadAnimationClass,class:r("claimable-item-footer load-animation transition-all duration-[0.4s] px-[20px] text-center leading-[1.5em] h-[4.5em] overflow-hidden text-ellipsis m-0",{"!opacity-0 !translate-y-[10px] !scale-[70%]":this.isLoading||this.tabAnimationLoading})},t.name))})),a("div",{key:"bde59a64354da72d443fe00d4f5e655e17f4010b",class:r("progress-bar h-[10px] opacity-0 bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] border border-[#ddd] rounded-[10px] w-0 absolute left-0 transition-all duration-500 z-0",{"!w-0 !opacity-0":this.isLoading||this.tabAnimationLoading})})),a("div",{key:"0d26706af93683381eeb154d660e30888a55ef57",class:r("absolute w-[90%] left-1/2 ml-[-45%] bottom-[40px] z-[1]",{"!z-[-1]":!(this.vehicleInformation&&s)})},a("div",{key:"65f407d2ead8a828ba8cbd85f745286ed7c182a4",class:r("card warning-card span-entire-1st-row activation-panel",{loading:this.isLoading||this.tabAnimationLoading,visible:s}),onAnimationEnd:this.removeLoadAnimationClass},a("p",{key:"3bc24cddfff666c5e5d6151128e5556246f4191c",class:"no-padding flex gap-2"},a("span",{key:"97ec53465789ac41c60ba78476865c526516f28d",class:"font-semibold"},o.warrantyAndServicesNotActivated)),a("button",{key:"3559fbedb98d0d66a018448b47a0c5ae22181e13",onClick:()=>{this.activate&&this.activate(this.vehicleInformation)},class:"claim-button"},a("svg",{key:"afaad252b24ef036246d7ea4e5dfa0e586072286",class:"size-[30px] duration-200",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"29417f41b50310c2a3196aa09f9ec8356f444b2b","stroke-width":"0"}),a("g",{key:"337ff662f389278eb4252e67d7297b8104b58ad9","stroke-linecap":"round","stroke-linejoin":"round"}),a("g",{key:"69055decd90dbf005e604c49e1b8758766b4e59d"},a("circle",{key:"0e241fa0f14d0363201609a701bf1fe5d09c611f",cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),a("path",{key:"cdc48fe47ee90b76cb94f6db6fbd2b66170c4fdd",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:"5cfe67e43afa0342e680e9f195dd37c95f0d2dbb"},o.activateNow)))),a("div",{key:"2ecd71e4bd4f8e096473b74e330de8f50272f6c5",class:r("absolute w-[90%] left-1/2 ml-[-45%] bottom-[40px] z-[1]",{"!z-[-1]":!this.showPrintBox})},a("div",{key:"bda52bd244b2af92b3c6c0501e8f85eded6c56c5",class:r("card warning-card span-entire-1st-row activation-panel",{loading:this.isLoading,visible:this.showPrintBox}),onAnimationEnd:this.removeLoadAnimationClass},a("p",{key:"77be3dfd74e1271f4a6c8799feed44d611733604",class:"no-padding flex gap-2"},a("span",{key:"7cb43c7a81f928396fe932385955bdbe9543a487",class:"font-semibold"},o.successFulClaimMessage)),a("button",{key:"ea9a839303813a7177b66023cc1f961954f4f91b",onClick:()=>{this.print?this.print(this.lastSuccessfulClaimResponse):this.lastSuccessfulClaimResponse.PrintURL&&window.open(this.lastSuccessfulClaimResponse.PrintURL,"_blank").focus()},class:"claim-button dynamic-claim-button"},a("svg",{key:"fec1b6e0cf6615788bcf9ef246a3e9259ae694f9",width:"30px",height:"30px",viewBox:"-5 -5 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"f2348cb0d49cb586e28111952f6b0620948b7d25","fill-rule":"evenodd","clip-rule":"evenodd",d:"M17 7H7V6h10v1zm0 12H7v-6h10v6zm2-12V3H5v4H1v8.996C1 17.103 1.897 18 3.004 18H5v3h14v-3h1.996A2.004 2.004 0 0 0 23 15.996V7h-4z",fill:"rgb(252, 248, 227)"})),a("span",{key:"cf58fe2d58d553130b8281d28c3057b5a89097e3"},o.print))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}static get style(){return'@tailwind base;@tailwind utilities;@tailwind components;*,: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}.invisible{visibility:hidden}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.h-\\[54px\\]{height:54px}.flex-shrink{flex-shrink:1}.scale-\\[1\\.5\\]{--tw-scale-x:1.5;--tw-scale-y:1.5}.scale-\\[1\\.5\\],.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[3px\\]{gap:3px}.overflow-hidden{overflow:hidden}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ededed\\]{--tw-border-opacity:1;border-color:rgb(237 237 237/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-\\[\\#fdfdfd\\]{--tw-bg-opacity:1;background-color:rgb(253 253 253/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.p-0{padding:0}.pr-\\[10px\\]{padding-right:10px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow-\\[inset_0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.05\\)\\2c 0_1px_0_rgba\\(255\\2c 255\\2c 255\\2c 0\\.1\\)\\]{--tw-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);--tw-shadow-colored:inset 0 1px 3px var(--tw-shadow-color),0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\\[0\\.4s\\]{transition-duration:.4s}.vehicle-info-container{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);--tw-shadow-colored:inset 0 1px 3px var(--tw-shadow-color),0 1px 0 var(--tw-shadow-color);background-color:rgb(253 253 253/var(--tw-bg-opacity,1));border-color:rgb(220 220 220/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden;padding:0;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vehicle-info-content{transition-duration:.3s;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);width:100%}.vehicle-info-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));border-color:rgb(237 237 237/var(--tw-border-opacity,1));border-width:1px;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.15s;transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vehicle-info-header-vin span{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.loading .vehicle-info-header-vin{--tw-scale-x:1.5;--tw-scale-y:1.5;opacity: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));visibility:hidden}: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}.claimable-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%)}}.claimable-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.claimable-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}}.claimable-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}}.processed .claimable-item-circle{background-color:#3071a9}.processed .claimable-item-header{color:#3071a9}.expired .claimable-item-circle{background-color:#282828}.expired .claimable-item-header{color:#282828}.cancelled .claimable-item-circle{background-color:#a80000}.cancelled .claimable-item-header{color:#a80000}.pending .claimable-item-circle{background-color:#00a300}.pending .claimable-item-header{color:#00a300}.activationRequired .claimable-item-header{color:#9e9e9e}.loading .lane-inc{animation:lane-increase 2.5s ease infinite}.loading .lane-dec{animation:lane-decrease 2.5s ease 1s infinite}@keyframes lane-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes lane-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.claim-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-right:10px;transition-duration:.2s}.claim-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.claim-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.claim-button circle{fill:#2ecc71}.claim-button circle:hover{fill:#fff}.claim-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.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}}.claim-button path{transition:.2s}.claim-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.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}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.-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}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.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)}.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)}.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)}.delay-200{transition-delay:.2s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.\\!visible{visibility:visible!important}.bottom-0{bottom:0}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.\\!z-\\[-1\\]{z-index:-1!important}.z-0{z-index:0}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[1\\]{z-index:1}.m-0{margin:0}.m-auto{margin:auto}.ml-\\[-45\\%\\]{margin-left:-45%}.mt-\\[15px\\]{margin-top:15px}.mt-\\[1px\\]{margin-top:1px}.table{display:table}.size-\\[30px\\]{height:30px;width:30px}.h-0{height:0}.h-\\[10px\\]{height:10px}.h-\\[18px\\]{height:18px}.h-\\[320px\\]{height:320px}.h-\\[3em\\]{height:3em}.h-\\[4\\.5em\\]{height:4.5em}.h-full{height:100%}.\\!w-0{width:0!important}.w-0{width:0}.w-\\[150\\%\\]{width:150%}.w-\\[18px\\]{width:18px}.w-\\[80\\%\\]{width:80%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-62px\\)\\]{width:calc(100% - 62px)}.w-auto{width:auto}.min-w-\\[250px\\]{min-width:250px}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.\\!translate-y-\\[-5px\\]{--tw-translate-y:-5px!important}.\\!translate-y-\\[-5px\\],.\\!translate-y-\\[10px\\]{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))!important}.\\!translate-y-\\[10px\\]{--tw-translate-y:10px!important}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-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-\\[-5px\\]{--tw-translate-y:-5px}.translate-y-\\[-9px\\]{--tw-translate-y:-9px}.translate-y-\\[-9px\\],.translate-y-\\[2px\\]{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-\\[2px\\]{--tw-translate-y:2px}.\\!scale-\\[150\\%\\]{--tw-scale-x:150%!important;--tw-scale-y:150%!important}.\\!scale-\\[150\\%\\],.\\!scale-\\[70\\%\\]{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))!important}.\\!scale-\\[70\\%\\]{--tw-scale-x:70%!important;--tw-scale-y:70%!important}.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))}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-\\[5px\\]{gap:5px}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.text-ellipsis{text-overflow:ellipsis}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[50\\%\\]{border-radius:50%}.border-\\[10px\\]{border-width:10px}.border-\\[5px\\]{border-width:5px}.border-t-0{border-top-width:0}.border-double{border-style:double}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#ececec\\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.\\!border-b-\\[\\#dddddd\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(221 221 221/var(--tw-border-opacity,1))!important}.\\!border-b-\\[\\#f9f9f9\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(249 249 249/var(--tw-border-opacity,1))!important}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#a1a1a1\\]{--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-\\[\\#f9f9f9\\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[20px\\]{padding:20px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.font-\\[14px\\]{font-weight:14px}.leading-\\[1\\.5em\\]{line-height:1.5em}.leading-\\[1em\\]{line-height:1em}.text-\\[\\#282828\\]{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.\\!opacity-0{opacity:0!important}.\\!opacity-100{opacity:1!important}.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)}.hover\\:\\[\\&\\>img\\]\\:rotate-\\[360deg\\]>img:hover{--tw-rotate:360deg}.hover\\:\\[\\&\\>img\\]\\:rotate-\\[360deg\\]>img:hover,.hover\\:\\[\\&\\>img\\]\\:scale-\\[125\\%\\]>img:hover{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))}.hover\\:\\[\\&\\>img\\]\\:scale-\\[125\\%\\]>img:hover{--tw-scale-x:125%;--tw-scale-y:125%}.\\[\\&_td\\]\\:whitespace-nowrap td{white-space:nowrap}.\\[\\&_td\\]\\:border-b td{border-bottom-width:1px}.\\[\\&_td\\]\\:border-\\[\\#ddd\\] td{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.\\[\\&_td\\]\\:p-\\[10px\\] td{padding:10px}.\\[\\&_td\\]\\:pe-\\[50px\\] td{padding-inline-end:50px}.\\[\\&_td\\]\\:text-start td{text-align:start}.\\[\\&_th\\]\\:whitespace-nowrap th{white-space:nowrap}.\\[\\&_th\\]\\:border-b th{border-bottom-width:1px}.\\[\\&_th\\]\\:border-\\[\\#ddd\\] th{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.\\[\\&_th\\]\\:p-\\[10px\\] th{padding:10px}.\\[\\&_th\\]\\:pe-\\[50px\\] th{padding-inline-end:50px}.\\[\\&_th\\]\\:text-start th{text-align:start}.-z-10{z-index:-10}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-\\[12px\\]{margin-bottom:12px}.ml-1{margin-left:.25rem}.mt-\\[50px\\]{margin-top:50px}.mt-\\[55px\\]{margin-top:55px}.box-border{box-sizing:border-box}.size-\\[100px\\]{height:100px;width:100px}.size-\\[130px\\]{height:130px;width:130px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.border-separate{border-collapse:separate}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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}.translate-y-\\[32px\\]{--tw-translate-y:32px;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))}.cursor-default{cursor:default}.select-none{user-select:none}.list-disc{list-style-type:disc}.justify-between{justify-content:space-between}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.border-\\[2px\\]{border-width:2px}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.p-\\[50px\\]{padding:50px}.px-\\[75px\\]{padding-left:75px;padding-right:75px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;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)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}'}},[1,"vehicle-claimable-items",{baseUrl:[1,"base-url"],headers:[8],isDev:[4,"is-dev"],queryString:[1,"query-string"],coreOnly:[4,"core-only"],language:[1],print:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],claimEndPoint:[1,"claim-end-point"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],activate:[16],sharedLocales:[32],locale:[32],activeTab:[32],isError:[32],showPopup:[32],isLoading:[32],externalVin:[32],showPrintBox:[32],errorMessage:[32],tabAnimationLoading:[32],activePopupIndex:[32],tabs:[32],lastSuccessfulClaimResponse:[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 f(){"undefined"!=typeof customElements&&["vehicle-claimable-items","flexible-container","shift-tabs","vehicle-item-claim-form"].forEach((t=>{switch(t){case"vehicle-claimable-items":customElements.get(t)||customElements.define(t,m);break;case"flexible-container":customElements.get(t)||h();break;case"shift-tabs":customElements.get(t)||w();break;case"vehicle-item-claim-form":customElements.get(t)||c()}}))}f();export{m as V,f as d}

package/dist/components/p-yQ70lKV2.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as i,a}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{y as r,s as n,g as s,a as d}from"./p-JtBlsz4j.js";import{g as l}from"./p-BT4rhLRL.js";import{d as p}from"./p-D2bxjSGr.js";const c=r(["deadStock","branch","availableQuantity"]);let h={};const x="46px",b=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.state="idle",this.errorMessage=null,this.externalPartNumber=null,this.sharedLocales=n.getDefault(),this.locale=c.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([s(t,"partLookup.deadStock",c),d(t)]);this.locale=e[0],this.sharedLocales=e[1]}handleSettingData(t){this.partInformation=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.partNumber;this.externalPartNumber=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,partNumber:o,mockData:h},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.partInformation=null,this.errorMessage=t}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){h=t}toggleAccordion(t){const e=t.target.parentElement,i=e.getElementsByClassName("icon")[0];if("true"===e.getAttribute("aria-expanded"))e.style.height=x,i.style.transform="rotate(0deg)",e.setAttribute("aria-expanded","false");else{const t=e.getElementsByClassName("content")[0],a=+x.replace("px","")+t.getClientRects()[0].height;e.style.height=`${a}px`,i.style.transform="rotate(180deg)",e.setAttribute("aria-expanded","true")}}render(){var t,e,r,n;const s=this.locale;return i(a,{key:"3fec3888689394f9db82d44339ff6a86badcfaa4"},i("div",{key:"0e9e27129627b72541387787e3cbabd0b4d8fb96",dir:this.sharedLocales.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"62f97371c993f42e0f091f7aa1e4a32545f5ad81"},i("loading-spinner",{key:"97c5e08fc754cc3a0ef022dc1bc70956c147c338",isLoading:this.state.includes("loading")}),i("div",{key:"1643eaab14e0177f8a7ff9586907e0c071b10e0b",class:o("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"2724636511c921e033d2178f863e888af41b738d",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"52f99d234eed68a33e8cf7314d7a67fba2c13954",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.sharedLocales.errors[this.errorMessage]||this.sharedLocales.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"198ae83d4a1713ae01c906a544db255735f81fbc"},i("div",{key:"399cdf7a50fbf3852ab9fd47aae187166adc64eb",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"05fa0b6b01a8a39baa031e4b5fd89698814cef42",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.deadStock),!(null===(e=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===e?void 0:e.length)&&i("div",{key:"7cf88d6e6e2eeb4ee5ab8dcc1e8b5418ba35568e",class:"h-[80px] flex items-center justify-center text-[18px]"},this.sharedLocales.noData),null===(n=null===(r=this.partInformation)||void 0===r?void 0:r.deadStock)||void 0===n?void 0:n.map((t=>i("div",{key:t.companyIntegrationID,class:"py-[10px] px-[20px]"},i("div",{"aria-expanded":"false",style:{height:x},class:"border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]"},i("button",{onClick:this.toggleAccordion,style:{height:x},class:"w-full flex px-[10px] justify-between items-center text-slate-800"},i("strong",null,t.companyName),i("span",{class:"icon text-slate-800 transition-transform duration-500"},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"size-[22px]"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z"})))),i("div",{class:"content"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",null,i("tr",null,i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},s.branch),i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},s.availableQuantity))),i("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>i("tr",{class:"transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},i("td",{class:o("py-[20px] px-[10px] text-start whitespace-nowrap")},t.companyBranchName),i("td",{class:o("py-[20px] px-[10px] text-start whitespace-nowrap")},i("strong",null,t.quantity))))))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.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}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.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))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/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)}.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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}'}},[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],sharedLocales:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function g(){"undefined"!=typeof customElements&&["dead-stock-lookup","loading-spinner"].forEach((t=>{switch(t){case"dead-stock-lookup":customElements.get(t)||customElements.define(t,b);break;case"loading-spinner":customElements.get(t)||p()}}))}g();export{b as D,c as a,g as d}

package/dist/components/part-lookup.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as i,c as o}from"./p-48a9b8e5.js";import{c as a}from"./p-98d9e7ab.js";import{c as s,s as r,g as n,b as l}from"./p-48a28736.js";import{a as c,d}from"./p-8cd53e18.js";import{a as h,d as u}from"./p-f437e795.js";import{m as p,d as b}from"./p-aacd560d.js";import{d as f}from"./p-2c893802.js";const g=s({deadStock:c,distributor:h,manufacturer:p}),m="dead-stock-lookup",w="distributor-lookup",k="manufacturer-lookup",y=t(class extends e{constructor(){super(),this.__registerHost(),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.baseUrl="",this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.activeElement="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.sharedLocales=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"partLookup",g),l(t)]);this.sharedLocales=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[m]:t,[w]:e,[k]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.sharedLocales.errors.partNumberRequired;const a=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(a,i)}render(){const t={[m]:{},[w]:{},[k]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(o,{key:"7fa5878869c4a39db1128a1fa569b52952eac613"},i("div",{key:"00936d51b377caa32b3fc2397c992c2a06f6d6c8",class:a("w-full",{hidden:this.activeElement!==m})},i("dead-stock-lookup",Object.assign({key:"7910fd825ce8ac59d9aebbbb4ed342323108ae69","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[m]))),i("div",{key:"c10a6b8ad01ddbf0a8779a129f7fc80cb4837887",class:a("w-full",{hidden:this.activeElement!==w})},i("distributor-lookup",Object.assign({key:"14f85ab4bd36ec61981890cf5344ac57e534f2ed","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[w]))),i("div",{key:"6d506d7358484fa0ae443e1f4f0e00d5d4062d54",class:a("w-full",{hidden:this.activeElement!==k})},i("manufacturer-lookup",Object.assign({key:"0d2b92c0537f0a99a35531e0886b8787a63d2479","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[k]))),i("slot",{key:"624bda625644aa7bd47b1b5526944e7c9929a369"}))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}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{display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}'}},[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],sharedLocales:[32],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function x(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","loading-spinner","manufacturer-lookup"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,y);break;case"dead-stock-lookup":customElements.get(t)||d();break;case"distributor-lookup":customElements.get(t)||u();break;case"loading-spinner":customElements.get(t)||f();break;case"manufacturer-lookup":customElements.get(t)||b()}}))}x();const v=y,j=x;export{v as PartLookup,j as defineCustomElement}
+import{p as t,H as e,h as i,a as o}from"./index.js";import{c as s}from"./p-BK16Cn81.js";import{c as r,s as a,g as n,a as l}from"./p-JtBlsz4j.js";import{a as c,d as h}from"./p-yQ70lKV2.js";import{a as d,d as u}from"./p-DXHx6lre.js";import{m as p,d as b}from"./p-CDOvd2iD.js";import{d as f}from"./p-D2bxjSGr.js";const g=r({deadStock:c,distributor:d,manufacturer:p}),m="dead-stock-lookup",w="distributor-lookup",k="manufacturer-lookup",y=t(class extends e{constructor(){super(),this.__registerHost(),this.baseUrl="",this.queryString="",this.language="en",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.activeElement="",this.wrapperErrorState="",this.sharedLocales=a.getDefault(),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"partLookup",g),l(t)]);this.sharedLocales=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[m]:t,[w]:e,[k]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.sharedLocales.errors.partNumberRequired;const s=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(s,i)}render(){const t={[m]:{},[w]:{},[k]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(o,{key:"0d42e2a7e242643242876164f2731706430c3bc5"},i("div",{key:"285c38f1eefb6b4f6ee398885fdc54ebcfe82c4d",class:s("w-full",{hidden:this.activeElement!==m})},i("dead-stock-lookup",Object.assign({key:"e17def740f7755a9886bd372a733b8903facfbe1","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[m]))),i("div",{key:"624c3761374cd3ca6eeffe90d9420bc738bb1d65",class:s("w-full",{hidden:this.activeElement!==w})},i("distributor-lookup",Object.assign({key:"eabce51c9f516cf67ec22047d35490389009e8cb","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[w]))),i("div",{key:"b3d1817db4fe34483075234e2ddbfd04e1a0a432",class:s("w-full",{hidden:this.activeElement!==k})},i("manufacturer-lookup",Object.assign({key:"fccfdb19c262cc02a80893e65a2881c07c52955a","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[k]))),i("slot",{key:"3469b8d995927c789a685efa9ef8f485851c4dba"}))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}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{display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}'}},[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,"error-state-listener"],loadingStateChanged:[16,"loading-state-changed"],wrapperErrorState:[32],blazorRef:[32],sharedLocales:[32],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function x(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","loading-spinner","manufacturer-lookup"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,y);break;case"dead-stock-lookup":customElements.get(t)||h();break;case"distributor-lookup":customElements.get(t)||u();break;case"loading-spinner":customElements.get(t)||f();break;case"manufacturer-lookup":customElements.get(t)||b()}}))}x();const j=y,v=x;export{j as PartLookup,v as defineCustomElement}

package/dist/components/service-booking-form.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as e,H as t,h as r,c as a}from"./p-48a9b8e5.js";import{c as i}from"./p-98d9e7ab.js";import{A as s,g as o,C as n,F as l}from"./p-d3f029ed.js";import{c as m,a as c,h as d,g as p}from"./p-48a28736.js";import{d as u}from"./p-1c45c079.js";import{d as h}from"./p-dfb3925b.js";import{d as f}from"./p-4ddb3435.js";import{d as g}from"./p-28cf4dbe.js";import{d as b}from"./p-7a1dd4fc.js";import{d as w}from"./p-c4f620e9.js";import{d as y}from"./p-0fa9085a.js";import{d as x}from"./p-ec493f9b.js";const k=new s("IQ");k.default="+"+k.metadata.numberingPlan.metadata[0],k.input(k.default);const v=m({cityId:c(),email:c().email("emailAddressNotValid"),message:c().required("messageIsRequired"),generalTicketType:c().required("inquiryTypeIsRequired"),name:c().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:c().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>k.isValid()))}),E={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},q={submit:e=>d("form-submit",Object.assign({},e)),name:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("name");return d("form-input",{form:e,label:"fullName",isError:s,language:t,isRequired:o,inputParams:{name:n,disabled:a,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("email");return d("form-input",{form:e,isError:s,language:t,label:"emailAddress",isRequired:o,inputParams:{name:n,disabled:a,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("phone");return d("form-input",{form:e,numberDirection:!0,isError:s,language:t,label:"phoneNumber",isRequired:o,inputParams:{name:n,disabled:a,type:"text",placeholder:"phoneNumber",defaultValue:k.default,onInput:e=>{const t=e.target;k.reset(),t.value=k.input(t.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("message");return d("form-text-area",{form:e,isError:s,language:t,label:"writeAMessage",isRequired:o,inputParams:{name:n,disabled:a,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("generalTicketType");return d("form-select",{name:l,form:e,fetcher:async e=>{const t=await p(e,"generalTicketTypes",o);return[{value:"GeneralInquiry",label:t.GeneralInquiry},{value:"Complaint",label:t.Complaint}]},isError:s,disabled:a,language:t,label:"inquiryType",isRequired:n,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:l}=e.getInputState("cityId");return d("form-select",{name:l,form:e,label:"city",fetcher:async(e,t)=>{const r=await fetch(n,{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},isError:s,disabled:a,language:t,isRequired:o,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},I=e(class extends t{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new l(this,v),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.errorCallback=void 0,this.successCallback=void 0,this.loadingChanges=void 0,this.isLoading=void 0,this.renderControl={},this.errorMessage=void 0}async componentDidLoad(){try{if(this.recaptchaKey){const e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}async formSubmit(e){try{this.loadingChanges&&this.loadingChanges(!0);const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.successCallback&&this.successCallback(a),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.errorCallback&&this.errorCallback(e),(null==e?void 0:e.message)&&(this.errorMessage=e.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return r(a,{key:"5d35b518e469ccd1aa199abe557c3afee66d0a86",class:i({["contact-us-"+this.theme]:this.theme})},r("form-structure",{key:"fff4fb2d18867f3e5de5b67e90d1711f8732dcbe",themes:E,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:q},r("slot",{key:"b9218d28eba4d9701734a500970fc41fde3a5c5a"})))}get el(){return this}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}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}'}},[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]}]);function M(){"undefined"!=typeof customElements&&["service-booking-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((e=>{switch(e){case"service-booking-form":customElements.get(e)||customElements.define(e,I);break;case"form-dialog":customElements.get(e)||u();break;case"form-input":customElements.get(e)||h();break;case"form-select":customElements.get(e)||f();break;case"form-shadow-input":customElements.get(e)||g();break;case"form-structure":customElements.get(e)||b();break;case"form-structure-error":customElements.get(e)||w();break;case"form-submit":customElements.get(e)||y();break;case"form-text-area":customElements.get(e)||x()}}))}M();const j=I,T=M;export{j as ServiceBookingForm,T as defineCustomElement}
+import{h as e,p as t,H as r,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{A as s,C as o,g as n,F as l}from"./p-CK4E5G0i.js";import{c as m,b as c,g as d}from"./p-JtBlsz4j.js";import{d as p}from"./p-CjWDXQ_q.js";import{d as u}from"./p-B6QhQCZi.js";import{d as h}from"./p-CACnUI7c.js";import{d as g}from"./p-P3fAKtye.js";import{d as f}from"./p-nxlqujKv.js";import{d as b}from"./p-D63WC2_Y.js";import{d as w}from"./p-C-4kx8qU.js";import{d as x}from"./p-D7yku_Qi.js";const y=new s("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const k=m({cityId:c(),email:c().email("emailAddressNotValid"),message:c().required("messageIsRequired"),generalTicketType:c().required("inquiryTypeIsRequired"),name:c().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:c().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))});var E={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]};const q={submit:t=>e("form-submit",Object.assign({},t)),name:({form:t,language:r,structureElement:a})=>{const{disabled:i,errorMessage:s,isError:o,isRequired:n,name:l}=t.getInputState("name");return e("form-input",{form:t,label:"fullName",isError:o,language:r,isRequired:n,inputParams:{name:l,disabled:i,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:s,wrapperId:a.id,wrapperClass:a.class})},email:({form:t,language:r,structureElement:a})=>{const{disabled:i,errorMessage:s,isError:o,isRequired:n,name:l}=t.getInputState("email");return e("form-input",{form:t,isError:o,language:r,label:"emailAddress",isRequired:n,inputParams:{name:l,disabled:i,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:s,wrapperId:a.id,wrapperClass:a.class})},phone:({form:t,language:r,structureElement:a})=>{const{disabled:i,errorMessage:s,isError:o,isRequired:n,name:l}=t.getInputState("phone");return e("form-input",{form:t,numberDirection:!0,isError:o,language:r,label:"phoneNumber",isRequired:n,inputParams:{name:l,disabled:i,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:e=>{const t=e.target;y.reset(),t.value=y.input(t.value)}},formLocaleName:"contactUs",errorMessage:s,wrapperId:a.id,wrapperClass:a.class})},message:({form:t,language:r,structureElement:a})=>{const{disabled:i,errorMessage:s,isError:o,isRequired:n,name:l}=t.getInputState("message");return e("form-text-area",{form:t,isError:o,language:r,label:"writeAMessage",isRequired:n,inputParams:{name:l,disabled:i,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:s,wrapperId:a.id,wrapperClass:a.class})},generalTicketType:({form:t,language:r,structureElement:a})=>{const{disabled:i,errorMessage:s,isError:o,isRequired:l,name:m}=t.getInputState("generalTicketType");return e("form-select",{name:m,form:t,fetcher:async e=>{const t=await d(e,"generalTicketTypes",n);return[{value:"GeneralInquiry",label:t.GeneralInquiry},{value:"Complaint",label:t.Complaint}]},isError:o,disabled:i,language:r,label:"inquiryType",isRequired:l,formLocaleName:"contactUs",errorMessage:s,placeholder:"selectInquiryType",wrapperId:a.id,wrapperClass:a.class})},cityId:({form:t,language:r,structureElement:a})=>{const{disabled:i,errorMessage:s,isError:n,isRequired:l,name:m}=t.getInputState("cityId");return e("form-select",{name:m,form:t,label:"city",fetcher:async(e,t)=>{const r=await fetch(o,{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},isError:n,disabled:i,language:r,isRequired:l,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:s,wrapperId:a.id,wrapperClass:a.class})}},v=t(class extends r{constructor(){super(),this.__registerHost(),this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.renderControl={},this.recaptchaWidget=null,this.form=new l(this,k)}async componentDidLoad(){try{if(this.recaptchaKey){const e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}async formSubmit(e){try{this.loadingChanges&&this.loadingChanges(!0);const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.successCallback&&this.successCallback(a),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.errorCallback&&this.errorCallback(e),(null==e?void 0:e.message)&&(this.errorMessage=e.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return e(a,{key:"292c9ec06fece64eb628ad95e2f0e3d0cc3b4f97",class:i({["contact-us-"+this.theme]:this.theme})},e("form-structure",{key:"a5199f4514b7f0b7d977fd1b291e18f48e33bb55",themes:E,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:q},e("slot",{key:"e7a6ab6f3364542be19c8b005c85b9b61481e75c"})))}get el(){return this}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}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}'}},[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,"error-callback"],successCallback:[16,"success-callback"],loadingChanges:[16,"loading-changes"],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function C(){"undefined"!=typeof customElements&&["service-booking-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((e=>{switch(e){case"service-booking-form":customElements.get(e)||customElements.define(e,v);break;case"form-dialog":customElements.get(e)||p();break;case"form-input":customElements.get(e)||u();break;case"form-select":customElements.get(e)||h();break;case"form-shadow-input":customElements.get(e)||g();break;case"form-structure":customElements.get(e)||f();break;case"form-structure-error":customElements.get(e)||b();break;case"form-submit":customElements.get(e)||w();break;case"form-text-area":customElements.get(e)||x()}}))}C();const I=v,j=C;export{I as ServiceBookingForm,j as defineCustomElement}

package/dist/components/{service-history.d.ts → shift-accordion.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface ServiceHistory extends Components.ServiceHistory, HTMLElement {}
-export const ServiceHistory: {
-    prototype: ServiceHistory;
-    new (): ServiceHistory;
+interface ShiftAccordion extends Components.ShiftAccordion, HTMLElement {}
+export const ShiftAccordion: {
+    prototype: ShiftAccordion;
+    new (): ShiftAccordion;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/shift-accordion.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as i}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{d as n}from"./p-CqGVdvFp.js";const r=t(class extends e{constructor(){super(),this.__registerHost(),this.openedItems=[],this.toggleAccordion=t=>{this.openedItems=this.openedItems.includes(t)?this.openedItems.filter((e=>e!==t)):[...this.openedItems,t]}}render(){return i("div",{key:"4498324a987ce89af52c218812f6f4ecb6229a83",class:"flex w-full flex-col gap-[4px]"},this.items.map(((t,e)=>i("div",{key:t.label+e,class:"w-full rounded border"},i("button",{onClick:()=>this.toggleAccordion(t),class:"w-full flex flex-col items-start"},i("div",{class:"flex items-center justify-between mx-auto text-[17px] py-[4px] w-[calc(100%-20px)]"},i("span",null,t.label),i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:o("transition-all duration-500",{"rotate-180":this.openedItems.includes(t)})},i("path",{d:"m6 9 6 6 6-6"}))),i("div",{class:"transition-all duration-500",style:{height:this.openedItems.includes(t)?"6px":"0px"}}),i("flexible-container",{isOpened:this.openedItems.includes(t)},t.content))))))}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}.static{position:static}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.w-full{width: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))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}'}},[0,"shift-accordion",{items:[16],accordionClasses:[1,"accordion-classes"],accordionContentClasses:[1,"accordion-content-classes"],openedItems:[32]}]);function a(){"undefined"!=typeof customElements&&["shift-accordion","flexible-container"].forEach((t=>{switch(t){case"shift-accordion":customElements.get(t)||customElements.define(t,r);break;case"flexible-container":customElements.get(t)||n()}}))}a();const s=r,l=a;export{s as ShiftAccordion,l as defineCustomElement}

package/dist/components/{dynamic-claim.d.ts → shift-slider.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface DynamicClaim extends Components.DynamicClaim, HTMLElement {}
-export const DynamicClaim: {
-    prototype: DynamicClaim;
-    new (): DynamicClaim;
+interface ShiftSlider extends Components.ShiftSlider, HTMLElement {}
+export const ShiftSlider: {
+    prototype: ShiftSlider;
+    new (): ShiftSlider;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/shift-slider.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as i,a as n}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{d as r}from"./p-CqGVdvFp.js";const a=t(class extends e{constructor(){super(),this.__registerHost()}async componentDidLoad(){this.flexibleContainerRef=this.el.getElementsByTagName("flexible-container")[0]}async onActiveIndexChange(t){clearTimeout(this.ChildUpdatesActionTimeout);const e=this.el.getElementsByClassName("element-number-"+t)[0];e&&function(t){return function t(e){if(e.nodeType===Node.ELEMENT_NODE){const i=e;if(i.tagName.toLowerCase().startsWith("flexible-container"))return!0;const n=null==i?void 0:i.shadowRoot;return n?t(n):Array.from(i.children).some(t)}return e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&Array.from(e.children).some(t)}(t)}(e)?(this.flexibleContainerRef.stopAnimation=!1,this.ChildUpdatesActionTimeout=setTimeout((()=>{this.flexibleContainerRef.stopAnimation=!0}),600)):this.flexibleContainerRef.stopAnimation=!1}render(){return i(n,{key:"63f17a495edda31831c6fd88531c8350c3b4e97b"},i("flexible-container",{key:"e479c2d4998690957c0d7df665a966a8ac2d99b2",stopAnimation:!0,classes:"relative"},this.components.map(((t,e)=>i("div",{class:o("w-full transition !duration-1000","element-number-"+e,{"opacity-0 absolute top-0 !pointer-events-none [&_*]:!pointer-events-none":this.activeIndex!==e,"translate-x-[110%]":this.activeIndex<e,"-translate-x-[110%]":this.activeIndex>e})},t())))))}get el(){return this}static get watchers(){return{activeIndex:["onActiveIndexChange"]}}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}.\\!pointer-events-none{pointer-events:none!important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.w-full{width:100%}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[110\\%\\]{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-\\[110\\%\\]{--tw-translate-x:110%}.opacity-0{opacity:0}.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)}.\\!duration-1000{transition-duration:1s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}'}},[0,"shift-slider",{components:[16],activeIndex:[2,"active-index"]},void 0,{activeIndex:["onActiveIndexChange"]}]);function s(){"undefined"!=typeof customElements&&["shift-slider","flexible-container"].forEach((t=>{switch(t){case"shift-slider":customElements.get(t)||customElements.define(t,a);break;case"flexible-container":customElements.get(t)||r()}}))}s();const l=a,c=s;export{l as ShiftSlider,c as defineCustomElement}

package/dist/components/{warranty-details.d.ts → shift-tab-content.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface WarrantyDetails extends Components.WarrantyDetails, HTMLElement {}
-export const WarrantyDetails: {
-    prototype: WarrantyDetails;
-    new (): WarrantyDetails;
+interface ShiftTabContent extends Components.ShiftTabContent, HTMLElement {}
+export const ShiftTabContent: {
+    prototype: ShiftTabContent;
+    new (): ShiftTabContent;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/shift-tab-content.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{S as o,d as s}from"./p-BDkK65_1.js";const p=o,r=s;export{p as ShiftTabContent,r as defineCustomElement}

package/dist/components/{dynamic-redeem.d.ts → shift-tabs.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface DynamicRedeem extends Components.DynamicRedeem, HTMLElement {}
-export const DynamicRedeem: {
-    prototype: DynamicRedeem;
-    new (): DynamicRedeem;
+interface ShiftTabs extends Components.ShiftTabs, HTMLElement {}
+export const ShiftTabs: {
+    prototype: ShiftTabs;
+    new (): ShiftTabs;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/shift-tabs.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{S as o,d as s}from"./p-DxjQlmaz.js";const a=o,m=s;export{a as ShiftTabs,m as defineCustomElement}

package/dist/components/vehicle-accessories.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as d,d as o}from"./p-7d3dd7c2.js";const s=d,p=o;export{s as VehicleAccessories,p as defineCustomElement}
+import{V as s,d as o}from"./p-DsCtgcZn.js";const t=s,p=o;export{t as VehicleAccessories,p as defineCustomElement}

package/dist/components/vehicle-claimable-items.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehicleClaimableItems extends Components.VehicleClaimableItems, HTMLElement {}
+export const VehicleClaimableItems: {
+    prototype: VehicleClaimableItems;
+    new (): VehicleClaimableItems;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-claimable-items.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{V as o,d as s}from"./p-vvHN2Olh.js";const p=o,r=s;export{p as VehicleClaimableItems,r as defineCustomElement}

package/dist/components/vehicle-item-claim-form.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehicleItemClaimForm extends Components.VehicleItemClaimForm, HTMLElement {}
+export const VehicleItemClaimForm: {
+    prototype: VehicleItemClaimForm;
+    new (): VehicleItemClaimForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-item-claim-form.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{V as o,d as s}from"./p-CGzOJT7g.js";const p=o,r=s;export{p as VehicleItemClaimForm,r as defineCustomElement}

package/dist/components/vehicle-lookup.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as i,c as a}from"./p-48a9b8e5.js";import{c as s}from"./p-98d9e7ab.js";import{v as r}from"./p-383b4ddf.js";import{c as o,s as n,g as c,b as l}from"./p-48a28736.js";import{w as d,d as h}from"./p-0aea36b4.js";import{a as p,d as b}from"./p-7d3dd7c2.js";import{a as f,d as w}from"./p-5709db05.js";import{s as g,d as m}from"./p-29a57e34.js";import{p as u,d as y}from"./p-3a216a1c.js";import{a as x,d as v}from"./p-5afcb14f.js";import{d as k}from"./p-ca0bda87.js";import{d as j}from"./p-2c893802.js";const z=o({warranty:d,accessories:p,dynamicClaim:f,specification:g,paintThickness:u,serviceHistory:x}),E="dynamic-claim",L="paint-thickness",S="service-history",O="warranty-details",q="vehicle-accessories",C="vehicle-specification",M=t(class extends e{constructor(){super(),this.__registerHost(),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.childrenProps=void 0,this.errorStateListener=void 0,this.blazorErrorStateListener="",this.loadingStateChanged=void 0,this.blazorOnLoadingStateChange="",this.dynamicClaimActivate=void 0,this.blazorDynamicClaimActivate="",this.wrapperErrorState="",this.blazorRef=void 0,this.sharedLocales=n.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([c(t,"vehicleLookup",z),l(t)]);this.sharedLocales=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("dynamic-claim")[0],e=this.el.getElementsByTagName("service-history")[0],i=this.el.getElementsByTagName("paint-thickness")[0],a=this.el.getElementsByTagName("warranty-details")[0],s=this.el.getElementsByTagName("vehicle-accessories")[0],r=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[E]:t,[S]:e,[O]:a,[L]:i,[q]:s,[C]:r},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))})),t&&this.dynamicClaimActivate&&(t.activate=this.dynamicClaimActivate),t&&(t.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)})}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",this.componentsList[E].headers=e,i)return""==t?this.wrapperErrorState=this.sharedLocales.errors.vinNumberRequired:r(t)?void i.fetchData(t,e):this.wrapperErrorState=this.sharedLocales.errors.invalidVin}render(){const t={[E]:{},[L]:{},[S]:{},[O]:{},[q]:{},[C]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(a,{key:"eb5ac53fbd0bbddc7e9a55df0a6e726c57c1dede"},i("div",{key:"22fa33e7cc0859e80c9d4949c82bf69c88fe68dd",class:s("w-full",{hidden:this.activeElement!==C})},i("vehicle-specification",Object.assign({key:"5ca6572117401d9c67096d35bc689f3f9199e664","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[C]))),i("div",{key:"a7b974e6759b01e9020768070d355e2de1f1c590",class:s("w-full",{hidden:this.activeElement!==q})},i("vehicle-accessories",Object.assign({key:"56d3663fca63a24b43209b67503ef854a9851a98","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[q]))),i("div",{key:"79d86c35bbcd9941519ca16c21f2dba7bf130508",class:s("w-full",{hidden:this.activeElement!==O})},i("warranty-details",Object.assign({key:"336c16e9a7f267030c2f5502e8783ef379e9bff2","show-ssc":"true","show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O]),i("slot",{key:"898c1538c258d74588fa111d2a38264e64447f93"}))),i("div",{key:"5e4f75c5e25065ee989f9fae009f674d6fecf6cd",class:s("w-full",{hidden:this.activeElement!==S})},i("service-history",Object.assign({key:"934dca6023365824b90d00c0ec7c84d08b2df962",language:this.language,"base-url":this.baseUrl,"query-string":this.queryString},t[S]))),i("div",{key:"e91d6328824408465acc7ceffe239dcdbd2867aa",class:s("w-full",{hidden:this.activeElement!==L})},i("paint-thickness",Object.assign({key:"74aa9e64268ca213dcd2b3faf1c854af1fbcdbf7","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[L]))),i("div",{key:"8bf75e91638fab5def1469c09821a2b93640562b",class:s("w-full",{hidden:this.activeElement!==E})},i("dynamic-claim",Object.assign({key:"f3c19b3ad5c114cfc7fd1bd6baa6505dffe8d754"},t[E],{language:this.language,"base-url":this.baseUrl,"query-string":this.queryString}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}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{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}'}},[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],sharedLocales:[32],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function A(){"undefined"!=typeof customElements&&["vehicle-lookup","dynamic-claim","dynamic-redeem","loading-spinner","paint-thickness","service-history","vehicle-accessories","vehicle-specification","warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,M);break;case"dynamic-claim":customElements.get(t)||k();break;case"dynamic-redeem":customElements.get(t)||w();break;case"loading-spinner":customElements.get(t)||j();break;case"paint-thickness":customElements.get(t)||y();break;case"service-history":customElements.get(t)||v();break;case"vehicle-accessories":customElements.get(t)||b();break;case"vehicle-specification":customElements.get(t)||m();break;case"warranty-details":customElements.get(t)||h()}}))}A();const D=M,R=A;export{D as VehicleLookup,R as defineCustomElement}
+import{p as t,H as e,h as i,a as r}from"./index.js";import{v as o}from"./p-CUREVASG.js";import{c as a,s,g as n,a as l}from"./p-JtBlsz4j.js";import{w as c,d as h}from"./p-1vy-Ba6r.js";import{a as d,d as p}from"./p-DsCtgcZn.js";import{s as w,d as b}from"./p-CJpwqpuQ.js";import{p as g,d as f}from"./p-DXj5zsQK.js";import{S as v,d as u}from"./p-CUqXnLyM.js";import{c as m,d as x}from"./p-CGzOJT7g.js";import{V as y}from"./p-C1F_f1WE.js";import{d as k}from"./p-CqGVdvFp.js";import{d as z}from"./p-CINfIgzX.js";import{d as j}from"./p-D2bxjSGr.js";import{d as E}from"./p-BDkK65_1.js";import{d as O}from"./p-DxjQlmaz.js";import{d as L}from"./p-vvHN2Olh.js";const C=a({warranty:c,accessories:d,specification:w,claimableItems:m,paintThickness:g,serviceHistory:v}),S={vehicleAccessories:"vehicle-accessories",vehicleSpecification:"vehicle-specification",vehiclePaintThickness:"vehicle-paint-thickness",vehicleServiceHistory:"vehicle-service-history",vehicleClaimableItems:"vehicle-claimable-items",vehicleWarrantyDetails:"vehicle-warranty-details"},D=t(class extends e{constructor(){super(),this.__registerHost(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.blazorDynamicClaimActivate="",this.wrapperErrorState="",this.currentVin="",this.isError=!1,this.isLoading=!1,this.sharedLocales=s.getDefault(),this.syncErrorAcrossComponents=t=>{this.isError=!0,this.errorKey=t,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.isLoading=t,this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"vehicleLookup",C),l(t)]);this.sharedLocales=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("vehicle-accessories")[0],e=this.el.getElementsByTagName("vehicle-claimable-items")[0],i=this.el.getElementsByTagName("vehicle-service-history")[0],r=this.el.getElementsByTagName("vehicle-warranty-details")[0],o=this.el.getElementsByTagName("vehicle-paint-thickness")[0],a=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[S.vehicleClaimableItems]:e,[S.vehicleServiceHistory]:i,[S.vehicleWarrantyDetails]:r,[S.vehicleAccessories]:t,[S.vehiclePaintThickness]:o,[S.vehicleSpecification]:a},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))})),e&&this.dynamicClaimActivate&&(e.activate=this.dynamicClaimActivate),e&&(e.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)})}handleLoadData(t,e){this.isError=!1,this.currentVin=t.vin||"",Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",this.componentsList[S.vehicleClaimableItems].headers=e,i)return""==t?this.wrapperErrorState=this.sharedLocales.errors.vinNumberRequired:o(t)?void i.fetchData(t,e):this.wrapperErrorState=this.sharedLocales.errors.invalidVin}render(){const t={[S.vehicleAccessories]:{},[S.vehicleSpecification]:{},[S.vehicleClaimableItems]:{},[S.vehiclePaintThickness]:{},[S.vehicleServiceHistory]:{},[S.vehicleWarrantyDetails]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}if(!Object.values(S).includes(this.activeElement))return i("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const e={"vehicle-specification":i("vehicle-specification",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[S.vehicleSpecification])),"vehicle-accessories":i("vehicle-accessories",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[S.vehicleAccessories])),"vehicle-warranty-details":i("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":"true",isDev:this.isDev,"show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[S.vehicleWarrantyDetails]),i("slot",null)),"vehicle-service-history":i("vehicle-service-history",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[S.vehicleServiceHistory])),"vehicle-paint-thickness":i("vehicle-paint-thickness",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[S.vehiclePaintThickness])),"vehicle-claimable-items":i("vehicle-claimable-items",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[S.vehicleClaimableItems]))};return i(r,null,i(y,{vin:this.currentVin,isError:this.isError,isLoading:this.isLoading,direction:this.sharedLocales.direction,errorMessage:this.sharedLocales.errors[this.errorKey]||this.sharedLocales.errors.wildCard},i("shift-tab-content",{components:e,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'@tailwind base;@tailwind utilities;@tailwind components;*,: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}.invisible{visibility:hidden}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.h-\\[54px\\]{height:54px}.origin-left{transform-origin:left}.scale-\\[1\\.5\\]{--tw-scale-x:1.5;--tw-scale-y:1.5;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-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.\\!rounded-\\[4px\\]{border-radius:4px!important}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ededed\\]{--tw-border-opacity:1;border-color:rgb(237 237 237/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-\\[\\#fdfdfd\\]{--tw-bg-opacity:1;background-color:rgb(253 253 253/var(--tw-bg-opacity,1))}.p-0{padding:0}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\\[inset_0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.05\\)\\2c 0_1px_0_rgba\\(255\\2c 255\\2c 255\\2c 0\\.1\\)\\]{--tw-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);--tw-shadow-colored:inset 0 1px 3px var(--tw-shadow-color),0 1px 0 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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\\[0\\.4s\\]{transition-duration:.4s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.vehicle-info-container{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);--tw-shadow-colored:inset 0 1px 3px var(--tw-shadow-color),0 1px 0 var(--tw-shadow-color);background-color:rgb(253 253 253/var(--tw-bg-opacity,1));border-color:rgb(220 220 220/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden;padding:0;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vehicle-info-content{transition-duration:.3s;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);width:100%}.vehicle-info-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));border-color:rgb(237 237 237/var(--tw-border-opacity,1));border-width:1px;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.15s;transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vehicle-info-header-vin span{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.loading .vehicle-info-header-vin{--tw-scale-x:1.5;--tw-scale-y:1.5;opacity: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));visibility:hidden}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;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))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}:host{display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-40{z-index:40}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.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}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.-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}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.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)}.delay-200{transition-delay:.2s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}'}},[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,"error-state-listener"],blazorErrorStateListener:[1,"blazor-error-state-listener"],loadingStateChanged:[16,"loading-state-changed"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],dynamicClaimActivate:[16,"dynamic-claim-activate"],blazorDynamicClaimActivate:[1,"blazor-dynamic-claim-activate"],errorKey:[32],wrapperErrorState:[32],currentVin:[32],isError:[32],isLoading:[32],blazorRef:[32],sharedLocales:[32],handleLoadData:[64],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function q(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","loading-spinner","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-service-history","vehicle-specification","vehicle-warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,D);break;case"flexible-container":customElements.get(t)||k();break;case"information-table":customElements.get(t)||z();break;case"loading-spinner":customElements.get(t)||j();break;case"shift-tab-content":customElements.get(t)||E();break;case"shift-tabs":customElements.get(t)||O();break;case"vehicle-accessories":customElements.get(t)||p();break;case"vehicle-claimable-items":customElements.get(t)||L();break;case"vehicle-item-claim-form":customElements.get(t)||x();break;case"vehicle-paint-thickness":customElements.get(t)||f();break;case"vehicle-service-history":customElements.get(t)||u();break;case"vehicle-specification":customElements.get(t)||b();break;case"vehicle-warranty-details":customElements.get(t)||h()}}))}q();const X=D,_=q;export{X as VehicleLookup,_ as defineCustomElement}

package/dist/components/vehicle-paint-thickness.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehiclePaintThickness extends Components.VehiclePaintThickness, HTMLElement {}
+export const VehiclePaintThickness: {
+    prototype: VehiclePaintThickness;
+    new (): VehiclePaintThickness;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-paint-thickness.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{V as s,d as o}from"./p-DXj5zsQK.js";const p=s,r=o;export{p as VehiclePaintThickness,r as defineCustomElement}

package/dist/components/vehicle-service-history.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehicleServiceHistory extends Components.VehicleServiceHistory, HTMLElement {}
+export const VehicleServiceHistory: {
+    prototype: VehicleServiceHistory;
+    new (): VehicleServiceHistory;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-service-history.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{V as o,d as s}from"./p-CUqXnLyM.js";const p=o,r=s;export{p as VehicleServiceHistory,r as defineCustomElement}

package/dist/components/vehicle-specification.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as o,d as s}from"./p-29a57e34.js";const a=o,p=s;export{a as VehicleSpecification,p as defineCustomElement}
+import{V as p,d as o}from"./p-CJpwqpuQ.js";const s=p,r=o;export{s as VehicleSpecification,r as defineCustomElement}

package/dist/components/vehicle-warranty-details.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehicleWarrantyDetails extends Components.VehicleWarrantyDetails, HTMLElement {}
+export const VehicleWarrantyDetails: {
+    prototype: VehicleWarrantyDetails;
+    new (): VehicleWarrantyDetails;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-warranty-details.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{V as o,d as r}from"./p-1vy-Ba6r.js";const s=o,a=r;export{s as VehicleWarrantyDetails,a as defineCustomElement}