npm - adp-web-components - Versions diffs - 0.1.71 → 0.1.73 - Mend

adp-web-components 0.1.71 → 0.1.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (294) hide show

package/dist/components/p-CD82_5Cy.js ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as i,a as r}from"./index.js";import{y as a,c as o,b as n,a as s,s as p}from"./p-DkIqSrtn.js";import{g as l,a as d}from"./p-SQun8tPd.js";import{F as c,g as u}from"./p-1rMNgTmN.js";import{c as m}from"./p-BK16Cn81.js";import{f as b}from"./p-CJnc-a42.js";import{d as h}from"./p-B3Xh0vdw.js";import{d as f}from"./p-Bma8_jGX.js";import{d as g}from"./p-DrTvKZRy.js";import{d as x}from"./p-DRlBYuev.js";import{d as w}from"./p-DyTZjpQ4.js";const y=a(["info","distributorStock","availability","notAvailable","partiallyAvailable","available","location","description","productGroup","localDescription","dealerPurchasePrice","recommendedRetailPrice","supersededFrom","supersessions","This field is required.","orderType","Part Number","quantity","submit","RequestFailed"]),v=async({})=>[{value:"0",label:"V"},{value:"1",label:"A "}],k=o({orderType:n().meta({label:"Order Type",placeholder:"Order Type"}).required("This field is required."),quantity:s().meta({label:"quantity",placeholder:"quantity"}).required("This field is required.").typeError("This field is required.").min(1,"This field is required."),partNumber:n().meta({label:"Part Number",placeholder:"Part Number"}).required("This field is required.")}),j=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.locale=Object.assign({sharedLocales:p.getDefault()},y.getDefault()),this.isLoading=!1,this.formSubmit=async t=>{try{if(this.isDev)return await new Promise((t=>setTimeout(t,2e3))),this.manufacturerResponse=.5<Math.random()?.5<Math.random()?{message:"",quantity:2,id:"2",orderType:"Airplane",partNumber:"T110715002102",status:"Pending",manufacturerResult:[]}:{message:"",quantity:2,id:"2",orderType:"Airplane",partNumber:"T110715002102",status:"UnResolved",manufacturerResult:[]}:{id:"2",message:"",quantity:2,orderType:"Airplane",partNumber:"T110715002102",status:"Pending",manufacturerResult:[{key:"item 1",value:`${Math.floor(100*Math.random())}`},{key:"item 2",value:"Available"},{key:"item 3",value:`${Math.floor(100*Math.random())}`},{key:"item 4",value:"Not Available"}]},void this.form.reset();const e={logId:this.logId,quantity:+t.quantity,partNumber:t.partNumber,orderType:+t.orderType},i=await b(this.manufacturerPartLookupEndpoint,{language:this.language,body:e,method:"POST"});if(!i.ok)throw new Error(`Request failed with status ${i.status}`);const r=await i.json();this.form.reset(),this.manufacturerResponse=r}catch(t){console.error("❌ Manufacturer Lookup request failed:",t),this.manufacturerResponse={message:this.locale.RequestFailed}}},this.logId="",this.standAlone=!0,this.manufacturerPartLookupTitle="Manufacture lookup",this.form=new c(this,k)}async componentWillLoad(){this.language||(this.language=u()),await Promise.all([this.changeLanguage(this.language)])}async changeLanguage(t){const[e,i]=await Promise.all([l(t),d(t,"partLookup.distributor",y)]);this.locale=Object.assign({sharedLocales:e},i)}render(){var t,e,a,o,n,s,p,l;const{formController:d}=this.form,c=!!(null===(t=null==this?void 0:this.partLookup)||void 0===t?void 0:t.showManufacturerPartLookup)&&!this.closeManufacturerPartLookup||this.standAlone;return i(r,{key:"0413081a7404ea70a7e2d91864d6efe8353b88d4"},i("flexible-container",{key:"e1f56a965ced3ae095a3d57a93bda6930ef0fcd4",isOpened:c},i("div",{key:"09781b61ca6bbc3a4d88cf70d828be8f905f0e56",class:"w-full max-w-[96vw] mx-auto pt-[32px]"},i("div",{key:"7d50ea212d325936a4d958bbd9c9dab81bc51e27",class:"bg-[#f6f6f6] rounded-md p-[16px]"},i("div",{key:"41f306400bb6950009ce46ae372d4b62d3f84623",class:"flex items-center mb-[12px] justify-center px-[16px] font-bold text-[18px]"},this.manufacturerPartLookupTitle),i("form",Object.assign({key:"b161dfc921c30087d2cbe20eb3fd08ee5fbcfe4e",class:"relative manufacturer-form flex flex-col items-center gap-[32px] pt-[8px] pb-[16px]",dir:this.locale.sharedLocales.direction},d),i("div",{key:"e4216fc1be87e9cb41724bcf932a52974ef4fd78",class:"flex gap-2"},i("form-input",{form:this.form,name:"partNumber",isLoading:this.isLoading,key:this.locale.sharedLocales.lang,staticValue:(null===(e=this.partLookup)||void 0===e?void 0:e.partNumber)||void 0}),i("form-input",{inputProps:{type:"number",min:1},name:"quantity",isLoading:this.isLoading,key:this.locale.sharedLocales.lang,form:this.form}),i("form-select",{clearable:!0,form:this.form,name:"orderType",isLoading:this.isLoading,fetcher:v,key:this.locale.sharedLocales.lang,language:this.locale.sharedLocales.language})),i("form-submit",{key:this.locale.sharedLocales.lang,isLoading:this.isLoading,form:this.form})),i("flexible-container",{key:"91b475acf7981147589ce9c6dd6b7ec3a9486430",isOpened:!!this.manufacturerResponse&&!this.isLoading},i("div",{key:"2a3b81775bed27119c1f7e2a7ddd1adb53f6bd3e",class:"flex flex-col items-center pt-[12px]"},i("div",{key:"2b8e3474c3fae323413a4da01919c571614b5265",class:m("text-center text-[20px] font-semibold py-[12px]")},!(null===(o=null===(a=this.manufacturerResponse)||void 0===a?void 0:a.manufacturerResult)||void 0===o?void 0:o.length)&&((null===(n=this.manufacturerResponse)||void 0===n?void 0:n.message)||this.locale.RequestFailed),!!(null===(p=null===(s=this.manufacturerResponse)||void 0===s?void 0:s.manufacturerResult)||void 0===p?void 0:p.length)&&i("div",{key:"8a0b4e9f43e93e35757fac2ed2a12c5c70b5e6b0",class:"bg-white rounded-lg border w-[500px]"},null===(l=this.manufacturerResponse)||void 0===l?void 0:l.manufacturerResult.map((({key:t,value:e})=>i("div",{key:`${t}-${e}`,class:"flex even:bg-slate-100 hover:bg-sky-100/50 border-b w-full text-xl text-center"},i("div",{class:"text-center flex items-center flex-1 max-w-[250px] shrink-0 justify-center py-[10px] px-[16px] border-r"},t),i("div",{class:"text-center flex items-center flex-1 shrink-0 justify-center py-[10px] px-[16px] border-l"},e))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.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)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.relative{position:relative}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.top-0{top:0}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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-\\[200\\%\\]{--tw-translate-y:200%}.opacity-0{opacity:0}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-500{transition-duration:.5s!important}.duration-500{transition-duration:.5s}.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}}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.min-w-0{min-width: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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/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-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[257,"manufacturer-part-lookup",{language:[1025],isDev:[4,"is-dev"],logId:[1,"log-id"],partLookup:[16,"part-lookup"],standAlone:[4,"stand-alone"],manufacturerPartLookupTitle:[1,"manufacturer-part-lookup-title"],closeManufacturerPartLookup:[4,"close-manufacturer-part-lookup"],manufacturerPartLookupEndpoint:[1,"manufacturer-part-lookup-endpoint"],locale:[32],isLoading:[32],manufacturerResponse:[32]},void 0,{language:["changeLanguage"]}]);function z(){"undefined"!=typeof customElements&&["manufacturer-part-lookup","flexible-container","form-input","form-select","form-shadow-input","form-submit"].forEach((t=>{switch(t){case"manufacturer-part-lookup":customElements.get(t)||customElements.define(t,j);break;case"flexible-container":customElements.get(t)||h();break;case"form-input":customElements.get(t)||f();break;case"form-select":customElements.get(t)||g();break;case"form-shadow-input":customElements.get(t)||x();break;case"form-submit":customElements.get(t)||w()}}))}z();export{j as M,y as a,z as d}

package/dist/components/p-CKTuyirQ.js ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as r,H as e}from"./index.js";import{c as o}from"./p-BK16Cn81.js";const a=r=>t("svg",Object.assign({fill:"none"},r,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"m15 18-6-6 6-6"})),i=r=>t("svg",Object.assign({fill:"none"},r,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"m9 18 6-6-6-6"})),n="stepper-control-button",s=r(class extends e{constructor(){super(),this.__registerHost(),this.submitTextKey="submit",this.localization={}}async componentWillLoad(){this.form.subscribe(n,this),this.form.backButtonContexts.push(this)}async disconnectedCallback(){this.form.backButtonContexts=this.form.backButtonContexts.filter((t=>t!==this)),this.form.unsubscribe(n)}render(){var r,e,s;const[c,p]=this.form.getFormLocale(),l=null===(e=null===(r=this.form)||void 0===r?void 0:r.formStructure)||void 0===e?void 0:e.currentStep,d=null===(s=null==c?void 0:c.sharedFormLocales)||void 0===s?void 0:s.direction;let w=this.form.getStepLabels(p,l);const b=(null==w?void 0:w.back)||"";return t("button",{key:"9c70a7a5978bd0cf042d4abc0d957d731ef79d3c",type:"button",formnovalidate:!0,disabled:this.isLoading,onClick:()=>this.form.updateStep(-1),part:o("stepper-control",`stepper-control-${d}`,n,`stepper-control-step-${l}`),class:o("transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control",{loading:this.isLoading,"pointer-events-none":10===l})},t("div",{key:"7978be37eb3eae37cd86d42ab52b4ee90e616b9d",part:o("stepper-control-icon",`stepper-control-icon-${d}`)},"ltr"===d&&t(a,{key:"fcff8206b825bcc9f7865413093db35f80210c4e",class:"size-5"}),"rtl"===d&&t(i,{key:"8486f9fc8eda8cf631e4d4b5e0aa822f2d872123",class:"size-5"})),b)}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\\/2{top:50%}.z-\\[10\\]{z-index:10}.z-\\[9999999999\\]{z-index:9999999999}.float-right{float:right}.-mb-\\[10px\\]{margin-bottom:-10px}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\\!hidden{display:none!important}.\\!size-\\[22px\\]{height:22px!important;width:22px!important}.size-5{height:1.25rem;width:1.25rem}.size-8{height:2rem;width:2rem}.size-\\[20px\\]{height:20px;width:20px}.size-\\[22px\\]{height:22px;width:22px}.size-\\[24px\\]{height:24px;width:24px}.size-full{width:100%}.h-\\[100\\%\\],.size-full{height:100%}.h-\\[100px\\]{height:100px}.h-\\[200px\\]{height:200px}.h-\\[32px\\]{height:32px}.h-\\[38px\\]{height:38px}.h-full{height:100%}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[250px\\]{max-height:250px}.min-h-\\[100px\\]{min-height:100px}.w-\\[100\\%\\]{width:100%}.w-\\[36px\\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.flex-1{flex:1 1 0%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-50,.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-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[16px\\]{gap:16px}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[36px\\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\\[1px\\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\\!text-transparent{color:transparent!important}.\\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#576675\\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/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))}.caret-transparent{caret-color:transparent}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\!duration-200{transition-duration:.2s!important}.\\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}.dialog-blur{backdrop-filter:blur(1.5px)!important}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{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))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;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)}.display-error-message{--tw-translate-y:-0px;opacity:1!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))}.dialog-drop-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:9999999999}.opened-dialog-drop-container{background-color:rgba(0,0,0,.5);pointer-events:auto}.dialog-wrapper{--tw-scale-x:.5;--tw-scale-y:.5;--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:16px;max-width:80dvw;min-width:322px;opacity:0;padding:20px;transition-duration:.3s!important;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)}.dialog-wrapper,.opened-dialog-wrapper{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))}.opened-dialog-wrapper{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dialog-close-icon-button{--tw-rotate:45deg;align-self:flex-end;float:right;height:20px;margin-bottom:-10px;opacity:.4;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;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:20px}.dialog-close-icon-button:hover{opacity:1}.dialog-content{text-align:start}.dialog-close-button{align-items:center;border-radius:.25rem;display:flex;height:32px;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content}.dialog-wrapper .dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-wrapper .dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dialog-wrapper .dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dialog-wrapper .form-success-container{align-items:center;display:flex;flex-direction:column}.dialog-drop-container.error .dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-drop-container.error .dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dialog-drop-container.error .dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:38px;justify-content:center;left:0;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top: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));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select{padding-inline-end:36px}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;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))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;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)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{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))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-select-container{--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;max-height:250px;opacity:0;overflow:auto;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-select-container{opacity:1;pointer-events:auto}.form-select-container.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-select-container.downwards,.form-select-container.upwards{top: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))}.form-select-container.downwards{--tw-translate-y:38px;margin-top:8px}.form-select-option{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;text-align:start}.form-select-option:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-select-option.selected{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.form-select-option-tick{height:1.25rem;opacity:0;transition-duration:.3s!important;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:1.25rem}.form-select-option.selected .form-select-option-tick{opacity:1}.form-select-empty-container{align-items:center;display:flex;height:100px;justify-content:center}.form-select-empty-container.error{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.form-select-spinner{animation:spin-animation 2s linear infinite;height:22px!important;width:22px!important}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;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)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{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))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;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))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top: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))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.hover\\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:hover\\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.static{position:static}.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}}.ms-2{margin-inline-start:.5rem}.hidden{display:none}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{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))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.size-4{height:1rem;width:1rem}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--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))}.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)}.left-\\[50\\%\\]{left:50%}.top-\\[16px\\]{top:16px}.z-10,.z-\\[10\\]{z-index:10}.mt-\\[12px\\]{margin-top:12px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[1px\\]{height:1px}.-translate-x-\\[50\\%\\]{--tw-translate-x:-50%}.-translate-x-\\[50\\%\\],.-translate-y-\\[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))}.-translate-y-\\[50\\%\\]{--tw-translate-y:-50%}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:0}.before\\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\\:bg-black\\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\\:before\\:scale-\\[1\\.5\\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;content:var(--tw-content);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))}.gap-1{gap:.25rem}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.size-\\[70px\\]{height:70px;width:70px}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.stroke-green-700{stroke:#15803d}.\\!duration-700{transition-duration:.7s!important}.rtl\\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.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)}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;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))}.-mt-1{margin-top:-.25rem}.end-3\\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.aspect-video{aspect-ratio:16/9}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-full{min-width:100%}.-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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.rounded-lg{border-radius:.5rem}.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\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.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))}.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)}.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))}}'}},[256,"form-stepper-control",{language:[1],wrapperId:[1,"wrapper-id"],isLoading:[4,"is-loading"],form:[16],wrapperClass:[1,"wrapper-class"],submitTextKey:[1,"submit-text-key"],localization:[16]}]);function c(){"undefined"!=typeof customElements&&["form-stepper-control"].forEach((t=>{"form-stepper-control"===t&&(customElements.get(t)||customElements.define(t,s))}))}c();export{s as F,c as d}

package/dist/components/{p-DpbkJnGN.js → p-CKmHT-QE.js} RENAMED Viewed

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as i,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as o}from"./p-CUREVASG.js";const n="activeCameraId",s=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.title="",this.captureInterval=2e3,this.verbose=!1,this.useOcr=!1,this.readSticker=!1,this.captureEnvironment=!1,this.manualCapture=!1,this.skipValidation=!1,this.isOpen=!1,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.videoInputs=[],this.manualCaptureLoading=!1,this.activeCameraId=localStorage.getItem(n)||"",this.registerFileUploader=()=>{!this.readSticker||this.codeReader?(this.fileButton=document.querySelector("#"+this.uploaderButtonId),this.fileInput=this.el.shadowRoot.querySelector(".vin-extractor-input"),this.fileButton.removeEventListener("click",this.onFileUploaderClick),this.fileInput.removeEventListener("change",this.onFileUploaderChange),this.fileButton.addEventListener("click",this.onFileUploaderClick),this.fileInput.addEventListener("change",this.onFileUploaderChange)):setTimeout((()=>{this.componentDidLoad()}),100)},this.onFileUploaderClick=()=>{this.fileInput.click()},this.onFileUploaderChange=()=>{var t;const e=null===(t=this.fileInput.files)||void 0===t?void 0:t[0];if(!e)return;const i=new Image,a=new FileReader;a.onload=()=>{i.src=a.result},i.onload=async()=>{this.handleOnProcessing(!0);const t=await this.processCanvasFromSource(i,this.videoCanvas);await this.handleImage(t),this.handleOnProcessing(!1)},a.readAsDataURL(e)},this.triggerCallback=(t,...e)=>{var i;t&&("function"==typeof t?t(...e):this.blazorRef&&"string"==typeof t&&t&&(null===(i=this.blazorRef)||void 0===i||i.invokeMethodAsync(t,...e)))},this.handleError=t=>{this.triggerCallback(this.onError,t)},this.handleExtract=t=>{this.triggerCallback(this.onExtract,t)},this.handleOnProcessing=t=>{this.triggerCallback(this.onProcessing,t)},this.captureFrame=async(t=!1)=>{if(!this.isOpen)return;if(!this.videoPlayer||!this.videoCanvas)return this.componentDidLoad();this.handleOnProcessing(!0),t&&(this.videoPlayer.pause(),this.manualCaptureLoading=!0);const e=await this.processCanvasFromSource(this.videoPlayer,this.videoCanvas);this.handleImage(e),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval),this.handleOnProcessing(!1)),t&&setTimeout((()=>{this.videoPlayer.play(),this.manualCaptureLoading=!1,this.handleOnProcessing(!1)}),1e3)},this.handleImage=async t=>{this.readSticker&&await this.stickerHandler(t),this.useOcr&&this.ocrEndpoint&&await this.ocrHandler(t)},this.ocrHandler=async t=>{try{const e=await fetch(this.ocrEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},signal:this.abortController.signal,body:JSON.stringify({image:t.split(",")[1]})});if(!e.ok)throw new Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&o(i))&&this.handleExtract(i)}catch(t){this.handleError(t)}},this.stickerHandler=async t=>{try{this.verbose&&console.log("try detecting sticker");const e=(await this.codeReader.decodeFromImage(void 0,t)).getText();if(this.verbose&&console.log(e),e.trim())if(this.skipValidation)this.handleExtract(e.trim());else{const t=e.replace(/[qo]/g,"0").replace(/i/g,"1").replace(/ /g,"");17===t.length&&o(t)&&this.handleExtract(t)}}catch(t){this.handleError(t)}},this.openScanner=async()=>{var t;try{null===(t=this.abortController)||void 0===t||t.abort(),this.abortController=new AbortController;const e=await navigator.permissions.query({name:"camera"});if("prompt"===e.state)try{await navigator.mediaDevices.getUserMedia({video:!0})}catch(t){throw new Error("no camera access")}if("denied"===e.state)throw new Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw new Error("No Camera Found");if(this.videoInputs=i,!i.some((t=>t.deviceId===this.activeCameraId))){const t=i.find((({label:t})=>t.toLowerCase().includes("back")||t.toLowerCase().includes("environment")))||i[0];this.activeCameraId=t.deviceId,localStorage.setItem(n,this.activeCameraId)}await this.startCamera(),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval+300)),document&&(document.body.style.overflow="hidden"),this.isCameraReady=!0,this.containerAnimation="show-container"}catch(t){this.handleError(t)}},this.startCamera=async()=>{try{const t={video:{deviceId:this.activeCameraId}};this.streamRef=await navigator.mediaDevices.getUserMedia(t),this.videoPlayer&&(this.videoPlayer.srcObject=this.streamRef,this.videoPlayer.play()),this.manualCaptureLoading=!1}catch(t){throw this.verbose&&console.error(t),new Error("Error accessing camera: ")}},this.closeScanner=()=>{var t;this.isCameraReady=!1,null===(t=this.abortController)||void 0===t||t.abort(),clearTimeout(this.frameCaptureTimeoutRef),this.codeReader&&this.codeReader.reset(),document&&(document.body.style.overflow="auto"),this.containerAnimation="hide-container"},this.stopCamera=()=>{this.streamRef&&(this.streamRef.getTracks().forEach((t=>t.stop())),this.streamRef=null)},this.switchCamera=()=>{if(this.videoInputs.length>1){const t=this.videoInputs.findIndex((t=>t.deviceId===this.activeCameraId));this.activeCameraId=this.videoInputs[(t+1)%this.videoInputs.length].deviceId,localStorage.setItem(n,this.activeCameraId),this.stopCamera(),this.startCamera(),this.switchRotateDegree+=90}}}async componentDidLoad(){if(this.videoPlayer=this.el.shadowRoot.querySelector(".video-player"),this.videoCanvas=this.el.shadowRoot.querySelector(".video-canvas"),this.abortController=new AbortController,!this.readSticker&&this.uploaderButtonId&&this.registerFileUploader(),this.readSticker){const t="https://unpkg.com/@zxing/library@0.21.3/umd/index.min.js",e=Array.from(document.scripts).some((e=>e.src===t));if(e&&this.uploaderButtonId&&this.registerFileUploader(),e){if(!this.codeReader)try{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}catch(t){setTimeout((()=>{this.componentDidLoad()}),100)}}else{const e=document.createElement("script");e.src=t,e.defer=!0,document.head.appendChild(e),e.onload=()=>{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}}}}async setBlazorRef(t){this.blazorRef=t}async processCanvasFromSource(t,e,i=400){try{const a=t instanceof HTMLImageElement,r=a?t.width:t.videoWidth,o=a?t.height:t.videoHeight;let n=r,s=o;if(Math.max(r,o)>i){const t=i/Math.max(r,o);n=Math.round(r*t),s=Math.round(o*t)}return e.width=n,e.height=s,e.getContext("2d").drawImage(t,0,0,n,s),e.toDataURL("image/png")}catch(t){return this.handleError(t),""}}async open(){this.isOpen=!0}async close(){this.isOpen=!1}isOpenHandler(t){t?this.openScanner():this.closeScanner(),this.triggerCallback(this.onOpenChange,t)}QRChanged(t){t&&this.componentDidLoad()}animationHandler(t){t||this.isOpen||this.stopCamera()}render(){const t=this.isOpen&&this.isCameraReady&&(this.useOcr||this.readSticker);return i(a,{key:"2f10a38243f01667190d1f14fe423ddd9421c719"},i("slot",{key:"5a997e05c5a114d7e67679de12ff9070bc761c93"}),i("input",Object.assign({key:"bff557dd1b02868e1dd0781e3e64be05832661e9",class:"vin-extractor-input",type:"file",accept:"image/*","aria-label":"Upload VIN image"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),i("canvas",{key:"12fd0911594343c6e2169040ec5e803c90f570f0",class:"video-canvas hidden","aria-hidden":"true"}),!this.uploaderButtonId&&i("div",{key:"6448db809ef7bd11d66d028b15249d771fc29395",onClick:()=>this.isOpen=!1,role:"dialog","aria-modal":t.toString(),"aria-label":this.title||"VIN Scanner","aria-hidden":(!t).toString(),class:"vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]"},i("div",{key:"bdd1eaea83aee434dbf0f7bb6d397863ec578500",role:"document",onClick:t=>t.stopPropagation(),"aria-expanded":t.toString(),onAnimationEnd:()=>this.isAnimating=!1,onAnimationStart:()=>this.isAnimating=!0,class:r("vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500",this.containerAnimation)},i("div",{key:"5ea0f96d24876671059f194797bf2d8397950403",class:"vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between"},this.videoInputs.length>1?i("button",{type:"button","aria-label":"Switch camera",onClick:this.switchCamera,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:"size-full transition-all duration-300",style:{rotate:`${this.switchRotateDegree}deg`}},i("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),i("path",{d:"M21 3v5h-5"}),i("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),i("path",{d:"M8 16H3v5"}))):i("div",{class:"size-8","aria-hidden":"true"}),i("h1",{key:"8a8d04fa58f650f013a2707ba91e9ba3b632cb3e",class:"text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label",part:"form-input-label"},this.title),i("button",{key:"865c4ce81ef68c639733f5b9b8525ed5a8f1a122",type:"button","aria-label":"Close scanner",onClick:()=>this.isOpen=!1,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{key:"e55a13c10c75c12ec3d526fef85e07d159e12a2b",fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"a75f55117b0a3e48d575a53cc9a09a14c524e928",d:"M18 6 6 18"}),i("path",{key:"ecfca7887af236df1fc90ea58c9ad3830c5908bf",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"115d4c30b802a6fe742e617c6d8bf167ae0ac2f4",type:"button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),"aria-label":this.manualCaptureLoading?"Capturing...":"Capture VIN",class:"absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4"},this.manualCaptureLoading?i("svg",{fill:"none","stroke-width":"2","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:"size-full animate-spin animate-spin-v"},i("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):i("svg",{fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"}),i("circle",{cx:"12",cy:"13",r:"3"}))),i("video",{key:"bf6879ba1f3d43024bf50f0c704341c208cd7688",autoPlay:!0,id:"video",playsInline:!0,"aria-label":"Camera preview",class:"video-player aspect-video bg-black min-w-full min-h-full object-cover object-center"}))))}get el(){return this}static get watchers(){return{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.animate-spin{animation:spin 1s linear infinite}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{backdrop-filter:blur(6px)!important}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-hidden=false]{backdrop-filter:blur(1.5px);background:rgba(0,0,0,.4);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.animate-spin,.animate-spin-v{animation:spin-v 1s linear infinite}@keyframes spin-v{to{transform:rotate(1turn)}}.static{position:static}.absolute{position:absolute}.end-3\\.5{inset-inline-end:.875rem}.top-1\\/2{top:50%}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.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}}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.fixed{position:fixed}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-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))}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.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-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}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.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))}.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)}.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}.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-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))}}.pointer-events-none{pointer-events:none}.min-h-\\[150px\\]{min-height:150px}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!h-auto{height:auto!important}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[257,"vin-extractor",{title:[1],captureInterval:[2,"capture-interval"],verbose:[4],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],uploaderButtonId:[1,"uploader-button-id"],captureEnvironment:[4,"capture-environment"],manualCapture:[4,"manual-capture"],skipValidation:[4,"skip-validation"],ocrEndpoint:[1,"ocr-endpoint"],onExtract:[1,"on-extract"],onError:[1,"on-error"],onProcessing:[1,"on-processing"],onOpenChange:[1,"on-open-change"],streamRef:[32],isOpen:[32],isAnimating:[32],isCameraReady:[32],switchRotateDegree:[32],containerAnimation:[32],blazorRef:[32],videoInputs:[32],manualCaptureLoading:[32],activeCameraId:[32],setBlazorRef:[64],open:[64],close:[64]},void 0,{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}]);function d(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((t=>{"vin-extractor"===t&&(customElements.get(t)||customElements.define(t,s))}))}d();export{s as V,d}
+import{p as t,H as e,h as i,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as o}from"./p-CUREVASG.js";const n="activeCameraId",s=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.title="",this.captureInterval=2e3,this.verbose=!1,this.useOcr=!1,this.readSticker=!1,this.captureEnvironment=!1,this.manualCapture=!1,this.skipValidation=!1,this.isOpen=!1,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.videoInputs=[],this.manualCaptureLoading=!1,this.activeCameraId=localStorage.getItem(n)||"",this.registerFileUploader=()=>{!this.readSticker||this.codeReader?(this.fileButton=document.querySelector("#"+this.uploaderButtonId),this.fileInput=this.el.shadowRoot.querySelector(".vin-extractor-input"),this.fileButton.removeEventListener("click",this.onFileUploaderClick),this.fileInput.removeEventListener("change",this.onFileUploaderChange),this.fileButton.addEventListener("click",this.onFileUploaderClick),this.fileInput.addEventListener("change",this.onFileUploaderChange)):setTimeout((()=>{this.componentDidLoad()}),100)},this.onFileUploaderClick=()=>{this.fileInput.click()},this.onFileUploaderChange=()=>{var t;const e=null===(t=this.fileInput.files)||void 0===t?void 0:t[0];if(!e)return;const i=new Image,a=new FileReader;a.onload=()=>{i.src=a.result},i.onload=async()=>{this.handleOnProcessing(!0);const t=await this.processCanvasFromSource(i,this.videoCanvas);await this.handleImage(t),this.handleOnProcessing(!1)},a.readAsDataURL(e)},this.triggerCallback=(t,...e)=>{var i;t&&("function"==typeof t?t(...e):this.blazorRef&&"string"==typeof t&&t&&(null===(i=this.blazorRef)||void 0===i||i.invokeMethodAsync(t,...e)))},this.handleError=t=>{this.triggerCallback(this.onError,t)},this.handleExtract=t=>{this.triggerCallback(this.onExtract,t)},this.handleOnProcessing=t=>{this.triggerCallback(this.onProcessing,t)},this.captureFrame=async(t=!1)=>{if(!this.isOpen)return;if(!this.videoPlayer||!this.videoCanvas)return this.componentDidLoad();this.handleOnProcessing(!0),t&&(this.videoPlayer.pause(),this.manualCaptureLoading=!0);const e=await this.processCanvasFromSource(this.videoPlayer,this.videoCanvas);this.handleImage(e),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval),this.handleOnProcessing(!1)),t&&setTimeout((()=>{this.videoPlayer.play(),this.manualCaptureLoading=!1,this.handleOnProcessing(!1)}),1e3)},this.handleImage=async t=>{this.readSticker&&await this.stickerHandler(t),this.useOcr&&this.ocrEndpoint&&await this.ocrHandler(t)},this.ocrHandler=async t=>{try{const e=await fetch(this.ocrEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},signal:this.abortController.signal,body:JSON.stringify({image:t.split(",")[1]})});if(!e.ok)throw new Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&o(i))&&this.handleExtract(i)}catch(t){this.handleError(t)}},this.stickerHandler=async t=>{try{this.verbose&&console.log("try detecting sticker");const e=(await this.codeReader.decodeFromImage(void 0,t)).getText();if(this.verbose&&console.log(e),e.trim())if(this.skipValidation)this.handleExtract(e.trim());else{const t=e.replace(/[qo]/g,"0").replace(/i/g,"1").replace(/ /g,"");17===t.length&&o(t)&&this.handleExtract(t)}}catch(t){this.handleError(t)}},this.openScanner=async()=>{var t;try{null===(t=this.abortController)||void 0===t||t.abort(),this.abortController=new AbortController;const e=await navigator.permissions.query({name:"camera"});if("prompt"===e.state)try{await navigator.mediaDevices.getUserMedia({video:!0})}catch(t){throw new Error("no camera access")}if("denied"===e.state)throw new Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw new Error("No Camera Found");if(this.videoInputs=i,!i.some((t=>t.deviceId===this.activeCameraId))){const t=i.find((({label:t})=>t.toLowerCase().includes("back")||t.toLowerCase().includes("environment")))||i[0];this.activeCameraId=t.deviceId,localStorage.setItem(n,this.activeCameraId)}await this.startCamera(),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval+300)),document&&(document.body.style.overflow="hidden"),this.isCameraReady=!0,this.containerAnimation="show-container"}catch(t){this.handleError(t)}},this.startCamera=async()=>{try{const t={video:{deviceId:this.activeCameraId}};this.streamRef=await navigator.mediaDevices.getUserMedia(t),this.videoPlayer&&(this.videoPlayer.srcObject=this.streamRef,this.videoPlayer.play()),this.manualCaptureLoading=!1}catch(t){throw this.verbose&&console.error(t),new Error("Error accessing camera: ")}},this.closeScanner=()=>{var t;this.isCameraReady=!1,null===(t=this.abortController)||void 0===t||t.abort(),clearTimeout(this.frameCaptureTimeoutRef),this.codeReader&&this.codeReader.reset(),document&&(document.body.style.overflow="auto"),this.containerAnimation="hide-container"},this.stopCamera=()=>{this.streamRef&&(this.streamRef.getTracks().forEach((t=>t.stop())),this.streamRef=null)},this.switchCamera=()=>{if(this.videoInputs.length>1){const t=this.videoInputs.findIndex((t=>t.deviceId===this.activeCameraId));this.activeCameraId=this.videoInputs[(t+1)%this.videoInputs.length].deviceId,localStorage.setItem(n,this.activeCameraId),this.stopCamera(),this.startCamera(),this.switchRotateDegree+=90}}}async componentDidLoad(){if(this.videoPlayer=this.el.shadowRoot.querySelector(".video-player"),this.videoCanvas=this.el.shadowRoot.querySelector(".video-canvas"),this.abortController=new AbortController,!this.readSticker&&this.uploaderButtonId&&this.registerFileUploader(),this.readSticker){const t="https://unpkg.com/@zxing/library@0.21.3/umd/index.min.js",e=Array.from(document.scripts).some((e=>e.src===t));if(e&&this.uploaderButtonId&&this.registerFileUploader(),e){if(!this.codeReader)try{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}catch(t){setTimeout((()=>{this.componentDidLoad()}),100)}}else{const e=document.createElement("script");e.src=t,e.defer=!0,document.head.appendChild(e),e.onload=()=>{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}}}}async setBlazorRef(t){this.blazorRef=t}async processCanvasFromSource(t,e,i=400){try{const a=t instanceof HTMLImageElement,r=a?t.width:t.videoWidth,o=a?t.height:t.videoHeight;let n=r,s=o;if(Math.max(r,o)>i){const t=i/Math.max(r,o);n=Math.round(r*t),s=Math.round(o*t)}return e.width=n,e.height=s,e.getContext("2d").drawImage(t,0,0,n,s),e.toDataURL("image/png")}catch(t){return this.handleError(t),""}}async open(){this.isOpen=!0}async close(){this.isOpen=!1}isOpenHandler(t){t?this.openScanner():this.closeScanner(),this.triggerCallback(this.onOpenChange,t)}QRChanged(t){t&&this.componentDidLoad()}animationHandler(t){t||this.isOpen||this.stopCamera()}render(){const t=this.isOpen&&this.isCameraReady&&(this.useOcr||this.readSticker);return i(a,{key:"b60de38a276b432a6efb5ea55c4ca4601f50ee50"},i("slot",{key:"10ace3bc30464149f27b3038eb985418d67d7c79"}),i("input",Object.assign({key:"ad53746c95f3b81e0a6b8279ebfaec590d67538c",class:"vin-extractor-input",type:"file",accept:"image/*","aria-label":"Upload VIN image"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),i("canvas",{key:"0eda8673501525d01c11e67bed7240db34c0dc31",class:"video-canvas hidden","aria-hidden":"true"}),!this.uploaderButtonId&&i("div",{key:"51c6d674fed91d688ec5cd1ad82e4ea500330cb4",onClick:()=>this.isOpen=!1,role:"dialog","aria-modal":t.toString(),"aria-label":this.title||"VIN Scanner","aria-hidden":(!t).toString(),class:"vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]"},i("div",{key:"457969087e79ce97dabba646174ac302e254172e",role:"document",onClick:t=>t.stopPropagation(),"aria-expanded":t.toString(),onAnimationEnd:()=>this.isAnimating=!1,onAnimationStart:()=>this.isAnimating=!0,class:r("vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500",this.containerAnimation)},i("div",{key:"573f47b700867ab93e6d3ed2c7eb18b658c6fef3",class:"vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between"},this.videoInputs.length>1?i("button",{type:"button","aria-label":"Switch camera",onClick:this.switchCamera,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:"size-full transition-all duration-300",style:{rotate:`${this.switchRotateDegree}deg`}},i("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),i("path",{d:"M21 3v5h-5"}),i("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),i("path",{d:"M8 16H3v5"}))):i("div",{class:"size-8","aria-hidden":"true"}),i("h1",{key:"a4cb70bd8cbf25715c5d2cc33cee0a1b4cdf26df",class:"text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label",part:"form-input-label"},this.title),i("button",{key:"a15b3a375370cc8ac7678ee458d060b7dbe00b50",type:"button","aria-label":"Close scanner",onClick:()=>this.isOpen=!1,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{key:"f71e6d49c4f140f9063ea6acd9174a6b71da9685",fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"31ac46a829573d571cb2dd5da75657d01d3a179f",d:"M18 6 6 18"}),i("path",{key:"5eff701a14cb084263bfd72fe4948d4efe421a8c",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"b39496e646c52e469d5346acdb53e70a6b5e5633",type:"button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),"aria-label":this.manualCaptureLoading?"Capturing...":"Capture VIN",class:"absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4"},this.manualCaptureLoading?i("svg",{fill:"none","stroke-width":"2","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:"size-full animate-spin animate-spin-v"},i("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):i("svg",{fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"}),i("circle",{cx:"12",cy:"13",r:"3"}))),i("video",{key:"889986a7b593024bc773dd0c9bf506a452ffc9e7",autoPlay:!0,id:"video",playsInline:!0,"aria-label":"Camera preview",class:"video-player aspect-video bg-black min-w-full min-h-full object-cover object-center"}))))}get el(){return this}static get watchers(){return{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.animate-spin{animation:spin 1s linear infinite}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{backdrop-filter:blur(6px)!important}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-hidden=false]{backdrop-filter:blur(1.5px);background:rgba(0,0,0,.4);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.animate-spin,.animate-spin-v{animation:spin-v 1s linear infinite}@keyframes spin-v{to{transform:rotate(1turn)}}.static{position:static}.absolute{position:absolute}.end-3\\.5{inset-inline-end:.875rem}.top-1\\/2{top:50%}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.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}}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.fixed{position:fixed}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-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))}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.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-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}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.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))}.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)}.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}.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-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))}}.pointer-events-none{pointer-events:none}.min-h-\\[150px\\]{min-height:150px}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!h-auto{height:auto!important}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[257,"vin-extractor",{title:[1],captureInterval:[2,"capture-interval"],verbose:[4],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],uploaderButtonId:[1,"uploader-button-id"],captureEnvironment:[4,"capture-environment"],manualCapture:[4,"manual-capture"],skipValidation:[4,"skip-validation"],ocrEndpoint:[1,"ocr-endpoint"],onExtract:[1,"on-extract"],onError:[1,"on-error"],onProcessing:[1,"on-processing"],onOpenChange:[1,"on-open-change"],streamRef:[32],isOpen:[32],isAnimating:[32],isCameraReady:[32],switchRotateDegree:[32],containerAnimation:[32],blazorRef:[32],videoInputs:[32],manualCaptureLoading:[32],activeCameraId:[32],setBlazorRef:[64],open:[64],close:[64]},void 0,{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}]);function d(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((t=>{"vin-extractor"===t&&(customElements.get(t)||customElements.define(t,s))}))}d();export{s as V,d}

