adp-web-components 0.3.13 → 0.3.14

package/dist/components/ssc-lookup-form.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as e,H as o,h as r,a}from"./index.js";import{f as i}from"./p-CnZZ3ASF.js";import{c as s}from"./p-BK16Cn81.js";import{b as n}from"./p-G9UmKW9m.js";import{e as p}from"./p-YQJevg3-.js";import{g as c}from"./p-BshR1DsJ.js";import{L as d}from"./p-5NIYyHI-.js";import{g as l}from"./p-Dv_BQG7D.js";import{d as m}from"./p-BcRom3sV.js";import{d as w}from"./p-CRJSM0nN.js";import{d as h}from"./p-CvcaE6Ss.js";import{d as f}from"./p-ubqjXh5U.js";import{d as b}from"./p-CtyIp56a.js";import{d as u}from"./p-DNZ31iYw.js";import{d as g}from"./p-BHYsBcpG.js";import{d as x}from"./p-Cl-rntc3.js";import{d as v}from"./p-CD1XArUc.js";import{d as y}from"./p-BNs9PHd8.js";import{d as k}from"./p-CoAe_PpX.js";import{d as j}from"./p-CMgPnaDZ.js";import{d as z}from"./p-BjLQXN9e.js";import{d as E}from"./p-BMxw31OW.js";import{d as C}from"./p-D-0CfzDk.js";import{d as L}from"./p-B42vuL_p.js";import{d as M}from"./p-BDHTK4yJ.js";import{d as F}from"./p-CK6WFXQF.js";import{d as B}from"./p-DlG98nFs.js";import{d as D}from"./p-dRP9cgZF.js";import{d as I}from"./p-BIeJEFM6.js";const R=n(),X=l(),S=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:p.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(t){await i.formLanguageChange(this,t)}setIsLoading(t){i.formLoadingHandler(this,t)}setErrorCallback(t){i.formErrorHandler(this,t)}setSuccessCallback(t){i.formSuccessHandler(this,t)}async componentWillLoad(){this.language||(this.language=c())}async formSubmit(t){await i.onFormSubmit({context:this,formValues:t,middleware(t,e,o){var r;return{payload:{},url:o.replace("${vin}",null===(r=t.vin)||void 0===r?void 0:r.toUpperCase()),header:Object.assign(Object.assign({},e),{"Customer-Name":encodeURIComponent(t.name),"Customer-Phone":encodeURIComponent(t.phone)})}}})}async componentDidLoad(){await i.formDidLoadHandler(this,R)}async getForm(){return await i.formGetFormHandler(this)}async submit(){await i.handleFormSubmit(this)}async structureChanged(t){await i.formStructureRenderedHandler(this,t)}render(){var t,e;return r(a,{key:"f9efa6bfdad64cf8ec7613ae9c245ba7ff61b22b",translate:"no"},r("div",{key:"c52a74f4b29b30476b77201a66abf81487f560eb",part:s("shift-form",null===(e=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===e?void 0:e.theme,this.theme)},r("div",{key:"068a2662ba4c042bc5bfbeac72e685817e1a37d2",part:"form-container",class:"relative min-h-[150px]"},r("div",{key:"e8a08b325e81c9f5b4c1ce7976e747ec6c1d679c",part:"form-loader-container",class:s("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})},r(d,{key:"4ca121d0fa731a27a5bcfc2702dd4c5891a518bf",part:"form-loader-icon",class:"img"})),r("flexible-container",{key:"3f37cf6049ddac0c3552066bcf7425a607872b23",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&r("form-structure",{key:"ab4b4dc0d541c002efdc317d506f2fcabdda9944",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:X,successMessage:this.locale["Form submitted successfully."]||"Form submitted successfully."},r("slot",{key:"1a79f36ea2169f9c45ea88d98fba32e33693350d"}))))))}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}.flex{display:flex}.grid{display:grid}.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 form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.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}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[257,"ssc-lookup-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],stepChangeCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],theme:[1],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 Y(){"undefined"!=typeof customElements&&["ssc-lookup-form","flexible-container","form-dialog","form-file","form-input","form-input-preview","form-phone-number","form-picker-input","form-select","form-shadow-input","form-stepper","form-stepper-control","form-stepper-submit","form-structure","form-structure-error","form-submit","form-text-area","form-vin-input","shift-portal","shift-select","shift-select-dropdown","vin-extractor"].forEach((e=>{switch(e){case"ssc-lookup-form":customElements.get(t(e))||customElements.define(t(e),S);break;case"flexible-container":customElements.get(t(e))||m();break;case"form-dialog":customElements.get(t(e))||w();break;case"form-file":customElements.get(t(e))||h();break;case"form-input":customElements.get(t(e))||f();break;case"form-input-preview":customElements.get(t(e))||b();break;case"form-phone-number":customElements.get(t(e))||u();break;case"form-picker-input":customElements.get(t(e))||g();break;case"form-select":customElements.get(t(e))||x();break;case"form-shadow-input":customElements.get(t(e))||v();break;case"form-stepper":customElements.get(t(e))||y();break;case"form-stepper-control":customElements.get(t(e))||k();break;case"form-stepper-submit":customElements.get(t(e))||j();break;case"form-structure":customElements.get(t(e))||z();break;case"form-structure-error":customElements.get(t(e))||E();break;case"form-submit":customElements.get(t(e))||C();break;case"form-text-area":customElements.get(t(e))||L();break;case"form-vin-input":customElements.get(t(e))||M();break;case"shift-portal":customElements.get(t(e))||F();break;case"shift-select":customElements.get(t(e))||B();break;case"shift-select-dropdown":customElements.get(t(e))||D();break;case"vin-extractor":customElements.get(t(e))||I()}}))}Y();const N=S,U=Y;export{N as SscLookupForm,U as defineCustomElement}
+import{t,p as e,H as o,h as r,a}from"./index.js";import{f as i}from"./p-DlJAm0cB.js";import{c as s}from"./p-BK16Cn81.js";import{b as n}from"./p-Dal_X4-W.js";import{e as p}from"./p-YQJevg3-.js";import{g as d}from"./p-DQopO8HS.js";import{L as l}from"./p-5NIYyHI-.js";import{g as c}from"./p-_i2jGDlH.js";import{d as m}from"./p-B5T-06-W.js";import{d as w}from"./p-CRJSM0nN.js";import{d as h}from"./p-vYuOlXCR.js";import{d as f}from"./p-CH5Rb3vr.js";import{d as b}from"./p-COyo4v_L.js";import{d as u}from"./p-DJ66XSRQ.js";import{d as g}from"./p-DIMe8nY5.js";import{d as x}from"./p-Y2dufCGw.js";import{d as v}from"./p-B2ZE4oRD.js";import{d as y}from"./p-CN6RvIb-.js";import{d as k}from"./p-Dhy4YWgm.js";import{d as j}from"./p-DdUaptEO.js";import{d as z}from"./p-emKMuKu4.js";import{d as E}from"./p-CgimfOQ7.js";import{d as C}from"./p-Bu1VjE_4.js";import{d as M}from"./p-9zux5VXM.js";import{d as L}from"./p-CsqoymFO.js";import{d as D}from"./p-DoGNkDP-.js";import{d as I}from"./p-A2T8KqHs.js";import{d as R}from"./p-ABcgwu6F.js";import{d as Y}from"./p-BIeJEFM6.js";const F=n(),S=c(),X=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:p.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(t){await i.formLanguageChange(this,t)}setIsLoading(t){i.formLoadingHandler(this,t)}setErrorCallback(t){i.formErrorHandler(this,t)}setSuccessCallback(t){i.formSuccessHandler(this,t)}async componentWillLoad(){this.language||(this.language=d())}async formSubmit(t){await i.onFormSubmit({context:this,formValues:t,middleware(t,e,o){var r;return{payload:{},url:o.replace("${vin}",null===(r=t.vin)||void 0===r?void 0:r.toUpperCase()),header:Object.assign(Object.assign({},e),{"Customer-Name":encodeURIComponent(t.name),"Customer-Phone":encodeURIComponent(t.phone)})}}})}async componentDidLoad(){await i.formDidLoadHandler(this,F)}async getForm(){return await i.formGetFormHandler(this)}async submit(){await i.handleFormSubmit(this)}async structureChanged(t){await i.formStructureRenderedHandler(this,t)}render(){var t,e;return r(a,{key:"f9efa6bfdad64cf8ec7613ae9c245ba7ff61b22b",translate:"no"},r("div",{key:"c52a74f4b29b30476b77201a66abf81487f560eb",part:s("shift-form",null===(e=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===e?void 0:e.theme,this.theme)},r("div",{key:"068a2662ba4c042bc5bfbeac72e685817e1a37d2",part:"form-container",class:"relative min-h-[150px]"},r("div",{key:"e8a08b325e81c9f5b4c1ce7976e747ec6c1d679c",part:"form-loader-container",class:s("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})},r(l,{key:"4ca121d0fa731a27a5bcfc2702dd4c5891a518bf",part:"form-loader-icon",class:"img"})),r("flexible-container",{key:"3f37cf6049ddac0c3552066bcf7425a607872b23",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&r("form-structure",{key:"ab4b4dc0d541c002efdc317d506f2fcabdda9944",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:S,successMessage:this.locale["Form submitted successfully."]||"Form submitted successfully."},r("slot",{key:"1a79f36ea2169f9c45ea88d98fba32e33693350d"}))))))}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}.flex{display:flex}.grid{display:grid}.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 form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.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}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[257,"ssc-lookup-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],stepChangeCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],theme:[1],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 O(){"undefined"!=typeof customElements&&["ssc-lookup-form","flexible-container","form-dialog","form-file","form-input","form-input-preview","form-phone-number","form-picker-input","form-select","form-shadow-input","form-stepper","form-stepper-control","form-stepper-submit","form-structure","form-structure-error","form-submit","form-text-area","form-vin-input","shift-portal","shift-select","shift-select-dropdown","vin-extractor"].forEach((e=>{switch(e){case"ssc-lookup-form":customElements.get(t(e))||customElements.define(t(e),X);break;case"flexible-container":customElements.get(t(e))||m();break;case"form-dialog":customElements.get(t(e))||w();break;case"form-file":customElements.get(t(e))||h();break;case"form-input":customElements.get(t(e))||f();break;case"form-input-preview":customElements.get(t(e))||b();break;case"form-phone-number":customElements.get(t(e))||u();break;case"form-picker-input":customElements.get(t(e))||g();break;case"form-select":customElements.get(t(e))||x();break;case"form-shadow-input":customElements.get(t(e))||v();break;case"form-stepper":customElements.get(t(e))||y();break;case"form-stepper-control":customElements.get(t(e))||k();break;case"form-stepper-submit":customElements.get(t(e))||j();break;case"form-structure":customElements.get(t(e))||z();break;case"form-structure-error":customElements.get(t(e))||E();break;case"form-submit":customElements.get(t(e))||C();break;case"form-text-area":customElements.get(t(e))||M();break;case"form-vin-input":customElements.get(t(e))||L();break;case"shift-portal":customElements.get(t(e))||D();break;case"shift-select":customElements.get(t(e))||I();break;case"shift-select-dropdown":customElements.get(t(e))||R();break;case"vin-extractor":customElements.get(t(e))||Y()}}))}O();const B=X,N=O;export{B as SscLookupForm,N as defineCustomElement}

package/dist/components/test-drive-form.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as e,H as r,h as o,a}from"./index.js";import{f as i}from"./p-CnZZ3ASF.js";import{c as s}from"./p-BK16Cn81.js";import{b as n}from"./p-G9UmKW9m.js";import{e as p}from"./p-YQJevg3-.js";import{g as d}from"./p-BshR1DsJ.js";import{L as c}from"./p-5NIYyHI-.js";import{g as l}from"./p-Dv_BQG7D.js";import{d as m}from"./p-BcRom3sV.js";import{d as w}from"./p-CRJSM0nN.js";import{d as h}from"./p-CvcaE6Ss.js";import{d as b}from"./p-ubqjXh5U.js";import{d as f}from"./p-CtyIp56a.js";import{d as u}from"./p-DNZ31iYw.js";import{d as g}from"./p-BHYsBcpG.js";import{d as x}from"./p-Cl-rntc3.js";import{d as v}from"./p-CD1XArUc.js";import{d as y}from"./p-BNs9PHd8.js";import{d as k}from"./p-CoAe_PpX.js";import{d as j}from"./p-CMgPnaDZ.js";import{d as z}from"./p-BjLQXN9e.js";import{d as E}from"./p-BMxw31OW.js";import{d as C}from"./p-D-0CfzDk.js";import{d as L}from"./p-B42vuL_p.js";import{d as M}from"./p-BDHTK4yJ.js";import{d as F}from"./p-CK6WFXQF.js";import{d as B}from"./p-DlG98nFs.js";import{d as D}from"./p-dRP9cgZF.js";import{d as X}from"./p-BIeJEFM6.js";const I=n(),S=l(),Y=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:p.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(t){await i.formLanguageChange(this,t)}setIsLoading(t){i.formLoadingHandler(this,t)}setErrorCallback(t){i.formErrorHandler(this,t)}setSuccessCallback(t){i.formSuccessHandler(this,t)}async componentWillLoad(){this.language||(this.language=d())}async formSubmit(t){await i.onFormSubmit({context:this,formValues:t})}async componentDidLoad(){await i.formDidLoadHandler(this,I)}async getForm(){return await i.formGetFormHandler(this)}async submit(){await i.handleFormSubmit(this)}async structureChanged(t){await i.formStructureRenderedHandler(this,t)}render(){var t,e;return o(a,{key:"5266e1b30cb4759dc10011eaf264c568baac2a36",translate:"no"},o("div",{key:"5d801974606cbcdbe834d95abcb7ff5d5e85e00d",part:s("shift-form",null===(e=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===e?void 0:e.theme,this.theme)},o("div",{key:"c0e58b6f678685b4e69021401b772294b913ec64",part:"form-container",class:"relative min-h-[150px]"},o("div",{key:"28b515d0216c1166ceeb5937a7a7b047698f9227",part:"form-loader-container",class:s("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})},o(c,{key:"8e195e515962ce2b6efd49e11ce366b3703f52d3",part:"form-loader-icon",class:"img"})),o("flexible-container",{key:"5df846b3997a92d786f47cf09c0cc2e5d325e3e5",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&o("form-structure",{key:"40ff429b10d3a8addbc8bc803bfcd4ebc0f5eac0",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:S,successMessage:this.locale["Form submitted successfully."]||"Form submitted successfully."},o("slot",{key:"924762fabdd688dda23233a82a4604f4e51a9210"}))))))}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}.flex{display:flex}.grid{display:grid}.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 form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.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}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[257,"test-drive-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],stepChangeCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],theme:[1],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 R(){"undefined"!=typeof customElements&&["test-drive-form","flexible-container","form-dialog","form-file","form-input","form-input-preview","form-phone-number","form-picker-input","form-select","form-shadow-input","form-stepper","form-stepper-control","form-stepper-submit","form-structure","form-structure-error","form-submit","form-text-area","form-vin-input","shift-portal","shift-select","shift-select-dropdown","vin-extractor"].forEach((e=>{switch(e){case"test-drive-form":customElements.get(t(e))||customElements.define(t(e),Y);break;case"flexible-container":customElements.get(t(e))||m();break;case"form-dialog":customElements.get(t(e))||w();break;case"form-file":customElements.get(t(e))||h();break;case"form-input":customElements.get(t(e))||b();break;case"form-input-preview":customElements.get(t(e))||f();break;case"form-phone-number":customElements.get(t(e))||u();break;case"form-picker-input":customElements.get(t(e))||g();break;case"form-select":customElements.get(t(e))||x();break;case"form-shadow-input":customElements.get(t(e))||v();break;case"form-stepper":customElements.get(t(e))||y();break;case"form-stepper-control":customElements.get(t(e))||k();break;case"form-stepper-submit":customElements.get(t(e))||j();break;case"form-structure":customElements.get(t(e))||z();break;case"form-structure-error":customElements.get(t(e))||E();break;case"form-submit":customElements.get(t(e))||C();break;case"form-text-area":customElements.get(t(e))||L();break;case"form-vin-input":customElements.get(t(e))||M();break;case"shift-portal":customElements.get(t(e))||F();break;case"shift-select":customElements.get(t(e))||B();break;case"shift-select-dropdown":customElements.get(t(e))||D();break;case"vin-extractor":customElements.get(t(e))||X()}}))}R();const N=Y,U=R;export{N as TestDriveForm,U as defineCustomElement}
+import{t,p as e,H as r,h as o,a}from"./index.js";import{f as i}from"./p-DlJAm0cB.js";import{c as s}from"./p-BK16Cn81.js";import{b as n}from"./p-Dal_X4-W.js";import{e as p}from"./p-YQJevg3-.js";import{g as d}from"./p-DQopO8HS.js";import{L as l}from"./p-5NIYyHI-.js";import{g as c}from"./p-_i2jGDlH.js";import{d as m}from"./p-B5T-06-W.js";import{d as w}from"./p-CRJSM0nN.js";import{d as h}from"./p-vYuOlXCR.js";import{d as b}from"./p-CH5Rb3vr.js";import{d as f}from"./p-COyo4v_L.js";import{d as u}from"./p-DJ66XSRQ.js";import{d as g}from"./p-DIMe8nY5.js";import{d as x}from"./p-Y2dufCGw.js";import{d as v}from"./p-B2ZE4oRD.js";import{d as y}from"./p-CN6RvIb-.js";import{d as k}from"./p-Dhy4YWgm.js";import{d as j}from"./p-DdUaptEO.js";import{d as z}from"./p-emKMuKu4.js";import{d as E}from"./p-CgimfOQ7.js";import{d as C}from"./p-Bu1VjE_4.js";import{d as M}from"./p-9zux5VXM.js";import{d as L}from"./p-CsqoymFO.js";import{d as D}from"./p-DoGNkDP-.js";import{d as Y}from"./p-A2T8KqHs.js";import{d as I}from"./p-ABcgwu6F.js";import{d as R}from"./p-BIeJEFM6.js";const F=n(),S=c(),X=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:p.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(t){await i.formLanguageChange(this,t)}setIsLoading(t){i.formLoadingHandler(this,t)}setErrorCallback(t){i.formErrorHandler(this,t)}setSuccessCallback(t){i.formSuccessHandler(this,t)}async componentWillLoad(){this.language||(this.language=d())}async formSubmit(t){await i.onFormSubmit({context:this,formValues:t})}async componentDidLoad(){await i.formDidLoadHandler(this,F)}async getForm(){return await i.formGetFormHandler(this)}async submit(){await i.handleFormSubmit(this)}async structureChanged(t){await i.formStructureRenderedHandler(this,t)}render(){var t,e;return o(a,{key:"5266e1b30cb4759dc10011eaf264c568baac2a36",translate:"no"},o("div",{key:"5d801974606cbcdbe834d95abcb7ff5d5e85e00d",part:s("shift-form",null===(e=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===e?void 0:e.theme,this.theme)},o("div",{key:"c0e58b6f678685b4e69021401b772294b913ec64",part:"form-container",class:"relative min-h-[150px]"},o("div",{key:"28b515d0216c1166ceeb5937a7a7b047698f9227",part:"form-loader-container",class:s("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})},o(l,{key:"8e195e515962ce2b6efd49e11ce366b3703f52d3",part:"form-loader-icon",class:"img"})),o("flexible-container",{key:"5df846b3997a92d786f47cf09c0cc2e5d325e3e5",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&o("form-structure",{key:"40ff429b10d3a8addbc8bc803bfcd4ebc0f5eac0",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:S,successMessage:this.locale["Form submitted successfully."]||"Form submitted successfully."},o("slot",{key:"924762fabdd688dda23233a82a4604f4e51a9210"}))))))}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}.flex{display:flex}.grid{display:grid}.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 form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.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}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[257,"test-drive-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],stepChangeCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],theme:[1],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 B(){"undefined"!=typeof customElements&&["test-drive-form","flexible-container","form-dialog","form-file","form-input","form-input-preview","form-phone-number","form-picker-input","form-select","form-shadow-input","form-stepper","form-stepper-control","form-stepper-submit","form-structure","form-structure-error","form-submit","form-text-area","form-vin-input","shift-portal","shift-select","shift-select-dropdown","vin-extractor"].forEach((e=>{switch(e){case"test-drive-form":customElements.get(t(e))||customElements.define(t(e),X);break;case"flexible-container":customElements.get(t(e))||m();break;case"form-dialog":customElements.get(t(e))||w();break;case"form-file":customElements.get(t(e))||h();break;case"form-input":customElements.get(t(e))||b();break;case"form-input-preview":customElements.get(t(e))||f();break;case"form-phone-number":customElements.get(t(e))||u();break;case"form-picker-input":customElements.get(t(e))||g();break;case"form-select":customElements.get(t(e))||x();break;case"form-shadow-input":customElements.get(t(e))||v();break;case"form-stepper":customElements.get(t(e))||y();break;case"form-stepper-control":customElements.get(t(e))||k();break;case"form-stepper-submit":customElements.get(t(e))||j();break;case"form-structure":customElements.get(t(e))||z();break;case"form-structure-error":customElements.get(t(e))||E();break;case"form-submit":customElements.get(t(e))||C();break;case"form-text-area":customElements.get(t(e))||M();break;case"form-vin-input":customElements.get(t(e))||L();break;case"shift-portal":customElements.get(t(e))||D();break;case"shift-select":customElements.get(t(e))||Y();break;case"shift-select-dropdown":customElements.get(t(e))||I();break;case"vin-extractor":customElements.get(t(e))||R()}}))}B();const O=X,H=B;export{O as TestDriveForm,H as defineCustomElement}

package/dist/components/vehicle-accessories.js

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

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

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

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

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

package/dist/components/vehicle-lookup.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as e,H as i,h as o,a as r}from"./index.js";import{g as a}from"./p-BsgLxjfx.js";import{c as s,s as n}from"./p-YQJevg3-.js";import{w as l,d as c}from"./p-Hlqj6HsH.js";import{a as p,d}from"./p-50EIzP4j.js";import{s as h,d as w}from"./p-CLkGfAsm.js";import{p as b,d as g}from"./p-DbAAihIH.js";import{S as x,d as v}from"./p-DBErZTaY.js";import{c as f,d as u}from"./p-CjByjVT0.js";import{V as m}from"./p-d7wdNFwt.js";import{a as y,g as k}from"./p-ClDpIRF9.js";import{d as j}from"./p-BcRom3sV.js";import{d as z}from"./p-8EOK_QhL.js";import{d as O}from"./p-BDlZ35Dv.js";import{d as E}from"./p-CKrwCtec.js";import{d as V}from"./p-Wv20cFTm.js";import{d as D}from"./p-B8g3fLoh.js";import{d as L}from"./p-C55Gk63d.js";const C=s({warranty:l,accessories:p,specification:h,claimableItems:f,paintThickness:b,serviceHistory:x}),S={vehicleAccessories:"vehicle-accessories",vehicleSpecification:"vehicle-specification",vehiclePaintThickness:"vehicle-paint-thickness",vehicleServiceHistory:"vehicle-service-history",vehicleClaimableItems:"vehicle-claimable-items",vehicleSaleInformation:"vehicle-sale-information",vehicleWarrantyDetails:"vehicle-warranty-details",vehicleSsc:"vehicle-ssc"},Y=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.separateSsc=!1,this.hiddenTabs="",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.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"),o=this.el.shadowRoot.getElementById("vehicle-warranty-details"),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.separateSsc?this.el.shadowRoot.getElementById("vehicle-ssc"):null;this.componentsList={[S.vehicleClaimableItems]:e,[S.vehicleServiceHistory]:i,[S.vehicleWarrantyDetails]:o,[S.vehicleAccessories]:t,[S.vehiclePaintThickness]:r,[S.vehicleSpecification]:a,[S.vehicleSaleInformation]:s},n&&(this.componentsList[S.vehicleSsc]=n),Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))})),e&&this.dynamicClaimActivate&&(e.activate=this.dynamicClaimActivate),e&&(e.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)}),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)}))}getSscElement(){return this.separateSsc?this.componentsList[S.vehicleSsc]||null:this.componentsList[S.vehicleWarrantyDetails]||null}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.getSscElement():null,r=o&&null!==e&&e!==o;Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&(r&&i===o?this.separateSsc?i.clearData():i.fetchVin(Object.assign(Object.assign({},t),{ssc:[],sscLogId:null})):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;this.componentsList[S.vehicleClaimableItems].headers=e,i&&(this.searchGeneration++,i.fetchVin(t,e))}render(){var t;const e={[S.vehicleAccessories]:{},[S.vehicleSpecification]:{},[S.vehicleClaimableItems]:{},[S.vehiclePaintThickness]:{},[S.vehicleServiceHistory]:{},[S.vehicleWarrantyDetails]:{},[S.vehicleSaleInformation]:{},[S.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(S).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=Object.assign(Object.assign({"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:S.vehicleSpecification},e[S.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:S.vehicleAccessories},e[S.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:S.vehicleSaleInformation},e[S.vehicleSaleInformation])),"vehicle-warranty-details":o("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":!this.separateSsc,isDev:this.isDev,mockRecaptcha:this.mockRecaptcha,disableVinValidation:this.disableVinValidation,"show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":!this.separateSsc&&this.sscQueryString?[this.queryString,this.sscQueryString].filter(Boolean).join("&"):this.queryString,id:S.vehicleWarrantyDetails},e[S.vehicleWarrantyDetails]))},this.separateSsc?{"vehicle-ssc":o("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":"true",isDev:this.isDev,mockRecaptcha:this.mockRecaptcha,disableVinValidation:this.disableVinValidation,"show-warranty":"false","base-url":this.baseUrl,language:this.language,"query-string":[this.queryString,this.sscQueryString].filter(Boolean).join("&"),id:S.vehicleSsc},e[S.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:S.vehicleServiceHistory},e[S.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:S.vehiclePaintThickness},e[S.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:S.vehicleClaimableItems},e[S.vehicleClaimableItems]))}),s=Object.fromEntries(Object.entries(a).filter((([t])=>!i.has(t)))),n=e[S.vehicleClaimableItems],l=!(this.activeElement!==S.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(m,{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[S.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)}.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)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.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)}.min-w-full{min-width:100%}.-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{--tw-scale-x:1;--tw-scale-y:1}.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%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.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-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.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))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.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}.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}.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-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.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}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.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%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[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"],separateSsc:[4,"separate-ssc"],hiddenTabs:[1,"hidden-tabs"],childrenProps:[1,"children-props"],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 X(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","loading-spinner","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-sale-information","vehicle-service-history","vehicle-specification","vehicle-warranty-details"].forEach((e=>{switch(e){case"vehicle-lookup":customElements.get(t(e))||customElements.define(t(e),Y);break;case"flexible-container":customElements.get(t(e))||j();break;case"information-table":customElements.get(t(e))||z();break;case"loading-spinner":customElements.get(t(e))||O();break;case"shift-tab-content":customElements.get(t(e))||E();break;case"shift-tabs":customElements.get(t(e))||V();break;case"vehicle-accessories":customElements.get(t(e))||d();break;case"vehicle-claimable-items":customElements.get(t(e))||u();break;case"vehicle-item-claim-form":customElements.get(t(e))||D();break;case"vehicle-paint-thickness":customElements.get(t(e))||g();break;case"vehicle-sale-information":customElements.get(t(e))||L();break;case"vehicle-service-history":customElements.get(t(e))||v();break;case"vehicle-specification":customElements.get(t(e))||w();break;case"vehicle-warranty-details":customElements.get(t(e))||c()}}))}X();const q=Y,I=X;export{q as VehicleLookup,I as defineCustomElement}
+import{t,p as e,H as i,h as r,a as o}from"./index.js";import{g as a}from"./p-BTfZ7GAi.js";import{c as s,s as n}from"./p-YQJevg3-.js";import{w as l,d as c}from"./p-BUGOUxbr.js";import{a as p,d}from"./p-BL5YkEz-.js";import{s as h,d as w}from"./p-puPUmTHi.js";import{p as b,d as g}from"./p-B6_q3Jaz.js";import{S as x,d as v}from"./p-DwJkEi88.js";import{c as f,d as u}from"./p-B6ib31CX.js";import{V as m}from"./p-d7wdNFwt.js";import{a as y,g as k}from"./p-CbL2RmJ1.js";import{d as j}from"./p-B5T-06-W.js";import{d as z}from"./p-qYvbkatn.js";import{d as O}from"./p-CCpbwft_.js";import{d as E}from"./p-B6gnG2lN.js";import{d as L}from"./p-WdDnbO6s.js";import{d as V}from"./p-0Leiluv7.js";import{d as D}from"./p-CK3C2jeL.js";const C=s({warranty:l,accessories:p,specification:h,claimableItems:f,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",vehicleWarrantyDetails:"vehicle-warranty-details",vehicleSsc:"vehicle-ssc"},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.separateSsc=!1,this.hiddenTabs="",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.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"),r=this.el.shadowRoot.getElementById("vehicle-warranty-details"),o=this.el.shadowRoot.getElementById("vehicle-paint-thickness"),a=this.el.shadowRoot.getElementById("vehicle-specification"),s=this.el.shadowRoot.getElementById("vehicle-sale-information"),n=this.separateSsc?this.el.shadowRoot.getElementById("vehicle-ssc"):null;this.componentsList={[Y.vehicleClaimableItems]:e,[Y.vehicleServiceHistory]:i,[Y.vehicleWarrantyDetails]:r,[Y.vehicleAccessories]:t,[Y.vehiclePaintThickness]:o,[Y.vehicleSpecification]:a,[Y.vehicleSaleInformation]:s},n&&(this.componentsList[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))})),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)}))}getSscElement(){return this.separateSsc?this.componentsList[Y.vehicleSsc]||null:this.componentsList[Y.vehicleWarrantyDetails]||null}async handleLoadData(t,e){const i=this.searchGeneration;if(this.isError=!1,this.errorMessage="",this.currentVin=t.vin||"",i!==this.searchGeneration)return;const r=this.sscQueryString?this.getSscElement():null,o=r&&null!==e&&e!==r;Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&(o&&i===r?this.separateSsc?i.clearData():i.fetchVin(Object.assign(Object.assign({},t),{ssc:[],sscLogId:null})):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;this.componentsList[Y.vehicleClaimableItems].headers=e,i&&(this.searchGeneration++,i.fetchVin(t,e))}render(){var t;const e={[Y.vehicleAccessories]:{},[Y.vehicleSpecification]:{},[Y.vehicleClaimableItems]:{},[Y.vehiclePaintThickness]:{},[Y.vehicleServiceHistory]:{},[Y.vehicleWarrantyDetails]:{},[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 r("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const a=Object.assign(Object.assign({"vehicle-specification":r("vehicle-specification",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:Y.vehicleSpecification},e[Y.vehicleSpecification])),"vehicle-accessories":r("vehicle-accessories",Object.assign({coreOnly:!0,isDev:this.isDev,disableVinValidation:this.disableVinValidation,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString,id:Y.vehicleAccessories},e[Y.vehicleAccessories])),"vehicle-sale-information":r("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:Y.vehicleSaleInformation},e[Y.vehicleSaleInformation])),"vehicle-warranty-details":r("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":!this.separateSsc,isDev:this.isDev,mockRecaptcha:this.mockRecaptcha,disableVinValidation:this.disableVinValidation,"show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":!this.separateSsc&&this.sscQueryString?[this.queryString,this.sscQueryString].filter(Boolean).join("&"):this.queryString,id:Y.vehicleWarrantyDetails},e[Y.vehicleWarrantyDetails]))},this.separateSsc?{"vehicle-ssc":r("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":"true",isDev:this.isDev,mockRecaptcha:this.mockRecaptcha,disableVinValidation:this.disableVinValidation,"show-warranty":"false","base-url":this.baseUrl,language:this.language,"query-string":[this.queryString,this.sscQueryString].filter(Boolean).join("&"),id:Y.vehicleSsc},e[Y.vehicleSsc]))}:{}),{"vehicle-service-history":r("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:Y.vehicleServiceHistory},e[Y.vehicleServiceHistory])),"vehicle-paint-thickness":r("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:Y.vehiclePaintThickness},e[Y.vehiclePaintThickness])),"vehicle-claimable-items":r("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:Y.vehicleClaimableItems},e[Y.vehicleClaimableItems]))}),s=Object.fromEntries(Object.entries(a).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 r(o,{translate:"no"},r(m,{isError:this.isError,header:this.currentVin,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.errorMessage||this.locale.errors.wildCard,headerRight:l?r("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()}},r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("circle",{cx:"6",cy:"19",r:"3"}),r("path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"}),r("circle",{cx:"18",cy:"5",r:"3"}))):null},r("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}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.size-full{height:100%;width:100%}.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)}.w-fit{width:fit-content}.min-w-full{min-width:100%}.-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{--tw-scale-x:1;--tw-scale-y:1}.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%}.resize{resize:both}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.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-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.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))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.duration-300{transition-duration:.3s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.mx-auto{margin-left:auto;margin-right:auto}.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}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink: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-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.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-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.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)}.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)}.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}.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}.fixed{position:fixed}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.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%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}'}},[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"],separateSsc:[4,"separate-ssc"],hiddenTabs:[1,"hidden-tabs"],childrenProps:[1,"children-props"],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 X(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","loading-spinner","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-sale-information","vehicle-service-history","vehicle-specification","vehicle-warranty-details"].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"loading-spinner":customElements.get(t(e))||O();break;case"shift-tab-content":customElements.get(t(e))||E();break;case"shift-tabs":customElements.get(t(e))||L();break;case"vehicle-accessories":customElements.get(t(e))||d();break;case"vehicle-claimable-items":customElements.get(t(e))||u();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))||D();break;case"vehicle-service-history":customElements.get(t(e))||v();break;case"vehicle-specification":customElements.get(t(e))||w();break;case"vehicle-warranty-details":customElements.get(t(e))||c()}}))}X();const q=S,B=X;export{q as VehicleLookup,B 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-DbAAihIH.js";const p=o,r=s;export{p as VehiclePaintThickness,r as defineCustomElement}
+import{V as o,d as s}from"./p-B6_q3Jaz.js";const a=o,p=s;export{a as VehiclePaintThickness,p 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,e as f,h as v,i as b,j as g}from"./p-CnZZ3ASF.js";import{g as w}from"./p-BshR1DsJ.js";import{d as y}from"./p-BcRom3sV.js";import{d as x}from"./p-CRJSM0nN.js";import{d as k}from"./p-ubqjXh5U.js";import{d as j}from"./p-DNZ31iYw.js";import{d as O}from"./p-Cl-rntc3.js";import{d as C}from"./p-CD1XArUc.js";import{d as V}from"./p-BjLQXN9e.js";import{d as L}from"./p-BMxw31OW.js";import{d as E}from"./p-D-0CfzDk.js";import{d as F}from"./p-CK6WFXQF.js";import{d as z}from"./p-DlG98nFs.js";import{d as M}from"./p-dRP9cgZF.js";const q={};let T="";const R=({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 q[s]?T=q[s]:t&&u&&s&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const o=new FileReader;o.onloadend=()=>{q[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:T,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},S={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(R,{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}))},D=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()})}),B=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=w())}async formSubmit(e){var t,i,o,a,r,l,n,s,c,d,u,h,m,f,v,b,g,w,y,x,k,j,O,C,V,L,E,F,z,M;try{this.setIsLoading(!0);const q=null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.nameContactedVehicles,T=p(this.structure);let R=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"},T);if(q){if(R.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),R.currentOrTradeInVehicle=`${(null==t?void 0:t.Name)||this.locale.Other} - ${(null==i?void 0:i.Name)||this.locale.Other}`}}else R.vehicle=e.vehicle,R.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(R.additionalData.yourCurrentVehicle=(null==e?void 0:e.currentVehicleBrand)||this.locale.Other,R.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 D="";if(Object.hasOwn(null===(c=this.structure)||void 0===c?void 0:c.data,"isMobileForm")?null===(u=null===(d=this.structure)||void 0===d?void 0:d.data)||void 0===u?void 0:u.isMobileForm:this.isMobileForm){const e=await this.getMobileToken();e.toLowerCase().startsWith("bearer")?(S.Authorization=e,D=null===(m=null===(h=this.structure)||void 0===h?void 0:h.data)||void 0===m?void 0:m.requestAppUrl):(S["verification-token"]=e,D=null===(v=null===(f=this.structure)||void 0===f?void 0:f.data)||void 0===v?void 0:v.requestAppCheckUrl)}else{D=null===(g=null===(b=this.structure)||void 0===b?void 0:b.data)||void 0===g?void 0:g.requestUrl;const e=await grecaptcha.execute(null===(y=null===(w=this.structure)||void 0===w?void 0:w.data)||void 0===y?void 0:y.recaptchaKey,{action:"submit"});S["Recaptcha-Token"]=e}this.isDev&&(D=D.replaceAll("production=true","production=false")),(null===(k=null===(x=this.structure)||void 0===x?void 0:x.data)||void 0===k?void 0:k.extraPayload)&&(R=Object.assign(Object.assign({},R),null===(O=null===(j=this.structure)||void 0===j?void 0:j.data)||void 0===O?void 0:O.extraPayload));const B=await fetch(D,{headers:S,method:"POST",body:JSON.stringify(R)});if(!(null==B?void 0:B.ok)){const e=(B.headers.get("content-type")||"").includes("application/json")?null!==(M=null===(z=null===(F=await B.json().catch((()=>({}))))||void 0===F?void 0:F.message)||void 0===z?void 0:z.body)&&void 0!==M?M:"":await B.text().catch((()=>""));throw Error(e)}{const t=await(null==B?void 0:B.json().catch((()=>({})))),i=null===(V=null===(C=this.structure)||void 0===C?void 0:C.data)||void 0===V?void 0:V.pushAnalyticsEventTo;i&&(window[i]=window[i]||[],window[i].push({event:"get_a_quote",phone:e.phone,fullname:e.name,dealer:null===(L=this.dealerList.find((t=>t.value===e.dealer)))||void 0===L?void 0:L.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 f(this,D)}async getForm(){return await v(this)}async submit(){await b(this)}async structureChanged(e){await g(this,e)}render(){var t,i;return e(a,{key:"16de16731cd42d564791810a3969451e5fde9b73",translate:"no"},e("div",{key:"413814e1e1321e780f83f3e89706a9a161e8811d",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:"273069cc903538eb59bc0820fb42131761a5c60a",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"4246bf9d1d4cc489beb2bdd8410e6df92608f7c9",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:"863966b3454bc2332fae025615ccf71718de944b",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"cfec565bd242a0f146d1d39e2494c5f6ff7f317e",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"e722aa6fb7db134b85b75e5a95f75f71cc7821eb",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:S,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"8e0900288343887f24ff26a4c15a4b3c5c12788d"}))))))}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 I(){"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),B);break;case"flexible-container":customElements.get(t(e))||y();break;case"form-dialog":customElements.get(t(e))||x();break;case"form-input":customElements.get(t(e))||k();break;case"form-phone-number":customElements.get(t(e))||j();break;case"form-select":customElements.get(t(e))||O();break;case"form-shadow-input":customElements.get(t(e))||C();break;case"form-structure":customElements.get(t(e))||V();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))||F();break;case"shift-select":customElements.get(t(e))||z();break;case"shift-select-dropdown":customElements.get(t(e))||M()}}))}I();const A=B,P=I;export{A as VehicleQuotationForm,P 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,e as f,h as v,i as b,j as g}from"./p-DlJAm0cB.js";import{g as w}from"./p-DQopO8HS.js";import{d as y}from"./p-B5T-06-W.js";import{d as x}from"./p-CRJSM0nN.js";import{d as k}from"./p-CH5Rb3vr.js";import{d as j}from"./p-DJ66XSRQ.js";import{d as O}from"./p-Y2dufCGw.js";import{d as C}from"./p-B2ZE4oRD.js";import{d as E}from"./p-emKMuKu4.js";import{d as V}from"./p-CgimfOQ7.js";import{d as L}from"./p-Bu1VjE_4.js";import{d as T}from"./p-DoGNkDP-.js";import{d as M}from"./p-A2T8KqHs.js";import{d as q}from"./p-ABcgwu6F.js";const z={};let F="";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 z[s]?F=z[s]:t&&u&&s&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const o=new FileReader;o.onloadend=()=>{z[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"}})))},R={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}))},D=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()})}),B=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=w())}async formSubmit(e){var t,i,o,a,r,l,n,s,c,d,u,h,m,f,v,b,g,w,y,x,k,j,O,C,E,V,L,T,M,q;try{this.setIsLoading(!0);const z=null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.nameContactedVehicles,F=p(this.structure);let S=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"},F);if(z){if(S.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),S.currentOrTradeInVehicle=`${(null==t?void 0:t.Name)||this.locale.Other} - ${(null==i?void 0:i.Name)||this.locale.Other}`}}else S.vehicle=e.vehicle,S.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(S.additionalData.yourCurrentVehicle=(null==e?void 0:e.currentVehicleBrand)||this.locale.Other,S.additionalData.vehicleModel=(null==e?void 0:e.currentVehicleModel)||this.locale.Other);const R={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 D="";if(Object.hasOwn(null===(c=this.structure)||void 0===c?void 0:c.data,"isMobileForm")?null===(u=null===(d=this.structure)||void 0===d?void 0:d.data)||void 0===u?void 0:u.isMobileForm:this.isMobileForm){const e=await this.getMobileToken();e.toLowerCase().startsWith("bearer")?(R.Authorization=e,D=null===(m=null===(h=this.structure)||void 0===h?void 0:h.data)||void 0===m?void 0:m.requestAppUrl):(R["verification-token"]=e,D=null===(v=null===(f=this.structure)||void 0===f?void 0:f.data)||void 0===v?void 0:v.requestAppCheckUrl)}else{D=null===(g=null===(b=this.structure)||void 0===b?void 0:b.data)||void 0===g?void 0:g.requestUrl;const e=await grecaptcha.execute(null===(y=null===(w=this.structure)||void 0===w?void 0:w.data)||void 0===y?void 0:y.recaptchaKey,{action:"submit"});R["Recaptcha-Token"]=e}this.isDev&&(D=D.replaceAll("production=true","production=false")),(null===(k=null===(x=this.structure)||void 0===x?void 0:x.data)||void 0===k?void 0:k.extraPayload)&&(S=Object.assign(Object.assign({},S),null===(O=null===(j=this.structure)||void 0===j?void 0:j.data)||void 0===O?void 0:O.extraPayload));const B=await fetch(D,{headers:R,method:"POST",body:JSON.stringify(S)});if(!(null==B?void 0:B.ok)){const e=(B.headers.get("content-type")||"").includes("application/json")?null!==(q=null===(M=null===(T=await B.json().catch((()=>({}))))||void 0===T?void 0:T.message)||void 0===M?void 0:M.body)&&void 0!==q?q:"":await B.text().catch((()=>""));throw Error(e)}{const t=await(null==B?void 0:B.json().catch((()=>({})))),i=null===(E=null===(C=this.structure)||void 0===C?void 0:C.data)||void 0===E?void 0:E.pushAnalyticsEventTo;i&&(window[i]=window[i]||[],window[i].push({event:"get_a_quote",phone:e.phone,fullname:e.name,dealer:null===(V=this.dealerList.find((t=>t.value===e.dealer)))||void 0===V?void 0:V.label,vehicle:null===(L=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===L?void 0:L.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 f(this,D)}async getForm(){return await v(this)}async submit(){await b(this)}async structureChanged(e){await g(this,e)}render(){var t,i;return e(a,{key:"16de16731cd42d564791810a3969451e5fde9b73",translate:"no"},e("div",{key:"413814e1e1321e780f83f3e89706a9a161e8811d",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:"273069cc903538eb59bc0820fb42131761a5c60a",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"4246bf9d1d4cc489beb2bdd8410e6df92608f7c9",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:"863966b3454bc2332fae025615ccf71718de944b",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"cfec565bd242a0f146d1d39e2494c5f6ff7f317e",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"e722aa6fb7db134b85b75e5a95f75f71cc7821eb",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:R,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"8e0900288343887f24ff26a4c15a4b3c5c12788d"}))))))}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 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),B);break;case"flexible-container":customElements.get(t(e))||y();break;case"form-dialog":customElements.get(t(e))||x();break;case"form-input":customElements.get(t(e))||k();break;case"form-phone-number":customElements.get(t(e))||j();break;case"form-select":customElements.get(t(e))||O();break;case"form-shadow-input":customElements.get(t(e))||C();break;case"form-structure":customElements.get(t(e))||E();break;case"form-structure-error":customElements.get(t(e))||V();break;case"form-submit":customElements.get(t(e))||L();break;case"shift-portal":customElements.get(t(e))||T();break;case"shift-select":customElements.get(t(e))||M();break;case"shift-select-dropdown":customElements.get(t(e))||q()}}))}A();const I=B,P=A;export{I as VehicleQuotationForm,P 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-C55Gk63d.js";const p=o,r=s;export{p as VehicleSaleInformation,r as defineCustomElement}
+import{V as o,d as s}from"./p-CK3C2jeL.js";const p=o,r=s;export{p as VehicleSaleInformation,r as defineCustomElement}

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

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as o,d as r}from"./p-DBErZTaY.js";const s=o,a=r;export{s as VehicleServiceHistory,a as defineCustomElement}
+import{V as o,d as s}from"./p-DwJkEi88.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 s,d as o}from"./p-CLkGfAsm.js";const m=s,p=o;export{m as VehicleSpecification,p as defineCustomElement}
+import{V as o,d as p}from"./p-puPUmTHi.js";const s=o,m=p;export{s as VehicleSpecification,m as defineCustomElement}

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

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