adp-web-components 0.0.71 → 0.0.72

package/dist/components/vin-extractor.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as i,c as a}from"./p-c2432b50.js";import{c as o}from"./p-98d9e7ab.js";import{v as r}from"./p-383b4ddf.js";const s="activeCameraId",n=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),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=this.videoCanvas.getContext("2d");this.videoCanvas.width=i.width,this.videoCanvas.height=i.height,null==t||t.drawImage(i,0,0);const e=this.videoCanvas.toDataURL("image/png");await this.handleImage(e),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();const e=this.videoCanvas.getContext("2d");if(!e)return;this.handleOnProcessing(!0),t&&(this.videoPlayer.pause(),this.manualCaptureLoading=!0),this.videoCanvas.width=this.videoPlayer.videoWidth,this.videoCanvas.height=this.videoPlayer.videoHeight,e.drawImage(this.videoPlayer,0,0,this.videoCanvas.width,this.videoCanvas.height);const i=this.videoCanvas.toDataURL("image/png");this.handleImage(i),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 Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.json();(this.skipValidation||i.trim()&&r(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&&r(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 Error("no camera access")}if("denied"===e.state)throw Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw 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(s,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),Error("Error accessing camera: ")}},this.closeScanner=()=>{this.isCameraReady=!1,this.abortController.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(s,this.activeCameraId),this.stopCamera(),this.startCamera(),this.switchRotateDegree+=90}},this.title="",this.isOpen=!1,this.captureInterval=2e3,this.verbose=!1,this.useOcr=!1,this.readSticker=!1,this.uploaderButtonId=void 0,this.manualCapture=!1,this.skipValidation=!1,this.ocrEndpoint=void 0,this.onExtract=void 0,this.onError=void 0,this.onProcessing=void 0,this.onOpenChange=void 0,this.streamRef=void 0,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.blazorRef=void 0,this.videoInputs=[],this.manualCaptureLoading=!1,this.activeCameraId=localStorage.getItem(s)||""}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)}}}}setBlazorRef(t){this.blazorRef=t}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:"d9312226320c91737681368c4dd2792fdfd9f3e5"},i("slot",{key:"f4f045e3bb7eb1531424f2a7b9f525868ac21097"}),i("input",{key:"cd50cba3a41ea514f1f1aedb78435b85bb40f509",class:"vin-extractor-input",type:"file",accept:"image/*",capture:"environment",hidden:!0}),i("canvas",{key:"e50ec0bd15eb6f07639974374ccd9593e7df8e16",class:"video-canvas hidden"}),!this.uploaderButtonId&&i("div",{key:"5bd81346260512c17f2f54e0c700e55d284539f4",onClick:()=>this.isOpen=!1,"aria-expanded":""+t,class:"vin-extractor-background md:aria-expanded:bg-black/40 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:"37f22e346e17420f3e6fc5a62b2e2b0f67adf81f",onClick:t=>t.stopPropagation(),"aria-expanded":""+t,onAnimationEnd:()=>this.isAnimating=!1,onAnimationStart:()=>this.isAnimating=!0,class:o("vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto aria-expanded:pointer-events-auto w-full h-full relative transition-all duration-500",this.containerAnimation)},i("div",{key:"ec9762ce16f7a6de0f3dd56b1ac52b4fc0e0d670",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",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",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"}),i("h1",{key:"b94566ef63fe91c9dde534ab23d4e1aee6eb4202",class:"text-center md:text-3xl md:text-black text-slate-100 text-xl"},this.title),i("button",{key:"cc573cc740b0b57fa375c12438034c08035ee952",type:"button",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:"76a221a32de010ea3149450cdfdac11fec45009d",fill:"none","stroke-width":"2",class:"size-full",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"a07797044b13941c174ea9ae5c12b963841f720c",d:"M18 6 6 18"}),i("path",{key:"c5dd1a2ebabb47f07edfa64a5fe4499656192eae",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"ea2b100590631861b79b75dc63a7d97c069e35ea",type:"button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),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",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",class:"size-full animate-spin",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):i("svg",{fill:"none","stroke-width":"2",class:"size-full",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:"c433241d3c01cfe199bc5b0bc50901b5cb15eb86",id:"video",autoPlay:!0,playsInline:!0,class:"video-player md:aspect-auto 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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.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:Arial}@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!important}@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{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);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}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.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}.flex{display:flex}.hidden{display:none}.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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.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-xl{font-size:1.25rem;line-height:1.75rem}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.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)}.aria-expanded\\:pointer-events-auto[aria-expanded=true]{pointer-events:auto}@media (min-width:768px){.md\\:relative{position:relative}.md\\:aspect-auto{aspect-ratio:auto}.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-3xl{font-size:1.875rem;line-height:2.25rem}.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))}.md\\:aria-expanded\\:bg-black\\/40[aria-expanded=true]{background-color:rgba(0,0,0,.4)}}'}},[1,"vin-extractor",{title:[1],isOpen:[4,"is-open"],captureInterval:[2,"capture-interval"],verbose:[4],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],uploaderButtonId:[1,"uploader-button-id"],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],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,n))}))}d();const c=n,l=d;export{c as VinExtractor,l as defineCustomElement}
+import{p as t,H as e,h as i,c as a}from"./p-c2432b50.js";import{c as o}from"./p-98d9e7ab.js";import{v as r}from"./p-383b4ddf.js";const s="activeCameraId",n=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),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=this.videoCanvas.getContext("2d");this.videoCanvas.width=i.width,this.videoCanvas.height=i.height,null==t||t.drawImage(i,0,0);const e=this.videoCanvas.toDataURL("image/png");await this.handleImage(e),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();const e=this.videoCanvas.getContext("2d");if(!e)return;this.handleOnProcessing(!0),t&&(this.videoPlayer.pause(),this.manualCaptureLoading=!0),this.videoCanvas.width=this.videoPlayer.videoWidth,this.videoCanvas.height=this.videoPlayer.videoHeight,e.drawImage(this.videoPlayer,0,0,this.videoCanvas.width,this.videoCanvas.height);const i=this.videoCanvas.toDataURL("image/png");this.handleImage(i),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 Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&r(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&&r(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 Error("no camera access")}if("denied"===e.state)throw Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw 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(s,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),Error("Error accessing camera: ")}},this.closeScanner=()=>{this.isCameraReady=!1,this.abortController.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(s,this.activeCameraId),this.stopCamera(),this.startCamera(),this.switchRotateDegree+=90}},this.title="",this.isOpen=!1,this.captureInterval=2e3,this.verbose=!1,this.useOcr=!1,this.readSticker=!1,this.uploaderButtonId=void 0,this.manualCapture=!1,this.skipValidation=!1,this.ocrEndpoint=void 0,this.onExtract=void 0,this.onError=void 0,this.onProcessing=void 0,this.onOpenChange=void 0,this.streamRef=void 0,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.blazorRef=void 0,this.videoInputs=[],this.manualCaptureLoading=!1,this.activeCameraId=localStorage.getItem(s)||""}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)}}}}setBlazorRef(t){this.blazorRef=t}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:"d9312226320c91737681368c4dd2792fdfd9f3e5"},i("slot",{key:"f4f045e3bb7eb1531424f2a7b9f525868ac21097"}),i("input",{key:"cd50cba3a41ea514f1f1aedb78435b85bb40f509",class:"vin-extractor-input",type:"file",accept:"image/*",capture:"environment",hidden:!0}),i("canvas",{key:"e50ec0bd15eb6f07639974374ccd9593e7df8e16",class:"video-canvas hidden"}),!this.uploaderButtonId&&i("div",{key:"5bd81346260512c17f2f54e0c700e55d284539f4",onClick:()=>this.isOpen=!1,"aria-expanded":""+t,class:"vin-extractor-background md:aria-expanded:bg-black/40 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:"37f22e346e17420f3e6fc5a62b2e2b0f67adf81f",onClick:t=>t.stopPropagation(),"aria-expanded":""+t,onAnimationEnd:()=>this.isAnimating=!1,onAnimationStart:()=>this.isAnimating=!0,class:o("vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto aria-expanded:pointer-events-auto w-full h-full relative transition-all duration-500",this.containerAnimation)},i("div",{key:"ec9762ce16f7a6de0f3dd56b1ac52b4fc0e0d670",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",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",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"}),i("h1",{key:"b94566ef63fe91c9dde534ab23d4e1aee6eb4202",class:"text-center md:text-3xl md:text-black text-slate-100 text-xl"},this.title),i("button",{key:"cc573cc740b0b57fa375c12438034c08035ee952",type:"button",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:"76a221a32de010ea3149450cdfdac11fec45009d",fill:"none","stroke-width":"2",class:"size-full",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"a07797044b13941c174ea9ae5c12b963841f720c",d:"M18 6 6 18"}),i("path",{key:"c5dd1a2ebabb47f07edfa64a5fe4499656192eae",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"ea2b100590631861b79b75dc63a7d97c069e35ea",type:"button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),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",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",class:"size-full animate-spin",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):i("svg",{fill:"none","stroke-width":"2",class:"size-full",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:"c433241d3c01cfe199bc5b0bc50901b5cb15eb86",id:"video",autoPlay:!0,playsInline:!0,class:"video-player md:aspect-auto 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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.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:Arial}@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!important}@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{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);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}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.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}.flex{display:flex}.hidden{display:none}.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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.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-xl{font-size:1.25rem;line-height:1.75rem}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.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)}.aria-expanded\\:pointer-events-auto[aria-expanded=true]{pointer-events:auto}@media (min-width:768px){.md\\:relative{position:relative}.md\\:aspect-auto{aspect-ratio:auto}.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-3xl{font-size:1.875rem;line-height:2.25rem}.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))}.md\\:aria-expanded\\:bg-black\\/40[aria-expanded=true]{background-color:rgba(0,0,0,.4)}}'}},[1,"vin-extractor",{title:[1],isOpen:[4,"is-open"],captureInterval:[2,"capture-interval"],verbose:[4],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],uploaderButtonId:[1,"uploader-button-id"],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],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,n))}))}d();const c=n,l=d;export{c as VinExtractor,l as defineCustomElement}

