adp-web-components 0.4.1 → 0.4.2

package/dist/components/vehicle-lookup.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as e,H as i,h as o,a as r}from"./index.js";import{g as a}from"./p-BmqqvfSO.js";import{c as s,s as n}from"./p-YQJevg3-.js";import{s as l,d as c}from"./p-CGuZmJQb.js";import{a as h,d}from"./p-D8f7alDh.js";import{s as p,d as b}from"./p-CP0ARfFD.js";import{p as w,d as u}from"./p-BGkXfkCv.js";import{S as v,d as m}from"./p-CGrk6CsB.js";import{c as f,d as g}from"./p-Wj1ZYmiQ.js";import{V as y}from"./p-d7wdNFwt.js";import{a as x,g as k}from"./p-M-Eh9oXr.js";import{d as j}from"./p-EdmsQERC.js";import{d as z}from"./p-CGg_zTw_.js";import{d as E}from"./p-DkPiQv-q.js";import{d as O}from"./p-ziEMlegx.js";import{d as V}from"./p-alNayf2Z.js";import{d as D}from"./p-M8EGY8dT.js";import{d as C}from"./p-SFsQZegW.js";const q=s({ssc:l,accessories:h,specification:p,claimableItems:f,paintThickness:w,serviceHistory:v}),L={vehicleAccessories:"vehicle-accessories",vehicleSpecification:"vehicle-specification",vehiclePaintThickness:"vehicle-paint-thickness",vehicleServiceHistory:"vehicle-service-history",vehicleClaimableItems:"vehicle-claimable-items",vehicleSaleInformation:"vehicle-sale-information",vehicleWarrantyTimeline:"vehicle-warranty-timeline",vehicleSsc:"vehicle-ssc"},S=t=>!!t&&"object"==typeof t&&Object.keys(t).length>0,M=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=n.getDefault(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.mockUrl="",this.mockRecaptcha=!1,this.disableVinValidation=!1,this.queryString="",this.sscQueryString="",this.hiddenTabs="",this.blazorRequestHeadersProvider="",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.blazorDynamicClaimActivate="",this.currentVin="",this.isError=!1,this.isLoading=!1,this.searchGeneration=0,this.syncErrorAcrossComponents=t=>{var e,i;this.isError=!0,this.errorMessage=(null===(i=null===(e=this.locale)||void 0===e?void 0:e.errors)||void 0===i?void 0:i[t])||this.locale.errors.wildCard,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.resolveRequestHeaders=async()=>this.requestHeadersProvider?await this.requestHeadersProvider():this.blazorRef&&this.blazorRequestHeadersProvider?await this.blazorRef.invokeMethodAsync(this.blazorRequestHeadersProvider):this.lastRequestHeaders,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([x(t,"vehicleLookup",q),k(t)]);this.locale=e[1]}async componentDidLoad(){const t=this.el.shadowRoot.getElementById("vehicle-accessories"),e=this.el.shadowRoot.getElementById("vehicle-claimable-items"),i=this.el.shadowRoot.getElementById("vehicle-service-history"),o=this.el.shadowRoot.getElementById("vehicle-warranty-timeline"),r=this.el.shadowRoot.getElementById("vehicle-paint-thickness"),a=this.el.shadowRoot.getElementById("vehicle-specification"),s=this.el.shadowRoot.getElementById("vehicle-sale-information"),n=this.el.shadowRoot.getElementById("vehicle-ssc");this.componentsList={[L.vehicleClaimableItems]:e,[L.vehicleServiceHistory]:i,[L.vehicleWarrantyTimeline]:o,[L.vehicleAccessories]:t,[L.vehiclePaintThickness]:r,[L.vehicleSpecification]:a,[L.vehicleSaleInformation]:s,[L.vehicleSsc]:n},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t),t.requestHeadersProvider=this.resolveRequestHeaders)})),e&&this.dynamicClaimActivate&&(e.activate=this.dynamicClaimActivate),e&&(e.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)}),this.isDev&&await this.loadMockData()}async onIsDevChange(t){t&&await this.loadMockData()}async loadMockData(){if(!this.componentsList)return;const t=await a("vehicle-lookup",this.mockUrl);Object.values(this.componentsList).forEach((e=>{e&&e.setMockData(t)}))}async handleLoadData(t,e){const i=this.searchGeneration;if(this.isError=!1,this.errorMessage="",this.currentVin=t.vin||"",i!==this.searchGeneration)return;const o=this.sscQueryString&&this.componentsList[L.vehicleSsc]||null,r=o&&null!==e&&e!==o;Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&(r&&i===o?i.skipLookup(t.vin||""):i.fetchVin(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,o=S(e)?e:await this.resolveRequestHeaders();S(o)&&(this.lastRequestHeaders=o),i&&(this.searchGeneration++,i.fetchVin(t,o||{}))}render(){var t;const e={[L.vehicleAccessories]:{},[L.vehicleSpecification]:{},[L.vehicleClaimableItems]:{},[L.vehiclePaintThickness]:{},[L.vehicleServiceHistory]:{},[L.vehicleWarrantyTimeline]:{},[L.vehicleSaleInformation]:{},[L.vehicleSsc]:{}};try{if(this.childrenProps){let t={};"string"==typeof this.childrenProps?t=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(t=this.childrenProps),Object.keys(e).forEach((i=>{"object"==typeof t[i]&&(e[i]=t[i])}))}}catch(t){console.error(t)}const i=new Set(this.hiddenTabs.split(",").map((t=>t.trim())).filter(Boolean));if(!Object.values(L).includes(this.activeElement)||i.has(this.activeElement))return o("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const a={"vehicle-specification":o("vehicle-specification",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehicleSpecification},e[L.vehicleSpecification])),"vehicle-accessories":o("vehicle-accessories",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehicleAccessories},e[L.vehicleAccessories])),"vehicle-sale-information":o("vehicle-sale-information",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehicleSaleInformation},e[L.vehicleSaleInformation])),"vehicle-warranty-timeline":o("vehicle-warranty-timeline",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehicleWarrantyTimeline},e[L.vehicleWarrantyTimeline])),"vehicle-ssc":o("vehicle-ssc",Object.assign({coreOnly:!0,isDev:this.isDev,mockRecaptcha:this.mockRecaptcha,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,"lookup-query-string":this.sscQueryString,id:L.vehicleSsc},e[L.vehicleSsc])),"vehicle-service-history":o("vehicle-service-history",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehicleServiceHistory},e[L.vehicleServiceHistory])),"vehicle-paint-thickness":o("vehicle-paint-thickness",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehiclePaintThickness},e[L.vehiclePaintThickness])),"vehicle-claimable-items":o("vehicle-claimable-items",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:L.vehicleClaimableItems},e[L.vehicleClaimableItems]))},s=Object.fromEntries(Object.entries(a).filter((([t])=>!i.has(t)))),n=e[L.vehicleClaimableItems],l=!(this.activeElement!==L.vehicleClaimableItems||!(null!==(t=null==n?void 0:n.showTrace)&&void 0!==t?t:null==n?void 0:n["show-trace"])||!this.currentVin||this.isError||this.isLoading);return o(r,{translate:"no"},o(y,{isError:this.isError,header:this.currentVin,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.errorMessage||this.locale.errors.wildCard,headerRight:l?o("button",{type:"button",class:"trace-trigger-button",title:"View Lookup Trace","aria-label":"View Lookup Trace",onClick:()=>{var t,e;return null===(e=null===(t=this.componentsList)||void 0===t?void 0:t[L.vehicleClaimableItems])||void 0===e?void 0:e.openTrace()}},o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("circle",{cx:"6",cy:"19",r:"3"}),o("path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"}),o("circle",{cx:"18",cy:"5",r:"3"}))):null},o("shift-tab-content",{components:s,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],errorMessage:[{errorListener:0}]}}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;}: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}.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}.hidden{display:none}.size-\\[32px\\]{height:32px;width:32px}.origin-left{transform-origin:left}.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}.items-center{align-items:center}.justify-center{justify-content:center}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\\[\\#e0c97a\\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.text-\\[\\#c08a0e\\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;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:inherit!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}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-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:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.part-lookup,.part-lookup *{font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;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:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.hover\\:border-\\[\\#c08a0e\\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\\:bg-\\[\\#fcf8e3\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\\:text-\\[\\#8a6d3b\\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.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))}.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)}.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)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.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}}'}},[1,"vehicle-lookup",{language:[1],activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],mockUrl:[1,"mock-url"],mockRecaptcha:[4,"mock-recaptcha"],disableVinValidation:[4,"disable-vin-validation"],queryString:[1,"query-string"],sscQueryString:[1,"ssc-query-string"],hiddenTabs:[1,"hidden-tabs"],childrenProps:[1,"children-props"],requestHeadersProvider:[16],blazorRequestHeadersProvider:[1,"blazor-request-headers-provider"],blazorErrorStateListener:[1,"blazor-error-state-listener"],errorStateListener:[16],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],loadingStateChanged:[16],dynamicClaimActivate:[16],blazorDynamicClaimActivate:[1,"blazor-dynamic-claim-activate"],locale:[32],errorMessage:[32],currentVin:[32],isError:[32],isLoading:[32],blazorRef:[32],handleLoadData:[64],setBlazorRef:[64],fetchVin:[64]},void 0,{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],errorMessage:[{errorListener:0}]}]);function R(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-sale-information","vehicle-service-history","vehicle-specification","vehicle-ssc","vehicle-warranty-timeline"].forEach((e=>{switch(e){case"vehicle-lookup":customElements.get(t(e))||customElements.define(t(e),M);break;case"flexible-container":customElements.get(t(e))||j();break;case"information-table":customElements.get(t(e))||z();break;case"shift-tab-content":customElements.get(t(e))||E();break;case"shift-tabs":customElements.get(t(e))||O();break;case"vehicle-accessories":customElements.get(t(e))||d();break;case"vehicle-claimable-items":customElements.get(t(e))||g();break;case"vehicle-item-claim-form":customElements.get(t(e))||V();break;case"vehicle-paint-thickness":customElements.get(t(e))||u();break;case"vehicle-sale-information":customElements.get(t(e))||D();break;case"vehicle-service-history":customElements.get(t(e))||m();break;case"vehicle-specification":customElements.get(t(e))||b();break;case"vehicle-ssc":customElements.get(t(e))||c();break;case"vehicle-warranty-timeline":customElements.get(t(e))||C()}}))}R();const Y=M,A=R;export{Y as VehicleLookup,A as defineCustomElement}
+import{t,p as e,H as i,h as a,a as o}from"./index.js";import{g as r}from"./p-CJkthPWR.js";import{c as s,s as n}from"./p-YQJevg3-.js";import{s as l,d as c}from"./p-DNpppK6M.js";import{a as p,d}from"./p-BjDxP9Ar.js";import{s as h,d as w}from"./p-DJr19tRD.js";import{p as b,d as g}from"./p-C3gFyogx.js";import{S as x,d as v}from"./p-RKSY-Miv.js";import{c as m,d as f}from"./p-CQ0f2MVb.js";import{V as u}from"./p-De3WmHLm.js";import{a as y,g as k}from"./p-DRtn1_4P.js";import{d as j}from"./p-BcgJGb3U.js";import{d as z}from"./p-Cuy8EM9Y.js";import{d as D}from"./p-Ty1rh9Up.js";import{d as O}from"./p-mZnLUhNr.js";import{d as V}from"./p-DqCIuURq.js";import{d as E}from"./p-B3ztFt72.js";import{d as L}from"./p-B4PUnAtc.js";const C=s({ssc:l,accessories:p,specification:h,claimableItems:m,paintThickness:b,serviceHistory:x}),Y={vehicleAccessories:"vehicle-accessories",vehicleSpecification:"vehicle-specification",vehiclePaintThickness:"vehicle-paint-thickness",vehicleServiceHistory:"vehicle-service-history",vehicleClaimableItems:"vehicle-claimable-items",vehicleSaleInformation:"vehicle-sale-information",vehicleWarrantyTimeline:"vehicle-warranty-timeline",vehicleSsc:"vehicle-ssc"},q=t=>!!t&&"object"==typeof t&&Object.keys(t).length>0,S=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=n.getDefault(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.mockUrl="",this.mockRecaptcha=!1,this.disableVinValidation=!1,this.queryString="",this.sscQueryString="",this.hiddenTabs="",this.blazorRequestHeadersProvider="",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.blazorDynamicClaimActivate="",this.currentVin="",this.isError=!1,this.isLoading=!1,this.searchGeneration=0,this.syncErrorAcrossComponents=t=>{var e,i;this.isError=!0,this.errorMessage=(null===(i=null===(e=this.locale)||void 0===e?void 0:e.errors)||void 0===i?void 0:i[t])||this.locale.errors.wildCard,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.resolveRequestHeaders=async()=>this.requestHeadersProvider?await this.requestHeadersProvider():this.blazorRef&&this.blazorRequestHeadersProvider?await this.blazorRef.invokeMethodAsync(this.blazorRequestHeadersProvider):this.lastRequestHeaders,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([y(t,"vehicleLookup",C),k(t)]);this.locale=e[1]}async componentDidLoad(){const t=this.el.shadowRoot.getElementById("vehicle-accessories"),e=this.el.shadowRoot.getElementById("vehicle-claimable-items"),i=this.el.shadowRoot.getElementById("vehicle-service-history"),a=this.el.shadowRoot.getElementById("vehicle-warranty-timeline"),o=this.el.shadowRoot.getElementById("vehicle-paint-thickness"),r=this.el.shadowRoot.getElementById("vehicle-specification"),s=this.el.shadowRoot.getElementById("vehicle-sale-information"),n=this.el.shadowRoot.getElementById("vehicle-ssc");this.componentsList={[Y.vehicleClaimableItems]:e,[Y.vehicleServiceHistory]:i,[Y.vehicleWarrantyTimeline]:a,[Y.vehicleAccessories]:t,[Y.vehiclePaintThickness]:o,[Y.vehicleSpecification]:r,[Y.vehicleSaleInformation]:s,[Y.vehicleSsc]:n},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t),t.requestHeadersProvider=this.resolveRequestHeaders)})),e&&this.dynamicClaimActivate&&(e.activate=this.dynamicClaimActivate),e&&(e.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)}),this.isDev&&await this.loadMockData()}async onIsDevChange(t){t&&await this.loadMockData()}async loadMockData(){if(!this.componentsList)return;const t=await r("vehicle-lookup",this.mockUrl);await this.setMockData(t)}async setMockData(t){this.componentsList&&await Promise.all(Object.values(this.componentsList).map((e=>null==e?void 0:e.setMockData(t))))}async handleLoadData(t,e){const i=this.searchGeneration;if(this.isError=!1,this.errorMessage="",this.currentVin=t.vin||"",i!==this.searchGeneration)return;const a=this.sscQueryString&&this.componentsList[Y.vehicleSsc]||null,o=a&&null!==e&&e!==a;Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&(o&&i===a?i.skipLookup(t.vin||""):i.fetchVin(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,a=q(e)?e:await this.resolveRequestHeaders();q(a)&&(this.lastRequestHeaders=a),i&&(this.searchGeneration++,i.fetchVin(t,a||{}))}render(){var t;const e={[Y.vehicleAccessories]:{},[Y.vehicleSpecification]:{},[Y.vehicleClaimableItems]:{},[Y.vehiclePaintThickness]:{},[Y.vehicleServiceHistory]:{},[Y.vehicleWarrantyTimeline]:{},[Y.vehicleSaleInformation]:{},[Y.vehicleSsc]:{}};try{if(this.childrenProps){let t={};"string"==typeof this.childrenProps?t=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(t=this.childrenProps),Object.keys(e).forEach((i=>{"object"==typeof t[i]&&(e[i]=t[i])}))}}catch(t){console.error(t)}const i=new Set(this.hiddenTabs.split(",").map((t=>t.trim())).filter(Boolean));if(!Object.values(Y).includes(this.activeElement)||i.has(this.activeElement))return a("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const r={"vehicle-specification":a("vehicle-specification",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehicleSpecification},e[Y.vehicleSpecification])),"vehicle-accessories":a("vehicle-accessories",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehicleAccessories},e[Y.vehicleAccessories])),"vehicle-sale-information":a("vehicle-sale-information",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehicleSaleInformation},e[Y.vehicleSaleInformation])),"vehicle-warranty-timeline":a("vehicle-warranty-timeline",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehicleWarrantyTimeline},e[Y.vehicleWarrantyTimeline])),"vehicle-ssc":a("vehicle-ssc",Object.assign({coreOnly:!0,isDev:this.isDev,mockRecaptcha:this.mockRecaptcha,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,"lookup-query-string":this.sscQueryString,id:Y.vehicleSsc},e[Y.vehicleSsc])),"vehicle-service-history":a("vehicle-service-history",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehicleServiceHistory},e[Y.vehicleServiceHistory])),"vehicle-paint-thickness":a("vehicle-paint-thickness",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehiclePaintThickness},e[Y.vehiclePaintThickness])),"vehicle-claimable-items":a("vehicle-claimable-items",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,today:this.today,language:this.language,"query-string":this.queryString,id:Y.vehicleClaimableItems},e[Y.vehicleClaimableItems]))},s=Object.fromEntries(Object.entries(r).filter((([t])=>!i.has(t)))),n=e[Y.vehicleClaimableItems],l=!(this.activeElement!==Y.vehicleClaimableItems||!(null!==(t=null==n?void 0:n.showTrace)&&void 0!==t?t:null==n?void 0:n["show-trace"])||!this.currentVin||this.isError||this.isLoading);return a(o,{translate:"no"},a(u,{isError:this.isError,header:this.currentVin,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.errorMessage||this.locale.errors.wildCard,headerRight:l?a("button",{type:"button",class:"trace-trigger-button",title:"View Lookup Trace","aria-label":"View Lookup Trace",onClick:()=>{var t,e;return null===(e=null===(t=this.componentsList)||void 0===t?void 0:t[Y.vehicleClaimableItems])||void 0===e?void 0:e.openTrace()}},a("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},a("circle",{cx:"6",cy:"19",r:"3"}),a("path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"}),a("circle",{cx:"18",cy:"5",r:"3"}))):null},a("shift-tab-content",{components:s,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],errorMessage:[{errorListener:0}]}}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;}: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}.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}.hidden{display:none}.size-\\[32px\\]{height:32px;width:32px}.origin-left{transform-origin:left}.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}.items-center{align-items:center}.justify-center{justify-content:center}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\\[\\#e0c97a\\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.text-\\[\\#c08a0e\\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;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:inherit!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}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-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:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.part-lookup,.part-lookup *{font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;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:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.hover\\:border-\\[\\#c08a0e\\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\\:bg-\\[\\#fcf8e3\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\\:text-\\[\\#8a6d3b\\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.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))}.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)}.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)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.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-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--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)}.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-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;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))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-auto{pointer-events:auto}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.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}}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.grid{display:grid}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.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-\\[-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}.scale-100,.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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}'}},[1,"vehicle-lookup",{language:[1],activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],today:[1],mockUrl:[1,"mock-url"],mockRecaptcha:[4,"mock-recaptcha"],disableVinValidation:[4,"disable-vin-validation"],queryString:[1,"query-string"],sscQueryString:[1,"ssc-query-string"],hiddenTabs:[1,"hidden-tabs"],childrenProps:[1,"children-props"],requestHeadersProvider:[16],blazorRequestHeadersProvider:[1,"blazor-request-headers-provider"],blazorErrorStateListener:[1,"blazor-error-state-listener"],errorStateListener:[16],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],loadingStateChanged:[16],dynamicClaimActivate:[16],blazorDynamicClaimActivate:[1,"blazor-dynamic-claim-activate"],locale:[32],errorMessage:[32],currentVin:[32],isError:[32],isLoading:[32],blazorRef:[32],setMockData:[64],handleLoadData:[64],setBlazorRef:[64],fetchVin:[64]},void 0,{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],errorMessage:[{errorListener:0}]}]);function M(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-sale-information","vehicle-service-history","vehicle-specification","vehicle-ssc","vehicle-warranty-timeline"].forEach((e=>{switch(e){case"vehicle-lookup":customElements.get(t(e))||customElements.define(t(e),S);break;case"flexible-container":customElements.get(t(e))||j();break;case"information-table":customElements.get(t(e))||z();break;case"shift-tab-content":customElements.get(t(e))||D();break;case"shift-tabs":customElements.get(t(e))||O();break;case"vehicle-accessories":customElements.get(t(e))||d();break;case"vehicle-claimable-items":customElements.get(t(e))||f();break;case"vehicle-item-claim-form":customElements.get(t(e))||V();break;case"vehicle-paint-thickness":customElements.get(t(e))||g();break;case"vehicle-sale-information":customElements.get(t(e))||E();break;case"vehicle-service-history":customElements.get(t(e))||v();break;case"vehicle-specification":customElements.get(t(e))||w();break;case"vehicle-ssc":customElements.get(t(e))||c();break;case"vehicle-warranty-timeline":customElements.get(t(e))||L()}}))}M();const X=S,R=M;export{X as VehicleLookup,R as defineCustomElement}

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

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

package/dist/components/vehicle-quotation-form.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as e,t,p as i,H as o,a}from"./index.js";import{L as r}from"./p-5NIYyHI-.js";import{c as l}from"./p-BK16Cn81.js";import{c as n,b as s,e as c}from"./p-YQJevg3-.js";import{a as d,b as u,c as h,d as m,g as p,r as f,e as v,h as b,i as g,j as w}from"./p-Ju9wl6f3.js";import{g as y}from"./p-DQopO8HS.js";import{d as x}from"./p-EdmsQERC.js";import{d as k}from"./p-Cy8khSKP.js";import{d as j}from"./p-DUf2UXLh.js";import{d as O}from"./p-CK4mf-4k.js";import{d as C}from"./p-BlpEaYNy.js";import{d as E}from"./p-ChBR-zl5.js";import{d as L}from"./p-B4vHwF1I.js";import{d as V}from"./p-DBaY1d1H.js";import{d as z}from"./p-BYRlvNii.js";import{d as T}from"./p-C_JD7r43.js";import{d as q}from"./p-C2Rek_O6.js";import{d as M}from"./p-D1uN8yoZ.js";const F={};let R="";const S=({form:t})=>{var i,o,a,n;t.addWatcher("vehicle");let s=t.getValue("vehicle");const c=!!s,d=null===(i=t.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===s));let u;d?(u=null===(o=null==d?void 0:d.meta)||void 0===o?void 0:o.image,s=d.value):t.context.vehicleList&&t.context.vehicleList[0]&&(u=null===(n=null===(a=t.context.vehicleList[0])||void 0===a?void 0:a.meta)||void 0===n?void 0:n.image,s=t.context.vehicleList[0].value);let h=!1;return F[s]?R=F[s]:t&&u&&s&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const o=new FileReader;o.onloadend=()=>{F[i]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(t)})).catch((e=>{console.log(e)}))})(t,u,s),h=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:l("vehicle-image-wrapper",{loading:h})},e("div",{part:l("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h}),class:"loading-wrapper"},e(r,{part:"vehicle-image-loader-icon",class:"img"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:R,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},D={submit:({props:t})=>e("form-submit",Object.assign({},t)),name:({props:t})=>e("form-input",Object.assign({},t)),phone:({props:t,isLoading:i})=>e("form-phone-number",Object.assign({isLoading:i},t)),vehicle:({form:t,language:i,props:o})=>{var a,r;let l;return l=o.defaultValue?o.defaultValue:new URLSearchParams(window.location.search).get(null===(r=null===(a=t.context.structure)||void 0===a?void 0:a.data)||void 0===r?void 0:r.vehicleIdQueryParam),e("form-select",Object.assign({},o,{defaultValue:l,searchable:!0,fetcher:async({signal:e})=>{var o,a,r,l;const n=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.vehicleApi,s=await fetch(n,{signal:e,headers:{"Accept-Language":i}});return(null===(l=null===(r=t.context.structure)||void 0===r?void 0:r.data)||void 0===l?void 0:l.vehiclesApiStrapiFormat)?(await s.json()).data.map((e=>{var t,i,o,a,r,l;return{label:(null==e?void 0:e.GradeName)||(null===(t=null==e?void 0:e.attributes)||void 0===t?void 0:t.GradeName),value:""+e.id,meta:Object.assign(Object.assign({},e),{image:(null===(i=null==e?void 0:e.Cover)||void 0===i?void 0:i.url)||(null===(l=null===(r=null===(a=null===(o=null==e?void 0:e.attributes)||void 0===o?void 0:o.Cover)||void 0===a?void 0:a.data)||void 0===r?void 0:r.attributes)||void 0===l?void 0:l.url)})}})):(await s.json()).map((e=>({label:e.Title,value:""+e.ID,meta:Object.assign(Object.assign({},e),{image:e.Image})})))},language:i}))},dealer:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.dealerApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i})),paymentType:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Cash",label:null==o?void 0:o.Cash},{value:"Installments",label:o.Installments},{value:"Flexible",label:o.Flexible}],language:t})),contactTime:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Morning",label:null==o?void 0:o.Morning},{value:"Noon",label:null==o?void 0:o.Noon},{value:"Afternoon",label:null==o?void 0:o.Afternoon}],language:t})),ownVehicle:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{fetcher:async({})=>[{value:"yes",label:null==o?void 0:o.Yes},{value:"no",label:null==o?void 0:o.No}],language:t})),currentVehicleBrand:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle");const r="yes"===t.getValue("ownVehicle");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({signal:e})=>{var i,o;const r=null===(o=null===(i=t.context.structure)||void 0===i?void 0:i.data)||void 0===o?void 0:o.currentVehiclesApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":"en"}});return[...(await l.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)}))),{value:"Other",label:a.Other}]},language:i,resetKey:r,isRequired:r,isDisabled:!r}))},currentVehicleModel:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle"),t.addWatcher("currentVehicleBrand");const r="yes"===t.getValue("ownVehicle"),l=t.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,i;if(!l)return[];const o=null===(i=null===(e=t.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===l)))||void 0===i?void 0:i.meta;return o?[...o.Models.map((e=>({label:e.Name,value:""+e.ID}))),{value:"Other",label:a.Other}]:[]},language:i,resetKey:l,fetcherKey:l,isRequired:r&&"Other"!==l,isDisabled:!l||"Other"===l}))},vehicleImage:({form:t})=>e(S,{form:t}),choose:({locale:t})=>e("h1",{part:"section-title"},t.Choose),"current car":({locale:t})=>e("h1",{part:"section-title"},t["Your current car"]),"contact information":({locale:t})=>e("h1",{part:"section-title"},t["Contact Information"]),city:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.cityApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i}))},B=n({vehicle:s().meta({label:"Vehicle",placeholder:"Please select a Vehicle"}).required("This field is required."),name:s().meta({label:"Full name",placeholder:"Full name"}).required("Full name is required").min(3,"Full name minimum"),dealer:s().meta({label:"Dealer",placeholder:"Select a dealer"}).required("Dealer is required"),city:s().meta({label:"City",placeholder:"Select a City"}).required("This field is required."),paymentType:s().meta({label:"Preferred purchasing method",placeholder:"Select the purchasing method"}).when("$paymentTypeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),contactTime:s().meta({label:"Preferred contact time",placeholder:"Please select a time"}).when("$contactTimeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),ownVehicle:s().meta({label:"Do you own a vehicle?",placeholder:"Do you own a vehicle?"}).when("$ownVehicleRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),currentVehicleBrand:s().meta({label:"Your current vehicle",placeholder:"Your current vehicle"}).when("ownVehicle",{is:e=>"yes"===e,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()}),currentVehicleModel:s().meta({label:"Vehicle Model",placeholder:"Vehicle Model"}).when(["ownVehicle","currentVehicleBrand"],{is:(e,t)=>"yes"===e&&"Other"!==t,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()})}),I=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:c.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(e){await d(this,e)}setIsLoading(e){u(this,e)}setErrorCallback(e){h(this,e)}setSuccessCallback(e){m(this,e)}async componentWillLoad(){this.language||(this.language=y())}async formSubmit(e){var t,i,o,a,r,l,n,s,c,d,u,h,m,v,b,g,w,y,x,k,j,O,C,E,L,V,z;try{this.setIsLoading(!0);const T=null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.nameContactedVehicles,q=p(this.structure);let M=Object.assign({name:e.name,phone:e.phone,companyBranchId:e.dealer,cityId:null==e?void 0:e.city,vehicleQuotationType:null===(a=null===(o=this.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.quotationType,preferredContactTime:(null==e?void 0:e.contactTime)||"NotSpecified",preferredPaymentMethod:(null==e?void 0:e.paymentType)||"Flexible"},q);if(T){if(M.vehicle=(null===(r=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===r?void 0:r.label)||"","yes"===(null==e?void 0:e.ownVehicle)){const t=(null===(l=this.currentVehicleBrandList.find((t=>t.value===e.currentVehicleBrand)))||void 0===l?void 0:l.meta)||!1;let i;t&&(i=t.Models.find((t=>""+t.ID===e.currentVehicleModel))||!1),M.currentOrTradeInVehicle=`${(null==t?void 0:t.Name)||this.locale.Other} - ${(null==i?void 0:i.Name)||this.locale.Other}`}}else M.vehicle=e.vehicle,M.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(M.additionalData.yourCurrentVehicle=(null==e?void 0:e.currentVehicleBrand)||this.locale.Other,M.additionalData.vehicleModel=(null==e?void 0:e.currentVehicleModel)||this.locale.Other);const F={Brand:null===(s=null===(n=this.structure)||void 0===n?void 0:n.data)||void 0===s?void 0:s.brandId,"Accept-Language":this.localeLanguage||"en","Content-Type":"application/json"};let R="";if(f(this.structure,this.isMobileForm)){const e=await this.getMobileToken();e.toLowerCase().startsWith("bearer")?(F.Authorization=e,R=null===(d=null===(c=this.structure)||void 0===c?void 0:c.data)||void 0===d?void 0:d.requestAppUrl):(F["verification-token"]=e,R=null===(h=null===(u=this.structure)||void 0===u?void 0:u.data)||void 0===h?void 0:h.requestAppCheckUrl)}else{R=null===(v=null===(m=this.structure)||void 0===m?void 0:m.data)||void 0===v?void 0:v.requestUrl;const e=await grecaptcha.execute(null===(g=null===(b=this.structure)||void 0===b?void 0:b.data)||void 0===g?void 0:g.recaptchaKey,{action:"submit"});F["Recaptcha-Token"]=e}this.isDev&&(R=R.replaceAll("production=true","production=false")),(null===(y=null===(w=this.structure)||void 0===w?void 0:w.data)||void 0===y?void 0:y.extraPayload)&&(M=Object.assign(Object.assign({},M),null===(k=null===(x=this.structure)||void 0===x?void 0:x.data)||void 0===k?void 0:k.extraPayload));const S=await fetch(R,{headers:F,method:"POST",body:JSON.stringify(M)});if(!(null==S?void 0:S.ok)){const e=(S.headers.get("content-type")||"").includes("application/json")?null!==(z=null===(V=null===(L=await S.json().catch((()=>({}))))||void 0===L?void 0:L.message)||void 0===V?void 0:V.body)&&void 0!==z?z:"":await S.text().catch((()=>""));throw Error(e)}{const t=await(null==S?void 0:S.json().catch((()=>({})))),i=null===(O=null===(j=this.structure)||void 0===j?void 0:j.data)||void 0===O?void 0:O.pushAnalyticsEventTo;i&&(window[i]=window[i]||[],window[i].push({event:"get_a_quote",phone:e.phone,fullname:e.name,dealer:null===(C=this.dealerList.find((t=>t.value===e.dealer)))||void 0===C?void 0:C.label,vehicle:null===(E=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===E?void 0:E.label})),this.setSuccessCallback(t),setTimeout((()=>{this.form.reset(),this.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){await v(this,B)}async getForm(){return await b(this)}async submit(){await g(this)}async structureChanged(e){await w(this,e)}render(){var t,i;return e(a,{key:"76c6d2fba843f5acbf06e9810d9cddb4df30adbc",translate:"no"},e("div",{key:"f716f9baa4d6aa35d6c22d0df278de2e597dd44d",part:"shift-form vehicle-quotation-"+(null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.theme)},e("div",{key:"740565700b27cddeedb5f4247fe3284b5c192727",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"52d5ac47878650a3113fa06ccb68ef549afea15d",part:"form-loader-container",class:l("form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500",{"opacity-0":this.structureRendered})},e(r,{key:"8999a13e6be3a38f6a0389408d964849c15a23f9",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"3ca4477df9b07efccf671cb5be2d641a32f878e2",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"5a694ea916830b0fb4f58cd0fdba3bbe94280e76",form:this.form,fields:this.fields,formId:this.formId,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,language:this.localeLanguage,errorMessage:this.errorMessage,formElementMapper:D,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"bdd5f5afa84aac180b79f0da015fed54ddddd27f"}))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}}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;}: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}.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))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.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}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.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-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[257,"vehicle-quotation-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],formId:[1,"form-id"],isDev:[4,"is-dev"],disableScrollToTop:[4,"disable-scroll-to-top"],isMobileForm:[4,"is-mobile-form"],getMobileToken:[16],locale:[32],errorMessage:[32],isLoading:[32],localeLanguage:[32],structureRendered:[32],form:[32],getForm:[64],submit:[64]},void 0,{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["vehicle-quotation-form","flexible-container","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","shift-portal","shift-select","shift-select-dropdown"].forEach((e=>{switch(e){case"vehicle-quotation-form":customElements.get(t(e))||customElements.define(t(e),I);break;case"flexible-container":customElements.get(t(e))||x();break;case"form-dialog":customElements.get(t(e))||k();break;case"form-input":customElements.get(t(e))||j();break;case"form-phone-number":customElements.get(t(e))||O();break;case"form-select":customElements.get(t(e))||C();break;case"form-shadow-input":customElements.get(t(e))||E();break;case"form-structure":customElements.get(t(e))||L();break;case"form-structure-error":customElements.get(t(e))||V();break;case"form-submit":customElements.get(t(e))||z();break;case"shift-portal":customElements.get(t(e))||T();break;case"shift-select":customElements.get(t(e))||q();break;case"shift-select-dropdown":customElements.get(t(e))||M()}}))}P();const Y=I,A=P;export{Y as VehicleQuotationForm,A as defineCustomElement}
+import{h as e,t,p as i,H as o,a}from"./index.js";import{L as r}from"./p-5NIYyHI-.js";import{c as l}from"./p-BK16Cn81.js";import{c as n,b as s,e as c}from"./p-YQJevg3-.js";import{a as d,b as u,c as h,d as m,g as p,r as f,e as v,h as b,i as g,j as w}from"./p-CbIjjt3n.js";import{g as y}from"./p-DQopO8HS.js";import{d as x}from"./p-BcgJGb3U.js";import{d as k}from"./p-Cy8khSKP.js";import{d as j}from"./p-DokN3NzH.js";import{d as O}from"./p-COKUmuuf.js";import{d as C}from"./p-VTefgaxv.js";import{d as V}from"./p-C1-ek7if.js";import{d as z}from"./p-z7jdJ402.js";import{d as L}from"./p-D_2r73sx.js";import{d as E}from"./p-DzPqV0I6.js";import{d as T}from"./p-3e83-if9.js";import{d as q}from"./p-CpX72zLP.js";import{d as M}from"./p-C_91yYxZ.js";const S={};let F="";const I=({form:t})=>{var i,o,a,n;t.addWatcher("vehicle");let s=t.getValue("vehicle");const c=!!s,d=null===(i=t.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===s));let u;d?(u=null===(o=null==d?void 0:d.meta)||void 0===o?void 0:o.image,s=d.value):t.context.vehicleList&&t.context.vehicleList[0]&&(u=null===(n=null===(a=t.context.vehicleList[0])||void 0===a?void 0:a.meta)||void 0===n?void 0:n.image,s=t.context.vehicleList[0].value);let h=!1;return S[s]?F=S[s]:t&&u&&s&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const o=new FileReader;o.onloadend=()=>{S[i]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(t)})).catch((e=>{console.log(e)}))})(t,u,s),h=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:l("vehicle-image-wrapper",{loading:h})},e("div",{part:l("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h}),class:"loading-wrapper"},e(r,{part:"vehicle-image-loader-icon",class:"img"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:F,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},D={submit:({props:t})=>e("form-submit",Object.assign({},t)),name:({props:t})=>e("form-input",Object.assign({},t)),phone:({props:t,isLoading:i})=>e("form-phone-number",Object.assign({isLoading:i},t)),vehicle:({form:t,language:i,props:o})=>{var a,r;let l;return l=o.defaultValue?o.defaultValue:new URLSearchParams(window.location.search).get(null===(r=null===(a=t.context.structure)||void 0===a?void 0:a.data)||void 0===r?void 0:r.vehicleIdQueryParam),e("form-select",Object.assign({},o,{defaultValue:l,searchable:!0,fetcher:async({signal:e})=>{var o,a,r,l;const n=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.vehicleApi,s=await fetch(n,{signal:e,headers:{"Accept-Language":i}});return(null===(l=null===(r=t.context.structure)||void 0===r?void 0:r.data)||void 0===l?void 0:l.vehiclesApiStrapiFormat)?(await s.json()).data.map((e=>{var t,i,o,a,r,l;return{label:(null==e?void 0:e.GradeName)||(null===(t=null==e?void 0:e.attributes)||void 0===t?void 0:t.GradeName),value:""+e.id,meta:Object.assign(Object.assign({},e),{image:(null===(i=null==e?void 0:e.Cover)||void 0===i?void 0:i.url)||(null===(l=null===(r=null===(a=null===(o=null==e?void 0:e.attributes)||void 0===o?void 0:o.Cover)||void 0===a?void 0:a.data)||void 0===r?void 0:r.attributes)||void 0===l?void 0:l.url)})}})):(await s.json()).map((e=>({label:e.Title,value:""+e.ID,meta:Object.assign(Object.assign({},e),{image:e.Image})})))},language:i}))},dealer:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.dealerApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i})),paymentType:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Cash",label:null==o?void 0:o.Cash},{value:"Installments",label:o.Installments},{value:"Flexible",label:o.Flexible}],language:t})),contactTime:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Morning",label:null==o?void 0:o.Morning},{value:"Noon",label:null==o?void 0:o.Noon},{value:"Afternoon",label:null==o?void 0:o.Afternoon}],language:t})),ownVehicle:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{fetcher:async({})=>[{value:"yes",label:null==o?void 0:o.Yes},{value:"no",label:null==o?void 0:o.No}],language:t})),currentVehicleBrand:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle");const r="yes"===t.getValue("ownVehicle");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({signal:e})=>{var i,o;const r=null===(o=null===(i=t.context.structure)||void 0===i?void 0:i.data)||void 0===o?void 0:o.currentVehiclesApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":"en"}});return[...(await l.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)}))),{value:"Other",label:a.Other}]},language:i,resetKey:r,isRequired:r,isDisabled:!r}))},currentVehicleModel:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle"),t.addWatcher("currentVehicleBrand");const r="yes"===t.getValue("ownVehicle"),l=t.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,i;if(!l)return[];const o=null===(i=null===(e=t.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===l)))||void 0===i?void 0:i.meta;return o?[...o.Models.map((e=>({label:e.Name,value:""+e.ID}))),{value:"Other",label:a.Other}]:[]},language:i,resetKey:l,fetcherKey:l,isRequired:r&&"Other"!==l,isDisabled:!l||"Other"===l}))},vehicleImage:({form:t})=>e(I,{form:t}),choose:({locale:t})=>e("h1",{part:"section-title"},t.Choose),"current car":({locale:t})=>e("h1",{part:"section-title"},t["Your current car"]),"contact information":({locale:t})=>e("h1",{part:"section-title"},t["Contact Information"]),city:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.cityApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i}))},P=n({vehicle:s().meta({label:"Vehicle",placeholder:"Please select a Vehicle"}).required("This field is required."),name:s().meta({label:"Full name",placeholder:"Full name"}).required("Full name is required").min(3,"Full name minimum"),dealer:s().meta({label:"Dealer",placeholder:"Select a dealer"}).required("Dealer is required"),city:s().meta({label:"City",placeholder:"Select a City"}).required("This field is required."),paymentType:s().meta({label:"Preferred purchasing method",placeholder:"Select the purchasing method"}).when("$paymentTypeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),contactTime:s().meta({label:"Preferred contact time",placeholder:"Please select a time"}).when("$contactTimeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),ownVehicle:s().meta({label:"Do you own a vehicle?",placeholder:"Do you own a vehicle?"}).when("$ownVehicleRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),currentVehicleBrand:s().meta({label:"Your current vehicle",placeholder:"Your current vehicle"}).when("ownVehicle",{is:e=>"yes"===e,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()}),currentVehicleModel:s().meta({label:"Vehicle Model",placeholder:"Vehicle Model"}).when(["ownVehicle","currentVehicleBrand"],{is:(e,t)=>"yes"===e&&"Other"!==t,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()})}),R=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:c.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(e){await d(this,e)}setIsLoading(e){u(this,e)}setErrorCallback(e){h(this,e)}setSuccessCallback(e){m(this,e)}async componentWillLoad(){this.language||(this.language=y())}async formSubmit(e){var t,i,o,a,r,l,n,s,c,d,u,h,m,v,b,g,w,y,x,k,j,O,C,V,z,L,E;try{this.setIsLoading(!0);const T=null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.nameContactedVehicles,q=p(this.structure);let M=Object.assign({name:e.name,phone:e.phone,companyBranchId:e.dealer,cityId:null==e?void 0:e.city,vehicleQuotationType:null===(a=null===(o=this.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.quotationType,preferredContactTime:(null==e?void 0:e.contactTime)||"NotSpecified",preferredPaymentMethod:(null==e?void 0:e.paymentType)||"Flexible"},q);if(T){if(M.vehicle=(null===(r=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===r?void 0:r.label)||"","yes"===(null==e?void 0:e.ownVehicle)){const t=(null===(l=this.currentVehicleBrandList.find((t=>t.value===e.currentVehicleBrand)))||void 0===l?void 0:l.meta)||!1;let i;t&&(i=t.Models.find((t=>""+t.ID===e.currentVehicleModel))||!1),M.currentOrTradeInVehicle=`${(null==t?void 0:t.Name)||this.locale.Other} - ${(null==i?void 0:i.Name)||this.locale.Other}`}}else M.vehicle=e.vehicle,M.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(M.additionalData.yourCurrentVehicle=(null==e?void 0:e.currentVehicleBrand)||this.locale.Other,M.additionalData.vehicleModel=(null==e?void 0:e.currentVehicleModel)||this.locale.Other);const S={Brand:null===(s=null===(n=this.structure)||void 0===n?void 0:n.data)||void 0===s?void 0:s.brandId,"Accept-Language":this.localeLanguage||"en","Content-Type":"application/json"};let F="";if(f(this.structure,this.isMobileForm)){const e=await this.getMobileToken();e.toLowerCase().startsWith("bearer")?(S.Authorization=e,F=null===(d=null===(c=this.structure)||void 0===c?void 0:c.data)||void 0===d?void 0:d.requestAppUrl):(S["verification-token"]=e,F=null===(h=null===(u=this.structure)||void 0===u?void 0:u.data)||void 0===h?void 0:h.requestAppCheckUrl)}else{F=null===(v=null===(m=this.structure)||void 0===m?void 0:m.data)||void 0===v?void 0:v.requestUrl;const e=await grecaptcha.execute(null===(g=null===(b=this.structure)||void 0===b?void 0:b.data)||void 0===g?void 0:g.recaptchaKey,{action:"submit"});S["Recaptcha-Token"]=e}this.isDev&&(F=F.replaceAll("production=true","production=false")),(null===(y=null===(w=this.structure)||void 0===w?void 0:w.data)||void 0===y?void 0:y.extraPayload)&&(M=Object.assign(Object.assign({},M),null===(k=null===(x=this.structure)||void 0===x?void 0:x.data)||void 0===k?void 0:k.extraPayload));const I=await fetch(F,{headers:S,method:"POST",body:JSON.stringify(M)});if(!(null==I?void 0:I.ok)){const e=(I.headers.get("content-type")||"").includes("application/json")?null!==(E=null===(L=null===(z=await I.json().catch((()=>({}))))||void 0===z?void 0:z.message)||void 0===L?void 0:L.body)&&void 0!==E?E:"":await I.text().catch((()=>""));throw Error(e)}{const t=await(null==I?void 0:I.json().catch((()=>({})))),i=null===(O=null===(j=this.structure)||void 0===j?void 0:j.data)||void 0===O?void 0:O.pushAnalyticsEventTo;i&&(window[i]=window[i]||[],window[i].push({event:"get_a_quote",phone:e.phone,fullname:e.name,dealer:null===(C=this.dealerList.find((t=>t.value===e.dealer)))||void 0===C?void 0:C.label,vehicle:null===(V=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===V?void 0:V.label})),this.setSuccessCallback(t),setTimeout((()=>{this.form.reset(),this.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){await v(this,P)}async getForm(){return await b(this)}async submit(){await g(this)}async structureChanged(e){await w(this,e)}render(){var t,i;return e(a,{key:"995b7c4f3353267bb256b589455d8e13f73278c5",translate:"no"},e("div",{key:"33842eadad96393cc82e2520a9f55f9729e27f8b",part:"shift-form vehicle-quotation-"+(null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.theme)},e("div",{key:"2a5e7aeec7af8ec931260f363b39c2694f6fc319",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"34669161d7f1bc11db3f3cae498845efa24aed83",part:"form-loader-container",class:l("form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500",{"opacity-0":this.structureRendered})},e(r,{key:"811251eb438ef9b09ac8f09756479cbe8b182284",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"bc1828c09dc7bd21e5723fef5870f1977431062a",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"64658f46f9b5a5201896e2154da073f38a632f65",form:this.form,today:this.today,fields:this.fields,formId:this.formId,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,language:this.localeLanguage,errorMessage:this.errorMessage,formElementMapper:D,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"b3e34972f4b68e2ad387d5cae93a290e9a148195"}))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}}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;}: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}.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))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.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}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.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-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[257,"vehicle-quotation-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],formId:[1,"form-id"],isDev:[4,"is-dev"],today:[1],disableScrollToTop:[4,"disable-scroll-to-top"],isMobileForm:[4,"is-mobile-form"],getMobileToken:[16],locale:[32],errorMessage:[32],isLoading:[32],localeLanguage:[32],structureRendered:[32],form:[32],getForm:[64],submit:[64]},void 0,{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}]);function A(){"undefined"!=typeof customElements&&["vehicle-quotation-form","flexible-container","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","shift-portal","shift-select","shift-select-dropdown"].forEach((e=>{switch(e){case"vehicle-quotation-form":customElements.get(t(e))||customElements.define(t(e),R);break;case"flexible-container":customElements.get(t(e))||x();break;case"form-dialog":customElements.get(t(e))||k();break;case"form-input":customElements.get(t(e))||j();break;case"form-phone-number":customElements.get(t(e))||O();break;case"form-select":customElements.get(t(e))||C();break;case"form-shadow-input":customElements.get(t(e))||V();break;case"form-structure":customElements.get(t(e))||z();break;case"form-structure-error":customElements.get(t(e))||L();break;case"form-submit":customElements.get(t(e))||E();break;case"shift-portal":customElements.get(t(e))||T();break;case"shift-select":customElements.get(t(e))||q();break;case"shift-select-dropdown":customElements.get(t(e))||M()}}))}A();const B=R,N=A;export{B as VehicleQuotationForm,N as defineCustomElement}

