adp-web-components 0.3.20 → 0.4.0

package/dist/components/{p-68bjv9gT.js → p-Cy8khSKP.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as a,H as r,h as o,a as e}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{A as n}from"./p-BzsXkZqy.js";const s=a(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.message="",this.closeText="",this.isError=!1,this.successMessage="",this.isOpened=!1,this.internalMessage="",this.closeDialog=()=>{this.isOpened=!1,setTimeout((()=>{this.internalMessage="",this.dialogClosed&&this.dialogClosed()}),310)}}async componentWillLoad(){this.form.openDialog=()=>this.isOpened=!0,this.internalMessage&&(this.internalMessage=this.message,setTimeout((()=>this.isOpened=!0),100))}async changeErrorMiddleware(t){t&&t!==this.internalMessage?(this.internalMessage=t,setTimeout((()=>this.isOpened=!0),100)):this.isOpened=!1}render(){const[t]=this.form.getFormLocale(),a=i("form-dialog-modal dialog-drop-container",{"dialog-drop-container-opened":this.isOpened,"dialog-drop-container-error":this.isError}),r=i("dialog-wrapper",{"dialog-wrapper-opened":this.isOpened}),s=i("dialog-close-button",{"dialog-close-button-error":this.isError}),l="form-success-container",c="form-success-container-icon",d=i("dialog-content"),w="dialog-close-icon-button",p="dialog-close-icon-button-icon";return o(e,{key:"b50546b0ce0149b8eed508ea6893d72abd188353",translate:"no"},o("div",{key:"6313d48e787da724930757b624d231ee4319b6cc",part:a,dir:t.sharedFormLocales.direction,class:a},o("div",{key:"6a36a041a59e2fb2183b3dd9acc2876e6f8b49ca",part:r,class:r},o("button",{key:"23209f32d249b772807e0f252c017c3046611a88","aria-label":"Close the dialog",part:w,onClick:this.closeDialog,type:"button",class:w},o(n,{key:"367441ea8265b73ddd2171f100747d4f6edcd089",class:p,part:p})),o("div",{key:"4de12b1c40d8c064ef42ed2e04f907d443dc90a5",part:d,class:d},this.isError&&this.internalMessage,o("div",{key:"7d38273be6c66ea4d43b4ed1378e20a4ea25b9b6",style:{display:this.isError?"none":"block"}},o("div",{key:"83f5f05ab413dfea6047465aa4c970b03af52b3e",class:l,part:l},o("svg",{key:"6471e82f875322ae6c4b444290302a875459e76a",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",part:c,class:c},o("path",{key:"fec66b3648afd154c59ed4bff7a57d1a3a92a9be",d:"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"}),o("path",{key:"c5496fa648689d0667782acfc5a76a56bd7d7b14",d:"m9 12 2 2 4-4"})),this.successMessage))),o("button",{key:"47f3c2848e5f3f2241a8294d585b4ded74b626ca",part:s,type:"button",onClick:this.closeDialog,class:s},this.closeText))))}static get watchers(){return{message:[{changeErrorMiddleware:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[99999999999\\]{z-index:99999999999}.float-right{float:right}.-mb-\\[10px\\]{margin-bottom:-10px}.block{display:block}.flex{display:flex}.size-\\[20px\\]{height:20px;width:20px}.h-\\[100\\%\\]{height:100%}.h-\\[32px\\]{height:32px}.w-\\[100\\%\\]{width:100%}.w-fit{width:fit-content}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.self-end{align-self:flex-end}.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-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/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-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-300{transition-duration:.3s!important}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.dialog-drop-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:99999999999}.dialog-drop-container-opened{backdrop-filter:blur(1.5px)!important;background-color:rgba(0,0,0,.5);pointer-events:auto}.dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:32px;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content}.dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dialog-close-button-error{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-close-button-error:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dialog-close-button-error:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dialog-wrapper{--tw-scale-x:.5;--tw-scale-y:.5;--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:16px;max-width:80dvw;min-width:322px;opacity:0;padding:20px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dialog-wrapper,.dialog-wrapper-opened{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dialog-wrapper-opened{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dialog-wrapper .form-success-container{align-items:center;display:flex;flex-direction:column}.dialog-content{text-align:start}.dialog-close-icon-button{--tw-rotate:45deg;align-self:flex-end;float:right;height:20px;margin-bottom:-10px;opacity:.4;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:20px}.dialog-close-icon-button:hover{opacity:1}.form-success-container-icon{stroke:#15803d;height:70px;width:70px}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.static{position:static}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.grid{display:grid}.hidden{display:none}.size-20{height:5rem;width:5rem}.-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-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-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-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.rtl\\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.absolute{position:absolute}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.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}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[1,"form-dialog",{message:[1],form:[16],closeText:[1,"close-text"],isError:[4,"is-error"],successMessage:[1,"success-message"],dialogClosed:[16],isOpened:[32],internalMessage:[32]},void 0,{message:[{changeErrorMiddleware:0}]}]);function l(){"undefined"!=typeof customElements&&["form-dialog"].forEach((a=>{"form-dialog"===a&&(customElements.get(t(a))||customElements.define(t(a),s))}))}l();export{s as F,l as d}
+import{t,p as a,H as r,h as o,a as e}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{A as n}from"./p-BzsXkZqy.js";const s=a(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.message="",this.closeText="",this.isError=!1,this.successMessage="",this.isOpened=!1,this.internalMessage="",this.closeDialog=()=>{this.isOpened=!1,setTimeout((()=>{this.internalMessage="",this.dialogClosed&&this.dialogClosed()}),310)}}async componentWillLoad(){this.form.openDialog=()=>this.isOpened=!0,this.internalMessage&&(this.internalMessage=this.message,setTimeout((()=>this.isOpened=!0),100))}async changeErrorMiddleware(t){t&&t!==this.internalMessage?(this.internalMessage=t,setTimeout((()=>this.isOpened=!0),100)):this.isOpened=!1}render(){const[t]=this.form.getFormLocale(),a=i("form-dialog-modal dialog-drop-container",{"dialog-drop-container-opened":this.isOpened,"dialog-drop-container-error":this.isError}),r=i("dialog-wrapper",{"dialog-wrapper-opened":this.isOpened}),s=i("dialog-close-button",{"dialog-close-button-error":this.isError}),l="form-success-container",c="form-success-container-icon",d=i("dialog-content"),p="dialog-close-icon-button",w="dialog-close-icon-button-icon";return o(e,{key:"e9e599675b5268ef520b93ced7522bea887802e0",translate:"no"},o("div",{key:"465df1ed4404d716c5844f696876595b250103f8",part:a,dir:t.sharedFormLocales.direction,class:a},o("div",{key:"bc5e0d561b445cb6fab26c79c0bf80d8ce18a4ec",part:r,class:r},o("button",{key:"be02436457c641098e160eeca6129c56017f923c","aria-label":"Close the dialog",part:p,onClick:this.closeDialog,type:"button",class:p},o(n,{key:"768e4953183e3aea445ec35715f6b6973fe21e64",class:w,part:w})),o("div",{key:"eca54fb5267db68ab0b5ff64dd18d0684fabf887",part:d,class:d},this.isError&&this.internalMessage,o("div",{key:"74218bc8709de5018d5e7747abfeebfa821ef8bd",style:{display:this.isError?"none":"block"}},o("div",{key:"3eacead690f6a5880e27d0cb106f875a19a1d5e3",class:l,part:l},o("svg",{key:"06f2e08a5dc1c59058c692554137c261504fc48f",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",part:c,class:c},o("path",{key:"c134fa3bb26aa0ec087c3d31a384088aabdad806",d:"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"}),o("path",{key:"918302096359ad0763994a2d4d98987ea8ff401e",d:"m9 12 2 2 4-4"})),this.successMessage))),o("button",{key:"00fef96fef0705499e10b245429a566661f1ac11",part:s,type:"button",onClick:this.closeDialog,class:s},this.closeText))))}static get watchers(){return{message:[{changeErrorMiddleware:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[99999999999\\]{z-index:99999999999}.float-right{float:right}.-mb-\\[10px\\]{margin-bottom:-10px}.block{display:block}.flex{display:flex}.size-\\[20px\\]{height:20px;width:20px}.h-\\[100\\%\\]{height:100%}.h-\\[32px\\]{height:32px}.w-\\[100\\%\\]{width:100%}.w-fit{width:fit-content}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.self-end{align-self:flex-end}.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-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/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-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-300{transition-duration:.3s!important}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.dialog-drop-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:99999999999}.dialog-drop-container-opened{backdrop-filter:blur(1.5px)!important;background-color:rgba(0,0,0,.5);pointer-events:auto}.dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:32px;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content}.dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dialog-close-button-error{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-close-button-error:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dialog-close-button-error:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dialog-wrapper{--tw-scale-x:.5;--tw-scale-y:.5;--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:16px;max-width:80dvw;min-width:322px;opacity:0;padding:20px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dialog-wrapper,.dialog-wrapper-opened{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dialog-wrapper-opened{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dialog-wrapper .form-success-container{align-items:center;display:flex;flex-direction:column}.dialog-content{text-align:start}.dialog-close-icon-button{--tw-rotate:45deg;align-self:flex-end;float:right;height:20px;margin-bottom:-10px;opacity:.4;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:20px}.dialog-close-icon-button:hover{opacity:1}.form-success-container-icon{stroke:#15803d;height:70px;width:70px}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.static{position:static}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.grid{display:grid}.hidden{display:none}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.rtl\\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.absolute{position:absolute}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.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}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[1,"form-dialog",{message:[1],form:[16],closeText:[1,"close-text"],isError:[4,"is-error"],successMessage:[1,"success-message"],dialogClosed:[16],isOpened:[32],internalMessage:[32]},void 0,{message:[{changeErrorMiddleware:0}]}]);function l(){"undefined"!=typeof customElements&&["form-dialog"].forEach((a=>{"form-dialog"===a&&(customElements.get(t(a))||customElements.define(t(a),s))}))}l();export{s as F,l as d}

package/dist/components/{p-BpB_86n0.js → p-D4VK-Fv7.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as t,p as e,H as i,a,t as o}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{o as n,I as s,c as d,e as c}from"./p-ByNlQjpu.js";import{A as p}from"./p-BzsXkZqy.js";import{C as l}from"./p-B6xZ__mT.js";import{Q as h}from"./p-D_ukwEEB.js";import{T as b}from"./p-CILGkcfa.js";import{d as x}from"./p-B2bD-55K.js";var f,u;const g=/\b(transform|perspective|filter|backdrop-filter|contain)\b/,m=/\b(paint|layout|strict|content)\b/,v=t=>{if(!t)return!1;if(t.transform&&"none"!==t.transform)return!0;if(t.perspective&&"none"!==t.perspective)return!0;if(t.filter&&"none"!==t.filter)return!0;const e=t.backdropFilter||t.webkitBackdropFilter;return!(!e||"none"===e)||!(!t.contain||!m.test(t.contain))||!(!t.willChange||!g.test(t.willChange))},w="undefined"!=typeof HTMLDialogElement&&"function"==typeof(null===(f=HTMLDialogElement.prototype)||void 0===f?void 0:f.showModal),y="undefined"!=typeof HTMLElement&&"function"==typeof(null===(u=HTMLElement.prototype)||void 0===u?void 0:u.showPopover),k=t=>!t||t.open?w:w?(t.showModal(),!0):(t.setAttribute("open",""),!1),z=t=>{t&&(w&&t.open?t.close():t.removeAttribute("open"))},C=t=>{if(!t||!y||t.hasAttribute("popover"))return!1;if(!(t=>{var e,i;if(!t||"function"!=typeof getComputedStyle)return!1;let a=t.parentElement,o=null===(e=t.getRootNode)||void 0===e?void 0:e.call(t);for(;;){if(!a){if(!(o instanceof ShadowRoot))return!1;if(a=o.host,o=null===(i=null==a?void 0:a.getRootNode)||void 0===i?void 0:i.call(a),!a)return!1}if(v(getComputedStyle(a)))return!0;a=a.parentElement}})(t))return!1;t.setAttribute("popover","manual");try{return t.showPopover(),!0}catch(e){return t.removeAttribute("popover"),!1}},j=t=>{if(t&&t.hasAttribute("popover")){try{t.hidePopover()}catch(t){}t.removeAttribute("popover")}},E=t=>{const e=e=>{"Escape"===e.key&&t(e)};return window.addEventListener("keydown",e,!0),()=>window.removeEventListener("keydown",e,!0)},q=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})),L=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round",xmlns:"http://www.w3.org/2000/svg","stroke-linejoin":"round"},t("polyline",{points:"6 9 6 2 18 2 18 9"}),t("path",{d:"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"}),t("rect",{x:"6",y:"14",width:"12",height:"8"})),X=e(class e extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedImage="",this.uploadMultipleDocuments=!0,this.uploadProgress=0,this.isOpened=!1,this.isLoading=!1,this.compact=!1,this.claimLabelWidth=0,this.claimError="",this.confirmationStates={},this.errors={},this.inputs={documents:[]},this.suppressMeasure=!1,this.observedClaimLabels=[],this.releaseOpenFallbacks=()=>{this.releaseEscapeFallback&&(this.releaseEscapeFallback(),this.releaseEscapeFallback=void 0,document.body.style.overflow="")},this.onDialogCancel=t=>{t.preventDefault(),this.expandedImage||(this.claimError?this.dismissError():this.close())},this.onWindowResize=()=>this.measureCompact(),this.dismissError=()=>{var t;this.claimError="","ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)&&setTimeout((()=>{const t=this.el.shadowRoot.querySelector('input[type="text"]');t&&!t.disabled&&(t.focus(),t.select())}),50)},this.measureClaimLabel=()=>{const t=this.isLoading?this.busyClaimLabelEl:this.idleClaimLabelEl;if(!t)return;const e=Math.ceil(t.getBoundingClientRect().width);e>0&&e!==this.claimLabelWidth&&(this.claimLabelWidth=e)},this.observeClaimLabels=()=>{var t;const e=[this.idleClaimLabelEl,this.busyClaimLabelEl].filter(Boolean);e.length===this.observedClaimLabels.length&&e.every(((t,e)=>t===this.observedClaimLabels[e]))||(null===(t=this.claimLabelResizeObserver)||void 0===t||t.disconnect(),this.observedClaimLabels=e,e.length&&(this.claimLabelResizeObserver||(this.claimLabelResizeObserver=new ResizeObserver((()=>this.measureClaimLabel()))),e.forEach((t=>this.claimLabelResizeObserver.observe(t)))))},this.measureCompact=()=>{var t,i;if(!this.isOpened)return;const a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".claim-scrim"),o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".voucher");if(!a||!o)return;this.suppressMeasure=!0,a.classList.remove("compact");const r=o.offsetHeight+e.STAGE_PADDING<=a.clientHeight;a.classList.toggle("compact",!r),this.compact=!r,requestAnimationFrame((()=>this.suppressMeasure=!1))},this.setErrorValue=(t,e)=>{const i=this.errors[t]||{};this.errors=Object.assign(Object.assign({},this.errors),{[t]:Object.assign(Object.assign({},i),e)})},this.setInputValue=(t,e)=>{this.inputs=Object.assign(Object.assign({},this.inputs),{[t]:e})},this.onFileUploaderChange=t=>{var e,i,a,o,r;const n=t.target;if(!n.files)return;const s=parseInt(n.dataset.maxSize||"0",10),d=this.uploadMultipleDocuments?Array.from(n.files):[n.files[0]];n.value="";let c=!1;const p=d.filter((t=>{var e,i;return t.size<=s?!(null===(i=null===(e=this.inputs)||void 0===e?void 0:e.documents)||void 0===i?void 0:i.some((e=>e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified))):(c=!0,!1)}));this.setInputValue("documents",this.uploadMultipleDocuments?[...(null===(e=this.inputs)||void 0===e?void 0:e.documents)||[],...p]:p),c?this.setErrorValue("documents",{show:!0,text:"documentLimitError"}):((null===(i=this.errors)||void 0===i?void 0:i.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1}),"ClaimByScanningQRCode"===(null===(o=this.item)||void 0===o?void 0:o.claimingMethodEnum)?(null===(r=this.inputs)||void 0===r?void 0:r.qrCode)&&this.submit():this.focusInputs())},this.onDocumentButtonClicked=()=>{const t=this.el.shadowRoot.querySelector(".document-uploader");t&&t.click()},this.focusInputs=()=>{setTimeout((()=>{const t=this.el.shadowRoot.querySelectorAll('input[type="text"]'),e=Array.from(t).find((t=>!t.disabled&&!t.readOnly));e&&e.focus()}),50)},this.focusEmptyInputs=()=>{var t,e;const i=this.el.shadowRoot.querySelectorAll('input[type="text"]'),a=Array.from(i).find((t=>{var e;return!(null===(e=t.value)||void 0===e?void 0:e.trim())}));a&&a.focus(),(null===(t=this.item)||void 0===t?void 0:t.documentUploaderIsRequired)&&!(null===(e=this.inputs)||void 0===e?void 0:e.documents.length)&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})},this.submit=async()=>{var t,e,i,a,o,r,n,s;if(!this.claimError){if(!this.getIsFormValid())return this.focusEmptyInputs();if(this.getIsFormConfirmed())if((null===(t=this.item)||void 0===t?void 0:t.showDocumentUploader)&&(null===(e=this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!(null===(a=null===(i=this.inputs)||void 0===i?void 0:i.documents)||void 0===a?void 0:a.length))this.setErrorValue("documents",{show:!0,text:"documentRequiredError"});else{this.isLoading=!0;try{this.handleClaiming&&await this.handleClaiming(null===(o=this.inputs)||void 0===o?void 0:o.documents,{qrCode:null===(r=this.inputs)||void 0===r?void 0:r.qrCode,invoice:null===(n=this.inputs)||void 0===n?void 0:n.invoice,jobNumber:null===(s=this.inputs)||void 0===s?void 0:s.jobNumber}),this.close(!0)}catch(t){console.error(t)}finally{this.isLoading=!1}}}},this.onConfirmCheckboxChange=t=>e=>{const i=e.target;this.confirmationStates=Object.assign(Object.assign({},this.confirmationStates),{[t]:i.checked}),this.getIsFormConfirmed&&this.focusInputs()},this.getIsFormConfirmed=()=>{var t,e;if(Array.isArray(null===(t=this.item)||void 0===t?void 0:t.warnings))for(let t=0;t<(null===(e=this.item)||void 0===e?void 0:e.warnings.length);t++){const e=this.item.warnings[t];if((null==e?void 0:e.confirmationText)&&!this.confirmationStates[e.key])return!1}return!0},this.getIsFormValid=()=>{var t,e,i,a,o,r,n,s,d;if("ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)){if(!(null===(i=null===(e=this.inputs)||void 0===e?void 0:e.qrCode)||void 0===i?void 0:i.trim().length))return!1}else{if(!(null===(o=null===(a=this.inputs)||void 0===a?void 0:a.invoice)||void 0===o?void 0:o.trim().length))return!1;if(!(null===(n=null===(r=this.inputs)||void 0===r?void 0:r.jobNumber)||void 0===n?void 0:n.trim().length))return!1}return!((null===(s=this.item)||void 0===s?void 0:s.documentUploaderIsRequired)&&!(null===(d=this.inputs)||void 0===d?void 0:d.documents.length))},this.resetState=()=>{this.item=null,this.errors={},this.inputs={documents:[]},this.isLoading=!1,this.compact=!1,this.claimError="",this.confirmationStates={}},this.clearFile=t=>{var e,i,a;if("number"==typeof t){const i=this.inputs.documents.filter(((e,i)=>i!==t));this.setInputValue("documents",i),(null===(e=null==this?void 0:this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!i.length&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})}else t.stopPropagation(),this.setInputValue("documents",[]),(null===(i=this.errors)||void 0===i?void 0:i.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1})},this.onKeyDown=t=>{"Enter"!==t.key||this.claimError||this.submit()},this.openWarningImage=(t,e)=>{const i=t.currentTarget.querySelector(".doc-thumb");i&&n.bind(this)(i,e)}}async open(){this.isOpened=!0,k(this.dialogEl)||(document.body.style.overflow="hidden",this.releaseEscapeFallback=E(this.onDialogCancel)),this.focusInputs(),window.addEventListener("resize",this.onWindowResize),requestAnimationFrame((()=>this.measureCompact())),setTimeout((()=>this.measureCompact()),150)}onIsLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async close(t=!1){this.isLoading&&!t||(this.isOpened=!1,window.removeEventListener("resize",this.onWindowResize),await new Promise((t=>setTimeout(t,500))),this.isOpened||(this.releaseOpenFallbacks(),z(this.dialogEl),this.resetState()))}async setFileUploadProgression(t){this.uploadProgress=t}async showError(t){this.claimError=t||this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater,setTimeout((()=>{const t=this.el.shadowRoot.querySelector(".btn-err-ok");t&&t.focus()}),50)}componentDidRender(){var t,e;this.observeClaimLabels(),this.measureClaimLabel();const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".voucher");i!==this.observedVoucherEl&&(null===(e=this.voucherResizeObserver)||void 0===e||e.disconnect(),this.observedVoucherEl=i||void 0,i&&(this.voucherResizeObserver||(this.voucherResizeObserver=new ResizeObserver((()=>{this.suppressMeasure||this.measureCompact()}))),this.voucherResizeObserver.observe(i)))}connectedCallback(){this.isOpened&&this.dialogEl&&!this.dialogEl.open&&k(this.dialogEl)}disconnectedCallback(){var t,e;null===(t=this.voucherResizeObserver)||void 0===t||t.disconnect(),null===(e=this.claimLabelResizeObserver)||void 0===e||e.disconnect(),this.observedClaimLabels=[],this.observedVoucherEl=void 0,window.removeEventListener("resize",this.onWindowResize),this.releaseOpenFallbacks()}render(){var e,i,o,n,x,f,u,g,m,v,w,y,k,z,C,j,E,X,Y,I,S,B,M;const R="ClaimByScanningQRCode"===(null===(e=this.item)||void 0===e?void 0:e.claimingMethodEnum),O=!(null===(i=this.item)||void 0===i?void 0:i.showDocumentUploader),T=!this.getIsFormConfirmed()||this.isLoading,_=this.getIsFormValid(),A=!!(null===(n=null===(o=this.inputs)||void 0===o?void 0:o.documents)||void 0===n?void 0:n.length),D=!!(null===(x=this.item)||void 0===x?void 0:x.showDocumentUploader)&&A,N=this.isLoading&&D;return t(a,{key:"bb469bc40a3044a9aea13607537bc67f3a70cdc1",translate:"no"},t("dialog",{key:"027a91783d5a7cf4693ca52beef31baaa61aec61",ref:t=>this.dialogEl=t,class:"claim-dialog",onCancel:this.onDialogCancel},t(s,{key:"0acf55ef733b6a0ce2c4857010edc1a75cd6da12",style:{"z-index":"99999999"},expandedImage:this.expandedImage,imageStyle:{"z-index":"999999999"},closeImageViewer:()=>d.bind(this)()}),t("div",{key:"5b3d6f7a2fd2c5246d9c012032107e2be95167f1",dir:this.locale.sharedLocales.direction,class:r("claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0",{"opacity-1 scale-100 pointer-events-auto":this.isOpened,compact:this.compact})},t("div",{key:"75db15a43d12be6ba6077cc645fb7f4024954021",class:"stage"},t("div",{key:"9bfffa53de61224d368102b173b4fd572e0484bb",class:r("voucher",{side:!O,bottom:O,qr:R})},t("button",{key:"0df7c388d0d17178e21c97c0bc2b2764b5b8fecd",disabled:this.isLoading,onClick:this.close.bind(this),class:"btn-close","aria-label":"Close"},t(p,{key:"dbf82ad7a65c4170ce6badc88a93604ea1a21ab9",class:"stroke-[1.5px]"})),t("section",{key:"53dd8233b0087190b523574c51f013703e933c7f",class:"v-body"},t("div",{key:"f8a5ceea13458a70ecee5812a8f2e22d2d04e7a6",class:"item-row"},t("div",{key:"9ec749557bc913a743684261e54d8cf2840d410c"},!!(null===(f=this.item)||void 0===f?void 0:f.type)&&t("span",{key:"813f5bc36b54ed177f3ea07f1f14fbd9e3fe5e35",class:"item-type"},this.item.type),t("div",{key:"7a92009ec502cd62e9ea0903e960399b4a2a56cc",class:"item-name"},null===(u=this.item)||void 0===u?void 0:u.name)),t("div",{key:"662fa9dcade55ebe4f2732920c9231e9f5dd45cd",class:"vin-stamp"},t("div",{key:"74100a763aed36491dd537f59c98c330e2f13ca9",class:"lab"},this.locale.vin),t("div",{key:"d1f84ba517899a1890632be257e39d3c8820d186",class:"vin",dir:"ltr"},this.vin),!!(null===(g=this.item)||void 0===g?void 0:g.printUrl)&&t("button",{key:"ba8c6b16c27a247f2700c57d2142be12529552b4",class:"btn-print",onClick:()=>{var t;return null===(t=window.open(this.item.printUrl,"_blank"))||void 0===t?void 0:t.focus()}},t(L,{key:"7e8627a242f529c1380d62bd4c79d730bd7984ec"}),this.locale.print))),t("div",{key:"61cb0008ebedabb35ce4126fe6cd4c2a0119aaeb",class:"specs"},t("div",{key:"ba4bb026cfea2cda1fa64d901bc746bf5aa18000",class:"spec"},t("div",{key:"debe2ff51226fb4d959ebbd3a104b73c1c67a10a",class:"lab"},this.locale.activationDate),t("div",{key:"2c25cce940a67c79e57cc91c44b1bcb189fb46c1",class:"val",dir:"ltr"},(null===(m=this.item)||void 0===m?void 0:m.activatedAt)||"—")),t("div",{key:"6a35832eadb826dabc11020917465c3434a77f5d",class:"spec"},t("div",{key:"9c9dc44e7922349aab8d415ce2bcb039c3c79409",class:"lab"},this.locale.expireDate),t("div",{key:"0142a41889296d5c13ee1edb5a338f10e397b3d4",class:"val",dir:"ltr"},(null===(v=this.item)||void 0===v?void 0:v.expiresAt)||"—")),t("div",{key:"43f2978c6c01d94468af162c01f8ec8d37b9e1ae",class:"spec pkg"},t("div",{key:"4bc9d38a3de36c7083636a9d765a426aed1bfb86",class:"lab"},this.locale.packageCode),t("div",{key:"6ee6ad4c4aa94e69a17b5441a028e86914701d76",class:"val",dir:"ltr"},(null===(w=this.item)||void 0===w?void 0:w.packageCode)||"—"))),Array.isArray(null===(y=this.item)||void 0===y?void 0:y.warnings)&&!!this.item.warnings.length&&t("div",{key:"fdc9402c0b8cc7aa52ec5bc9d47d1ada877eacd0",class:"notices"},this.item.warnings.map((e=>t("div",{key:e.key,class:r("notice",{info:!(null==e?void 0:e.confirmationText)})},t("div",{class:"doc-row"},t("div",{class:"ntc-body",innerHTML:e.bodyContent}),(null==e?void 0:e.imageUrl)&&t("button",{class:"doc-thumb-btn",title:this.locale.expand,onClick:t=>this.openWarningImage(t,null==e?void 0:e.imageUrl)},t("span",{class:"thumb-overlay"},t("img",{src:c}),this.locale.expand),t("img",{class:"doc-thumb",src:null==e?void 0:e.imageUrl}))),(null==e?void 0:e.confirmationText)&&t("div",{class:"confirm"},t("label",{class:r({disabled:this.isLoading})},t("input",{type:"checkbox",class:"sr-only",disabled:this.isLoading,checked:!!this.confirmationStates[e.key],onChange:this.onConfirmCheckboxChange(e.key)}),t("span",{class:"cbx-face"},t(l,null)),null==e?void 0:e.confirmationText))))))),t("aside",{key:"80a09aca363a19b32e4594a966bb4e56b2ddf2c7",class:"stub"},t("div",{key:"80fe06f70ad3e79b718723cd13e6473881c84cc7",class:"perf"}),R&&t("div",{key:"f44bf72964ab1357d87d82e47ae81965f57cf7af",class:"field-label"},this.locale.qrCode),t("div",{key:"e66614c86bb187aa88d3c02f816f5317736616b6",class:"claim-area"},R?t("div",{class:r("scanzone",{disabled:T})},t("div",{class:"sz-row"},t("span",{class:"qr-ic"},t(h,null)),t("input",{dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:T,onBlur:()=>{this.claimError||this.focusInputs()},onKeyDown:this.onKeyDown,value:null===(k=this.inputs)||void 0===k?void 0:k.qrCode,placeholder:this.locale.scanTheVoucher,onInput:t=>this.setInputValue("qrCode",t.target.value)})),t("div",{class:"scan-hint"},t("span",{class:"dot"}),this.locale.scanHint)):[t("div",{class:"field",key:"invoice"},t("label",null,this.locale.invoice),t("input",{dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:T,onKeyDown:this.onKeyDown,value:null===(z=this.inputs)||void 0===z?void 0:z.invoice,placeholder:this.locale.invoice,onInput:t=>this.setInputValue("invoice",t.target.value)})),t("div",{class:"field",key:"jobNumber"},t("label",null,this.locale.jobNumber),t("input",{dir:"ltr",type:"text",spellcheck:"false",autocomplete:"off",disabled:T,onKeyDown:this.onKeyDown,value:null===(C=this.inputs)||void 0===C?void 0:C.jobNumber,placeholder:this.locale.jobNumber,onInput:t=>this.setInputValue("jobNumber",t.target.value)}))],(null===(j=this.item)||void 0===j?void 0:j.showDocumentUploader)&&t("div",{key:"f89017cbe41ca2606892e1134db0ff76d5003035",class:"upload-wrap"},t("input",{key:"a650727617fba16688d20bb4de5887328281ac37",hidden:!0,type:"file",class:"document-uploader",disabled:this.isLoading,accept:"image/*,application/pdf",onChange:this.onFileUploaderChange,multiple:this.uploadMultipleDocuments,"data-max-size":1024*this.maximumDocumentFileSizeInMb*1024}),t("div",{key:"12bcc399648551913266489f451893f4b35bbba1",class:r("upload",{disabled:T}),onClick:this.onDocumentButtonClicked},t("span",{key:"2e3653e88773a2e6930cc5533b57fc686e6ce230",class:"ic"},t(q,{key:"1bf5b3fd84d083ea5f26f9d0824a4bc801804b3d"})),t("span",{key:"e3161cb19f4851964ef181f799c798b9e26ad00b",class:"upload-text"},t("span",{key:"9ea666b0abe90675b4c152fe11709ed9215a41fa",class:"ut",title:this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument},this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,(null===(E=null==this?void 0:this.item)||void 0===E?void 0:E.documentUploaderIsRequired)&&!A&&t("span",{key:"88d2c6c13de61bbdc9c297f530deea11bbaf52e7",class:"req"},"*")),t("span",{key:"ff859934e79a36655a1889b61d4f29ec67f509cd",class:"us"},this.locale.uploadHint)),t("button",{key:"a2a4d2e3d180e6ed3919b7f1cc30cc66a00dc8a2",class:r("upload-clear",{"is-hidden":!A}),onClick:this.clearFile,disabled:!A,"aria-hidden":A?null:"true","aria-label":"Clear"},t(p,{key:"2398b1d895d42881dccb90278bf4bd304b14dd18"}))),t("flexible-container",{key:"8907b9a562faedbe67b8c9e9509e035524cbbf17",isOpened:!!(null===(Y=null===(X=this.errors)||void 0===X?void 0:X.documents)||void 0===Y?void 0:Y.show)},t("div",{key:"1f54454bbd7f47e9dc9bb81aecd640cb70f1123f",class:"upload-error"},"documentLimitError"===(null===(S=null===(I=this.errors)||void 0===I?void 0:I.documents)||void 0===S?void 0:S.text)?this.locale.documentLimitError+`${this.maximumDocumentFileSizeInMb}Mb`:this.locale.documentRequiredError||this.locale.sharedLocales.errors.wildCard)),t("flexible-container",{key:"af9c1c528f07a03c3681fc40e9a349d1f13b2caa",isOpened:A,containerClasses:""},t("div",{key:"e3e44ceee34aafcaa6a856be2c6314b870f749ac",class:"chips"},null===(M=null===(B=this.inputs)||void 0===B?void 0:B.documents)||void 0===M?void 0:M.map(((e,i)=>t("div",{class:r("chip",{disabled:T})},t("span",{title:e.name},e.name),t("button",{disabled:T,onClick:()=>this.clearFile(i),"aria-label":"Remove"},t(p,null)))))))),t("div",{key:"419e9f875e6e832462498727aa64d1673b91d349",class:"stub-spacer"}),t("button",{key:"6cbbe099904cca333f17ba1e6ad6d9760eb715ef",class:r("btn-claim",{loading:this.isLoading}),onClick:this.submit,disabled:!_||T},this.isLoading&&t("span",{key:"0483d2f558c6fd4145f9c70cc6328ea10f42b573",class:"claim-progress",style:{width:`${N?this.uploadProgress:100}%`}}),t("span",{key:"b4d887ec73e52ae089470f223a5a872ab1d8641f",class:"claim-label-stack",style:this.claimLabelWidth>0?{width:`${this.claimLabelWidth}px`}:{}},t("span",{key:"7007dc7e7cff4d41d338d0645e6b2ca39692d36d",ref:t=>this.idleClaimLabelEl=t,class:r("claim-label",{active:!this.isLoading}),"aria-hidden":this.isLoading?"true":null},t(l,{key:"f5d26920a3df7fc51ed95dad043261f694bb3f61"}),t("span",{key:"0fc8fb3143866005426a363d00c589291fb00211"},this.locale.claim)),t("span",{key:"c2d17a91a88a4e646d23b35e73cd833853761c9a",ref:t=>this.busyClaimLabelEl=t,class:r("claim-label",{active:this.isLoading}),"aria-hidden":this.isLoading?null:"true"},t("span",{key:"1a204425e5a3ad315eded1e15b820e387600ef06"},this.locale.processing),D&&t("span",{key:"a048499b1dd4822b501b69dc002dfba2a00936b2",class:"claim-pct"},t("span",{key:"bcb2789e23978273573855d64d5d47333a2e3b59",class:"claim-pct-slot"},t("span",{key:"29f55779457e17d2e2d409a635eb4da0f52e421e",class:"claim-pct-ghost","aria-hidden":"true"},"100"),t("span",{key:"b1082d1ed20fd72dab57b088d69037f4111ed1e3"},this.uploadProgress)),"%")))))))),!!this.claimError&&t("div",{key:"553adfeee1160de75ed679f9819e05f155698d29",class:"err-scrim",onClick:t=>{t.target===t.currentTarget&&this.dismissError()}},t("div",{key:"0c0e8c6d774afd5e90ac304d35565e6397f02552",class:"err-card",role:"alertdialog","aria-modal":"true"},t("button",{key:"3be27ba7c0dc1e68cfce0c6543428a042a5c124a",class:"btn-close",onClick:this.dismissError,"aria-label":"Close"},t(p,{key:"6d5e5535facfc0e7c42b26b8605a23245ccab097",class:"stroke-[1.5px]"})),t("div",{key:"745b61845315e7b919e8f5f4662f66b2af288be0",class:"err-head"},t("span",{key:"ee518e49cbe34c12f78f25f151e4b25f6b9d1f1d",class:"err-ic"},t(b,{key:"43de56189452b2494fe2e1906288cd0047dcd51e"})),t("span",{key:"e45523ccf8bb1f7407a418fb92e22801a14f40c1",class:"err-title"},this.locale.claimFailed)),t("div",{key:"714a61adeffd8f5043b04e26fca962000497fea4",class:"err-msg"},this.claimError),t("div",{key:"c5abf5234184b2d61723d5e5e18b9446495dde9c",class:"err-foot"},t("button",{key:"f0f678dbea269ffdb42d3418bf0d646999a4c425",class:"btn-err-ok",onClick:this.dismissError},this.locale.ok)))))))}get el(){return this}static get watchers(){return{isLoading:[{onIsLoadingChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.claim-dialog:not([open]){display:none}.claim-dialog{background:transparent;border:none;height:100%;inset:0;margin:0;max-height:none;max-width:none;overflow:visible;padding:0;pointer-events:none;position:fixed;width:100%}.claim-dialog::backdrop{background:transparent}.claim-scrim{--primary:#3071a9;--primary-dark:#275e8f;--primary-tint:#e8f1f8;--warn:#ff9100;--warn-tint:#fff4e5;--warn-border:#ffd28f;--warn-text:#663c00;--danger:#d92d20;--danger-tint:#fef3f2;--danger-border:#fda29b;--danger-text:#912018;--green:#32b267;--green-dark:#27ae60;--text:#1f2937;--muted:#6b7280;--hair:#ececec;--paper:#fff;--tear:#d9d2c6;background:rgba(31,41,55,.38);color:var(--text);font-size:14px}.claim-scrim,.claim-scrim *{box-sizing:border-box}.stage{display:grid;min-height:100%;padding:18px;place-items:center}.voucher{--punch-r:8px;--punch-edge:transparent calc(var(--punch-r) - 0.5px),#000 calc(var(--punch-r) + 0.5px);background:transparent;border-radius:8px;box-shadow:0 10px 30px rgba(16,24,40,.16);max-width:100%;overflow:hidden;position:relative;width:1040px}.voucher.side{display:grid;grid-template-columns:1fr 372px}.voucher.bottom{width:700px}.btn-close{background:transparent;border:none;border-radius:50%;color:#9aa3ad;cursor:pointer;display:grid;height:28px;inset-inline-end:10px;padding:0;place-items:center;position:absolute;top:10px;transition:background .15s,color .15s,opacity .3s;width:28px;z-index:5}.btn-close:hover{background:#fde8e8;color:#c0392b}.btn-close:disabled{opacity:.4;pointer-events:none}.btn-close svg{height:22px;transform:rotate(45deg);width:22px}.v-body{background:var(--paper);display:flex;flex-direction:column;min-width:0;padding-block:22px 24px;padding-inline:28px 26px;position:relative}.voucher.bottom .v-body{--punch-size:50% 100%;--punch-pos:left top,right top;--punch-a:left bottom;--punch-b:right bottom;padding-block-end:20px}.item-row{align-items:flex-start;border-bottom:1px solid var(--hair);display:grid;gap:12px;grid-template-columns:1fr auto;padding:4px 0 12px}.item-type{background:var(--primary-tint);border:1px solid #cfe0ef;border-radius:4px;color:var(--primary-dark);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;padding:2px 7px;text-transform:uppercase}.item-name{font-size:17px;font-weight:700;letter-spacing:.005em;line-height:1.2;overflow-wrap:anywhere}.vin-stamp{text-align:end}.voucher.bottom .vin-stamp{padding-inline-end:26px}.vin-stamp .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vin-stamp .vin{color:var(--text);font-size:15px;font-weight:600;letter-spacing:.03em}.btn-print{align-items:center;background:var(--warn-tint);border:1px solid var(--warn-border);border-radius:6px;color:var(--warn-text);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:600;gap:6px;margin-top:7px;padding:4px 12px;transition:background .15s,border-color .15s}.btn-print:hover{background:#ffe9cc;border-color:var(--warn)}.btn-print svg{height:13px;width:13px}.specs{border-bottom:1.5px dashed var(--tear);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0 12px}.spec{min-width:0;padding-inline-end:14px}.spec+.spec{border-inline-start:1px solid var(--hair);padding-inline-start:14px}.spec .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spec .val{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:3px;overflow-wrap:anywhere}.spec.pkg .val{color:var(--primary-dark);letter-spacing:.03em}.notices{display:flex;flex-direction:column;gap:10px;margin-top:12px}.notice{background:#fff6f5;border:1px solid var(--hair);border-end-end-radius:5px;border-inline-start:3px solid var(--danger);border-start-end-radius:5px;padding-block:10px;padding-inline:13px 12px;position:relative}.notice.info{background:#fbfcfd;border-inline-start-color:#b9c4d0}.ntc-body{color:#44403c;flex:1;font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.notice.info .ntc-body{color:#475569}.ntc-body strong{color:var(--text);font-weight:700}.notice .ntc-body ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:6px 0 0;padding:0}.notice .ntc-body ul li{align-items:center;background:var(--danger-tint);border:1px dashed var(--danger-border);border-radius:4px;color:var(--danger-text);display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.03em;padding:2px 8px}.notice .ntc-body ul li:before{background:var(--danger);border-radius:50%;content:"";height:5px;width:5px}.notice.info .ntc-body ul{display:block;list-style:disc;margin:4px 0;padding:0;padding-inline-start:24px}.notice.info .ntc-body ul li{background:none;border:none;border-radius:0;color:inherit;display:list-item;font-size:inherit;font-weight:inherit;padding:0}.notice.info .ntc-body ul li:before{content:none}.ntc-body ol{list-style:decimal;margin:4px 0;padding:0;padding-inline-start:24px}.confirm{border-top:1px dashed var(--danger-border);margin-top:8px;padding-top:8px}.confirm label{align-items:center;color:var(--danger-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9px;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.confirm label.disabled{opacity:.5;pointer-events:none}.cbx-face{background:#fff;border:1.5px solid var(--danger-border);border-radius:4px;color:#fff;display:grid;flex:0 0 auto;height:17px;place-items:center;width:17px}.cbx-face,.cbx-face svg{transition:all .14s ease}.cbx-face svg{height:12px;opacity:0;transform:scale(.6);width:12px}.confirm input:checked~.cbx-face{background:var(--danger);border-color:var(--danger)}.confirm input:checked~.cbx-face svg{opacity:1;transform:scale(1)}.confirm input:focus-visible~.cbx-face{box-shadow:0 0 0 3px rgba(217,45,32,.28)}.doc-row{align-items:flex-start;display:flex;gap:12px}.doc-thumb-btn{align-self:center;background:none;border:none;cursor:zoom-in;flex:0 0 auto;padding:0;position:relative}.doc-thumb{background:#fff;border:1px solid #e2ddd3;border-radius:4px;box-shadow:0 1px 2px rgba(16,24,40,.05);display:block;height:auto;max-height:112px;max-width:170px;padding:3px;transition:box-shadow .15s;width:auto}.doc-thumb-btn:hover .doc-thumb{box-shadow:0 3px 10px rgba(16,24,40,.18)}.thumb-overlay{align-items:center;background:rgba(0,0,0,.4);border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:11px;gap:4px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.doc-thumb-btn:hover .thumb-overlay{opacity:1}.thumb-overlay img{width:22px}.stub{background:#f4f4f4;display:flex;flex-direction:column;position:relative}.voucher.side .stub{--punch-size:calc(100% + 2px) 50%;--punch-pos:right top,right bottom;--punch-a:2px top;--punch-b:2px bottom;border-inline-start:1px dashed #cdc6ba;padding:24px 24px 22px}.voucher.bottom .stub{--punch-size:50% calc(100% + 2px);--punch-pos:left bottom,right bottom;--punch-a:left 2px;--punch-b:right 2px;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.perf{background-image:radial-gradient(circle at center,var(--tear) 1.4px,transparent 1.6px);position:absolute}.voucher.side .perf{background-repeat:repeat-y;background-size:2px 11px;bottom:0;inset-inline-start:-1px;top:0;width:2px}.voucher.bottom .perf{background-repeat:repeat-x;background-size:11px 2px;height:2px;inset-inline:0;top:-1px}.stub,.v-body{-webkit-mask-image:radial-gradient(circle var(--punch-r) at var(--punch-a),var(--punch-edge)),radial-gradient(circle var(--punch-r) at var(--punch-b),var(--punch-edge));mask-image:radial-gradient(circle var(--punch-r) at var(--punch-a),var(--punch-edge)),radial-gradient(circle var(--punch-r) at var(--punch-b),var(--punch-edge));-webkit-mask-position:var(--punch-pos);mask-position:var(--punch-pos);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--punch-size);mask-size:var(--punch-size)}.voucher.side .v-body{--punch-size:100% 50%;--punch-pos:left top,left bottom;--punch-a:right top;--punch-b:right bottom}[dir=rtl] .voucher.side .v-body{--punch-a:left top;--punch-b:left bottom}[dir=rtl] .voucher.side .stub{--punch-pos:left top,left bottom;--punch-a:right 2px top 0;--punch-b:right 2px bottom 0}.field{min-width:0}.voucher.side .field{margin-bottom:12px}.voucher.bottom .field{flex:1}.field label,.field-label{color:var(--muted);display:block;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.field input{background:#fff;border:1px solid #d6dbe0;border-radius:6px;color:var(--text);font:inherit;font-size:13.5px;height:38px;padding:0 11px;transition:border-color .15s,opacity .3s;width:100%}.field input::-moz-placeholder{color:#aeb4bc}.field input::placeholder{color:#aeb4bc}.field input:focus{border-color:var(--primary);outline:none}.field input:disabled{background:#fafafa;opacity:.55}.claim-area{display:flex;min-width:0}.voucher.side .claim-area{align-items:stretch;flex:1;flex-direction:column}.voucher.bottom .claim-area{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:14px}.scanzone{background:#fff;border:1.5px solid var(--primary);border-radius:8px;padding:14px 14px 12px;transition:opacity .3s}.voucher.side .scanzone{margin-bottom:12px}.voucher.bottom .scanzone{flex:1;min-width:240px}.scanzone.disabled{opacity:.55}.sz-row{align-items:center;display:flex;gap:11px}.qr-ic{background:var(--primary-tint);border-radius:7px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.qr-ic svg{height:22px;width:22px}.scanzone input{background:transparent;border:none;border-bottom:1.5px solid var(--primary);border-radius:0;color:var(--text);flex:1;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:0;padding:7px 2px;width:100%}.scanzone input::-moz-placeholder{color:#aeb4bc}.scanzone input::placeholder{color:#aeb4bc}.scanzone input:focus{outline:none}.scan-hint{align-items:center;color:var(--primary-dark);display:flex;font-size:12px;gap:7px;margin-top:10px}.scan-hint .dot{animation:scan-pulse 1.6s ease-in-out infinite;background:var(--green);border-radius:50%;flex:0 0 auto;height:7px;width:7px}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 2px rgba(50,178,103,.25)}50%{box-shadow:0 0 0 5px rgba(50,178,103,.08)}}.upload-wrap{display:flex;flex-direction:column}.upload{align-items:center;background:#fff;border:1.5px dashed #b9c4d0;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s,opacity .3s}.upload:hover{background:var(--primary-tint);border-color:var(--primary)}.upload.disabled{opacity:.55;pointer-events:none}.upload .ic{background:var(--primary-tint);border-radius:6px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.upload .ic svg{height:16px;width:16px}.upload-text{flex:1;min-width:0}.upload .ut{color:var(--text);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload .ut .req{color:#c0392b;padding-inline-start:4px}.upload .us{color:var(--muted);display:block;font-size:12px;margin-top:1px}.upload-clear{background:transparent;border:none;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:26px;overflow:hidden;place-items:center;transition:background .15s,color .15s,width .35s ease,opacity .35s ease,margin-inline-start .35s ease;width:26px}.upload-clear.is-hidden{margin-inline-start:-10px;opacity:0;pointer-events:none;width:0}.upload-clear:hover{background:#fde8e8;color:#c0392b}.upload-clear svg{height:18px;transform:rotate(45deg);width:18px}.upload-error{color:#c0392b;font-size:12.5px;padding-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.chip{align-items:center;background:#fff;border:1px solid var(--hair);border-radius:4px;color:#475569;display:inline-flex;font-size:12.5px;gap:4px;max-width:100%;overflow:hidden;padding-inline-start:8px;transition:opacity .3s}.chip.disabled{opacity:.55;pointer-events:none}.chip span{overflow:hidden;padding-block:4px;text-overflow:ellipsis;white-space:nowrap}.chip button{background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:22px;place-items:center;transition:background .15s,color .15s;width:22px}.chip button:hover{background:#fde8e8;color:#c0392b}.chip button svg{height:14px;transform:rotate(45deg);width:14px}.stub-spacer{flex:1;min-height:18px}.voucher.bottom .stub-spacer{display:none}.btn-claim{align-items:center;background:var(--green);border:1px solid var(--green-dark);border-radius:5px;box-shadow:0 1px 2px rgba(16,24,40,.1);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:700;height:38px;justify-content:center;letter-spacing:.04em;overflow:hidden;position:relative;text-transform:uppercase;transition:background .15s,transform .06s,opacity .3s}.voucher.side .btn-claim{padding:0 13px;width:100%}.voucher.bottom .btn-claim{flex:0 0 auto;padding:0 30px}.btn-claim:enabled:hover{background:var(--green-dark)}.btn-claim:enabled:active{transform:translateY(1px)}.btn-claim:disabled{cursor:default;opacity:.5}.btn-claim.loading{background:var(--green-dark);cursor:progress;opacity:1}.btn-claim .claim-label-stack{overflow:hidden;position:relative;transition:width .42s ease;z-index:1}.btn-claim .claim-label,.btn-claim .claim-label-stack{align-items:center;display:flex;justify-content:center}.btn-claim .claim-label{bottom:0;gap:9px;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .28s ease;white-space:nowrap}.btn-claim .claim-label.active{bottom:auto;left:auto;opacity:1;position:relative;top:auto;transform:none}.btn-claim .claim-label svg{height:17px;width:17px}.btn-claim .claim-pct{font-variant-numeric:tabular-nums;padding-inline-start:.4em}.btn-claim .claim-pct-slot{display:inline-grid;justify-items:end}.btn-claim .claim-pct-slot>*{grid-area:1/1}.btn-claim .claim-pct-ghost{visibility:hidden}.claim-progress{background:hsla(0,0%,100%,.28);inset-block:0;inset-inline-start:0;position:absolute;transition:width .5s ease-out}.err-scrim{animation:err-fade .14s ease;background:rgba(31,41,55,.38);display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:20}.err-card{animation:err-pop .18s cubic-bezier(.2,.85,.3,1.18);background:var(--paper);border-end-end-radius:8px;border-inline-start:3px solid #c0392b;border-start-end-radius:8px;box-shadow:0 2px 6px rgba(16,24,40,.14),0 18px 44px rgba(16,24,40,.26);max-width:100%;padding:16px 18px 14px;position:relative;width:432px}@keyframes err-fade{0%{opacity:0}}@keyframes err-pop{0%{opacity:0;transform:translateY(7px) scale(.97)}}.err-head{align-items:center;border-bottom:1px dashed #ecc8c2;display:flex;gap:10px;margin-bottom:11px;padding-bottom:10px;padding-inline-end:26px}.err-ic{background:#fdecea;border-radius:50%;color:#c0392b;display:grid;flex:0 0 auto;height:31px;place-items:center;width:31px}.err-ic svg{height:17px;width:17px}.err-title{font-size:14.5px;font-weight:700;letter-spacing:.01em}.err-msg{color:#44403c;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.err-foot{display:flex;justify-content:flex-end;margin-top:14px}.btn-err-ok{background:#fdecea;border:1px solid #f1b8b0;border-radius:6px;color:#7f1d1d;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:7px 26px;transition:background .15s,border-color .15s}.btn-err-ok:hover{background:#fbdbd7;border-color:#c0392b}.btn-err-ok:focus-visible{box-shadow:0 0 0 3px rgba(192,57,43,.22);outline:none}.compact .stage{padding:10px}.compact .v-body{padding-block:12px 14px;padding-inline:20px 18px}.compact .item-row{gap:10px;padding:2px 0 8px}.compact .item-name{font-size:15.5px}.compact .btn-print{margin-top:5px;padding:3px 10px}.compact .specs{padding:7px 0 8px}.compact .spec .val{font-size:13.5px;margin-top:2px}.compact .notices{gap:7px;margin-top:8px}.compact .notice{padding-block:7px;padding-inline:11px 10px}.compact .ntc-body{font-size:12.5px;line-height:1.45}.compact .ntc-body br+br{display:none}.compact .notice .ntc-body ul{margin-top:4px}.compact .confirm{margin-top:6px;padding-top:6px}.compact .doc-thumb{max-height:68px;max-width:120px}.compact .voucher.side .stub{padding:14px 16px}.compact .voucher.bottom .stub{padding-block:10px 12px;padding-inline:20px 18px}.compact .voucher.side .field{margin-bottom:8px}.compact .field label,.compact .field-label{margin-bottom:3px}.compact .field input{height:34px;padding:0 10px}.compact .scanzone{padding:9px 10px 8px}.compact .voucher.side .scanzone{margin-bottom:10px}.compact .qr-ic{height:30px;width:30px}.compact .qr-ic svg{height:17px;width:17px}.compact .scanzone input{font-size:14.5px;padding:5px 2px}.compact .scan-hint{margin-top:6px}.compact .upload{padding:8px 10px}.compact .stub-spacer{min-height:10px}.compact .btn-claim{font-size:14px;height:34px}.compact .voucher.side .btn-claim{padding:0 10px}.compact .voucher.bottom .btn-claim{padding:0 26px}@media (max-width:900px){.voucher.side{display:block;width:700px}.voucher.side .stub{border-inline-start:none;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.voucher.side .perf{background-repeat:repeat-x;background-size:11px 2px;inset-inline:0;bottom:auto;height:2px;top:-1px;width:auto}.voucher.side .v-body,[dir=rtl] .voucher.side .v-body{--punch-size:50% 100%;--punch-pos:left top,right top;--punch-a:left bottom;--punch-b:right bottom}.voucher.side .stub,[dir=rtl] .voucher.side .stub{--punch-size:50% calc(100% + 2px);--punch-pos:left bottom,right bottom;--punch-a:left 2px;--punch-b:right 2px}}@media (max-width:560px){.doc-row{flex-direction:column}.doc-thumb-btn{align-self:center}.voucher.bottom .btn-claim{flex:1 1 100%}}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.end-0{inset-inline-end:0}.top-full{top:100%}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.left-0{left:0}.top-0{top:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.opacity-100{opacity:1}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-auto{pointer-events:auto}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.duration-500{transition-duration:.5s}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}'}},[1,"vehicle-item-claim-form",{vin:[1],item:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],uploadMultipleDocuments:[4,"upload-multiple-documents"],loadingStateChange:[16],locale:[16],handleClaiming:[16],expandedImage:[32],uploadProgress:[32],isOpened:[32],isLoading:[32],compact:[32],claimLabelWidth:[32],claimError:[32],confirmationStates:[32],errors:[32],inputs:[32],open:[64],close:[64],setFileUploadProgression:[64],showError:[64]},void 0,{isLoading:[{onIsLoadingChange:0}]}]);function Y(){"undefined"!=typeof customElements&&["vehicle-item-claim-form","flexible-container"].forEach((t=>{switch(t){case"vehicle-item-claim-form":customElements.get(o(t))||customElements.define(o(t),X);break;case"flexible-container":customElements.get(o(t))||x()}}))}X.STAGE_PADDING=36,Y();export{X as V,j as a,E as b,z as c,Y as d,k as o,C as p}
+import{h as t,p as e,H as i,a,t as o}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{o as n,I as s,c as d,e as c}from"./p-ByNlQjpu.js";import{A as l}from"./p-BzsXkZqy.js";import{C as p}from"./p-B6xZ__mT.js";import{Q as h}from"./p-D_ukwEEB.js";import{T as b}from"./p-CILGkcfa.js";import{d as f}from"./p-BAkLdLKZ.js";var u,x;const m=/\b(transform|perspective|filter|backdrop-filter|contain)\b/,g=/\b(paint|layout|strict|content)\b/,v=t=>{if(!t)return!1;if(t.transform&&"none"!==t.transform)return!0;if(t.perspective&&"none"!==t.perspective)return!0;if(t.filter&&"none"!==t.filter)return!0;const e=t.backdropFilter||t.webkitBackdropFilter;return!(!e||"none"===e)||!(!t.contain||!g.test(t.contain))||!(!t.willChange||!m.test(t.willChange))},w="undefined"!=typeof HTMLDialogElement&&"function"==typeof(null===(u=HTMLDialogElement.prototype)||void 0===u?void 0:u.showModal),y="undefined"!=typeof HTMLElement&&"function"==typeof(null===(x=HTMLElement.prototype)||void 0===x?void 0:x.showPopover),k=t=>!t||t.open?w:w?(t.showModal(),!0):(t.setAttribute("open",""),!1),z=t=>{t&&(w&&t.open?t.close():t.removeAttribute("open"))},C=t=>{if(!t||!y||t.hasAttribute("popover"))return!1;if(!(t=>{var e,i;if(!t||"function"!=typeof getComputedStyle)return!1;let a=t.parentElement,o=null===(e=t.getRootNode)||void 0===e?void 0:e.call(t);for(;;){if(!a){if(!(o instanceof ShadowRoot))return!1;if(a=o.host,o=null===(i=null==a?void 0:a.getRootNode)||void 0===i?void 0:i.call(a),!a)return!1}if(v(getComputedStyle(a)))return!0;a=a.parentElement}})(t))return!1;t.setAttribute("popover","manual");try{return t.showPopover(),!0}catch(e){return t.removeAttribute("popover"),!1}},j=t=>{if(t&&t.hasAttribute("popover")){try{t.hidePopover()}catch(t){}t.removeAttribute("popover")}},E=t=>{const e=e=>{"Escape"===e.key&&t(e)};return window.addEventListener("keydown",e,!0),()=>window.removeEventListener("keydown",e,!0)},L=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})),q=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round",xmlns:"http://www.w3.org/2000/svg","stroke-linejoin":"round"},t("polyline",{points:"6 9 6 2 18 2 18 9"}),t("path",{d:"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"}),t("rect",{x:"6",y:"14",width:"12",height:"8"})),I=e(class e extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedImage="",this.uploadMultipleDocuments=!0,this.uploadProgress=0,this.isOpened=!1,this.isLoading=!1,this.compact=!1,this.claimLabelWidth=0,this.claimError="",this.confirmationStates={},this.errors={},this.inputs={documents:[]},this.suppressMeasure=!1,this.observedClaimLabels=[],this.releaseOpenFallbacks=()=>{this.releaseEscapeFallback&&(this.releaseEscapeFallback(),this.releaseEscapeFallback=void 0,document.body.style.overflow="")},this.onDialogCancel=t=>{t.preventDefault(),this.expandedImage||(this.claimError?this.dismissError():this.close())},this.onWindowResize=()=>this.measureCompact(),this.dismissError=()=>{var t;this.claimError="","ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)&&setTimeout((()=>{const t=this.el.shadowRoot.querySelector('input[type="text"]');t&&!t.disabled&&(t.focus(),t.select())}),50)},this.measureClaimLabel=()=>{const t=this.isLoading?this.busyClaimLabelEl:this.idleClaimLabelEl;if(!t)return;const e=Math.ceil(t.getBoundingClientRect().width);e>0&&e!==this.claimLabelWidth&&(this.claimLabelWidth=e)},this.observeClaimLabels=()=>{var t;const e=[this.idleClaimLabelEl,this.busyClaimLabelEl].filter(Boolean);e.length===this.observedClaimLabels.length&&e.every(((t,e)=>t===this.observedClaimLabels[e]))||(null===(t=this.claimLabelResizeObserver)||void 0===t||t.disconnect(),this.observedClaimLabels=e,e.length&&(this.claimLabelResizeObserver||(this.claimLabelResizeObserver=new ResizeObserver((()=>this.measureClaimLabel()))),e.forEach((t=>this.claimLabelResizeObserver.observe(t)))))},this.measureCompact=()=>{var t,i;if(!this.isOpened)return;const a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".claim-scrim"),o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".voucher");if(!a||!o)return;this.suppressMeasure=!0,a.classList.remove("compact");const r=o.offsetHeight+e.STAGE_PADDING<=a.clientHeight;a.classList.toggle("compact",!r),this.compact=!r,requestAnimationFrame((()=>this.suppressMeasure=!1))},this.setErrorValue=(t,e)=>{const i=this.errors[t]||{};this.errors=Object.assign(Object.assign({},this.errors),{[t]:Object.assign(Object.assign({},i),e)})},this.setInputValue=(t,e)=>{this.inputs=Object.assign(Object.assign({},this.inputs),{[t]:e})},this.onFileUploaderChange=t=>{var e,i,a,o,r;const n=t.target;if(!n.files)return;const s=parseInt(n.dataset.maxSize||"0",10),d=this.uploadMultipleDocuments?Array.from(n.files):[n.files[0]];n.value="";let c=!1;const l=d.filter((t=>{var e,i;return t.size<=s?!(null===(i=null===(e=this.inputs)||void 0===e?void 0:e.documents)||void 0===i?void 0:i.some((e=>e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified))):(c=!0,!1)}));this.setInputValue("documents",this.uploadMultipleDocuments?[...(null===(e=this.inputs)||void 0===e?void 0:e.documents)||[],...l]:l),c?this.setErrorValue("documents",{show:!0,text:"documentLimitError"}):((null===(i=this.errors)||void 0===i?void 0:i.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1}),"ClaimByScanningQRCode"===(null===(o=this.item)||void 0===o?void 0:o.claimingMethodEnum)?(null===(r=this.inputs)||void 0===r?void 0:r.qrCode)&&this.submit():this.focusInputs())},this.onDocumentButtonClicked=()=>{const t=this.el.shadowRoot.querySelector(".document-uploader");t&&t.click()},this.focusInputs=()=>{setTimeout((()=>{const t=this.el.shadowRoot.querySelectorAll('input[type="text"]'),e=Array.from(t).find((t=>!t.disabled&&!t.readOnly));e&&e.focus()}),50)},this.focusEmptyInputs=()=>{var t,e;const i=this.el.shadowRoot.querySelectorAll('input[type="text"]'),a=Array.from(i).find((t=>{var e;return!(null===(e=t.value)||void 0===e?void 0:e.trim())}));a&&a.focus(),(null===(t=this.item)||void 0===t?void 0:t.documentUploaderIsRequired)&&!(null===(e=this.inputs)||void 0===e?void 0:e.documents.length)&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})},this.submit=async()=>{var t,e,i,a,o,r,n,s;if(!this.claimError){if(!this.getIsFormValid())return this.focusEmptyInputs();if(this.getIsFormConfirmed())if((null===(t=this.item)||void 0===t?void 0:t.showDocumentUploader)&&(null===(e=this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!(null===(a=null===(i=this.inputs)||void 0===i?void 0:i.documents)||void 0===a?void 0:a.length))this.setErrorValue("documents",{show:!0,text:"documentRequiredError"});else{this.isLoading=!0;try{this.handleClaiming&&await this.handleClaiming(null===(o=this.inputs)||void 0===o?void 0:o.documents,{qrCode:null===(r=this.inputs)||void 0===r?void 0:r.qrCode,invoice:null===(n=this.inputs)||void 0===n?void 0:n.invoice,jobNumber:null===(s=this.inputs)||void 0===s?void 0:s.jobNumber}),this.close(!0)}catch(t){console.error(t)}finally{this.isLoading=!1}}}},this.onConfirmCheckboxChange=t=>e=>{const i=e.target;this.confirmationStates=Object.assign(Object.assign({},this.confirmationStates),{[t]:i.checked}),this.getIsFormConfirmed&&this.focusInputs()},this.getIsFormConfirmed=()=>{var t,e;if(Array.isArray(null===(t=this.item)||void 0===t?void 0:t.warnings))for(let t=0;t<(null===(e=this.item)||void 0===e?void 0:e.warnings.length);t++){const e=this.item.warnings[t];if((null==e?void 0:e.confirmationText)&&!this.confirmationStates[e.key])return!1}return!0},this.getIsFormValid=()=>{var t,e,i,a,o,r,n,s,d;if("ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)){if(!(null===(i=null===(e=this.inputs)||void 0===e?void 0:e.qrCode)||void 0===i?void 0:i.trim().length))return!1}else{if(!(null===(o=null===(a=this.inputs)||void 0===a?void 0:a.invoice)||void 0===o?void 0:o.trim().length))return!1;if(!(null===(n=null===(r=this.inputs)||void 0===r?void 0:r.jobNumber)||void 0===n?void 0:n.trim().length))return!1}return!((null===(s=this.item)||void 0===s?void 0:s.documentUploaderIsRequired)&&!(null===(d=this.inputs)||void 0===d?void 0:d.documents.length))},this.resetState=()=>{this.item=null,this.errors={},this.inputs={documents:[]},this.isLoading=!1,this.compact=!1,this.claimError="",this.confirmationStates={}},this.clearFile=t=>{var e,i,a;if("number"==typeof t){const i=this.inputs.documents.filter(((e,i)=>i!==t));this.setInputValue("documents",i),(null===(e=null==this?void 0:this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!i.length&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})}else t.stopPropagation(),this.setInputValue("documents",[]),(null===(i=this.errors)||void 0===i?void 0:i.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1})},this.onKeyDown=t=>{"Enter"!==t.key||this.claimError||this.submit()},this.openWarningImage=(t,e)=>{const i=t.currentTarget.querySelector(".doc-thumb");i&&n.bind(this)(i,e)}}async open(){this.isOpened=!0,k(this.dialogEl)||(document.body.style.overflow="hidden",this.releaseEscapeFallback=E(this.onDialogCancel)),this.focusInputs(),window.addEventListener("resize",this.onWindowResize),requestAnimationFrame((()=>this.measureCompact())),setTimeout((()=>this.measureCompact()),150)}onIsLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async close(t=!1){this.isLoading&&!t||(this.isOpened=!1,window.removeEventListener("resize",this.onWindowResize),await new Promise((t=>setTimeout(t,500))),this.isOpened||(this.releaseOpenFallbacks(),z(this.dialogEl),this.resetState()))}async setFileUploadProgression(t){this.uploadProgress=t}async showError(t){this.claimError=t||this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater,setTimeout((()=>{const t=this.el.shadowRoot.querySelector(".btn-err-ok");t&&t.focus()}),50)}componentDidRender(){var t,e;this.observeClaimLabels(),this.measureClaimLabel();const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".voucher");i!==this.observedVoucherEl&&(null===(e=this.voucherResizeObserver)||void 0===e||e.disconnect(),this.observedVoucherEl=i||void 0,i&&(this.voucherResizeObserver||(this.voucherResizeObserver=new ResizeObserver((()=>{this.suppressMeasure||this.measureCompact()}))),this.voucherResizeObserver.observe(i)))}connectedCallback(){this.isOpened&&this.dialogEl&&!this.dialogEl.open&&k(this.dialogEl)}disconnectedCallback(){var t,e;null===(t=this.voucherResizeObserver)||void 0===t||t.disconnect(),null===(e=this.claimLabelResizeObserver)||void 0===e||e.disconnect(),this.observedClaimLabels=[],this.observedVoucherEl=void 0,window.removeEventListener("resize",this.onWindowResize),this.releaseOpenFallbacks()}render(){var e,i,o,n,f,u,x,m,g,v,w,y,k,z,C,j,E,I,S,B,M,R,O;const A="ClaimByScanningQRCode"===(null===(e=this.item)||void 0===e?void 0:e.claimingMethodEnum),T=!(null===(i=this.item)||void 0===i?void 0:i.showDocumentUploader),X=!this.getIsFormConfirmed()||this.isLoading,Y=this.getIsFormValid(),_=!!(null===(n=null===(o=this.inputs)||void 0===o?void 0:o.documents)||void 0===n?void 0:n.length),D=!!(null===(f=this.item)||void 0===f?void 0:f.showDocumentUploader)&&_,N=this.isLoading&&D;return t(a,{key:"951694fe3f2f50fb3f3671469ce696052fbfe534",translate:"no"},t("dialog",{key:"bd2c5a9589bb17d0c1b0df2e1f6395227a0f2896",ref:t=>this.dialogEl=t,class:"claim-dialog",onCancel:this.onDialogCancel},t(s,{key:"89df80a3c42c10be022c0a675e83198a4ffeac25",style:{"z-index":"99999999"},expandedImage:this.expandedImage,imageStyle:{"z-index":"999999999"},closeImageViewer:()=>d.bind(this)()}),t("div",{key:"99a030b58aea44687af83d7cb8edb697b9bc338d",dir:this.locale.sharedLocales.direction,class:r("claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0",{"opacity-1 scale-100 pointer-events-auto":this.isOpened,compact:this.compact})},t("div",{key:"0d67b18c31e0831d07305932b8369fb349329e35",class:"stage"},t("div",{key:"b69df8904abb48c0ab6be5a43c2b639069650927",class:r("voucher",{side:!T,bottom:T,qr:A})},t("button",{key:"c2c69a49a0f01692079d8d6952a04501049a081f",disabled:this.isLoading,onClick:this.close.bind(this),class:"btn-close","aria-label":"Close"},t(l,{key:"f4399f85f38c67d321c2f7617261787cf036f819",class:"stroke-[1.5px]"})),t("section",{key:"347d8052c37efa9d54872aee8c115bc7c7a8ba1a",class:"v-body"},t("div",{key:"4087894f545a3b6cef446951ffa94511a0be4106",class:"item-row"},t("div",{key:"8eac8461aac4cad2ca7ed6f4a8bd051f1edb7db8"},!!(null===(u=this.item)||void 0===u?void 0:u.type)&&t("span",{key:"c275b3ce4d0498ae8b0f3c281381205eda4e191f",class:"item-type"},this.item.type),t("div",{key:"e8a1809de63a5a006e09f3b9ff65da016d4938c6",class:"item-name"},null===(x=this.item)||void 0===x?void 0:x.name)),t("div",{key:"add78f82e9f66cdf4044295042d223f380094071",class:"vin-stamp"},t("div",{key:"85cdd83a33a510fa6eb41b5204419f1d58569301",class:"lab"},this.locale.vin),t("div",{key:"8e05cb3d69ef769e6921e5bea763c6528832850e",class:"vin",dir:"ltr"},this.vin),!!(null===(m=this.item)||void 0===m?void 0:m.printUrl)&&t("button",{key:"d70289bbda39a0b81ae4a2c0036ccc2ac799589f",class:"btn-print",onClick:()=>{var t;return null===(t=window.open(this.item.printUrl,"_blank"))||void 0===t?void 0:t.focus()}},t(q,{key:"ba5b0eeac0519499b0cfca3466c6d14ecb4f47b0"}),this.locale.print))),t("div",{key:"ac1cf8bf38cdaf791d705acf9488f6c711d5847f",class:"specs"},t("div",{key:"7b2e16752d4de3adb68707d236ab7fd9fe6b0c1b",class:"spec"},t("div",{key:"88efdc6f5c83904b065cc97026307a3249ac0f50",class:"lab"},this.locale.activationDate),t("div",{key:"3271c967d98d7a7e41b5f563789f76d7b162c0e9",class:"val",dir:"ltr"},(null===(g=this.item)||void 0===g?void 0:g.activatedAt)||"—")),t("div",{key:"92a6f1e53ed8d116b708fb9b6ae06bf8d9d7f03a",class:"spec"},t("div",{key:"d676612316ccd7d0cf93bd756e8153c05cdf32d5",class:"lab"},this.locale.expireDate),t("div",{key:"1c35044619da4f08e87b222cf495da58f504c8d0",class:"val",dir:"ltr"},(null===(v=this.item)||void 0===v?void 0:v.expiresAt)||"—")),t("div",{key:"a85647486d11554b8bacfdb3051d101ce9c3c915",class:"spec pkg"},t("div",{key:"07a12558a189441e56e4ff268c9f6dafbebd419f",class:"lab"},this.locale.packageCode),t("div",{key:"d7f41a18163c6eeebcf46132ac7c5bbc6f123f2a",class:"val",dir:"ltr"},(null===(w=this.item)||void 0===w?void 0:w.packageCode)||"—"))),Array.isArray(null===(y=this.item)||void 0===y?void 0:y.warnings)&&!!this.item.warnings.length&&t("div",{key:"02fbc1caa05b1dc6c7ba4677f66f08e429298ec7",class:"notices"},this.item.warnings.map((e=>t("div",{key:e.key,class:r("notice",{info:!(null==e?void 0:e.confirmationText)})},t("div",{class:"doc-row"},t("div",{class:"ntc-body",innerHTML:e.bodyContent}),(null==e?void 0:e.imageUrl)&&t("button",{class:"doc-thumb-btn",title:this.locale.expand,onClick:t=>this.openWarningImage(t,null==e?void 0:e.imageUrl)},t("span",{class:"thumb-overlay"},t("img",{src:c}),this.locale.expand),t("img",{class:"doc-thumb",src:null==e?void 0:e.imageUrl}))),(null==e?void 0:e.confirmationText)&&t("div",{class:"confirm"},t("label",{class:r({disabled:this.isLoading})},t("input",{type:"checkbox",class:"sr-only",disabled:this.isLoading,checked:!!this.confirmationStates[e.key],onChange:this.onConfirmCheckboxChange(e.key)}),t("span",{class:"cbx-face"},t(p,null)),null==e?void 0:e.confirmationText))))))),t("aside",{key:"4021f4e8931197c7d3244f85b08e60114ca861d7",class:"stub"},t("div",{key:"8495f1150a657685574861d21a941e466a71a6e2",class:"perf"}),A&&t("div",{key:"7c9e37b3b1c8164ac4b7143aec5995c46c3fbad4",class:"field-label"},this.locale.qrCode),t("div",{key:"c27190e984da8e5b448f45e3432d2880838f29ff",class:"claim-area"},A?t("div",{class:r("scanzone",{disabled:X})},t("div",{class:"sz-row"},t("span",{class:"qr-ic"},t(h,null)),t("input",{dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:X,onBlur:()=>{this.claimError||this.focusInputs()},onKeyDown:this.onKeyDown,value:null===(k=this.inputs)||void 0===k?void 0:k.qrCode,placeholder:this.locale.scanTheVoucher,onInput:t=>this.setInputValue("qrCode",t.target.value)})),t("div",{class:"scan-hint"},t("span",{class:"dot"}),this.locale.scanHint)):[t("div",{class:"field",key:"invoice"},t("label",null,this.locale.invoice),t("input",{dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:X,onKeyDown:this.onKeyDown,value:null===(z=this.inputs)||void 0===z?void 0:z.invoice,placeholder:this.locale.invoice,onInput:t=>this.setInputValue("invoice",t.target.value)})),t("div",{class:"field",key:"jobNumber"},t("label",null,this.locale.jobNumber),t("input",{dir:"ltr",type:"text",spellcheck:"false",autocomplete:"off",disabled:X,onKeyDown:this.onKeyDown,value:null===(C=this.inputs)||void 0===C?void 0:C.jobNumber,placeholder:this.locale.jobNumber,onInput:t=>this.setInputValue("jobNumber",t.target.value)}))],(null===(j=this.item)||void 0===j?void 0:j.showDocumentUploader)&&t("div",{key:"3584e6e10fbe34eb90d7509ab7ef42c4ef3207f4",class:"upload-wrap"},t("input",{key:"e9bb0c162f1ce5908cec0154046816d59913ffca",hidden:!0,type:"file",class:"document-uploader",disabled:this.isLoading,accept:"image/*,application/pdf",onChange:this.onFileUploaderChange,multiple:this.uploadMultipleDocuments,"data-max-size":1024*this.maximumDocumentFileSizeInMb*1024}),t("div",{key:"67942b9604aa0706ca1798b032cc2b6a51d9cdd0",class:r("upload",{disabled:X}),onClick:this.onDocumentButtonClicked},t("span",{key:"6a07af2a8d424f05d1b164a7dfe4c46df956a982",class:"ic"},t(L,{key:"f027b7bc42858c40e4cc8e2be16c292037cbb51f"})),t("span",{key:"e5af8bffbf1d624815a80d69a6cd11e541b71903",class:"upload-text"},t("span",{key:"ebc0dbe24ca7be0658c06466f9bd65e0aaf199fe",class:"ut",title:this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument},this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,(null===(E=null==this?void 0:this.item)||void 0===E?void 0:E.documentUploaderIsRequired)&&!_&&t("span",{key:"e90fe2d11c239d3d38f4349da34094aad8246c5c",class:"req"},"*")),t("span",{key:"a62cd8485c43ac1ba68f9a96bb148dd7f78bb28c",class:"us"},this.locale.uploadHint)),t("button",{key:"57b6fb57eefde93750781f52574715e5066a9aa1",class:r("upload-clear",{"is-hidden":!_}),onClick:this.clearFile,disabled:!_,"aria-hidden":_?null:"true","aria-label":"Clear"},t(l,{key:"f5a38a4e2465c7c0e5414820cc69bdf28b5d9b0e"}))),t("flexible-container",{key:"a68be1eeb95c79076f49c19b11eacc15bb42df76",isOpened:!!(null===(S=null===(I=this.errors)||void 0===I?void 0:I.documents)||void 0===S?void 0:S.show)},t("div",{key:"19301c63892e19f53b7635aff0a33c7797ad519b",class:"upload-error"},"documentLimitError"===(null===(M=null===(B=this.errors)||void 0===B?void 0:B.documents)||void 0===M?void 0:M.text)?this.locale.documentLimitError+`${this.maximumDocumentFileSizeInMb}Mb`:this.locale.documentRequiredError||this.locale.sharedLocales.errors.wildCard)),t("flexible-container",{key:"cfec895fda0e2cea7bd376fa6962f3ad601e9527",isOpened:_,containerClasses:""},t("div",{key:"5a06d8646ea358d8e9e73e948e1ff4c41bac2f54",class:"chips"},null===(O=null===(R=this.inputs)||void 0===R?void 0:R.documents)||void 0===O?void 0:O.map(((e,i)=>t("div",{class:r("chip",{disabled:X})},t("span",{title:e.name},e.name),t("button",{disabled:X,onClick:()=>this.clearFile(i),"aria-label":"Remove"},t(l,null)))))))),t("div",{key:"c2c8bbaef7d63adebe6374bb7ab5ce544cdf94fd",class:"stub-spacer"}),t("button",{key:"1e5d97162046715676e24d039131e65566f3e324",class:r("btn-claim",{loading:this.isLoading}),onClick:this.submit,disabled:!Y||X},this.isLoading&&t("span",{key:"d505d6c7dfd02a9abb04138380ac72aeb337fcbb",class:"claim-progress",style:{width:`${N?this.uploadProgress:100}%`}}),t("span",{key:"9ee76c15232fefdec43e6d68e07b22a9c31092b3",class:"claim-label-stack",style:this.claimLabelWidth>0?{width:`${this.claimLabelWidth}px`}:{}},t("span",{key:"e08a13b3c3b113f694cb46c99d1d7b3853c1fdaa",ref:t=>this.idleClaimLabelEl=t,class:r("claim-label",{active:!this.isLoading}),"aria-hidden":this.isLoading?"true":null},t(p,{key:"e7905724bb6ace458deddefa96d4adaf5c26a30d"}),t("span",{key:"db7344ee9098bc81c2371c3bd3752dcddeb91176"},this.locale.claim)),t("span",{key:"753f9ec531a356754a552661f363c17696f1e74c",ref:t=>this.busyClaimLabelEl=t,class:r("claim-label",{active:this.isLoading}),"aria-hidden":this.isLoading?null:"true"},t("span",{key:"db49209b3b9526bbb073341837e8ba8201bcbdd5"},this.locale.processing),D&&t("span",{key:"baa9d87d1757615c1bbaa23490e251c28c14cfef",class:"claim-pct"},t("span",{key:"8e0cf64b72240b7f510e9f3ee6bedf03c7943526",class:"claim-pct-slot"},t("span",{key:"a9bcea5d8bd962721f4fbd4b2667d6564a49399c",class:"claim-pct-ghost","aria-hidden":"true"},"100"),t("span",{key:"f2ceaeecab1b709e518e6eba373edf1be143739a"},this.uploadProgress)),"%")))))))),!!this.claimError&&t("div",{key:"9e6e6f0d7e557c43671b622aa7d2c9b311d9523c",class:"err-scrim",onClick:t=>{t.target===t.currentTarget&&this.dismissError()}},t("div",{key:"5d6fb687e1d986703fab3c2d6bd5a5bcf509478c",class:"err-card",role:"alertdialog","aria-modal":"true"},t("button",{key:"7c591bdff50e1d4e7308eff167ec2b96dcf242d7",class:"btn-close",onClick:this.dismissError,"aria-label":"Close"},t(l,{key:"ca84e04f16e17a2dc7c77ae287b2f05caa811c5b",class:"stroke-[1.5px]"})),t("div",{key:"93f358a4898de383360243c76b624250fa9faf4c",class:"err-head"},t("span",{key:"e056f2731f307dd97acd913758e381a697cd4b52",class:"err-ic"},t(b,{key:"03cfe08957c251c6bedba56dd969abde7b943140"})),t("span",{key:"94b6021dba88e0c5dde0b35df127342c471b87cb",class:"err-title"},this.locale.claimFailed)),t("div",{key:"56ef9ad5bba3f996b3d01f26320b90d903614fb4",class:"err-msg"},this.claimError),t("div",{key:"54e13887397a2768d0625dd24d3e4f1ff4391ec9",class:"err-foot"},t("button",{key:"caeeb6b1f82bc25b90606b786c9aba1d1befa92a",class:"btn-err-ok",onClick:this.dismissError},this.locale.ok)))))))}get el(){return this}static get watchers(){return{isLoading:[{onIsLoadingChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.claim-dialog:not([open]){display:none}.claim-dialog{background:transparent;border:none;height:100%;inset:0;margin:0;max-height:none;max-width:none;overflow:visible;padding:0;pointer-events:none;position:fixed;width:100%}.claim-dialog::backdrop{background:transparent}.claim-scrim{--primary:#3071a9;--primary-dark:#275e8f;--primary-tint:#e8f1f8;--warn:#ff9100;--warn-tint:#fff4e5;--warn-border:#ffd28f;--warn-text:#663c00;--danger:#d92d20;--danger-tint:#fef3f2;--danger-border:#fda29b;--danger-text:#912018;--green:#32b267;--green-dark:#27ae60;--text:#1f2937;--muted:#6b7280;--hair:#ececec;--paper:#fff;--tear:#d9d2c6;background:rgba(31,41,55,.38);color:var(--text);font-size:14px}.claim-scrim,.claim-scrim *{box-sizing:border-box}.stage{display:grid;min-height:100%;padding:18px;place-items:center}.voucher{--punch-r:8px;--punch-edge:transparent calc(var(--punch-r) - 0.5px),#000 calc(var(--punch-r) + 0.5px);background:transparent;border-radius:8px;box-shadow:0 10px 30px rgba(16,24,40,.16);max-width:100%;overflow:hidden;position:relative;width:1040px}.voucher.side{display:grid;grid-template-columns:1fr 372px}.voucher.bottom{width:700px}.btn-close{background:transparent;border:none;border-radius:50%;color:#9aa3ad;cursor:pointer;display:grid;height:28px;inset-inline-end:10px;padding:0;place-items:center;position:absolute;top:10px;transition:background .15s,color .15s,opacity .3s;width:28px;z-index:5}.btn-close:hover{background:#fde8e8;color:#c0392b}.btn-close:disabled{opacity:.4;pointer-events:none}.btn-close svg{height:22px;transform:rotate(45deg);width:22px}.v-body{background:var(--paper);display:flex;flex-direction:column;min-width:0;padding-block:22px 24px;padding-inline:28px 26px;position:relative}.voucher.bottom .v-body{--punch-size:50% 100%;--punch-pos:left top,right top;--punch-a:left bottom;--punch-b:right bottom;padding-block-end:20px}.item-row{align-items:flex-start;border-bottom:1px solid var(--hair);display:grid;gap:12px;grid-template-columns:1fr auto;padding:4px 0 12px}.item-type{background:var(--primary-tint);border:1px solid #cfe0ef;border-radius:4px;color:var(--primary-dark);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;padding:2px 7px;text-transform:uppercase}.item-name{font-size:17px;font-weight:700;letter-spacing:.005em;line-height:1.2;overflow-wrap:anywhere}.vin-stamp{text-align:end}.voucher.bottom .vin-stamp{padding-inline-end:26px}.vin-stamp .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vin-stamp .vin{color:var(--text);font-size:15px;font-weight:600;letter-spacing:.03em}.btn-print{align-items:center;background:var(--warn-tint);border:1px solid var(--warn-border);border-radius:6px;color:var(--warn-text);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:600;gap:6px;margin-top:7px;padding:4px 12px;transition:background .15s,border-color .15s}.btn-print:hover{background:#ffe9cc;border-color:var(--warn)}.btn-print svg{height:13px;width:13px}.specs{border-bottom:1.5px dashed var(--tear);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0 12px}.spec{min-width:0;padding-inline-end:14px}.spec+.spec{border-inline-start:1px solid var(--hair);padding-inline-start:14px}.spec .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spec .val{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:3px;overflow-wrap:anywhere}.spec.pkg .val{color:var(--primary-dark);letter-spacing:.03em}.notices{display:flex;flex-direction:column;gap:10px;margin-top:12px}.notice{background:#fff6f5;border:1px solid var(--hair);border-end-end-radius:5px;border-inline-start:3px solid var(--danger);border-start-end-radius:5px;padding-block:10px;padding-inline:13px 12px;position:relative}.notice.info{background:#fbfcfd;border-inline-start-color:#b9c4d0}.ntc-body{color:#44403c;flex:1;font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.notice.info .ntc-body{color:#475569}.ntc-body strong{color:var(--text);font-weight:700}.notice .ntc-body ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:6px 0 0;padding:0}.notice .ntc-body ul li{align-items:center;background:var(--danger-tint);border:1px dashed var(--danger-border);border-radius:4px;color:var(--danger-text);display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.03em;padding:2px 8px}.notice .ntc-body ul li:before{background:var(--danger);border-radius:50%;content:"";height:5px;width:5px}.notice.info .ntc-body ul{display:block;list-style:disc;margin:4px 0;padding:0;padding-inline-start:24px}.notice.info .ntc-body ul li{background:none;border:none;border-radius:0;color:inherit;display:list-item;font-size:inherit;font-weight:inherit;padding:0}.notice.info .ntc-body ul li:before{content:none}.ntc-body ol{list-style:decimal;margin:4px 0;padding:0;padding-inline-start:24px}.confirm{border-top:1px dashed var(--danger-border);margin-top:8px;padding-top:8px}.confirm label{align-items:center;color:var(--danger-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9px;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.confirm label.disabled{opacity:.5;pointer-events:none}.cbx-face{background:#fff;border:1.5px solid var(--danger-border);border-radius:4px;color:#fff;display:grid;flex:0 0 auto;height:17px;place-items:center;width:17px}.cbx-face,.cbx-face svg{transition:all .14s ease}.cbx-face svg{height:12px;opacity:0;transform:scale(.6);width:12px}.confirm input:checked~.cbx-face{background:var(--danger);border-color:var(--danger)}.confirm input:checked~.cbx-face svg{opacity:1;transform:scale(1)}.confirm input:focus-visible~.cbx-face{box-shadow:0 0 0 3px rgba(217,45,32,.28)}.doc-row{align-items:flex-start;display:flex;gap:12px}.doc-thumb-btn{align-self:center;background:none;border:none;cursor:zoom-in;flex:0 0 auto;padding:0;position:relative}.doc-thumb{background:#fff;border:1px solid #e2ddd3;border-radius:4px;box-shadow:0 1px 2px rgba(16,24,40,.05);display:block;height:auto;max-height:112px;max-width:170px;padding:3px;transition:box-shadow .15s;width:auto}.doc-thumb-btn:hover .doc-thumb{box-shadow:0 3px 10px rgba(16,24,40,.18)}.thumb-overlay{align-items:center;background:rgba(0,0,0,.4);border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:11px;gap:4px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.doc-thumb-btn:hover .thumb-overlay{opacity:1}.thumb-overlay img{width:22px}.stub{background:#f4f4f4;display:flex;flex-direction:column;position:relative}.voucher.side .stub{--punch-size:calc(100% + 2px) 50%;--punch-pos:right top,right bottom;--punch-a:2px top;--punch-b:2px bottom;border-inline-start:1px dashed #cdc6ba;padding:24px 24px 22px}.voucher.bottom .stub{--punch-size:50% calc(100% + 2px);--punch-pos:left bottom,right bottom;--punch-a:left 2px;--punch-b:right 2px;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.perf{background-image:radial-gradient(circle at center,var(--tear) 1.4px,transparent 1.6px);position:absolute}.voucher.side .perf{background-repeat:repeat-y;background-size:2px 11px;bottom:0;inset-inline-start:-1px;top:0;width:2px}.voucher.bottom .perf{background-repeat:repeat-x;background-size:11px 2px;height:2px;inset-inline:0;top:-1px}.stub,.v-body{-webkit-mask-image:radial-gradient(circle var(--punch-r) at var(--punch-a),var(--punch-edge)),radial-gradient(circle var(--punch-r) at var(--punch-b),var(--punch-edge));mask-image:radial-gradient(circle var(--punch-r) at var(--punch-a),var(--punch-edge)),radial-gradient(circle var(--punch-r) at var(--punch-b),var(--punch-edge));-webkit-mask-position:var(--punch-pos);mask-position:var(--punch-pos);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--punch-size);mask-size:var(--punch-size)}.voucher.side .v-body{--punch-size:100% 50%;--punch-pos:left top,left bottom;--punch-a:right top;--punch-b:right bottom}[dir=rtl] .voucher.side .v-body{--punch-a:left top;--punch-b:left bottom}[dir=rtl] .voucher.side .stub{--punch-pos:left top,left bottom;--punch-a:right 2px top 0;--punch-b:right 2px bottom 0}.field{min-width:0}.voucher.side .field{margin-bottom:12px}.voucher.bottom .field{flex:1}.field label,.field-label{color:var(--muted);display:block;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.field input{background:#fff;border:1px solid #d6dbe0;border-radius:6px;color:var(--text);font:inherit;font-size:13.5px;height:38px;padding:0 11px;transition:border-color .15s,opacity .3s;width:100%}.field input::-moz-placeholder{color:#aeb4bc}.field input::placeholder{color:#aeb4bc}.field input:focus{border-color:var(--primary);outline:none}.field input:disabled{background:#fafafa;opacity:.55}.claim-area{display:flex;min-width:0}.voucher.side .claim-area{align-items:stretch;flex:1;flex-direction:column}.voucher.bottom .claim-area{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:14px}.scanzone{background:#fff;border:1.5px solid var(--primary);border-radius:8px;padding:14px 14px 12px;transition:opacity .3s}.voucher.side .scanzone{margin-bottom:12px}.voucher.bottom .scanzone{flex:1;min-width:240px}.scanzone.disabled{opacity:.55}.sz-row{align-items:center;display:flex;gap:11px}.qr-ic{background:var(--primary-tint);border-radius:7px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.qr-ic svg{height:22px;width:22px}.scanzone input{background:transparent;border:none;border-bottom:1.5px solid var(--primary);border-radius:0;color:var(--text);flex:1;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:0;padding:7px 2px;width:100%}.scanzone input::-moz-placeholder{color:#aeb4bc}.scanzone input::placeholder{color:#aeb4bc}.scanzone input:focus{outline:none}.scan-hint{align-items:center;color:var(--primary-dark);display:flex;font-size:12px;gap:7px;margin-top:10px}.scan-hint .dot{animation:scan-pulse 1.6s ease-in-out infinite;background:var(--green);border-radius:50%;flex:0 0 auto;height:7px;width:7px}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 2px rgba(50,178,103,.25)}50%{box-shadow:0 0 0 5px rgba(50,178,103,.08)}}.upload-wrap{display:flex;flex-direction:column}.upload{align-items:center;background:#fff;border:1.5px dashed #b9c4d0;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s,opacity .3s}.upload:hover{background:var(--primary-tint);border-color:var(--primary)}.upload.disabled{opacity:.55;pointer-events:none}.upload .ic{background:var(--primary-tint);border-radius:6px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.upload .ic svg{height:16px;width:16px}.upload-text{flex:1;min-width:0}.upload .ut{color:var(--text);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload .ut .req{color:#c0392b;padding-inline-start:4px}.upload .us{color:var(--muted);display:block;font-size:12px;margin-top:1px}.upload-clear{background:transparent;border:none;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:26px;overflow:hidden;place-items:center;transition:background .15s,color .15s,width .35s ease,opacity .35s ease,margin-inline-start .35s ease;width:26px}.upload-clear.is-hidden{margin-inline-start:-10px;opacity:0;pointer-events:none;width:0}.upload-clear:hover{background:#fde8e8;color:#c0392b}.upload-clear svg{height:18px;transform:rotate(45deg);width:18px}.upload-error{color:#c0392b;font-size:12.5px;padding-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.chip{align-items:center;background:#fff;border:1px solid var(--hair);border-radius:4px;color:#475569;display:inline-flex;font-size:12.5px;gap:4px;max-width:100%;overflow:hidden;padding-inline-start:8px;transition:opacity .3s}.chip.disabled{opacity:.55;pointer-events:none}.chip span{overflow:hidden;padding-block:4px;text-overflow:ellipsis;white-space:nowrap}.chip button{background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:22px;place-items:center;transition:background .15s,color .15s;width:22px}.chip button:hover{background:#fde8e8;color:#c0392b}.chip button svg{height:14px;transform:rotate(45deg);width:14px}.stub-spacer{flex:1;min-height:18px}.voucher.bottom .stub-spacer{display:none}.btn-claim{align-items:center;background:var(--green);border:1px solid var(--green-dark);border-radius:5px;box-shadow:0 1px 2px rgba(16,24,40,.1);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:700;height:38px;justify-content:center;letter-spacing:.04em;overflow:hidden;position:relative;text-transform:uppercase;transition:background .15s,transform .06s,opacity .3s}.voucher.side .btn-claim{padding:0 13px;width:100%}.voucher.bottom .btn-claim{flex:0 0 auto;padding:0 30px}.btn-claim:enabled:hover{background:var(--green-dark)}.btn-claim:enabled:active{transform:translateY(1px)}.btn-claim:disabled{cursor:default;opacity:.5}.btn-claim.loading{background:var(--green-dark);cursor:progress;opacity:1}.btn-claim .claim-label-stack{overflow:hidden;position:relative;transition:width .42s ease;z-index:1}.btn-claim .claim-label,.btn-claim .claim-label-stack{align-items:center;display:flex;justify-content:center}.btn-claim .claim-label{bottom:0;gap:9px;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .28s ease;white-space:nowrap}.btn-claim .claim-label.active{bottom:auto;left:auto;opacity:1;position:relative;top:auto;transform:none}.btn-claim .claim-label svg{height:17px;width:17px}.btn-claim .claim-pct{font-variant-numeric:tabular-nums;padding-inline-start:.4em}.btn-claim .claim-pct-slot{display:inline-grid;justify-items:end}.btn-claim .claim-pct-slot>*{grid-area:1/1}.btn-claim .claim-pct-ghost{visibility:hidden}.claim-progress{background:hsla(0,0%,100%,.28);inset-block:0;inset-inline-start:0;position:absolute;transition:width .5s ease-out}.err-scrim{animation:err-fade .14s ease;background:rgba(31,41,55,.38);display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:20}.err-card{animation:err-pop .18s cubic-bezier(.2,.85,.3,1.18);background:var(--paper);border-end-end-radius:8px;border-inline-start:3px solid #c0392b;border-start-end-radius:8px;box-shadow:0 2px 6px rgba(16,24,40,.14),0 18px 44px rgba(16,24,40,.26);max-width:100%;padding:16px 18px 14px;position:relative;width:432px}@keyframes err-fade{0%{opacity:0}}@keyframes err-pop{0%{opacity:0;transform:translateY(7px) scale(.97)}}.err-head{align-items:center;border-bottom:1px dashed #ecc8c2;display:flex;gap:10px;margin-bottom:11px;padding-bottom:10px;padding-inline-end:26px}.err-ic{background:#fdecea;border-radius:50%;color:#c0392b;display:grid;flex:0 0 auto;height:31px;place-items:center;width:31px}.err-ic svg{height:17px;width:17px}.err-title{font-size:14.5px;font-weight:700;letter-spacing:.01em}.err-msg{color:#44403c;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.err-foot{display:flex;justify-content:flex-end;margin-top:14px}.btn-err-ok{background:#fdecea;border:1px solid #f1b8b0;border-radius:6px;color:#7f1d1d;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:7px 26px;transition:background .15s,border-color .15s}.btn-err-ok:hover{background:#fbdbd7;border-color:#c0392b}.btn-err-ok:focus-visible{box-shadow:0 0 0 3px rgba(192,57,43,.22);outline:none}.compact .stage{padding:10px}.compact .v-body{padding-block:12px 14px;padding-inline:20px 18px}.compact .item-row{gap:10px;padding:2px 0 8px}.compact .item-name{font-size:15.5px}.compact .btn-print{margin-top:5px;padding:3px 10px}.compact .specs{padding:7px 0 8px}.compact .spec .val{font-size:13.5px;margin-top:2px}.compact .notices{gap:7px;margin-top:8px}.compact .notice{padding-block:7px;padding-inline:11px 10px}.compact .ntc-body{font-size:12.5px;line-height:1.45}.compact .ntc-body br+br{display:none}.compact .notice .ntc-body ul{margin-top:4px}.compact .confirm{margin-top:6px;padding-top:6px}.compact .doc-thumb{max-height:68px;max-width:120px}.compact .voucher.side .stub{padding:14px 16px}.compact .voucher.bottom .stub{padding-block:10px 12px;padding-inline:20px 18px}.compact .voucher.side .field{margin-bottom:8px}.compact .field label,.compact .field-label{margin-bottom:3px}.compact .field input{height:34px;padding:0 10px}.compact .scanzone{padding:9px 10px 8px}.compact .voucher.side .scanzone{margin-bottom:10px}.compact .qr-ic{height:30px;width:30px}.compact .qr-ic svg{height:17px;width:17px}.compact .scanzone input{font-size:14.5px;padding:5px 2px}.compact .scan-hint{margin-top:6px}.compact .upload{padding:8px 10px}.compact .stub-spacer{min-height:10px}.compact .btn-claim{font-size:14px;height:34px}.compact .voucher.side .btn-claim{padding:0 10px}.compact .voucher.bottom .btn-claim{padding:0 26px}@media (max-width:900px){.voucher.side{display:block;width:700px}.voucher.side .stub{border-inline-start:none;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.voucher.side .perf{background-repeat:repeat-x;background-size:11px 2px;inset-inline:0;bottom:auto;height:2px;top:-1px;width:auto}.voucher.side .v-body,[dir=rtl] .voucher.side .v-body{--punch-size:50% 100%;--punch-pos:left top,right top;--punch-a:left bottom;--punch-b:right bottom}.voucher.side .stub,[dir=rtl] .voucher.side .stub{--punch-size:50% calc(100% + 2px);--punch-pos:left bottom,right bottom;--punch-a:left 2px;--punch-b:right 2px}}@media (max-width:560px){.doc-row{flex-direction:column}.doc-thumb-btn{align-self:center}.voucher.bottom .btn-claim{flex:1 1 100%}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.\\!h-auto{height:auto!important}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.grow{flex-grow:1}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}'}},[1,"vehicle-item-claim-form",{vin:[1],item:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],uploadMultipleDocuments:[4,"upload-multiple-documents"],loadingStateChange:[16],locale:[16],handleClaiming:[16],expandedImage:[32],uploadProgress:[32],isOpened:[32],isLoading:[32],compact:[32],claimLabelWidth:[32],claimError:[32],confirmationStates:[32],errors:[32],inputs:[32],open:[64],close:[64],setFileUploadProgression:[64],showError:[64]},void 0,{isLoading:[{onIsLoadingChange:0}]}]);function S(){"undefined"!=typeof customElements&&["vehicle-item-claim-form","flexible-container"].forEach((t=>{switch(t){case"vehicle-item-claim-form":customElements.get(o(t))||customElements.define(o(t),I);break;case"flexible-container":customElements.get(o(t))||f()}}))}I.STAGE_PADDING=36,S();export{I as V,j as a,E as b,z as c,S as d,k as o,C as p}

package/dist/components/p-D4aXUm2Y.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as e,H as i,a,t as o}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{p as s,a as n,o as l,b as c,c as d,d as p}from"./p-D4VK-Fv7.js";import{V as h}from"./p-d7wdNFwt.js";import{s as w}from"./p-6IrGK81y.js";import{r as b,s as g,a as v}from"./p-C9uBduBY.js";import{y as m,c as x,s as y}from"./p-YQJevg3-.js";import{g as f,a as u}from"./p-D_uU2Pi-.js";import{d as k}from"./p-BILW0yP6.js";import{C as I}from"./p-B6xZ__mT.js";import{L as C}from"./p-5NIYyHI-.js";import{P as A}from"./p-_nGOa2Au.js";import{E as z}from"./p-MGQ2O9as.js";import{d as M}from"./p-BAkLdLKZ.js";import{d as j}from"./p-BpZlI-gl.js";const N=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),t("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),Y=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M5 22h14"}),t("path",{d:"M5 2h14"}),t("path",{d:"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22"}),t("path",{d:"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"})),L={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4=",activationRequired:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxNTgsIDE1OCwgMTU4KSIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPgo="},D={Locked:"Locked",Missed:"Missed"},S=({item:e,locale:i,addStatusClass:a,setClaimableItemPopover:o})=>{var s;const n=t=>{t.target.classList.remove("load-animation")};let l;const c=()=>o(!0,e,l),d=()=>o(!1),p=null===(s=null==e?void 0:e.lock)||void 0===s?void 0:s.state;return t("div",{class:r("claimable-item",{[e.status]:a&&!p,[`lock-${p}`]:!!p})},t("div",{class:"claimable-item-container"},t("div",{ref:t=>l=t,onBlur:d,onClick:c,onMouseEnter:c,onMouseLeave:d,onAnimationEnd:n,class:"claimable-item-header load-animation"},p?t("div",{class:"claimable-item-lock-icon"},t("Missed"===p?Y:N,null)):t("img",{src:L[e.status],alt:"status icon"}),t("div",null,p?D[p]:i[null==e?void 0:e.status])),t("div",{onAnimationEnd:n,class:"claimable-item-circle load-animation"}),t("div",{onAnimationEnd:n,class:"claimable-item-footer load-animation"},null==e?void 0:e.name)))};function T(t){if(!t)return"";const e=new Date(t);return Number.isNaN(e.getTime())?t:k.format(e,"yyyy-MM-dd hh:mm a")}const H=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 32 18",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M17.8 2a2 2 0 0 0-3.6 0L3 16h26L17.8 2Z"})),P=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"stroke-width":"0"}),t("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),t("g",null,t("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),Z=[{label:"serviceType",key:"type",formatter:t=>t.type.charAt(0).toUpperCase()+t.type.slice(1)},{label:"activationDate",key:"activatedAt"},{label:"expireDate",key:"expiresAt"},{label:"claimAt",key:"claimDate",formatter:t=>T(t.claimDate)},{label:"claimingCompany",key:"companyName"},{label:"invoiceNumber",key:"invoiceNumber"},{label:"jobNumber",key:"jobNumber"},{label:"packageCode",key:"packageCode"}],B={Locked:"Complete the services below to unlock this item.",Missed:"This item was available until the next periodic service was performed."},G=16,E=t=>"packageCode"===t.key?2:1,X=(t,e)=>t?e.formatter?e.formatter(t):t[e.key]:"",W=({item:e,locale:i,claim:a})=>{var o;const s=Z.filter((t=>!!X(e,t))),n=s.length>0?s:Z,l=[];let c=[],d=0;for(const t of n){const e=E(t);c.length&&d+e>3&&(l.push(c),c=[],d=0),c.push(t),d+=e}return c.length&&l.push(c),t("div",{class:"popover-body-inner"},l.map((a=>t("div",{class:"popover-specs"},a.map((o=>t("div",{class:r("popover-spec",{pkg:E(o)>1,full:E(o)>1&&1===a.length})},t("div",{class:"lab"},i[o.label]),t("div",{class:"val",dir:"ltr"},X(e,o)))))))),(null==e?void 0:e.lock)&&t("div",{class:r("popover-lock",`popover-lock-${e.lock.state}`)},t("div",{class:"lab"},B[e.lock.state]),(null===(o=e.lock.prerequisites)||void 0===o?void 0:o.length)>0&&t("div",{class:"popover-lock-prerequisites"},e.lock.prerequisites.map((e=>t("div",{class:r("popover-prerequisite",{satisfied:e.satisfied})},t("div",{class:"popover-prerequisite-mark"},e.satisfied?t(I,null):null),t("div",{class:"popover-prerequisite-text"},t("div",{class:"val",dir:"ltr"},e.label),t("div",{class:"popover-prerequisite-date",dir:"ltr"},e.satisfiedOn?T(e.satisfiedOn):""))))))),t("div",{class:r("popover-actions",{"is-empty":!(null==e?void 0:e.claimable)})},(null==e?void 0:e.claimable)&&t("button",{onClick:()=>a&&a(e),class:"popover-action claim-button"},t(P,null),t("span",null,i.claim))))},R=({locale:e,item:i,target:a,popoverHeight:o,showPopover:s,fadingOut:n,swapping:l,outgoingItem:c,layerKey:d,swapMs:p,bodyContentHeight:h,claim:w,onMouseEnter:b,onMouseLeave:g,rootRef:v})=>{const m=window.innerWidth,x=window.innerHeight,y=Math.max(41,Math.min(a.centerX,m-G-25)),f=x-a.bottomY-19-G,u=o>f&&a.topY-19-G>f,k=u?{top:"auto",bottom:x-a.topY+19+"px"}:{top:`${a.bottomY+19}px`,bottom:"auto"},I=y-270,C=y+270;let A=0;return I<G?A=G-I:C>m-G&&(A=m-G-C),t("div",{ref:t=>v(t),"aria-expanded":s.toString(),dir:e.sharedLocales.direction,style:Object.assign(Object.assign({},k),{left:`${I}px`,"--popover-swap":`${p}ms`}),class:r("claimable-item-popover",{"fading-out":n,swapping:l}),onMouseEnter:b,onMouseLeave:g},t("div",{class:"popover-relative-container"},t("div",{class:r("popover-arrow-icon",{flipped:u})},t(H,{class:"popover-arrow-icon-svg"}),t("div",{class:"popover-arrow-bottom-line"})),t("div",{style:{transform:`translateX(${A}px)`},class:"popover-body"},t("div",{class:"popover-body-content",style:h>0?{height:`${h}px`}:{}},t("div",{class:"popover-layers"},c&&t("div",{key:"popover-layer-"+(d-1),class:"popover-layer popover-layer-outgoing","aria-hidden":"true"},t(W,{item:c,locale:e,claim:w})),t("div",{key:`popover-layer-${d}`,class:"popover-layer popover-layer-current"},t(W,{item:i,locale:e,claim:w})))))))},O=({isOpen:e,fadingOut:i,isLoading:a,errorMessage:o,vin:s,traceHtml:n,locale:l,onClose:c,dialogRef:d,onCancel:p})=>{const h=s?` — ${s}`:"";return t("dialog",{ref:t=>d(t),onCancel:p,"aria-label":`${l.traceTitle}${h}`,dir:l.sharedLocales.direction,class:r("claimable-trace-modal",{open:e,"fading-out":i})},t("div",{class:"trace-modal-header"},t("span",{class:"trace-modal-title"},l.traceTitle,h),t("button",{type:"button",class:"trace-modal-close","aria-label":"Close",onClick:c},"×")),t("div",{class:"trace-modal-body"},a&&t("div",{class:"trace-modal-status"},t(C,{class:"size-[40px] animate-spin text-[#3071a9]"}),t("span",null,l.traceLoading)),!a&&o&&t("div",{class:"trace-modal-status trace-modal-error"},t("span",null,o)),!a&&!o&&n&&t("iframe",{class:"trace-modal-iframe",srcdoc:n,sandbox:"allow-scripts",title:l.traceTitle})))},J=x({claimForm:m(["uploadSingleDocument","uploadMultipleDocument","uploadHint","serviceType","name","vin","print","expand","documentLimitError","documentRequiredError","activationDate","expireDate","packageCode","scanTheVoucher","scanHint","qrCode","processing","enterServiceInfo","invoice","jobNumber","claim","claimFailed","ok"])}).concat(m(["serviceType","activationDate","expireDate","claimAt","claimingCompany","invoiceNumber","jobNumber","packageCode","claim","processed","expired","cancelled","pending","warning","activateNow","print","successFulClaimMessage","activationRequired","warrantyAndServicesNotActivated","activationBlockedNotAllocated","viewTrace","traceTitle","traceLoading","traceFailed"])),_=t=>"pending"===t.status&&!t.lock,Q=e(class e extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:y.getDefault()},J.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.uploadMultipleDocumentsAtTheForm=!0,this.blazorRequestHeadersProvider="",this.isError=!1,this.isLoading=!1,this.maximumDocumentFileSizeInMb=30,this.claimEndPoint="api/vehicle/swift-claim",this.showTrace=!1,this.activeTab="",this.showPrintBox=!1,this.tabAnimationLoading=!1,this.lastSuccessfulClaimResponse=null,this.showClaimableItemPopover=!1,this.tabs=[],this.popoverTarget={centerX:0,topY:0,bottomY:0},this.popoverHeight=0,this.popoverBodyContentHeight=0,this.popoverSwapping=!1,this.popoverLayerKey=0,this.popoverFadingOut=!1,this.showTraceModal=!1,this.traceModalFadingOut=!1,this.isLoadingTrace=!1,this.getServiceItems=()=>{var t,e,i,a,o;return(null===(e=null===(t=this.vehicleLookup)||void 0===t?void 0:t.serviceItems)||void 0===e?void 0:e.length)?(null===(i=this.tabs)||void 0===i?void 0:i.length)?null===(o=this.vehicleLookup)||void 0===o?void 0:o.serviceItems.filter((t=>{var e;return(null===(e=null==t?void 0:t.group)||void 0===e?void 0:e.name)===this.activeTab})):null===(a=this.vehicleLookup)||void 0===a?void 0:a.serviceItems:[]},this.parseGroupData=t=>{var e;if(null===(e=null==t?void 0:t.serviceItems)||void 0===e?void 0:e.length){let e=[];const i=[];t.serviceItems.forEach((({group:t})=>{(null==t?void 0:t.name)&&([...e,...i].find((e=>(null==e?void 0:e.name)===(null==t?void 0:t.name)))||((null==t?void 0:t.isDefault)&&(this.activeTab=null==t?void 0:t.name),"number"==typeof(null==t?void 0:t.tabOrder)?e.push(t):i.push(t)))})),i.length||e.length?(e=e.sort(((t,e)=>t.tabOrder-e.tabOrder)),this.tabs=[...e,...i],this.activeTab||(this.activeTab=this.tabs[0].name)):(this.tabs=[],this.activeTab="")}else this.tabs=[],this.activeTab="";return t},this.progressBarUpdatePending=!1,this.takePendingProgressBarUpdate=()=>{this.progressBarUpdatePending&&(this.progressBarUpdatePending=!1,this.updateProgressBar())},this.onWindowResize=()=>this.updateProgressBar({preserveWidth:!0}),this.onVisibilityChange=()=>{"hidden"!==document.visibilityState&&this.takePendingProgressBarUpdate()},this.updateProgressBar=async t=>{var e,i,a;if(!this.progressBar)return void(this.progressBarUpdatePending=!0);if((null==t?void 0:t.preserveWidth)||(this.progressBar.style.transitionDuration="0s",this.progressBar.style.opacity="0",this.progressBar.style.width="0%",await new Promise((t=>setTimeout(t,10)))),this.progressBar.style.transitionDuration="1s",this.progressBar.style.opacity="1",!this.vehicleLookup)return;if((null===(e=this.tabs)||void 0===e?void 0:e.length)&&this.tabs.find((t=>t.name===this.activeTab))&&!(null===(i=this.tabs.find((t=>t.name===this.activeTab)))||void 0===i?void 0:i.isSequential))return;const o=this.getServiceItems(),r=o.findIndex((t=>_(t)));if(-1!==r){const t=this.el.shadowRoot.querySelectorAll(".claimable-item")[r],e=this.el.shadowRoot.querySelector(".progress-lane"),{width:i,left:s}=null!==(a=null==e?void 0:e.getBoundingClientRect())&&void 0!==a?a:{width:0,left:0};if(!t||!i)return void(this.progressBarUpdatePending=!0);const{left:n}=t.getBoundingClientRect();this.progressBar.style.width=`${((n-s)/i*100).toFixed(2)}%`,r===o.length-1?this.claimableItemsBox.scrollTo({left:this.claimableItemsBox.scrollWidth,behavior:"smooth"}):function(t,e){const i=t.getBoundingClientRect(),a=e.getBoundingClientRect();(i.left<a.left||i.right>a.right)&&e.scrollTo({left:t.offsetLeft-e.clientWidth/2+t.clientWidth/2,behavior:"smooth"})}(t,this.claimableItemsBox)}else 0!==o.length&&o.filter((t=>"activationRequired"===t.status)).length!==o.length&&(this.progressBar.style.width="100%",this.claimableItemsBox.scrollTo({left:this.claimableItemsBox.scrollWidth,behavior:"smooth"}))},this.onActiveTabChange=({label:t})=>{this.tabAnimationLoading=!0,clearTimeout(this.tabAnimationTimeoutRef),this.tabAnimationTimeoutRef=setTimeout((()=>{this.activeTab=t,setTimeout((()=>{this.tabAnimationLoading=!1,this.progressBarUpdatePending=!0}),50)}),750)},this.activateClaimItem=()=>{this.activate&&this.activate(this.vehicleLookup)},this.printLastClaimResponse=()=>{var t;this.print?this.print(this.lastSuccessfulClaimResponse):this.lastSuccessfulClaimResponse.PrintURL&&(null===(t=window.open(this.lastSuccessfulClaimResponse.PrintURL,"_blank"))||void 0===t||t.focus())},this.updatePopoverLocation=()=>{if(!this.popoverAnchorEl)return;const{left:t,right:e,top:i,bottom:a}=this.popoverAnchorEl.getBoundingClientRect(),o=(t+e)/2;this.popoverTarget.centerX===o&&this.popoverTarget.topY===i&&this.popoverTarget.bottomY===a||(this.popoverTarget={centerX:o,topY:i,bottomY:a})},this.onViewportChange=()=>{(this.showClaimableItemPopover||this.popoverFadingOut)&&this.updatePopoverLocation()},this.measurePopoverHeight=()=>{var t,e;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".popover-body"),a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".popover-body-content"),o=this.currentPopoverInner();i&&a&&o&&(this.popoverHeight=Math.ceil(o.getBoundingClientRect().height)+(i.offsetHeight-a.offsetHeight))},this.currentPopoverInner=()=>{var t;return null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".popover-layer-current .popover-body-inner")},this.measurePopoverContentHeight=()=>{const t=this.currentPopoverInner();return t?Math.ceil(t.getBoundingClientRect().height):0},this.setClaimableItemPopover=(t,i,a)=>{if(clearTimeout(this.popoverCloseTimeoutRef),clearTimeout(this.popoverHideTimeoutRef),t){if(!a||!i)return void(this.popoverFadingOut&&(this.popoverFadingOut=!1,this.showClaimableItemPopover=!0));const t=this.showClaimableItemPopover||this.popoverFadingOut,o=t&&this.selectedClaimItem===i;if(this.popoverAnchorEl=a,o)return this.popoverFadingOut=!1,void(this.showClaimableItemPopover=!0);clearTimeout(this.popoverSwapEndTimeoutRef),t?(this.popoverBodyContentHeight=this.measurePopoverContentHeight(),this.outgoingClaimItem=this.selectedClaimItem,this.selectedClaimItem=i,this.popoverLayerKey+=1,this.popoverSwapping=!0,this.popoverFadingOut=!1,this.showClaimableItemPopover=!0,this.updatePopoverLocation(),requestAnimationFrame((()=>requestAnimationFrame((()=>{this.popoverBodyContentHeight=this.measurePopoverContentHeight(),this.popoverSwapping=!1,this.measurePopoverHeight()})))),this.popoverSwapEndTimeoutRef=setTimeout((()=>{this.outgoingClaimItem=void 0,this.popoverBodyContentHeight=0}),e.POPOVER_SWAP_MS)):(this.popoverSwapping=!1,this.outgoingClaimItem=void 0,this.popoverBodyContentHeight=0,this.selectedClaimItem=i,this.updatePopoverLocation(),requestAnimationFrame((()=>{this.showClaimableItemPopover=!0,s(this.popoverEl),requestAnimationFrame((()=>this.measurePopoverHeight()))})))}else this.popoverCloseTimeoutRef=setTimeout((()=>{clearTimeout(this.popoverSwapEndTimeoutRef),this.showClaimableItemPopover=!1,this.popoverFadingOut=!0,this.popoverSwapping=!1,this.outgoingClaimItem=void 0,this.popoverHideTimeoutRef=setTimeout((()=>{this.popoverFadingOut=!1,this.popoverBodyContentHeight=0,n(this.popoverEl)}),e.POPOVER_FADE_OUT_MS)}),e.POPOVER_CLOSE_DELAY_MS)},this.onPopoverMouseEnter=()=>{this.setClaimableItemPopover(!0)},this.onPopoverMouseLeave=()=>{this.setClaimableItemPopover(!1)},this.openTraceModal=async()=>{var t,e;if(null===(t=this.vehicleLookup)||void 0===t?void 0:t.vin){if(clearTimeout(this.traceFadeOutTimeoutRef),this.traceModalFadingOut=!1,this.showTraceModal=!0,this.isLoadingTrace=!0,this.traceError=void 0,this.traceHtml=void 0,!l(this.traceDialogEl)){document.body.style.overflow="hidden";const t=c(this.onTraceCancel);this.releaseTraceFallbacks=()=>{t(),document.body.style.overflow=""}}null===(e=this.traceAbortController)||void 0===e||e.abort(),this.traceAbortController=new AbortController;try{const t=[this.queryString,"trace=html"].filter(Boolean).join("&"),e=`${this.baseUrl}${this.vehicleLookup.vin}${t?`?${t}`:""}`,i=await b(this),a=await fetch(e,{method:"GET",headers:Object.assign({Accept:"text/html"},i),signal:this.traceAbortController.signal});if(!a.ok)throw new Error(`HTTP ${a.status}`);const o=await a.text();if(!this.showTraceModal)return;this.traceHtml=o,this.isLoadingTrace=!1}catch(t){if("AbortError"===(null==t?void 0:t.name))return;console.error("Trace fetch failed",t),this.isLoadingTrace=!1,this.traceError=this.locale.traceFailed}}},this.closeTraceModal=()=>{var t;(this.showTraceModal||this.traceModalFadingOut)&&(null===(t=this.traceAbortController)||void 0===t||t.abort(),this.showTraceModal=!1,this.traceModalFadingOut=!0,clearTimeout(this.traceFadeOutTimeoutRef),this.traceFadeOutTimeoutRef=setTimeout((()=>{var t;this.traceModalFadingOut=!1,this.isLoadingTrace=!1,this.traceError=void 0,this.traceHtml=void 0,this.showTraceModal||(d(this.traceDialogEl),null===(t=this.releaseTraceFallbacks)||void 0===t||t.call(this),this.releaseTraceFallbacks=void 0)}),e.TRACE_FADE_OUT_MS))},this.onTraceCancel=t=>{t.preventDefault(),this.closeTraceModal()},this.handleClaim=async(t,e)=>{try{const i=new FormData;e.vin=this.vehicleLookup.vin,e.saleInformation=this.vehicleLookup.saleInformation,e.serviceItem=this.claimForm.item,e.identifiers=this.vehicleLookup.identifiers,e.vehicleVariantInfo=this.vehicleLookup.vehicleVariantInfo,e.vehicleSpecification=this.vehicleLookup.vehicleSpecification,i.append("payload",JSON.stringify(e)),t&&t.length>0&&t.forEach((t=>{i.append("document",t)}));const a=await b(this);await new Promise(((t,e)=>{const o=new XMLHttpRequest;o.open("POST",this.claimEndPoint),Object.entries(a).forEach((([t,e])=>{o.setRequestHeader(t,e)})),o.upload.onprogress=t=>{t.lengthComputable&&this.claimForm.setFileUploadProgression(Math.round(t.loaded/t.total*100))},o.onload=()=>{if(200===o.status)try{const e=JSON.parse(o.responseText);this.completeClaim(e),t()}catch(t){console.error("Response is not valid JSON",{rawResponse:o.responseText,error:t}),e(new Error("Upload succeeded but response is not valid JSON"))}else try{const t=JSON.parse(o.responseText),i=new Error(t.Message);i.serverMessage=t.Message,e(i)}catch(t){e(new Error(`Upload failed with status ${o.status}`))}},o.onerror=()=>e(new Error("Network error")),o.send(i)}))}catch(t){throw this.claimForm.showError((null==t?void 0:t.serverMessage)||this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater),t}},this.handleDevClaim=async t=>{try{if(t&&t.length>0){this.claimForm.setFileUploadProgression(0);const t=20;for(let e=0;e<t;e++){const i=Math.round((e+1)/t*100);await new Promise((t=>setTimeout(t,200))),this.claimForm.setFileUploadProgression(i)}}await new Promise((t=>setTimeout(t,1e3))),this.completeClaim({Success:!0,ID:"11223344",PrintURL:"http://localhost/test/print/1122"})}catch(t){throw this.claimForm.showError(this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater),t}}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([f(t),u(t,"vehicleLookup.claimableItems",J)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await g(this,t,e,{beforeAssignment:async t=>(this.showPrintBox=!1,await this.parseGroupData(t),t)})}async setErrorMessage(t){v(this,t)}onLoadingChange(t){w.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}async componentDidLoad(){this.progressBar=this.el.shadowRoot.querySelector(".progress-bar"),this.claimForm=this.el.shadowRoot.querySelector(".vehicle-item-claim-form"),this.claimableItemsBox=this.el.shadowRoot.querySelector(".claimable-items-box"),window.addEventListener("resize",this.onWindowResize),document.addEventListener("visibilitychange",this.onVisibilityChange),this.claimableItemsBox&&this.claimableItemsBox.addEventListener("scroll",this.onViewportChange),window.addEventListener("scroll",this.onViewportChange),window.addEventListener("resize",this.onViewportChange),requestAnimationFrame((()=>this.measurePopoverHeight())),this.takePendingProgressBarUpdate()}componentDidRender(){this.takePendingProgressBarUpdate()}async disconnectedCallback(){var t,e;window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("visibilitychange",this.onVisibilityChange),this.claimableItemsBox&&this.claimableItemsBox.removeEventListener("scroll",this.onViewportChange),window.removeEventListener("scroll",this.onViewportChange),window.removeEventListener("resize",this.onViewportChange),clearTimeout(this.popoverCloseTimeoutRef),clearTimeout(this.popoverHideTimeoutRef),clearTimeout(this.popoverSwapEndTimeoutRef),clearTimeout(this.traceFadeOutTimeoutRef),null===(t=this.traceAbortController)||void 0===t||t.abort(),null===(e=this.releaseTraceFallbacks)||void 0===e||e.call(this),n(this.popoverEl)}async onVehicleChange(){this.progressBarUpdatePending=!0}async openTrace(){await this.openTraceModal()}async completeClaim(t){const e=this.getServiceItems(),i=this.selectedClaimItem,a=JSON.parse(JSON.stringify(e)),o=e.indexOf(i),r=a.slice(0,o).filter((t=>_(t)));a[o].claimable=!1,a[o].status="processed",r.forEach((t=>t.status="cancelled"));const s=JSON.parse(JSON.stringify(this.vehicleLookup));s.serviceItems=a,this.vehicleLookup=s,t.PrintURL&&(this.showPrintBox=!0),this.lastSuccessfulClaimResponse=t}async claim(t){var e;this.selectedClaimItem=t,this.claimForm.item=t,this.claimForm.vin=null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,this.claimForm.handleClaiming=this.isDev?this.handleDevClaim.bind(this):this.handleClaim.bind(this),this.claimForm.open()}render(){var i,o,s,n,l;const c=this.getServiceItems(),d=c.findIndex(_),p=!this.isLoading&&this.vehicleLookup&&!c.length,w=this.isLoading||this.isError||!this.tabs.length||!c.length,b=this.tabs.map((t=>t.name)),g=null!==(s=null===(o=null===(i=this.vehicleLookup)||void 0===i?void 0:i.warranty)||void 0===o?void 0:o.activationStatus)&&void 0!==s?s:"NotRequired",v="Required"===g,m="BlockedNotAllocated"===g,x=v||m||this.showPrintBox,y=m&&!this.showPrintBox,f=this.showPrintBox||v;return t(a,{key:"00827db51fc7118da3098d957861978367a3cbdf",translate:"no"},t("vehicle-item-claim-form",{key:"521dc857b4d06bf7ad654a4ab0bb9a19cce13e4d",class:"vehicle-item-claim-form",maximumDocumentFileSizeInMb:this.maximumDocumentFileSizeInMb,uploadMultipleDocuments:this.uploadMultipleDocumentsAtTheForm,locale:Object.assign({sharedLocales:this.locale.sharedLocales},this.locale.claimForm)}),t(R,{key:"16557a810394319df6b175404af012e119cc9d83",locale:this.locale,claim:this.claim.bind(this),item:this.selectedClaimItem,showPopover:this.showClaimableItemPopover,target:this.popoverTarget,popoverHeight:this.popoverHeight,fadingOut:this.popoverFadingOut,swapping:this.popoverSwapping,outgoingItem:this.outgoingClaimItem,layerKey:this.popoverLayerKey,swapMs:e.POPOVER_SWAP_MS,bodyContentHeight:this.popoverBodyContentHeight,onMouseEnter:this.onPopoverMouseEnter,onMouseLeave:this.onPopoverMouseLeave,rootRef:t=>this.popoverEl=t}),t(O,{key:"a9a836e1312e82feafe7ed7102d4cbd3459a4611",isOpen:this.showTraceModal,fadingOut:this.traceModalFadingOut,isLoading:this.isLoadingTrace,errorMessage:this.traceError,vin:null===(n=this.vehicleLookup)||void 0===n?void 0:n.vin,traceHtml:this.traceHtml,locale:this.locale,onClose:this.closeTraceModal,onCancel:this.onTraceCancel,dialogRef:t=>this.traceDialogEl=t}),t(h,{key:"6dc9b2db8c565accc305ffa122d506a86d651686",isError:this.isError,coreOnly:this.coreOnly,header:null===(l=this.vehicleLookup)||void 0===l?void 0:l.vin,direction:this.locale.sharedLocales.direction,isLoading:this.isLoading||this.tabAnimationLoading,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard,headerRight:!this.showTrace||!this.vehicleLookup||this.isLoading||this.tabAnimationLoading||this.isError?null:t("button",{type:"button",class:"trace-trigger-button",title:this.locale.viewTrace,"aria-label":this.locale.viewTrace,onClick:this.openTraceModal},t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},t("circle",{cx:"6",cy:"19",r:"3"}),t("path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"}),t("circle",{cx:"18",cy:"5",r:"3"})))},t("div",{key:"ea932898f0ac850a77eb10695f382aeb017473ee",dir:"ltr",class:r("relative flex items-center h-[320px] transition-all duration-300",{loading:this.isLoading||this.tabAnimationLoading})},t("div",{key:"cacdf45ad0ae82e8d64ea61ca62b91592077186c",dir:this.locale.sharedLocales.direction,class:"absolute top-0 z-10 w-full pt-[16px]"},t("div",{key:"3b419e6ea4c52430c819ced91688b10bbc5644a4",class:r("duration-300",{"translate-y-[-50%] opacity-0":w})},t("shift-tabs",{key:"b702b6766b77cfb04073309ab0fe19d072b3a7c1",activeTabLabel:this.activeTab,changeActiveTab:this.onActiveTabChange,tabs:b}))),t("div",{key:"ebdfbfc4bcd66bc020be9c5a27c8c96a45497060",class:r("absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0",{"opacity-100":this.isLoading||this.tabAnimationLoading})},t("div",{key:"554e7174f870fc2430c1905e9b800eed99ce3cb4",class:"w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0"},t("div",{key:"428ba868e8fbb9b1c24b67b220d7f104915a3d44",class:"absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full"}),t("div",{key:"b5fdceb211bab99e196601a9df8c7fe26fe82de4",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc"}),t("div",{key:"282fc036b77c3bb6cf0ccb48c1c8777e5621d19a",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec"}))),t("div",{key:"5dad25684731ce3bb4e4d09d9f4ebc0dddd9e700",dir:this.locale.sharedLocales.direction,class:r("absolute w-[90%] z-10 pointer-events-none border opacity-0 translate-y-[-5px] scale-[70%] p-[25px] text-[16px] rounded-[6px] flex items-center justify-between left-1/2 -translate-x-1/2 h-10 bottom-[40px] transition duration-500",{"text-[#8a6d3b] bg-[#fcf8e3] border-[#faebcc]":!y,"text-[#58151c] bg-[#f7d7d8] border-[#f2aeb5]":y,"opacity-100 pointer-events-auto translate-y-0 scale-100":!this.isLoading&&this.vehicleLookup&&!this.tabAnimationLoading&&x})},t("span",{key:"077d90500cfbe073bb35ecfa86b0c3794b19d912",class:"font-semibold"},this.showPrintBox?this.locale.successFulClaimMessage:m?this.locale.activationBlockedNotAllocated:this.locale.warrantyAndServicesNotActivated),f&&t("button",{key:"388286b26da0e40d3830df73bca8f680d2cd6785",class:"claim-button",onClick:this.showPrintBox?this.printLastClaimResponse:this.activateClaimItem},t(this.showPrintBox?A:P,{class:"size-[30px] duration-200"}),t("span",{key:"aa68f7e1dad609fbadbbc5a0a8a7b12b0460c973"},this.showPrintBox?this.locale.print:this.locale.activateNow))),t("div",{key:"d53e92b265cfb9bd0a4b747b01a8074a12484f5b",class:"claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden"},t("div",{key:"6d807b5cebe4557e33c144fe9e7ebd08f6a0d577",class:"flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between"},t("div",{key:"b6b2f8155173fdc2968c546886b4c57749395b82",class:r("progress-container-style progress-lane absolute overflow-hidden w-[calc(100%-0px)] translate-y-0 opacity-100",{"opacity-0":this.isLoading||this.tabAnimationLoading||p||!this.vehicleLookup})},t("div",{key:"b82c8426595a8afe5ecdf7ef7bcbe5f72db08a12",part:"progress-bar",class:"progress-bar transition-all w-1/2 h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)]"})),t("div",{key:"b2ecac1a57470e77a747a2ad8974737b3a91d3ce",class:"ml-[-125px]"}),c.map(((e,i)=>t(S,{item:e,locale:this.locale,setClaimableItemPopover:this.setClaimableItemPopover,addStatusClass:!_(e)||d===i}))),t("div",{key:"af185eb6acec38a69eea0bf085a5a9fccc5a0214",class:"ml-[-125px]"})),t("div",{key:"e29cdee8da4bec9ca0eeaf8418fe57a9af2e4438",dir:this.locale.sharedLocales.direction,class:r("absolute top-0 left-0 pointer-events-none size-full box-content flex flex-col justify-center opacity-0 transition duration-500 items-center text-slate-700",{"opacity-100 scale-100":p})},t(z,{key:"2477d625e50fd3f415c9fa5c86247e11a234886c",class:"size-[90px]"}),t("div",{key:"4134e2a2562a86ec64f7e150430a56bff523b42a",class:"text-[22px]"},this.locale.sharedLocales.errors.noServiceAvailable))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}],vehicleLookup:[{onVehicleChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.inset-0{inset:0}.bottom-\\[12px\\]{bottom:12px}.bottom-\\[calc\\(100\\%-12px\\)\\]{bottom:calc(100% - 12px)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[4\\.5px\\]{left:4.5px}.top-0{top:0}.top-\\[27\\.75px\\]{top:27.75px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-0{height:0;width:0}.size-\\[10px\\]{height:10px;width:10px}.size-\\[15px\\]{height:15px;width:15px}.size-\\[30px\\]{height:30px;width:30px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[40px\\]{height:40px;width:40px}.h-\\[1\\.5px\\]{height:1.5px}.h-\\[10px\\]{height:10px}.min-h-0{min-height:0}.w-\\[220px\\]{width:220px}.w-\\[30px\\]{width:30px}.w-\\[540px\\]{width:540px}.w-\\[80\\%\\]{width:80%}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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-1\\/2{--tw-translate-y:-50%}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.translate-y-\\[-5px\\],.translate-y-\\[10px\\]{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-\\[10px\\]{--tw-translate-y:10px}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-\\[125\\%\\]{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-\\[125\\%\\]{--tw-scale-x:125%;--tw-scale-y:125%}.scale-\\[150\\%\\]{--tw-scale-x:150%;--tw-scale-y:150%}.scale-\\[150\\%\\],.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[12px\\]{gap:12px}.gap-\\[3px\\]{gap:3px}.gap-\\[7px\\]{gap:7px}.gap-\\[8px\\]{gap:8px}.\\!overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[5px\\]{border-radius:5px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-\\[5px\\]{border-width:5px}.border-b{border-bottom-width:1px}.border-double{border-style:double}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\],.border-\\[\\#dddddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#e0c97a\\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.border-\\[\\#e1e6ec\\]{--tw-border-opacity:1;border-color:rgb(225 230 236/var(--tw-border-opacity,1))}.border-\\[\\#ececec\\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-\\[\\#f2f2f2\\]{--tw-border-opacity:1;border-color:rgb(242 242 242/var(--tw-border-opacity,1))}.border-\\[\\#f6ecdc\\]{--tw-border-opacity:1;border-color:rgb(246 236 220/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.bg-\\[\\#00a300\\]{--tw-bg-opacity:1;background-color:rgb(0 163 0/var(--tw-bg-opacity,1))}.bg-\\[\\#282828\\]{--tw-bg-opacity:1;background-color:rgb(40 40 40/var(--tw-bg-opacity,1))}.bg-\\[\\#3071a9\\]{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.bg-\\[\\#a1a1a1\\]{--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1))}.bg-\\[\\#a80000\\]{--tw-bg-opacity:1;background-color:rgb(168 0 0/var(--tw-bg-opacity,1))}.bg-\\[\\#bdbdbd\\]{--tw-bg-opacity:1;background-color:rgb(189 189 189/var(--tw-bg-opacity,1))}.bg-\\[\\#c08a3e\\]{--tw-bg-opacity:1;background-color:rgb(192 138 62/var(--tw-bg-opacity,1))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f7fa\\]{--tw-bg-opacity:1;background-color:rgb(244 247 250/var(--tw-bg-opacity,1))}.bg-\\[\\#f9f9f9\\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-\\[\\#fafbfc\\]{--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#27ae60\\]{fill:#27ae60}.fill-\\[\\#f9f9f9\\]{fill:#f9f9f9}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.stroke-\\[0\\.5px\\]{stroke-width:.5px}.p-\\[20px\\]{padding:20px}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[9px\\]{padding-left:9px;padding-right:9px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[2px\\]{padding-bottom:2px;padding-top:2px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.text-center{text-align:center}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[28px\\]{font-size:28px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.text-\\[\\#00a300\\]{--tw-text-opacity:1;color:rgb(0 163 0/var(--tw-text-opacity,1))}.text-\\[\\#1d2735\\]{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1))}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.text-\\[\\#282828\\]{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#5a6b7a\\]{--tw-text-opacity:1;color:rgb(90 107 122/var(--tw-text-opacity,1))}.text-\\[\\#8d8d8d\\]{--tw-text-opacity:1;color:rgb(141 141 141/var(--tw-text-opacity,1))}.text-\\[\\#a5701f\\]{--tw-text-opacity:1;color:rgb(165 112 31/var(--tw-text-opacity,1))}.text-\\[\\#a80000\\]{--tw-text-opacity:1;color:rgb(168 0 0/var(--tw-text-opacity,1))}.text-\\[\\#a84444\\]{--tw-text-opacity:1;color:rgb(168 68 68/var(--tw-text-opacity,1))}.text-\\[\\#c08a0e\\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.text-\\[\\#ddd\\]{--tw-text-opacity:1;color:rgb(221 221 221/var(--tw-text-opacity,1))}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[\\#3071a9\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(48 113 169/var(--tw-ring-opacity,1))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.claimable-item{height:0;position:relative;width:0}.claimable-item *{transition-duration:.5s;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)}.loading .claimable-item{pointer-events:none}.claimable-item-container{--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1));position:relative;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))}.claimable-item-container,.claimable-item-header{align-items:center;display:flex;justify-content:center}.claimable-item-header{bottom:100%;flex-direction:column;font-size:16px;font-weight:700;margin-bottom:16px;position:absolute}.claimable-item-header>div{text-align:center;width:220px}.claimable-item-header img{height:40px;transition-duration:1s;width:40px}.claimable-item-header:hover img{--tw-rotate:360deg;--tw-scale-x:125%;--tw-scale-y:125%}.claimable-item-header:hover img,.loading .claimable-item-header{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))}.loading .claimable-item-header{--tw-translate-y:-5px;--tw-scale-x:70%;--tw-scale-y:70%;opacity:0}.claimable-item-header.load-animation{animation:item-header-fade-in .5s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.claimable-item-circle{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1));border-color:rgb(236 236 236/var(--tw-border-opacity,1));border-radius:9999px;border-style:double;border-width:5px;height:30px;width:30px}.loading .claimable-item-circle{--tw-scale-x:150%;--tw-scale-y:150%;opacity: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))}.claimable-item-circle.load-animation{animation:item-circle-fade-in .5s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%)}to{opacity:1;transform:scale(100%)}}.claimable-item-footer{font-size:16px;font-weight:500;margin-top:8px;position:absolute;text-align:center;top:100%;width:220px}.loading .claimable-item-footer{--tw-translate-y:10px;--tw-scale-x:70%;--tw-scale-y:70%;opacity: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))}.claimable-item-footer.load-animation{animation:item-footer-fade-in .5s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(10px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.processed .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.processed .claimable-item-header{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.expired .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(40 40 40/var(--tw-bg-opacity,1))}.expired .claimable-item-header{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.cancelled .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(168 0 0/var(--tw-bg-opacity,1))}.cancelled .claimable-item-header{--tw-text-opacity:1;color:rgb(168 0 0/var(--tw-text-opacity,1))}.pending .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(0 163 0/var(--tw-bg-opacity,1))}.pending .claimable-item-header{--tw-text-opacity:1;color:rgb(0 163 0/var(--tw-text-opacity,1))}.activationRequired .claimable-item-header{color:#9e9e9e}.claimable-item-lock-icon{align-items:center;display:flex;height:40px;justify-content:center;transition-duration:1s;width:40px}.claimable-item-lock-icon svg{height:30px;width:30px}.claimable-item-header:hover .claimable-item-lock-icon{--tw-scale-x:125%;--tw-scale-y:125%;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))}.lock-Locked .claimable-item-circle{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(189 189 189/var(--tw-bg-opacity,1));border-color:rgb(242 242 242/var(--tw-border-opacity,1))}.lock-Locked .claimable-item-header{--tw-text-opacity:1;color:rgb(141 141 141/var(--tw-text-opacity,1))}.lock-Missed .claimable-item-circle{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(192 138 62/var(--tw-bg-opacity,1));border-color:rgb(246 236 220/var(--tw-border-opacity,1))}.lock-Missed .claimable-item-header{--tw-text-opacity:1;color:rgb(165 112 31/var(--tw-text-opacity,1))}.claimable-item-popover{--text:#1f2937;--muted:#6b7280;--hair:#ececec;--tear:#d9d2c6;--primary-dark:#275e8f;--green:#2c8a58;--green-tint:#e8f4ed;display:block;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;width:fit-content;z-index:50}.claimable-item-popover[aria-expanded=true]{opacity:1!important;pointer-events:auto!important;transition:top var(--popover-swap,.5s) ease,bottom var(--popover-swap,.5s) ease,left var(--popover-swap,.5s) ease,opacity .5s ease}.claimable-item-popover.fading-out{pointer-events:auto}.claimable-item-popover[popover]{background:transparent;border:none;bottom:auto;color:inherit;height:-moz-fit-content;height:fit-content;margin:0;overflow:visible;padding:0;right:auto;width:-moz-fit-content;width:fit-content}.popover-relative-container{width:fit-content}.popover-body,.popover-relative-container{position:relative}.popover-body{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(249 249 249/var(--tw-bg-opacity,1));border-color:rgb(221 221 221/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(40 40 40/var(--tw-text-opacity,1));padding:20px;transition:transform var(--popover-swap,.5s) ease;width:540px;z-index:10}.popover-body-content{overflow:hidden;transition:height var(--popover-swap,.5s) ease}.popover-layers{align-items:start;display:grid}.popover-layer{grid-area:1/1;min-width:0;transition:opacity var(--popover-swap,.5s) ease}.popover-layer-current{opacity:1}.popover-layer-outgoing{opacity:0;pointer-events:none}.claimable-item-popover.swapping .popover-layer-current{opacity:0}.claimable-item-popover.swapping .popover-layer-outgoing{opacity:1}.popover-actions{align-items:start;display:grid;justify-items:center;margin-top:16px}.popover-actions>.popover-action{grid-area:1/1}.popover-actions.is-empty{display:none}.popover-body button{display:flex;justify-content:center;margin:auto;padding-bottom:4px;padding-top:4px;width:80%}.popover-body button svg{height:30px;pointer-events:none!important;width:30px}.popover-arrow-icon{--tw-translate-x:-50%;bottom:calc(100% - 12px);left:50%;position:absolute;z-index:50}.popover-arrow-icon,.popover-arrow-icon.flipped{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))}.popover-arrow-icon.flipped{--tw-translate-y:100%;--tw-rotate:180deg;bottom:12px}.popover-arrow-icon-svg{fill:#f9f9f9;stroke-width:.5px;--tw-text-opacity:1;color:rgb(221 221 221/var(--tw-text-opacity,1));height:40px;width:40px}.popover-arrow-bottom-line{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1));height:1.5px;left:4.5px;position:absolute;top:27.75px;width:30px}.popover-specs{border-bottom:1.5px dashed var(--tear);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0 12px}.popover-specs:first-child{padding-top:0}.popover-specs:last-child{border-bottom:none;padding-bottom:0}.popover-spec{min-width:0;padding-inline-end:14px}.popover-spec+.popover-spec{border-inline-start:1px solid var(--hair);padding-inline-start:14px}.claimable-item-popover .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.claimable-item-popover .val{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:3px;overflow-wrap:anywhere}.popover-spec.pkg{grid-column:span 2}.popover-spec.pkg.full{grid-column:1/-1}.popover-spec.pkg .val{color:var(--primary-dark);letter-spacing:.03em}.popover-lock{display:flex;flex-direction:column;gap:8px;padding-top:10px}.popover-lock .lab{font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.4;text-transform:none}.popover-lock-prerequisites{display:flex;flex-wrap:wrap;gap:8px}.popover-prerequisite{align-items:center;border-color:var(--hair);border-radius:4px;border-width:1px;color:var(--muted);display:flex;gap:7px;padding:5px 9px}.popover-prerequisite.satisfied{background:var(--green-tint);border-color:var(--green);color:var(--green)}.popover-prerequisite .val{color:inherit;font-size:12px;line-height:1.1;margin-top:0}.popover-prerequisite-mark{align-items:center;border-color:currentColor;border-radius:9999px;border-width:1px;display:flex;flex-shrink:0;height:15px;justify-content:center;width:15px}.popover-prerequisite-mark svg{height:10px;width:10px}.popover-prerequisite-date{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:1px;opacity:.75}.claimable-trace-modal,.popover-prerequisite-date:empty{display:none}.claimable-trace-modal{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:none;flex-direction:column;height:100%;inset:0;margin:0;max-height:none;max-width:none;opacity:0;padding:0;pointer-events:none;position:fixed;transition:opacity .42s ease;width:100%}.claimable-trace-modal[open]{display:flex}.claimable-trace-modal::backdrop{background:transparent}.claimable-trace-modal.open{opacity:1;pointer-events:auto}.claimable-trace-modal.fading-out{pointer-events:none}.trace-modal-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(244 247 250/var(--tw-bg-opacity,1));border-bottom-width:1px;border-color:rgb(225 230 236/var(--tw-border-opacity,1));display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.trace-modal-title{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1));font-size:16px;font-weight:600}.trace-modal-close{--tw-text-opacity:1;background-color:transparent;border-radius:.25rem;border-width:0;color:rgb(90 107 122/var(--tw-text-opacity,1));cursor:pointer;font-size:28px;line-height:1;outline:none;padding:2px 10px}.trace-modal-close:hover{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1))}.trace-modal-close:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(48 113 169/var(--tw-ring-opacity,1));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.trace-modal-body{--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1));flex:1 1 0%;min-height:0;position:relative}.trace-modal-status{--tw-text-opacity:1;align-items:center;color:rgb(90 107 122/var(--tw-text-opacity,1));display:flex;flex-direction:column;font-size:15px;gap:12px;inset:0;justify-content:center;position:absolute}.trace-modal-error{--tw-text-opacity:1;color:rgb(168 68 68/var(--tw-text-opacity,1))}.trace-modal-iframe{border:0;display:block;height:100%;width:100%}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.progress-container-style{--tw-translate-y:-50%;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1));border-color:rgb(221 221 221/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;height:10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;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)}.loading .lane-inc{animation:lane-increase 2.5s ease infinite}.loading .lane-dec{animation:lane-decrease 2.5s ease 1s infinite}@keyframes lane-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes lane-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.claim-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.claim-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.claim-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.claim-button circle{fill:#2ecc71}.claim-button circle:hover{fill:#fff}.claim-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.claim-button path{transition:.2s}.claim-button:hover path{fill:#2ecc71}.hover\\:border-\\[\\#c08a0e\\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fcf8e3\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-\\[\\#1d2735\\]:hover{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1))}.hover\\:text-\\[\\#8a6d3b\\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&\\>div\\]\\:w-\\[220px\\]>div{width:220px}.\\[\\&_\\*\\]\\: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)}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.\\[\\&_img\\]\\:size-\\[40px\\] img{height:40px;width:40px}.\\[\\&_img\\]\\:rotate-\\[360deg\\] img{--tw-rotate:360deg}.\\[\\&_img\\]\\:rotate-\\[360deg\\] img,.\\[\\&_img\\]\\:scale-\\[125\\%\\] img{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))}.\\[\\&_img\\]\\:scale-\\[125\\%\\] img{--tw-scale-x:125%;--tw-scale-y:125%}.\\[\\&_img\\]\\:duration-1000 img{transition-duration:1s}.\\[\\&_svg\\]\\:size-\\[30px\\] svg{height:30px;width:30px}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.bottom-\\[40px\\]{bottom:40px}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[90px\\]{height:90px;width:90px}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-300{transition-duration:.3s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.\\!h-auto{height:auto!important}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.grow{flex-grow:1}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}'}},[1,"vehicle-claimable-items",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],uploadMultipleDocumentsAtTheForm:[4,"upload-multiple-documents-at-the-form"],requestHeadersProvider:[16],blazorRequestHeadersProvider:[1,"blazor-request-headers-provider"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],print:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],claimEndPoint:[1,"claim-end-point"],activate:[16],showTrace:[4,"show-trace"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],activeTab:[32],showPrintBox:[32],tabAnimationLoading:[32],lastSuccessfulClaimResponse:[32],showClaimableItemPopover:[32],selectedClaimItem:[32],tabs:[32],popoverTarget:[32],popoverHeight:[32],popoverBodyContentHeight:[32],popoverSwapping:[32],outgoingClaimItem:[32],popoverLayerKey:[32],popoverFadingOut:[32],showTraceModal:[32],traceModalFadingOut:[32],isLoadingTrace:[32],traceError:[32],traceHtml:[32],setMockData:[64],fetchVin:[64],setErrorMessage:[64],setBlazorRef:[64],openTrace:[64],completeClaim:[64],claim:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}],vehicleLookup:[{onVehicleChange:0}]}]);function q(){"undefined"!=typeof customElements&&["vehicle-claimable-items","flexible-container","shift-tabs","vehicle-item-claim-form"].forEach((t=>{switch(t){case"vehicle-claimable-items":customElements.get(o(t))||customElements.define(o(t),Q);break;case"flexible-container":customElements.get(o(t))||M();break;case"shift-tabs":customElements.get(o(t))||j();break;case"vehicle-item-claim-form":customElements.get(o(t))||p()}}))}Q.POPOVER_CLOSE_DELAY_MS=200,Q.POPOVER_FADE_OUT_MS=500,Q.POPOVER_SWAP_MS=500,Q.TRACE_FADE_OUT_MS=420,q();export{Q as V,J as c,q as d}