package/dist/components/p-CWHwusek.js ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as r}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{d as o}from"./p-B3Xh0vdw.js";const i=t(class extends e{constructor(){super(),this.__registerHost()}render(){return r("div",{key:"d54e113bcdfd519318f6045da0b6c0aa0a44edc3",class:this.containerClasses},r("div",{key:"442468efc6d28553f8d7fe23faaf71f274c34559",class:a("border-b relative flex mb-[6px] ps-[12px] gap-[4px]",this.tabClasses)},this.tabs.map(((t,e)=>r("button",{key:t+e,onClick:()=>!(this.activeTabIndex===e||this.activeTabLabel===t)&&this.changeActiveTab({label:t,idx:e}),class:a("px-[16px] cursor-pointer after:w-full py-[6px] after:h-[1px] after:left-0 after:bottom-0 after:absolute after:bg-white after:opacity-0 after:translate-y-full after:z-10 after:duration-500 after:transition text-[17px] relative transition-colors !border-b-0 duration-500 font-medium text-black bg-[#f6f6f6] border border-gray-200 rounded-t-[4px] focus:outline-none",{"bg-white cursor-default after:opacity-100":this.activeTabIndex===e||this.activeTabLabel===t})},t)))),r("flexible-container",{key:"ae9f36c652a180d4a4102c39a8fe2fac8995fe0e"},r("slot",{key:"e6c6b39356004f7e1eef4f4c606965595c40c7b2"})))}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.mb-\\[6px\\]{margin-bottom:6px}.flex{display:flex}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.border{border-width:1px}.\\!border-b-0{border-bottom-width:0!important}.border-b{border-bottom-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);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))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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)}.\\!pointer-events-none{pointer-events:none!important}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.w-fit{width:fit-content}.min-w-0{min-width:0}.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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/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-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.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{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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.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}.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-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.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-\\[\\#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}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.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)}.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)}.hidden{display:none}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.mt-\\[4px\\]{margin-top:4px}.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-\\[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}.block{display:block}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.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%}.gap-\\[10px\\]{gap:10px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.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))}'}},[260,"shift-tabs",{tabs:[16],tabClasses:[1,"tab-classes"],activeTabIndex:[2,"active-tab-index"],activeTabLabel:[1,"active-tab-label"],containerClasses:[1,"container-classes"],changeActiveTab:[16,"change-active-tab"]}]);function n(){"undefined"!=typeof customElements&&["shift-tabs","flexible-container"].forEach((t=>{switch(t){case"shift-tabs":customElements.get(t)||customElements.define(t,i);break;case"flexible-container":customElements.get(t)||o()}}))}n();export{i as S,n as d}

package/dist/components/{p-h28ATSQb.js → p-CozfQOrj.js} RENAMED Viewed

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as i,a as o}from"./index.js";import{M as a,a as r}from"./p-piZ41_ho.js";import{y as n,s}from"./p-DkIqSrtn.js";import{g as l,s as d,a as p}from"./p-c05QCGD9.js";import{s as c,V as h}from"./p-C6nKJv3T.js";import{g,a as w}from"./p-0xcR950E.js";import{d as b}from"./p-B9DO0698.js";const u=n(["origin","warrantyPrice","specialPrice","wholesalesPrice","pnc","pncName","binCode","length","width","height","netWeight","grossWeight","cubicMeasure","hsCode","uzHsCode"]),x=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:s.getDefault()},u.getDefault()),this.coreOnly=!1,this.mockUrl="",this.isError=!1,this.isLoading=!1,this.hiddenFields="",this.localizationName=""}async componentWillLoad(){await Promise.all([this.changeLanguage(this.language),this.onIsDevChange(this.isDev)])}async changeLanguage(t){const[e,i]=await Promise.all([g(t),w(t,"partLookup.manufacturer",u)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t,c.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await l("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await d(this,t)}async setErrorMessage(t){p(this,t)}onLoadingChange(t){c.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}render(){var t,e,n,s,l,d,p,c,g,w,b,u,x,f,m;const v=this.localizationName||"",y=(null===(t=this.hiddenFields)||void 0===t?void 0:t.split(",").map((t=>null==t?void 0:t.trim())))||[],k=[{label:this.locale.origin,key:"origin",value:null===(e=this.partLookup)||void 0===e?void 0:e.origin},{label:this.locale.warrantyPrice,key:"warrantyPrice",values:null===(n=this.partLookup)||void 0===n?void 0:n.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.warrantyPrice)||void 0===e?void 0:e.formattedValue}}))},{label:this.locale.specialPrice,key:"specialPrice"},{label:this.locale.wholesalesPrice,key:"salesPrice"},{label:this.locale.pnc,key:"pnc",value:null===(s=this.partLookup)||void 0===s?void 0:s.pnc},{label:this.locale.pncName.replace("$",v),key:"pnc",value:null===(l=this.partLookup)||void 0===l?void 0:l.pnc},{label:this.locale.binCode,key:"binType",value:null===(d=this.partLookup)||void 0===d?void 0:d.binType},{label:this.locale.length,key:"length",value:null===(p=this.partLookup)||void 0===p?void 0:p.length},{label:this.locale.width,key:"width",value:null===(c=this.partLookup)||void 0===c?void 0:c.width},{label:this.locale.height,key:"height",value:null===(g=this.partLookup)||void 0===g?void 0:g.height},{label:this.locale.netWeight,key:"netWeight",value:null===(w=this.partLookup)||void 0===w?void 0:w.netWeight},{label:this.locale.grossWeight,key:"grossWeight",value:null===(b=this.partLookup)||void 0===b?void 0:b.grossWeight},{label:this.locale.cubicMeasure,key:"cubicMeasure",value:null===(u=this.partLookup)||void 0===u?void 0:u.cubicMeasure},{label:this.locale.hsCode,key:"hsCode",value:null===(x=this.partLookup)||void 0===x?void 0:x.hsCode},{label:this.locale.uzHsCode,key:"hsCode",value:null===(f=this.partLookup)||void 0===f?void 0:f.hsCode}],z=k.filter((t=>!y.includes(t.key)));return i(o,null,i(h,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(m=this.partLookup)||void 0===m?void 0:m.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("flexible-container",null,i("div",{class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},z.map((({label:t,value:e,values:o})=>o?i(a,{title:t,minWidth:"250px"},i(r,{class:"flex flex-wrap gap-[8px] p-[2px]"},o.filter((t=>t.body)).map((t=>i("span",{class:"inline-flex items-center bg-red-50 text-red-800 font-medium px-3 text-[16px] py-1 me-1 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body)))))):i(a,{desc:(null==e?void 0:e.toString())||"",title:t,minWidth:"250px"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.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}.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))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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;text-align:center}.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}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.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)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-500{transition-duration:.5s!important}.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}}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.min-w-0{min-width: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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/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-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[257,"manufacturer-lookup",{language:[1],coreOnly:[4,"core-only"],mockUrl:[1,"mock-url"],isDev:[4,"is-dev"],endpoint:[1],loadedMockDatas:[1025,"loaded-mock-datas"],errorCallback:[1025,"error-callback"],loadingStateChange:[1025,"loading-state-change"],loadedResponse:[1025,"loaded-response"],hiddenFields:[1,"hidden-fields"],localizationName:[1,"localization-name"],locale:[32],searchString:[32],isError:[32],errorMessage:[32],isLoading:[32],partLookup:[32],blazorRef:[32],setMockData:[64],getMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64]},void 0,{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange"]}]);function f(){"undefined"!=typeof customElements&&["manufacturer-lookup","flexible-container"].forEach((t=>{switch(t){case"manufacturer-lookup":customElements.get(t)||customElements.define(t,x);break;case"flexible-container":customElements.get(t)||b()}}))}f();export{x as M,f as d,u as m}
+import{p as t,H as e,h as i,a as o}from"./index.js";import{M as a,a as r}from"./p-piZ41_ho.js";import{y as n,s}from"./p-DkIqSrtn.js";import{g as l,s as d,a as p}from"./p-D0v1QCmD.js";import{s as c,V as h}from"./p-C6nKJv3T.js";import{g,a as w}from"./p-SQun8tPd.js";import{d as b}from"./p-B3Xh0vdw.js";const u=n(["origin","warrantyPrice","specialPrice","wholesalesPrice","pnc","pncName","binCode","length","width","height","netWeight","grossWeight","cubicMeasure","hsCode","uzHsCode"]),x=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:s.getDefault()},u.getDefault()),this.coreOnly=!1,this.mockUrl="",this.isError=!1,this.isLoading=!1,this.hiddenFields="",this.localizationName=""}async componentWillLoad(){await Promise.all([this.changeLanguage(this.language),this.onIsDevChange(this.isDev)])}async changeLanguage(t){const[e,i]=await Promise.all([g(t),w(t,"partLookup.manufacturer",u)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t,c.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await l("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await d(this,t)}async setErrorMessage(t){p(this,t)}onLoadingChange(t){c.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}render(){var t,e,n,s,l,d,p,c,g,w,b,u,x,f,m;const v=this.localizationName||"",y=(null===(t=this.hiddenFields)||void 0===t?void 0:t.split(",").map((t=>null==t?void 0:t.trim())))||[],k=[{label:this.locale.origin,key:"origin",value:null===(e=this.partLookup)||void 0===e?void 0:e.origin},{label:this.locale.warrantyPrice,key:"warrantyPrice",values:null===(n=this.partLookup)||void 0===n?void 0:n.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.warrantyPrice)||void 0===e?void 0:e.formattedValue}}))},{label:this.locale.specialPrice,key:"specialPrice"},{label:this.locale.wholesalesPrice,key:"salesPrice"},{label:this.locale.pnc,key:"pnc",value:null===(s=this.partLookup)||void 0===s?void 0:s.pnc},{label:this.locale.pncName.replace("$",v),key:"pnc",value:null===(l=this.partLookup)||void 0===l?void 0:l.pnc},{label:this.locale.binCode,key:"binType",value:null===(d=this.partLookup)||void 0===d?void 0:d.binType},{label:this.locale.length,key:"length",value:null===(p=this.partLookup)||void 0===p?void 0:p.length},{label:this.locale.width,key:"width",value:null===(c=this.partLookup)||void 0===c?void 0:c.width},{label:this.locale.height,key:"height",value:null===(g=this.partLookup)||void 0===g?void 0:g.height},{label:this.locale.netWeight,key:"netWeight",value:null===(w=this.partLookup)||void 0===w?void 0:w.netWeight},{label:this.locale.grossWeight,key:"grossWeight",value:null===(b=this.partLookup)||void 0===b?void 0:b.grossWeight},{label:this.locale.cubicMeasure,key:"cubicMeasure",value:null===(u=this.partLookup)||void 0===u?void 0:u.cubicMeasure},{label:this.locale.hsCode,key:"hsCode",value:null===(x=this.partLookup)||void 0===x?void 0:x.hsCode},{label:this.locale.uzHsCode,key:"hsCode",value:null===(f=this.partLookup)||void 0===f?void 0:f.hsCode}],z=k.filter((t=>!y.includes(t.key)));return i(o,null,i(h,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(m=this.partLookup)||void 0===m?void 0:m.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("flexible-container",null,i("div",{class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},z.map((({label:t,value:e,values:o})=>o?i(a,{title:t,minWidth:"250px"},i(r,{class:"flex flex-wrap gap-[8px] p-[2px]"},o.filter((t=>t.body)).map((t=>i("span",{class:"inline-flex items-center bg-red-50 text-red-800 font-medium px-3 text-[16px] py-1 me-1 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body)))))):i(a,{desc:(null==e?void 0:e.toString())||"",title:t,minWidth:"250px"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.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}.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))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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;text-align:center}.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}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.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)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-500{transition-duration:.5s!important}.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}}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.min-w-0{min-width: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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/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-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[257,"manufacturer-lookup",{language:[1],coreOnly:[4,"core-only"],mockUrl:[1,"mock-url"],isDev:[4,"is-dev"],endpoint:[1],loadedMockDatas:[1025,"loaded-mock-datas"],errorCallback:[1025,"error-callback"],loadingStateChange:[1025,"loading-state-change"],loadedResponse:[1025,"loaded-response"],hiddenFields:[1,"hidden-fields"],localizationName:[1,"localization-name"],locale:[32],searchString:[32],isError:[32],errorMessage:[32],isLoading:[32],partLookup:[32],blazorRef:[32],setMockData:[64],getMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64]},void 0,{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange"]}]);function f(){"undefined"!=typeof customElements&&["manufacturer-lookup","flexible-container"].forEach((t=>{switch(t){case"manufacturer-lookup":customElements.get(t)||customElements.define(t,x);break;case"flexible-container":customElements.get(t)||b()}}))}f();export{x as M,f as d,u as m}

package/dist/components/{p-c05QCGD9.js → p-D0v1QCmD.js} RENAMED Viewed

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import"./index.js";import{v as o}from"./p-0xcR950E.js";import{s as n}from"./p-C6nKJv3T.js";import{f as t}from"./p-CJnc-a42.js";const r={"part-lookup":"part-lookup.json","vehicle-lookup":"vehicle-lookup.json"},e={};async function i(n,t=""){const i=r[n];if(!i.length)throw new Error(`Mock file not found for: ${n}`);const l=await async function(n,t){if(e[n])return await e[n];try{let r;r=t&&t.trim().length?t:`https://cdn.jsdelivr.net/npm/adp-web-components@${o}/dist/mocks/${n}`;const i=fetch(r).then((o=>(o.ok||delete e[n],o.json())));e[n]=i;const l=await i,s=Object.keys(l).length;return console.log(`✅ Loaded mock: ${n} (${s} items)`),console.table(Object.entries(l).map((([o,n])=>({key:o,value:n})))),e[n]=l,l}catch(o){return delete e[n],{}}}(i,t);return l}const l=async(o,r,{beforeAssignment:e}={})=>{const i=(null==o?void 0:o.localLoadingName)?null==o?void 0:o.localLoadingName:"isLoading";let l;null==r&&(r=(null==o?void 0:o.searchString)||""),clearTimeout(o.networkTimeoutRef),o.abortController&&o.abortController.abort(),o.abortController=new AbortController;const s="string"==typeof r,a="string"==typeof r?r:null==r?void 0:r.partNumber;try{if(!a||0===a.trim().length)return o.isError=!1,o[i]=!1,o.searchString="",void(o.partLookup=void 0);o[i]=!0,await new Promise((n=>{l=setTimeout(n,1e3),o.networkTimeoutRef=l})),o.searchString=a;const c=s?await async function(o,r){const{scopedTimeoutRef:e}=r,i=t=>{if((null==o?void 0:o.networkTimeoutRef)===e){if(!t&&(null==o?void 0:o.searchString))throw new Error("wrongResponseFormat");return n.bind(o)(null==o?void 0:o.loadedResponse,t),t}};if(null==o?void 0:o.isDev)return i(null==o?void 0:o.mockData[null==o?void 0:o.searchString]);{if(!(null==o?void 0:o.endpoint))throw new Error("noBaseUrl");const n={signal:null==o?void 0:o.abortController.signal,additionalPath:"/"+o.searchString},r=await t(o.endpoint,n);if(204===r.status)throw new Error("noPartsFound");if(!r.ok)throw new Error("wildCard");return i(await r.json())}}(o,{scopedTimeoutRef:l}):r;if(o.networkTimeoutRef===l){if(!c)throw new Error("wrongResponseFormat");o.partLookup=e?await e(c,{scopedTimeoutRef:l}):c}o.errorMessage=null,o[i]=!1,o.isError=!1}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;n.bind(o)(o.errorCallback,t.message),console.error(t),o.setErrorMessage(t.message)}},s=(o,n)=>{const t=(null==o?void 0:o.localLoadingName)?null==o?void 0:o.localLoadingName:"isLoading";o.isError=!0,o[t]=!1,o.errorMessage=n,o.partLookup=void 0};export{s as a,i as g,l as s}
+import"./index.js";import{v as o}from"./p-SQun8tPd.js";import{s as n}from"./p-C6nKJv3T.js";import{f as t}from"./p-CJnc-a42.js";const r={"part-lookup":"part-lookup.json","vehicle-lookup":"vehicle-lookup.json"},e={};async function i(n,t=""){const i=r[n];if(!i.length)throw new Error(`Mock file not found for: ${n}`);const l=await async function(n,t){if(e[n])return await e[n];try{let r;r=t&&t.trim().length?t:`https://cdn.jsdelivr.net/npm/adp-web-components@${o}/dist/mocks/${n}`;const i=fetch(r).then((o=>(o.ok||delete e[n],o.json())));e[n]=i;const l=await i,s=Object.keys(l).length;return console.log(`✅ Loaded mock: ${n} (${s} items)`),console.table(Object.entries(l).map((([o,n])=>({key:o,value:n})))),e[n]=l,l}catch(o){return delete e[n],{}}}(i,t);return l}const l=async(o,r,{beforeAssignment:e}={})=>{const i=(null==o?void 0:o.localLoadingName)?null==o?void 0:o.localLoadingName:"isLoading";let l;null==r&&(r=(null==o?void 0:o.searchString)||""),clearTimeout(o.networkTimeoutRef),o.abortController&&o.abortController.abort(),o.abortController=new AbortController;const s="string"==typeof r,a="string"==typeof r?r:null==r?void 0:r.partNumber;try{if(!a||0===a.trim().length)return o.isError=!1,o[i]=!1,o.searchString="",void(o.partLookup=void 0);o[i]=!0,await new Promise((n=>{l=setTimeout(n,1e3),o.networkTimeoutRef=l})),o.searchString=a;const u=s?await async function(o,r){const{scopedTimeoutRef:e}=r,i=t=>{if((null==o?void 0:o.networkTimeoutRef)===e){if(!t&&(null==o?void 0:o.searchString))throw new Error("wrongResponseFormat");return n.bind(o)(null==o?void 0:o.loadedResponse,t),t}};if(null==o?void 0:o.isDev)return i(null==o?void 0:o.mockData[null==o?void 0:o.searchString]);{if(!(null==o?void 0:o.endpoint))throw new Error("noBaseUrl");const n={signal:null==o?void 0:o.abortController.signal,additionalPath:"/"+o.searchString},r=await t(o.endpoint,n);if(204===r.status)throw new Error("noPartsFound");if(!r.ok)throw new Error("wildCard");return i(await r.json())}}(o,{scopedTimeoutRef:l}):r;if(o.networkTimeoutRef===l){if(!u)throw new Error("wrongResponseFormat");o.partLookup=e?await e(u,{scopedTimeoutRef:l}):u}o.errorMessage=null,o[i]=!1,o.isError=!1}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;n.bind(o)(o.errorCallback,t.message),console.error(t),o.setErrorMessage(t.message)}},s=(o,n)=>{const t=(null==o?void 0:o.localLoadingName)?null==o?void 0:o.localLoadingName:"isLoading";o.isError=!0,o[t]=!1,o.errorMessage=n,o.partLookup=void 0};export{s as a,i as g,l as s}

