adp-web-components 0.4.0 → 0.4.2

package/dist/components/{p-BvM3siIc.js → p-DokN3NzH.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as r,H as e,h as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import"./p-YQJevg3-.js";import{g as n}from"./p-Dal_X4-W.js";import{F as s}from"./p-D9mmIizU.js";import{F as p}from"./p-CxL9hBt2.js";import{F as c}from"./p-ByRA9Jio.js";const l="form-input-",d=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputProps={},this.localization={},this.iconPosition="end",this.prefixWidth=0,this.onInputChange=t=>{const r=t.target;r.value=this.formatter?this.formatter(r.value):r.value}}async componentWillLoad(){this.form.subscribe(this.name,this),this.onStaticValueChange(this.staticValue,!1)}async onStaticValueChange(t,r=!0){if(t){const r=this.formatter?this.formatter(t):t;this.defaultValue=r,this.inputRef&&(this.inputRef.value=r)}else r&&(this.defaultValue="",this.inputRef&&(this.inputRef.value=""))}async componentDidLoad(){const t=this.el.getElementsByClassName("prefix")[0];this.prefixWidth=t?t.getBoundingClientRect().width:0,this.inputRef=this.el.getElementsByClassName(l+this.name)[0]}async disconnectedCallback(){this.form.unsubscribe(this.name)}reset(t){const r=t||this.defaultValue||"";this.inputRef.value=this.formatter?this.formatter(r):r}render(){var t,r;const{disabled:e,isRequired:d,meta:w,isError:b,errorMessage:m}=this.form.getInputState(this.name),[g]=this.form.getFormLocale(),x=l+this.name,f=e||this.isLoading||!!this.staticValue||this.isDisabled,h="rtl"===(null===(t=null==g?void 0:g.sharedFormLocales)||void 0===t?void 0:t.direction),u="start"===this.iconPosition,y=u?h?"paddingRight":"paddingLeft":h?"paddingLeft":"paddingRight",v=i("form-input-icon",{"form-input-icon-start":u,"form-input-icon-end":!u,"form-input-icon-interactive":!!this.iconAction}),{label:k,placeholder:z,errorTextMessage:X}=n(this,w,m);return o(a,{key:"4e7186c580d2998425ae3fee0541a712373890d5",translate:"no"},o("label",{key:"5b6e5f22b6507b80a02fd29b5ea53858ec56c0a7",part:this.name,id:this.wrapperId,class:i("form-input-label-container",this.wrapperClass,{disabled:f})},o(s,{key:"cd50d54a42faa2783768b2da14b0085e3a0f528b",isRequired:d,label:k}),o("div",{key:"259cecb2391703ee2c4dadcf5210b47c80b3ba3f",part:`${this.name}-container form-input-container`,class:"form-input-container"},o(p,{key:"7f8de279c54f5c1ee1bc34e4b185aaca36642eed",name:this.name,direction:null===(r=null==g?void 0:g.sharedFormLocales)||void 0===r?void 0:r.direction,prefix:this.inputPrefix}),o("input",Object.assign({key:"60d1f3c4d109aad38c4b9003708f6f688d551bc6",name:this.name,type:null==this?void 0:this.type,disabled:f,onInput:this.onInputChange,defaultValue:this.formatter?this.formatter(this.defaultValue||""):this.defaultValue,part:`${this.name}-input form-input`,placeholder:z||(null==w?void 0:w.placeholder),style:Object.assign(Object.assign({},this.prefixWidth?{[h?"paddingRight":"paddingLeft"]:`${this.prefixWidth}px`}:{}),this.icon?{[y]:"40px"}:{}),class:i("form-input-style",x,{"form-input-error-style":b})},this.inputProps)),this.icon&&(()=>this.iconAction?o("button",{type:"button",disabled:f,onClick:this.iconAction,part:`${this.name}-icon form-input-icon`,class:v},this.icon):o("span",{part:`${this.name}-icon form-input-icon`,class:v},this.icon))()),o(c,{key:"27efbfd89e0fd9662118ae4bfdff9ca66b216f72",name:this.name,isError:b,errorMessage:X})))}get el(){return this}static get watchers(){return{staticValue:[{onStaticValueChange: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}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\\/2{top:50%}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-2{margin-top:.5rem}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\\!hidden{display:none!important}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[18px\\]{height:18px;width:18px}.size-\\[22px\\]{height:22px;width:22px}.size-\\[24px\\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\\[200px\\]{height:200px}.h-\\[38px\\]{height:38px}.h-full{height:100%}.max-h-\\[200px\\]{max-height:200px}.min-h-\\[100px\\]{min-height:100px}.w-\\[36px\\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[36px\\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\\[1px\\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\\!text-transparent{color:transparent!important}.\\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#576675\\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.caret-transparent{caret-color:transparent}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.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}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\!duration-200{transition-duration:.2s!important}.\\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.8;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-file-input{display:none}.form-file-trigger{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(30 41 59/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;text-align:start}.form-file-trigger:disabled{cursor:not-allowed;opacity:.75}.form-file-trigger-loading{opacity:.8}.form-file-icon{--tw-text-opacity:1;align-items:center;color:rgb(100 116 139/var(--tw-text-opacity,1));display:flex;justify-content:center}.form-file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file-spinner{animation:spin-animation 1s linear infinite;height:18px;width:18px}.form-file-success-icon{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1));height:18px;width:18px}.form-file-status{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.form-file-status-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-file-status-success{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.form-input-container-country{display:flex;width:100%}.form-input-container-country shift-select .form-input-container input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.form-input-container-country .form-input-container-wrapper input{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.form-input-country-selection{width:100px}.form-input-container-country .form-input-country-selection{width:75px}.form-phone-container .form-input-prefix{left:0!important;right:auto!important}.hover\\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:hover\\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.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}}.static{position:static}.ms-2{margin-inline-start:.5rem}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.size-4{height:1rem;width:1rem}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.shrink-0{flex-shrink:0}.resize{resize:both}.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)}.left-\\[50\\%\\]{left:50%}.top-\\[16px\\]{top:16px}.z-10,.z-\\[10\\]{z-index:10}.mt-\\[12px\\]{margin-top:12px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[1px\\]{height:1px}.-translate-x-\\[50\\%\\]{--tw-translate-x:-50%}.-translate-x-\\[50\\%\\],.-translate-y-\\[50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[50\\%\\]{--tw-translate-y:-50%}.flex-col{flex-direction:column}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:0}.before\\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\\:bg-black\\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\\:before\\:scale-\\[1\\.5\\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.size-5{height:1.25rem;width:1.25rem}.gap-1{gap:.25rem}.duration-700{transition-duration:.7s}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.-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))}.\\!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))}.-mt-1{margin-top:-.25rem}.end-3\\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-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-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-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.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))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"form-input",{name:[1],wrapperId:[1,"wrapper-id"],isLoading:[4,"is-loading"],isDisabled:[4,"is-disabled"],form:[16],inputPrefix:[1,"input-prefix"],wrapperClass:[1,"wrapper-class"],staticValue:[1,"static-value"],inputProps:[8,"input-props"],type:[1],defaultValue:[1025,"default-value"],formatter:[16],localization:[16],icon:[8],iconAction:[16],iconPosition:[1,"icon-position"],prefixWidth:[32]},void 0,{staticValue:[{onStaticValueChange:0}]}]);function w(){"undefined"!=typeof customElements&&["form-input"].forEach((r=>{"form-input"===r&&(customElements.get(t(r))||customElements.define(t(r),d))}))}w();export{d as F,w as d}
+import{t,p as r,H as e,h as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import"./p-YQJevg3-.js";import{g as n}from"./p-Dal_X4-W.js";import{F as s}from"./p-D9mmIizU.js";import{F as p}from"./p-CxL9hBt2.js";import{F as c}from"./p-ByRA9Jio.js";const l="form-input-",d=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputProps={},this.localization={},this.iconPosition="end",this.prefixWidth=0,this.onInputChange=t=>{const r=t.target;r.value=this.formatter?this.formatter(r.value):r.value}}async componentWillLoad(){this.form.subscribe(this.name,this),this.onStaticValueChange(this.staticValue,!1)}async onStaticValueChange(t,r=!0){if(t){const r=this.formatter?this.formatter(t):t;this.defaultValue=r,this.inputRef&&(this.inputRef.value=r)}else r&&(this.defaultValue="",this.inputRef&&(this.inputRef.value=""))}async componentDidLoad(){const t=this.el.getElementsByClassName("prefix")[0];this.prefixWidth=t?t.getBoundingClientRect().width:0,this.inputRef=this.el.getElementsByClassName(l+this.name)[0]}async disconnectedCallback(){this.form.unsubscribe(this.name)}reset(t){const r=t||this.defaultValue||"";this.inputRef.value=this.formatter?this.formatter(r):r}render(){var t,r;const{disabled:e,isRequired:d,meta:w,isError:b,errorMessage:m}=this.form.getInputState(this.name),[g]=this.form.getFormLocale(),x=l+this.name,f=e||this.isLoading||!!this.staticValue||this.isDisabled,h="rtl"===(null===(t=null==g?void 0:g.sharedFormLocales)||void 0===t?void 0:t.direction),u="start"===this.iconPosition,y=u?h?"paddingRight":"paddingLeft":h?"paddingLeft":"paddingRight",v=i("form-input-icon",{"form-input-icon-start":u,"form-input-icon-end":!u,"form-input-icon-interactive":!!this.iconAction}),{label:k,placeholder:z,errorTextMessage:X}=n(this,w,m);return o(a,{key:"4e7186c580d2998425ae3fee0541a712373890d5",translate:"no"},o("label",{key:"5b6e5f22b6507b80a02fd29b5ea53858ec56c0a7",part:this.name,id:this.wrapperId,class:i("form-input-label-container",this.wrapperClass,{disabled:f})},o(s,{key:"cd50d54a42faa2783768b2da14b0085e3a0f528b",isRequired:d,label:k}),o("div",{key:"259cecb2391703ee2c4dadcf5210b47c80b3ba3f",part:`${this.name}-container form-input-container`,class:"form-input-container"},o(p,{key:"7f8de279c54f5c1ee1bc34e4b185aaca36642eed",name:this.name,direction:null===(r=null==g?void 0:g.sharedFormLocales)||void 0===r?void 0:r.direction,prefix:this.inputPrefix}),o("input",Object.assign({key:"60d1f3c4d109aad38c4b9003708f6f688d551bc6",name:this.name,type:null==this?void 0:this.type,disabled:f,onInput:this.onInputChange,defaultValue:this.formatter?this.formatter(this.defaultValue||""):this.defaultValue,part:`${this.name}-input form-input`,placeholder:z||(null==w?void 0:w.placeholder),style:Object.assign(Object.assign({},this.prefixWidth?{[h?"paddingRight":"paddingLeft"]:`${this.prefixWidth}px`}:{}),this.icon?{[y]:"40px"}:{}),class:i("form-input-style",x,{"form-input-error-style":b})},this.inputProps)),this.icon&&(()=>this.iconAction?o("button",{type:"button",disabled:f,onClick:this.iconAction,part:`${this.name}-icon form-input-icon`,class:v},this.icon):o("span",{part:`${this.name}-icon form-input-icon`,class:v},this.icon))()),o(c,{key:"27efbfd89e0fd9662118ae4bfdff9ca66b216f72",name:this.name,isError:b,errorMessage:X})))}get el(){return this}static get watchers(){return{staticValue:[{onStaticValueChange: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}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\\/2{top:50%}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-2{margin-top:.5rem}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\\!hidden{display:none!important}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[18px\\]{height:18px;width:18px}.size-\\[22px\\]{height:22px;width:22px}.size-\\[24px\\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\\[200px\\]{height:200px}.h-\\[38px\\]{height:38px}.h-full{height:100%}.max-h-\\[200px\\]{max-height:200px}.min-h-\\[100px\\]{min-height:100px}.w-\\[36px\\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[36px\\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\\[1px\\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\\!text-transparent{color:transparent!important}.\\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#576675\\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.caret-transparent{caret-color:transparent}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.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}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\!duration-200{transition-duration:.2s!important}.\\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.8;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-file-input{display:none}.form-file-trigger{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(30 41 59/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;text-align:start}.form-file-trigger:disabled{cursor:not-allowed;opacity:.75}.form-file-trigger-loading{opacity:.8}.form-file-icon{--tw-text-opacity:1;align-items:center;color:rgb(100 116 139/var(--tw-text-opacity,1));display:flex;justify-content:center}.form-file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file-spinner{animation:spin-animation 1s linear infinite;height:18px;width:18px}.form-file-success-icon{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1));height:18px;width:18px}.form-file-status{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.form-file-status-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-file-status-success{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.form-input-container-country{display:flex;width:100%}.form-input-container-country shift-select .form-input-container input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.form-input-container-country .form-input-container-wrapper input{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.form-input-country-selection{width:100px}.form-input-container-country .form-input-country-selection{width:75px}.form-phone-container .form-input-prefix{left:0!important;right:auto!important}.hover\\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:hover\\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.static{position:static}.size-4{height:1rem;width:1rem}.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}}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.ms-2{margin-inline-start:.5rem}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-\\[6px\\]{border-radius:6px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-transparent{color:transparent}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.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)}.shrink-0{flex-shrink:0}.resize{resize:both}.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)}.left-\\[50\\%\\]{left:50%}.top-\\[16px\\]{top:16px}.z-10,.z-\\[10\\]{z-index:10}.mt-\\[12px\\]{margin-top:12px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[1px\\]{height:1px}.-translate-x-\\[50\\%\\]{--tw-translate-x:-50%}.-translate-x-\\[50\\%\\],.-translate-y-\\[50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[50\\%\\]{--tw-translate-y:-50%}.flex-col{flex-direction:column}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:0}.before\\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\\:bg-black\\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\\:before\\:scale-\\[1\\.5\\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.size-5{height:1.25rem;width:1.25rem}.gap-1{gap:.25rem}.duration-700{transition-duration:.7s}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.-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))}.\\!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))}.-mt-1{margin-top:-.25rem}.end-3\\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-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-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-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.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))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"form-input",{name:[1],wrapperId:[1,"wrapper-id"],isLoading:[4,"is-loading"],isDisabled:[4,"is-disabled"],form:[16],inputPrefix:[1,"input-prefix"],wrapperClass:[1,"wrapper-class"],staticValue:[1,"static-value"],inputProps:[8,"input-props"],type:[1],defaultValue:[1025,"default-value"],formatter:[16],localization:[16],icon:[8],iconAction:[16],iconPosition:[1,"icon-position"],prefixWidth:[32]},void 0,{staticValue:[{onStaticValueChange:0}]}]);function w(){"undefined"!=typeof customElements&&["form-input"].forEach((r=>{"form-input"===r&&(customElements.get(t(r))||customElements.define(t(r),d))}))}w();export{d as F,w as d}

package/dist/components/{p-D4VK-Fv7.js → p-DqCIuURq.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 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}
+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-BcgJGb3U.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:"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:!O,bottom:O,qr:R})},t("button",{key:"c2c69a49a0f01692079d8d6952a04501049a081f",disabled:this.isLoading,onClick:this.close.bind(this),class:"btn-close","aria-label":"Close"},t(p,{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===(f=this.item)||void 0===f?void 0:f.type)&&t("span",{key:"c275b3ce4d0498ae8b0f3c281381205eda4e191f",class:"item-type"},this.item.type),t("div",{key:"e8a1809de63a5a006e09f3b9ff65da016d4938c6",class:"item-name"},null===(u=this.item)||void 0===u?void 0:u.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===(g=this.item)||void 0===g?void 0:g.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(L,{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===(m=this.item)||void 0===m?void 0:m.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(l,null)),null==e?void 0:e.confirmationText))))))),t("aside",{key:"4021f4e8931197c7d3244f85b08e60114ca861d7",class:"stub"},t("div",{key:"8495f1150a657685574861d21a941e466a71a6e2",class:"perf"}),R&&t("div",{key:"7c9e37b3b1c8164ac4b7143aec5995c46c3fbad4",class:"field-label"},this.locale.qrCode),t("div",{key:"c27190e984da8e5b448f45e3432d2880838f29ff",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:"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:T}),onClick:this.onDocumentButtonClicked},t("span",{key:"6a07af2a8d424f05d1b164a7dfe4c46df956a982",class:"ic"},t(q,{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)&&!A&&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":!A}),onClick:this.clearFile,disabled:!A,"aria-hidden":A?null:"true","aria-label":"Clear"},t(p,{key:"f5a38a4e2465c7c0e5414820cc69bdf28b5d9b0e"}))),t("flexible-container",{key:"a68be1eeb95c79076f49c19b11eacc15bb42df76",isOpened:!!(null===(Y=null===(X=this.errors)||void 0===X?void 0:X.documents)||void 0===Y?void 0:Y.show)},t("div",{key:"19301c63892e19f53b7635aff0a33c7797ad519b",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:"cfec895fda0e2cea7bd376fa6962f3ad601e9527",isOpened:A,containerClasses:""},t("div",{key:"5a06d8646ea358d8e9e73e948e1ff4c41bac2f54",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:"c2c8bbaef7d63adebe6374bb7ab5ce544cdf94fd",class:"stub-spacer"}),t("button",{key:"1e5d97162046715676e24d039131e65566f3e324",class:r("btn-claim",{loading:this.isLoading}),onClick:this.submit,disabled:!_||T},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(l,{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(p,{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%}}.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}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.end-0{inset-inline-end:0}.top-full{top:100%}.z-10{z-index:10}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.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))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.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}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.opacity-100{opacity:1}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.invisible{visibility:hidden}.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}.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))}.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}