package/dist/components/vehicle-sale-information.js

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

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

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as s,d as o}from"./p-CGrk6CsB.js";const r=s,p=o;export{r as VehicleServiceHistory,p as defineCustomElement}
+import{V as o,d as s}from"./p-RKSY-Miv.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-CP0ARfFD.js";const p=o,r=s;export{p as VehicleSpecification,r as defineCustomElement}
+import{V as o,d as r}from"./p-DJr19tRD.js";const s=o,t=r;export{s as VehicleSpecification,t as defineCustomElement}

package/dist/components/vehicle-ssc.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as o,d as s}from"./p-CGuZmJQb.js";const m=o,p=s;export{m as VehicleSsc,p as defineCustomElement}
+import{V as p,d as o}from"./p-DNpppK6M.js";const s=p,r=o;export{s as VehicleSsc,r as defineCustomElement}

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

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

package/dist/esm/{add-icon-DHh6DJXR.js → add-icon-D9Jel7-B.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-CteZTPhq.js';
+import { h } from './index-CsEiWLCt.js';
 
 const AddIcon = props => (h("svg", Object.assign({ fill: "none" }, props, { "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }), h("path", { d: "M5 12h14" }), h("path", { d: "M12 5v14" })));
 

package/dist/esm/{app-globals-CusTGK9D.js → app-globals-inc67m-q.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import './index-CteZTPhq.js';
+import './index-CsEiWLCt.js';
 
 const appGlobalScript = (() => {});
 const globalScripts = appGlobalScript;

package/dist/esm/{arrow-up-icon-Dw_d-rG9.js → arrow-up-icon-Dfl2olS1.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-CteZTPhq.js';
+import { h } from './index-CsEiWLCt.js';
 
 const ArrowUpIcon = props => (h("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }), h("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" })));