package/dist/components/p-D7Jb5Fju.js ADDED Viewed

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as e,H as a,a as r}from"./index.js";import{y as o,s as i}from"./p-DkIqSrtn.js";import{M as n}from"./p-piZ41_ho.js";import{s,V as d}from"./p-C6nKJv3T.js";import{s as l,a as p}from"./p-B72Jlkwt.js";import{g as c,a as w}from"./p-SQun8tPd.js";import{c as x}from"./p-BK16Cn81.js";import{d as b}from"./p-B3Xh0vdw.js";const g=o(["vehicleSaleInformation","noData","countryName","companyName","branchName","customerAccountNumber","invoiceNumber","invoiceDate","warrantyActivationDate","brokerName","brokerInvoiceNumber","brokerInvoiceDate","customerInformation","endCustomerName","endCustomerPhone","endCustomerIdNumber","customerID","Vehicle has no end customer."]),h=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),t("path",{d:"M12 9v4"}),t("path",{d:"M12 17h.01"})),f=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),t("circle",{cx:"12",cy:"7",r:"4"})),v=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"})),u=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M16 10h2"}),t("path",{d:"M16 14h2"}),t("path",{d:"M6.17 15a3 3 0 0 1 5.66 0"}),t("circle",{cx:"9",cy:"11",r:"2"}),t("rect",{x:"2",y:"5",width:"20",height:"14",rx:"2"})),y=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:i.getDefault()},g.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.hiddenFields="customerAccountNumber,customerID,brokerInvoiceNumber,brokerInvoiceDate,warrantyActivationDate,invoiceDate,invoiceNumber"}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([c(t),w(t,"vehicleLookup.saleInformation",g)]);this.locale=Object.assign({sharedLocales:e},a)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await l(this,t,e)}async setErrorMessage(t){p(this,t)}onLoadingChange(t){s.bind(this)(this.loadingStateChange,t)}formatDate(t){if(!t)return"";try{const e=new Date(t);return Number.isNaN(e.getTime())?"":e.toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long",day:"2-digit"})}catch(t){return""}}render(){var e,a,o,i,s,l,p,c,w,b,g,y;const m=(null===(a=null===(e=this.hiddenFields)||void 0===e?void 0:e.split(","))||void 0===a?void 0:a.map((t=>t.trim())))||[],k=this.locale,z=(null===(o=this.vehicleLookup)||void 0===o?void 0:o.saleInformation)||{},N=t=>(null!=t?t:"").toString().trim(),j=!!this.vehicleLookup&&!!(null===(s=null===(i=this.vehicleLookup)||void 0===i?void 0:i.saleInformation)||void 0===s?void 0:s.endCustomer),X=[{fieldName:"endCustomerName",title:k.endCustomerName,value:N(null===(l=null==z?void 0:z.endCustomer)||void 0===l?void 0:l.name),Icon:f},{fieldName:"endCustomerPhone",title:k.endCustomerPhone,value:N(null===(p=null==z?void 0:z.endCustomer)||void 0===p?void 0:p.phone),Icon:v},{fieldName:"endCustomerIdNumber",title:k.endCustomerIdNumber,value:N(null===(c=null==z?void 0:z.endCustomer)||void 0===c?void 0:c.idNumber),Icon:u}],Y=[{fieldName:"companyName",title:k.companyName,value:N(null==z?void 0:z.companyName)},{fieldName:"branchName",title:k.branchName,value:N(null==z?void 0:z.branchName)},{fieldName:"customerAccountNumber",title:k.customerAccountNumber,value:N(null==z?void 0:z.customerAccountNumber)},{fieldName:"customerID",title:k.customerID,value:N(null==z?void 0:z.customerID)},{fieldName:"brokerName",title:k.brokerName,value:N(null===(w=null==z?void 0:z.broker)||void 0===w?void 0:w.brokerName)},{fieldName:"brokerInvoiceNumber",title:k.brokerInvoiceNumber,value:N(null===(b=null==z?void 0:z.broker)||void 0===b?void 0:b.invoiceNumber)},{fieldName:"brokerInvoiceDate",title:k.brokerInvoiceDate,value:this.formatDate(null===(g=null==z?void 0:z.broker)||void 0===g?void 0:g.invoiceDate)},{fieldName:"warrantyActivationDate",title:k.warrantyActivationDate,value:N(null==z?void 0:z.warrantyActivationDate)},{fieldName:"invoiceDate",title:k.invoiceDate,value:this.formatDate(null==z?void 0:z.invoiceDate)},{fieldName:"invoiceNumber",title:k.invoiceNumber,value:this.formatDate(null==z?void 0:z.invoiceNumber)}].filter((t=>!m.includes(t.fieldName))),C=X.filter((t=>!m.includes(t.fieldName)));return t(r,{key:"b3723a3345d0eba6246f0a674c24aa053ff9e79a"},t(d,{key:"ab20643890cfb02a72d097e54439dfc5e8f2cd25",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(y=this.vehicleLookup)||void 0===y?void 0:y.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("flexible-container",{key:"d3551447d614049de64d0746da404f858594acf2"},t("flexible-container",{key:"20679db5add8a2fbaabbb1b7c14ccbbfe29fa887",classes:x({loading:this.isLoading||this.isError||!this.vehicleLookup}),isOpened:!!this.vehicleLookup&&!this.isError},t("div",{key:"e0adf21d131a9276f356c4eb01cfa78cb7bac07a",class:"p-[16px] mx-auto !pb-0 max-w-[520px]"},t("div",{key:"6a1a18fb8f6788f0dc447a9a6f934d024ddca169",class:x("relative shift-skeleton !rounded-[12px] shift-card",{"shift-card-warning":!j})},t("div",{key:"a776bf35c61180d7f3d558e3e5138e9bb1465e5c",class:x("absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity",j?"opacity-0 pointer-events-none select-none":"opacity-100")},t("div",{key:"64edd6594037c96a4812ec3558591c51646bd988",class:"w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]"},t("div",{key:"f12540e806b51197a5726e844854088418787225",class:"size-full flex flex-col justify-start gap-[12px] items-center"},t("span",{key:"8b5662ab2d13cfd124592026dc3b9ba2249f2e5d",class:"shift-card-icon","aria-hidden":"true"},t(h,{key:"70cef0859c27514be706c8750ab770d01cf26197"})),t("p",{key:"bbd1219321880331a0d2343ba5f2b91e9304b636",class:"mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]"},k["Vehicle has no end customer."]||"")))),t("div",{key:"0345067a530306e03d6e6cf71a6d788d32892074",class:x("transition-opacity",j?"opacity-100":"opacity-0 pointer-events-none select-none")},t("h2",{key:"8f2586f7f53b84a9ebf7ff345f935e29d9fd69ba",class:"shift-card-header"},k.customerInformation),t("div",{key:"8c299d704502bd3f6d34de7005a4979c1a308a9e",class:"flex flex-col gap-[2px]"},C.map((e=>{const a=e.value||"";return t("div",{class:"flex gap-[12px] items-start"},t("span",{class:"shift-card-icon","aria-hidden":"true"},t(e.Icon,null)),t("div",{class:"flex flex-col translate-y-[-4px]"},t("div",{class:"shift-card-seconary-text"},e.title,":"),t("div",{class:x("shift-card-primary-text translate-y-[-4px]",{"shift-card-empty-text":!a})},a||"—")))}))))))),t("div",{key:"7322f63267696f66f5fc096c2f01a337d2949a2c",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},Y.map((e=>t(n,{title:e.title,desc:e.value,minWidth:"250px"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.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}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.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))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e3e8ef;border-radius:12px;gap:12px;padding:12px}.shift-card-header{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:8px}.shift-card-icon{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.18));border:1px solid rgba(15,23,42,.12);border-radius:10px;color:#0f172a;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.shift-card-icon svg{height:20px;width:20px}.shift-card-seconary-text{color:#475569;font-size:13.5px}.shift-card-primary-text{color:#0f172a;font-size:15px;font-weight:700;overflow-wrap:anywhere}.shift-card-empty-text{color:#94a3b8;font-weight:600}.shift-card-warning{background:linear-gradient(180deg,#fff7ed,#fffbeb);border-color:rgba(245,158,11,.55)}.shift-card-warning .shift-card-icon{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(239,68,68,.16));border-color:rgba(245,158,11,.35);color:#7c2d12}.shift-card-warning .shift-card-header{color:#7c2d12}.shift-card-warning .shift-card-seconary-text{color:rgba(124,45,18,.72)}.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;text-align:center}.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}*,:host *{font-family:inherit!important}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:12px;color:rgb(15 23 42/var(--tw-text-opacity,1));flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-inline-start:8px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.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)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.size-\\[28px\\]{height:28px;width:28px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.w-fit{width:fit-content}.min-w-0{min-width:0}.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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.border-b{border-bottom-width:1px}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/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-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.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{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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.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}.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}.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-\\[\\#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-\\[\\#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}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.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)}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.mt-\\[4px\\]{margin-top:4px}.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-\\[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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.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%}.cursor-default{cursor:default}.gap-\\[10px\\]{gap:10px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}'}},[257,"vehicle-sale-information",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],hiddenFields:[1,"hidden-fields"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function m(){"undefined"!=typeof customElements&&["vehicle-sale-information","flexible-container"].forEach((t=>{switch(t){case"vehicle-sale-information":customElements.get(t)||customElements.define(t,y);break;case"flexible-container":customElements.get(t)||b()}}))}m();export{y as V,m as d}