adp-web-components 0.0.90 → 0.0.92

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,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as o}from"./p-CUREVASG.js";const s="activeCameraId",n=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(s)||"",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 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 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}}}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}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 s=r,n=o;if(Math.max(r,o)>i){const t=i/Math.max(r,o);s=Math.round(r*t),n=Math.round(o*t)}return e.width=s,e.height=n,e.getContext("2d").drawImage(t,0,0,s,n),e.toDataURL("image/png")}catch(t){return this.handleError(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:"0e60885fc467cbe88cd61bd3aef83962b653fd43"},i("slot",{key:"edd8cc1babde718518bf7b4e5f733d20a08bf5ad"}),i("input",Object.assign({key:"ea285ef825d1f9364098281a2f2d7564ef657a7a",class:"vin-extractor-input",type:"file",accept:"image/*"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),i("canvas",{key:"88c7e49d51d5527916dd6591f3429848a2af6098",class:"video-canvas hidden"}),!this.uploaderButtonId&&i("div",{key:"4182dbdb753092b17340156216bd37ca0ef376ce",onClick:()=>this.isOpen=!1,"aria-expanded":""+t,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:"e92032dcf789f47d6c32dec88b55ea1bdc0bdea7",onClick:t=>t.stopPropagation(),"aria-expanded":""+t,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:"1f4ccbd1212a35e9733128f275948257d84f7714",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:"041e0e25e79314b2991a0724cdcb2ccabd889ffb",class:"text-center md:text-3xl md:text-black text-slate-100 text-xl"},this.title),i("button",{key:"3124e163a89338bcc7d1a678443b9813cf9f5a55",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:"8deb949e3904a747999b55cf8ea32164de6b3924",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:"7c3e65764f8f196e045e3b501e6561bc14e86748",d:"M18 6 6 18"}),i("path",{key:"c8fed962e953cd21d69ffedf4c13e0db0797c560",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"60f5a920a5858e89a28f4a14d4a5292b59a55c9a",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:"3b0be903b48e697bb9bec695d74c38002bb0f8a1",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}@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}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);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}}.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)}@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))}}'}},[1,"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 c(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((t=>{"vin-extractor"===t&&(customElements.get(t)||customElements.define(t,n))}))}c();const d=n,l=c;export{d as VinExtractor,l as defineCustomElement}
+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 s="activeCameraId",n=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(s)||"",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 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 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}}}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 s=r,n=o;if(Math.max(r,o)>i){const t=i/Math.max(r,o);s=Math.round(r*t),n=Math.round(o*t)}return e.width=s,e.height=n,e.getContext("2d").drawImage(t,0,0,s,n),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:"98a1c5d51d6af8185e78f6e6a96cb49022b94a22"},i("slot",{key:"ddb94ab40e8ae57858f383af8ac0f99a79d27a4b"}),i("input",Object.assign({key:"489990f1d0edac7e4971d8fecbb0aa6ef87f515c",class:"vin-extractor-input",type:"file",accept:"image/*"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),i("canvas",{key:"354151d419d597b11319c632673f0854178cea94",class:"video-canvas hidden"}),!this.uploaderButtonId&&i("div",{key:"6ea70a9da437c4d1a24cbf37bd9176ef95bf2f75",onClick:()=>this.isOpen=!1,"aria-expanded":""+t,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:"f60a998bac4eba4fc446422cd1d5b31b6359b4bb",onClick:t=>t.stopPropagation(),"aria-expanded":""+t,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:"52648c3b2044167ecc8b723491d1c4c72471b6be",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:"a1902ca8239996fc722ff2aa5e54187f42ec45b6",class:"text-center md:text-3xl md:text-black text-slate-100 text-xl"},this.title),i("button",{key:"cd022cfbf1b98776931e2c0648e4bb6b3f52aa11",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:"6bc6cf39a43136dd3a306983ac465348c7af6f50",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:"ae61bf2116852b86755bb70a24994ff4227275b1",d:"M18 6 6 18"}),i("path",{key:"c132a07dbf8f3def6169e81076277eeb6b938191",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"1ad026ca247970d615fb43b4d615cb6db133cd84",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:"09e8defdd65d4d3ff886eaf37816c372654da06e",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}@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}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);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}}.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)}@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))}}'}},[1,"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 c(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((t=>{"vin-extractor"===t&&(customElements.get(t)||customElements.define(t,n))}))}c();const d=n,l=c;export{d as VinExtractor,l as defineCustomElement}

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

@@ -4,8 +4,8 @@
  */
 import { h, r as registerInstance, H as Host, a as getElement } from './index-CikEOqe0.js';
 import { c as cn } from './cn-BK16Cn81.js';
-import { A as AsYouType, C as CITY_ENDPOINT, g as generalTicketTypesSchema, F as FormHook } from './type-DHujxJVp.js';
-import { c as create$3, b as create$6, g as getLocaleLanguage } from './get-local-language-BPo-xYwK.js';
+import { A as AsYouType, C as CITY_ENDPOINT, g as generalTicketTypesSchema, F as FormHook } from './type-CAfIkrCW.js';
+import { c as create$3, b as create$6, g as getLocaleLanguage } from './get-local-language-KsoLM3LI.js';
 
 const phoneValidator = new AsYouType('IQ');
 phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
@@ -185,9 +185,9 @@ const ContactUsForm = class {
         }
     }
     render() {
-        return (h(Host, { key: '1884a7df751cf38d35ff7bb458da4cacb8ba4718', class: cn({
+        return (h(Host, { key: '095d2f75d88196a8e8e574863741811cc48af14e', class: cn({
                 [`contact-us-${this.theme}`]: this.theme,
-            }) }, h("form-structure", { key: 'af6fa00de3a6149ff98cd1578e4684b6b9762862', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, h("slot", { key: '293f206ca8a13e2276d9a52739967c775b8878e5' }))));
+            }) }, h("form-structure", { key: '05adbd0c7790c8de289ab9c2d741b314035196f5', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, h("slot", { key: 'f7b2240f9b19fa68c9d38c0e2811580e1c6570d4' }))));
     }
     get el() { return getElement(this); }
 };