package/dist/components/warranty-details.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{W as o,d as s}from"./p-03eb34a4.js";const a=o,p=s;export{a as WarrantyDetails,p as defineCustomElement}
+import{W as a,d as o}from"./p-1a148a93.js";const s=a,p=o;export{s as WarrantyDetails,p as defineCustomElement}

package/dist/esm/contact-us-form.entry.js

@@ -5,7 +5,7 @@
 import { h, r as registerInstance, H as Host, g as getElement } from './index-aec4162d.js';
 import { c as cn } from './cn-cc419b94.js';
 import { A as AsYouType, C as CITY_ENDPOINT, F as FormHook } from './urls-e22234f9.js';
-import { c as create$3, a as create$6, g as getLocaleLanguage } from './get-local-language-30340626.js';
+import { c as create$3, a as create$6, g as getLocaleLanguage } from './get-local-language-54067db8.js';
 
 const phoneValidator = new AsYouType('IQ');
 phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
@@ -122,7 +122,7 @@ const contactUsElements = {
     },
 };
 
-const formCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}";
+const formCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.items-center{align-items:center}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.duration-1000{transition-duration:1s}.hidden{display:none}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}";
 const ContactUsFormStyle0 = formCss;
 
 const ContactUsForm = class {

package/dist/esm/dead-stock-lookup_3.entry.js

@@ -3,7 +3,7 @@
  * Copyright (c)
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-aec4162d.js';
-import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-30340626.js';
+import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-54067db8.js';
 import { c as cn } from './cn-cc419b94.js';
 
 const getPartInformation = async (component, generalProps, headers = {}) => {
@@ -304,7 +304,7 @@ const DistributorLookup = class {
 };
 DistributorLookup.style = DistributorLookupStyle0;
 
-const manufacturerLookupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-\\[40px\\]{height:40px}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}";
+const manufacturerLookupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-\\[40px\\]{height:40px}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}";
 const ManufacturerLookupStyle0 = manufacturerLookupCss;
 
 let mockData = {};