adp-web-components 0.2.8 → 0.2.10

package/dist/components/{p-x9SI7adz.js → p-CG-TdkVH.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{o as r,e as s,I as n,c as l}from"./p-BG8YXzND.js";import{A as p}from"./p-DHfdaMCZ.js";import{P as d}from"./p-pnQgLSsX.js";import{C as c}from"./p-BHy4oEqB.js";import{y as x,s as h}from"./p-YQJevg3-.js";import{s as w,V as g}from"./p-lnx3CKt-.js";import{s as b,a as f}from"./p-LTUcwJc7.js";import{g as u,a as v}from"./p-CpwpTPc0.js";import{d as m}from"./p-CrO-bFY_.js";import{d as y}from"./p-B9zG2icj.js";const k=x(["paintThickness","noData","panel","position","left","right","inspectionDate","noImageGroups","expand","printCertificate"]),z=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:h.getDefault()},k.getDefault()),this.coreOnly=!1,this.expandedImage="",this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.activeTabIndex=0,this.onActiveTabChange=({idx:t})=>{this.activeTabIndex=t},this.showCertificateButton=!1,this.certificateMenuOpen=!1,this.groupPanels=t=>{const e=new Map;for(const o of t){const t=`${o.panelType}|${o.panelPosition||""}`;e.has(t)||e.set(t,{panel:o.panelType,position:o.panelPosition||""});const a=e.get(t);"Left"===o.panelSide?a.left=o.measuredThickness:"Right"===o.panelSide?a.right=o.measuredThickness:a.center=o.measuredThickness}return Array.from(e.values())}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([u(t),v(t,"vehicleLookup.paintThickness",k)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await b(this,t,e)}async setErrorMessage(t){f(this,t)}onLoadingChange(t){w.bind(this)(this.loadingStateChange,t)}onVehicleLookupChange(){this.activeTabIndex=0,this.certificateMenuOpen=!1}onDocumentClick(t){this.certificateMenuOpen&&!t.composedPath().includes(this.el)&&(this.certificateMenuOpen=!1)}render(){var t,e,x;const h=this.locale,w=(null===(t=this.vehicleLookup)||void 0===t?void 0:t.paintThicknessInspections)||[],b=w.map(((t,e)=>w.some(((o,a)=>a!==e&&o.source===t.source))&&t.inspectionDate?`${t.source} (${t.inspectionDate})`:t.source)),f=this.isLoading||this.isError,u=w[this.activeTabIndex]||w[0],v=(null==u?void 0:u.panels)||[],m=this.groupPanels(v),y=v.filter((t=>{var e;return null===(e=t.images)||void 0===e?void 0:e.length})).map((t=>({name:[t.panelPosition,t.panelSide,t.panelType].filter(Boolean).join(" "),images:t.images}))),k=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.paintThicknessCertificateUrls)||[];return o(a,{translate:"no"},o(n,{closeImageViewer:()=>l.bind(this)(),expandedImage:this.expandedImage}),o(g,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(x=this.vehicleLookup)||void 0===x?void 0:x.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{class:i("duration-300","py-[15px]","flex","items-center","gap-[8px]",{hidden:f})},o("div",{class:"min-w-0 flex-1"},o("shift-tabs",{activeTabIndex:this.activeTabIndex,changeActiveTab:this.onActiveTabChange,tabs:b})),this.showCertificateButton&&!!k.length&&o("div",{class:"relative me-[16px] shrink-0"},o("button",{"aria-haspopup":"menu","aria-expanded":this.certificateMenuOpen?"true":"false",onClick:()=>this.certificateMenuOpen=!this.certificateMenuOpen,class:"flex w-full cursor-pointer items-center gap-[8px] rounded-[4px] border border-amber-500 bg-amber-500 px-[16px] py-[6px] text-[17px] font-medium text-white shadow-sm transition-colors duration-300 hover:border-amber-600 hover:bg-amber-600"},o(d,{fill:"currentColor",viewBox:"0 0 24 24",class:"size-[18px] shrink-0"}),o("span",{class:"whitespace-nowrap"},h.printCertificate),o(p,{class:i("size-[16px] shrink-0 transition-transform duration-300",{"rotate-180":this.certificateMenuOpen})})),this.certificateMenuOpen&&o("div",{role:"menu",class:"absolute end-0 top-full z-10 mt-[4px] min-w-full overflow-hidden rounded-[4px] border border-slate-200 bg-white shadow-lg"},k.map((({language:t,name:e,url:a})=>o("a",{key:t,role:"menuitem",href:a,target:"_blank",rel:"noopener noreferrer",onClick:()=>this.certificateMenuOpen=!1,class:"block whitespace-nowrap px-[16px] py-[8px] text-[16px] text-slate-700 no-underline transition-colors duration-150 hover:bg-amber-50"},e||t)))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==u?void 0:u.inspectionDate)},o("div",{class:"flex items-center justify-center gap-[6px] border-b border-slate-200 px-[16px] py-[10px] text-[16px] text-slate-700"},o(c,{class:"size-[18px] shrink-0"}),o("span",{class:"font-semibold"},h.inspectionDate,":"),o("span",{class:"shift-skeleton"},null==u?void 0:u.inspectionDate))),o("div",{class:"overflow-x-auto"},o("div",{class:i("mx-auto w-fit",{loading:this.isLoading})},o("div",{class:"flex"},o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.panel),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.position),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.left),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.right)),o("flexible-container",{height:"auto"},!m.length&&o("div",{class:"border-b"},o("div",{class:"flex"},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")))),m.map(((t,e)=>o("div",{key:t.panel+t.position+e,class:"border-b last:border-b-0"},o("div",{class:i("flex hover:bg-sky-100/50 transition duration-300",{"bg-slate-100":e%2==1})},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.panel)),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.position||" ")),void 0!==t.center?o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"300px"}},o("div",{class:"shift-skeleton"},t.center)):[o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.left?t.left:" ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.right?t.right:" "))]))))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==y?void 0:y.length)},o("div",{class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},null==y?void 0:y.map(((t,e)=>o("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:(null==t?void 0:t.name)+e},o("h1",{class:"text-center border-b bg-slate-50 font-semibold p-[6px]"},o("span",{class:"shift-skeleton"},null==t?void 0:t.name)),o("div",{class:"flex max-w-full flex-wrap p-[12px] gap-[8px]"},null==t?void 0:t.images.map(((t,e)=>o("div",{class:i("flex shift-skeleton gap-[8px]",{loading:!t}),key:t+e},o("button",{onClick:({target:e})=>r.bind(this)(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},o("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},o("img",{src:s}),o("span",{class:"text-white"},h.expand)),o("img",{src:t,class:"h-[150px] cursor-pointer shadow-sm rounded-lg w-[84px] transition-all duration-300"})))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.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}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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))}.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)}.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)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.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))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.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}.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))}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.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-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.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)}.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)}.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}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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}'}},[257,"vehicle-paint-thickness",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],showCertificateButton:[4,"show-certificate-button"],locale:[32],expandedImage:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],activeTabIndex:[32],certificateMenuOpen:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},[[4,"click","onDocumentClick"]],{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}]);function j(){"undefined"!=typeof customElements&&["vehicle-paint-thickness","flexible-container","shift-tabs"].forEach((t=>{switch(t){case"vehicle-paint-thickness":customElements.get(t)||customElements.define(t,z);break;case"flexible-container":customElements.get(t)||m();break;case"shift-tabs":customElements.get(t)||y()}}))}j();export{z as V,j as d,k as p}
+import{p as t,H as e,h as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{o as r,e as n,I as s,c as l}from"./p-BG8YXzND.js";import{A as p}from"./p-DHfdaMCZ.js";import{P as d}from"./p-pnQgLSsX.js";import{C as c}from"./p-BHy4oEqB.js";import{y as x,s as h}from"./p-YQJevg3-.js";import{s as w,V as g}from"./p-lnx3CKt-.js";import{s as b,a as f}from"./p-LTUcwJc7.js";import{g as v,a as u}from"./p-DW6bSgp1.js";import{d as m}from"./p-CdXLLROz.js";import{d as y}from"./p-O8FQj0O0.js";const k=x(["paintThickness","noData","panel","position","left","right","inspectionDate","noImageGroups","expand","printCertificate"]),z=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:h.getDefault()},k.getDefault()),this.coreOnly=!1,this.expandedImage="",this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.activeTabIndex=0,this.onActiveTabChange=({idx:t})=>{this.activeTabIndex=t},this.showCertificateButton=!1,this.certificateMenuOpen=!1,this.groupPanels=t=>{const e=new Map;for(const o of t){const t=`${o.panelType}|${o.panelPosition||""}`;e.has(t)||e.set(t,{panel:o.panelType,position:o.panelPosition||""});const a=e.get(t);"Left"===o.panelSide?a.left=o.measuredThickness:"Right"===o.panelSide?a.right=o.measuredThickness:a.center=o.measuredThickness}return Array.from(e.values())}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([v(t),u(t,"vehicleLookup.paintThickness",k)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await b(this,t,e)}async setErrorMessage(t){f(this,t)}onLoadingChange(t){w.bind(this)(this.loadingStateChange,t)}onVehicleLookupChange(){this.activeTabIndex=0,this.certificateMenuOpen=!1}onDocumentClick(t){this.certificateMenuOpen&&!t.composedPath().includes(this.el)&&(this.certificateMenuOpen=!1)}render(){var t,e,x;const h=this.locale,w=(null===(t=this.vehicleLookup)||void 0===t?void 0:t.paintThicknessInspections)||[],b=w.map(((t,e)=>w.some(((o,a)=>a!==e&&o.source===t.source))&&t.inspectionDate?`${t.source} (${t.inspectionDate})`:t.source)),f=this.isLoading||this.isError,v=w[this.activeTabIndex]||w[0],u=(null==v?void 0:v.panels)||[],m=this.groupPanels(u),y=u.filter((t=>{var e;return null===(e=t.images)||void 0===e?void 0:e.length})).map((t=>({name:[t.panelPosition,t.panelSide,t.panelType].filter(Boolean).join(" "),images:t.images}))),k=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.paintThicknessCertificateUrls)||[];return o(a,{translate:"no"},o(s,{closeImageViewer:()=>l.bind(this)(),expandedImage:this.expandedImage}),o(g,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(x=this.vehicleLookup)||void 0===x?void 0:x.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{class:i("duration-300","py-[15px]","flex","items-center","gap-[8px]",{hidden:f})},o("div",{class:"min-w-0 flex-1"},o("shift-tabs",{activeTabIndex:this.activeTabIndex,changeActiveTab:this.onActiveTabChange,tabs:b})),this.showCertificateButton&&!!k.length&&o("div",{class:"relative me-[16px] shrink-0"},o("button",{"aria-haspopup":"menu","aria-expanded":this.certificateMenuOpen?"true":"false",onClick:()=>this.certificateMenuOpen=!this.certificateMenuOpen,class:"flex w-full cursor-pointer items-center gap-[8px] rounded-[4px] border border-amber-500 bg-amber-500 px-[16px] py-[6px] text-[17px] font-medium text-white shadow-sm transition-colors duration-300 hover:border-amber-600 hover:bg-amber-600"},o(d,{fill:"currentColor",viewBox:"0 0 24 24",class:"size-[18px] shrink-0"}),o("span",{class:"whitespace-nowrap"},h.printCertificate),o(p,{class:i("size-[16px] shrink-0 transition-transform duration-300",{"rotate-180":this.certificateMenuOpen})})),this.certificateMenuOpen&&o("div",{role:"menu",class:"absolute end-0 top-full z-10 mt-[4px] min-w-full overflow-hidden rounded-[4px] border border-slate-200 bg-white shadow-lg"},k.map((({language:t,name:e,url:a})=>o("a",{key:t,role:"menuitem",href:a,target:"_blank",rel:"noopener noreferrer",onClick:()=>this.certificateMenuOpen=!1,class:"block whitespace-nowrap px-[16px] py-[8px] text-[16px] text-slate-700 no-underline transition-colors duration-150 hover:bg-amber-50"},e||t)))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==v?void 0:v.inspectionDate)},o("div",{class:"flex items-center justify-center gap-[6px] border-b border-slate-200 px-[16px] py-[10px] text-[16px] text-slate-700"},o(c,{class:"size-[18px] shrink-0"}),o("span",{class:"font-semibold"},h.inspectionDate,":"),o("span",{class:"shift-skeleton"},null==v?void 0:v.inspectionDate))),o("div",{class:"overflow-x-auto"},o("div",{class:i("mx-auto w-fit",{loading:this.isLoading})},o("div",{class:"flex"},o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.panel),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.position),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.left),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.right)),o("flexible-container",{height:"auto"},!m.length&&o("div",{class:"border-b"},o("div",{class:"flex"},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")))),m.map(((t,e)=>o("div",{key:t.panel+t.position+e,class:"border-b last:border-b-0"},o("div",{class:i("flex hover:bg-sky-100/50 transition duration-300",{"bg-slate-100":e%2==1})},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.panel)),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.position||" ")),void 0!==t.center?o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"300px"}},o("div",{class:"shift-skeleton"},t.center)):[o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.left?t.left:" ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.right?t.right:" "))]))))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==y?void 0:y.length)},o("div",{class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},null==y?void 0:y.map(((t,e)=>o("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:(null==t?void 0:t.name)+e},o("h1",{class:"text-center border-b bg-slate-50 font-semibold p-[6px]"},o("span",{class:"shift-skeleton"},null==t?void 0:t.name)),o("div",{class:"flex max-w-full flex-wrap p-[12px] gap-[8px]"},null==t?void 0:t.images.map(((t,e)=>o("div",{class:i("flex shift-skeleton gap-[8px]",{loading:!t}),key:t+e},o("button",{onClick:({target:e})=>r.bind(this)(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},o("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},o("img",{src:n}),o("span",{class:"text-white"},h.expand)),o("img",{src:t,class:"h-[150px] cursor-pointer shadow-sm rounded-lg w-[84px] transition-all duration-300"})))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.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}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.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}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#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))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-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)}.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)}.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)}.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}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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}'}},[257,"vehicle-paint-thickness",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],showCertificateButton:[4,"show-certificate-button"],locale:[32],expandedImage:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],activeTabIndex:[32],certificateMenuOpen:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},[[4,"click","onDocumentClick"]],{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}]);function j(){"undefined"!=typeof customElements&&["vehicle-paint-thickness","flexible-container","shift-tabs"].forEach((t=>{switch(t){case"vehicle-paint-thickness":customElements.get(t)||customElements.define(t,z);break;case"flexible-container":customElements.get(t)||m();break;case"shift-tabs":customElements.get(t)||y()}}))}j();export{z as V,j as d,k as p}

package/dist/components/{p-C2FThalH.js → p-CGJDw_Wk.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as r,h as e,a as o}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{d as i}from"./p-YQJevg3-.js";import{m as n,r as s,a as l,s as c,f as p,g as d}from"./p-Bk0lC2Er.js";import{F as w}from"./p-8u5uhwdg.js";import{F as b}from"./p-BMqwfA7R.js";import{L as m}from"./p-DN4c_zdE.js";import{T as g}from"./p-JSG4fAIl.js";const h="form-file-",x=t(class extends r{constructor(){super(),this.__registerHost(),this.maxUpload=1,this.signMethod="POST",this.localization={},this.fileName="",this.uploadState="idle",this.failedText="",this.sasFiles=[],this.controlsFormLoading=!1,this.wasFormLoading=!1,this.openFilePicker=()=>{this.fileInput&&(this.reset(),this.fileInput.click())},this.handleFileChange=async t=>{const r=t.target,e=Array.from((null==r?void 0:r.files)||[]);if(!e.length)return;const o="number"==typeof this.maxUpload&&this.maxUpload>0?e.slice(0,this.maxUpload):e;this.fileName=o.map((t=>t.name)).join(", "),this.failedText="",this.uploadState="uploading",this.startGlobalLoading();const a=new DataTransfer;try{if(this.signUrl){const t=await this.requestSignedUpload(o);this.form.pendingRequests[this.name]=async()=>await this.uploadToSignedUrl(o,t)}this.uploadState="success",this.syncValue([...o]),o.forEach((t=>a.items.add(t))),r.files=a.files}catch(t){this.sasFiles=[],console.error(t),r.files=a.files;const[e,o]=this.form.getFormLocale();this.uploadState="error",this.failedText=this.getFailureText(e,o),this.syncValue(),this.fileInput&&(this.fileInput.value=[])}finally{this.stopGlobalLoading()}},this.validate=()=>{let t=i().meta(n(this.name));return t=this.required?t.test(s(this.name),s(this.name),(t=>!!Array.isArray(t)&&t.length>0)):t.optional(),this.maxUpload&&this.maxUpload>0&&(t=t.test(l(this.name),l(this.name),(t=>!Array.isArray(t)||t.length<=this.maxUpload))),this.maxSize&&(t=t.test(c(this.name),c(this.name),(t=>{if(!Array.isArray(t))return!0;if(!t.length)return!0;const r=1024*this.maxSize*1024;return t.every((t=>t.size<=r))}))),this.accept&&(t=t.test(p(this.name),p(this.name),(t=>!Array.isArray(t)||!t.length||t.every((t=>this.matchesAccept(t)))))),t}}async componentWillLoad(){this.form.subscribe(this.name,this)}componentDidLoad(){this.fileInput=this.el.querySelector(`.${h}${this.name}-input`)}async disconnectedCallback(){this.stopGlobalLoading(),this.form.unsubscribe(this.name)}reset(){this.stopGlobalLoading(),this.fileInput&&(this.fileInput.value=""),this.fileName="",this.uploadState="idle"}startGlobalLoading(){var t,r,e,o;(null===(r=null===(t=this.form)||void 0===t?void 0:t.context)||void 0===r?void 0:r.setIsLoading)&&!this.controlsFormLoading&&(this.wasFormLoading=!!(null===(o=null===(e=this.form)||void 0===e?void 0:e.context)||void 0===o?void 0:o.isLoading),this.controlsFormLoading=!0,this.form.context.setIsLoading(!0))}stopGlobalLoading(){var t,r;this.controlsFormLoading&&(null===(r=null===(t=this.form)||void 0===t?void 0:t.context)||void 0===r?void 0:r.setIsLoading)&&(this.form.context.setIsLoading(this.wasFormLoading),this.controlsFormLoading=!1)}getLoadingText(t,r){var e,o,a;return(null===(o=null===(e=this.localization)||void 0===e?void 0:e[r])||void 0===o?void 0:o.uploading)||(null===(a=null==t?void 0:t.sharedFormLocales)||void 0===a?void 0:a.loading)||"Uploading..."}getUploadText(t,r,e){var o,a,i;return(null===(a=null===(o=this.localization)||void 0===o?void 0:o[r])||void 0===a?void 0:a.upload)||e||(null===(i=null==t?void 0:t.sharedFormLocales)||void 0===i?void 0:i.uploadLabel)||"Upload file"}getFailureText(t,r){var e,o,a,i;return(null===(o=null===(e=this.localization)||void 0===e?void 0:e[r])||void 0===o?void 0:o.failure)||(null===(i=null===(a=null==t?void 0:t.sharedFormLocales)||void 0===a?void 0:a.errors)||void 0===i?void 0:i.wildCard)||"Upload failed. Please try again."}matchesAccept(t){var r;if(!this.accept)return!0;const e=this.accept.split(",").map((t=>t.trim())).filter(Boolean).map((t=>t.toLowerCase()));if(!e.length)return!0;const o="string"==typeof t?t:(null==t?void 0:t.name)||"",a="string"==typeof t?"":(null===(r=null==t?void 0:t.type)||void 0===r?void 0:r.toLowerCase())||"",i=o.includes(".")?o.slice(o.lastIndexOf(".")).toLowerCase():"";return e.some((t=>"*/*"===t||(t.endsWith("/*")?!!a&&a.startsWith(t.replace("/*","/")):t.startsWith(".")?i===t:!t.includes("/")||!!a&&a===t)))}syncValue(t){var r,e;const o=(null==t?void 0:t[0])||"";this.fileName="string"==typeof o?o:null==o?void 0:o.name,null===(r=this.form)||void 0===r||r.validateForm(this.name,t||[],!1),null===(e=this.form)||void 0===e||e.rerender({inputName:this.name,rerenderForm:!0})}async requestSignedUpload(t){var r,e,o;const a={"Content-Type":"application/json"},i=null===(o=null===(e=null===(r=this.form)||void 0===r?void 0:r.context.structure)||void 0===e?void 0:e.data)||void 0===o?void 0:o.recaptchaKey;if(grecaptcha&&i){const t=await grecaptcha.execute(i,{action:"submit"});a["Recaptcha-Token"]=t}const n=null==t?void 0:t.map((t=>({name:t.name,blob:this.signPrefix?`${this.signPrefix}${t.name}`:t.name,accountName:this.accountName,containerName:this.containerName,contentType:null,size:null==t?void 0:t.size,width:null,height:null}))),s=await fetch(this.signUrl,{headers:a,body:JSON.stringify(n),method:this.signMethod||"POST"});if(!s.ok)throw new Error("Failed to get signed upload URL");const l=await s.json(),c=(null==l?void 0:l.entity)||(null==l?void 0:l.Entity)||l,p=Array.isArray(c)?c:Array.isArray(l)?l:[],d=p.map(((r,e)=>{var o;return t[e].blob=(null==r?void 0:r.Blob)||(null==r?void 0:r.blob),t[e].contentType=null===(o=t[e])||void 0===o?void 0:o.type,t[e].url=r.Url||r.url,{uploadUrl:r.url||r.Url||r.uploadUrl||r.UploadUrl,headers:r.headers||r.Headers||{},key:r.blob||r.Blob||r.path||r.Path||r.key||r.Key||(null==r?void 0:r.name)}}));return this.sasFiles=p,d}async uploadToSignedUrl(t,r){null==t||t.forEach((async(t,e)=>{var o,a;try{const i=await fetch(null===(o=null==r?void 0:r[e])||void 0===o?void 0:o.uploadUrl,{method:"PUT",headers:Object.assign({"Content-Type":t.type||"application/octet-stream","x-ms-blob-type":"BlockBlob"},null===(a=null==r?void 0:r[e])||void 0===a?void 0:a.headers),body:t});i.ok||console.error(i)}catch(t){console.error(t)}}))}render(){const{disabled:t,isRequired:r,meta:i,isError:n,errorMessage:s}=this.form.getInputState(this.name),[l,c]=this.form.getFormLocale(),{label:p,placeholder:x,errorTextMessage:f}=d(this,i,s),u=t||this.isLoading||"uploading"===this.uploadState||this.isDisabled,v="uploading"===this.uploadState,y="success"===this.uploadState&&this.fileName?this.fileName:this.getUploadText(l,c,x||(null==i?void 0:i.placeholder)),k="uploading"!==this.uploadState&&(!!this.failedText||n);return null===window||void 0===window||(window.s=this.form),e(o,{key:"01a336807102ac05f2d56b86fba4ffc07b7204bb",translate:"no"},e("label",{key:"c0dc4c48ffa9e536accbdc6bc4620e6a2c4ef4a9",part:`form-file ${this.name}`,id:this.wrapperId,class:a("form-input-label-container",this.wrapperClass,{disabled:u})},e(w,{key:"757b0effce444d8df8993404a7a62a75cef3996e",name:this.name,isRequired:r,label:p}),e("div",{key:"b5d63a30ccd687d0ff7e79da1968a9d0a2324cf7",part:`${this.name}-container form-input-container`,class:a("form-input-container")},e("input",{key:"f80697792482c72df360cdcd1e0b82a0ffbe0dfb",type:"file",name:this.name,accept:this.accept,disabled:u,multiple:this.maxUpload>1,onChange:this.handleFileChange,part:`${this.name}-file-input form-file-input`,class:a("form-file-input",`${h}${this.name}-input`)}),e("button",{key:"92b1a144940f796246a6c9a61fd71d68ef565bf0",type:"button",disabled:u,onClick:this.openFilePicker,part:`${this.name}-file-trigger form-file-trigger form-input`,title:v?this.getLoadingText(l,c):y,class:a("form-file-trigger form-input-style",{"form-input-error-style":k,"form-file-trigger-loading":v,"form-file-trigger-success":"success"===this.uploadState})},e("span",{key:"d3c43e9a9cc883cea8db1c229097764807f2f92d",part:`${this.name}-file-text form-file-text`,class:"form-file-text"},v?this.getLoadingText(l,c):y),e("span",{key:"fe69569c57c3597260d256f95f9e163aca239046",part:`${this.name}-file-icon form-file-icon`,class:"form-file-icon"},v&&e(m,{key:"c93782e7a6057e02e43b013a6609a122724af446",class:"form-file-spinner"}),!v&&"success"===this.uploadState&&e(g,{key:"dba3e6c5d0767007fb011b33e9f6c262041d6bcc",class:"form-file-success-icon"})))),e(b,{key:"c70a8614a3d2b1c9416caee665007f33bc530e50",name:this.name,isError:k,errorMessage:this.failedText||f})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.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}}.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}.static{position:static}.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))}.size-4{height:1rem;width:1rem}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}.fixed{position:fixed}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.\\!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}.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))}}'}},[256,"form-file",{name:[1],wrapperId:[1,"wrapper-id"],form:[16],isLoading:[4,"is-loading"],wrapperClass:[1,"wrapper-class"],isDisabled:[4,"is-disabled"],accept:[1],maxSize:[2,"max-size"],required:[4],signUrl:[1,"sign-url"],maxUpload:[2,"max-upload"],signMethod:[1,"sign-method"],signPrefix:[1,"sign-prefix"],accountName:[1,"account-name"],containerName:[1,"container-name"],localization:[16],fileName:[32],uploadState:[32],failedText:[32]}]);function f(){"undefined"!=typeof customElements&&["form-file"].forEach((t=>{"form-file"===t&&(customElements.get(t)||customElements.define(t,x))}))}f();export{x as F,f as d}
+import{p as t,H as r,h as e,a as o}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{d as i}from"./p-YQJevg3-.js";import{m as n,r as s,a as l,s as c,f as p,g as d}from"./p-Bk0lC2Er.js";import{F as w}from"./p-8u5uhwdg.js";import{F as b}from"./p-BMqwfA7R.js";import{L as m}from"./p-DN4c_zdE.js";import{T as g}from"./p-JSG4fAIl.js";const h="form-file-",x=t(class extends r{constructor(){super(),this.__registerHost(),this.maxUpload=1,this.signMethod="POST",this.localization={},this.fileName="",this.uploadState="idle",this.failedText="",this.sasFiles=[],this.controlsFormLoading=!1,this.wasFormLoading=!1,this.openFilePicker=()=>{this.fileInput&&(this.reset(),this.fileInput.click())},this.handleFileChange=async t=>{const r=t.target,e=Array.from((null==r?void 0:r.files)||[]);if(!e.length)return;const o="number"==typeof this.maxUpload&&this.maxUpload>0?e.slice(0,this.maxUpload):e;this.fileName=o.map((t=>t.name)).join(", "),this.failedText="",this.uploadState="uploading",this.startGlobalLoading();const a=new DataTransfer;try{if(this.signUrl){const t=await this.requestSignedUpload(o);this.form.pendingRequests[this.name]=async()=>await this.uploadToSignedUrl(o,t)}this.uploadState="success",this.syncValue([...o]),o.forEach((t=>a.items.add(t))),r.files=a.files}catch(t){this.sasFiles=[],console.error(t),r.files=a.files;const[e,o]=this.form.getFormLocale();this.uploadState="error",this.failedText=this.getFailureText(e,o),this.syncValue(),this.fileInput&&(this.fileInput.value=[])}finally{this.stopGlobalLoading()}},this.validate=()=>{let t=i().meta(n(this.name));return t=this.required?t.test(s(this.name),s(this.name),(t=>!!Array.isArray(t)&&t.length>0)):t.optional(),this.maxUpload&&this.maxUpload>0&&(t=t.test(l(this.name),l(this.name),(t=>!Array.isArray(t)||t.length<=this.maxUpload))),this.maxSize&&(t=t.test(c(this.name),c(this.name),(t=>{if(!Array.isArray(t))return!0;if(!t.length)return!0;const r=1024*this.maxSize*1024;return t.every((t=>t.size<=r))}))),this.accept&&(t=t.test(p(this.name),p(this.name),(t=>!Array.isArray(t)||!t.length||t.every((t=>this.matchesAccept(t)))))),t}}async componentWillLoad(){this.form.subscribe(this.name,this)}componentDidLoad(){this.fileInput=this.el.querySelector(`.${h}${this.name}-input`)}async disconnectedCallback(){this.stopGlobalLoading(),this.form.unsubscribe(this.name)}reset(){this.stopGlobalLoading(),this.fileInput&&(this.fileInput.value=""),this.fileName="",this.uploadState="idle"}startGlobalLoading(){var t,r,e,o;(null===(r=null===(t=this.form)||void 0===t?void 0:t.context)||void 0===r?void 0:r.setIsLoading)&&!this.controlsFormLoading&&(this.wasFormLoading=!!(null===(o=null===(e=this.form)||void 0===e?void 0:e.context)||void 0===o?void 0:o.isLoading),this.controlsFormLoading=!0,this.form.context.setIsLoading(!0))}stopGlobalLoading(){var t,r;this.controlsFormLoading&&(null===(r=null===(t=this.form)||void 0===t?void 0:t.context)||void 0===r?void 0:r.setIsLoading)&&(this.form.context.setIsLoading(this.wasFormLoading),this.controlsFormLoading=!1)}getLoadingText(t,r){var e,o,a;return(null===(o=null===(e=this.localization)||void 0===e?void 0:e[r])||void 0===o?void 0:o.uploading)||(null===(a=null==t?void 0:t.sharedFormLocales)||void 0===a?void 0:a.loading)||"Uploading..."}getUploadText(t,r,e){var o,a,i;return(null===(a=null===(o=this.localization)||void 0===o?void 0:o[r])||void 0===a?void 0:a.upload)||e||(null===(i=null==t?void 0:t.sharedFormLocales)||void 0===i?void 0:i.uploadLabel)||"Upload file"}getFailureText(t,r){var e,o,a,i;return(null===(o=null===(e=this.localization)||void 0===e?void 0:e[r])||void 0===o?void 0:o.failure)||(null===(i=null===(a=null==t?void 0:t.sharedFormLocales)||void 0===a?void 0:a.errors)||void 0===i?void 0:i.wildCard)||"Upload failed. Please try again."}matchesAccept(t){var r;if(!this.accept)return!0;const e=this.accept.split(",").map((t=>t.trim())).filter(Boolean).map((t=>t.toLowerCase()));if(!e.length)return!0;const o="string"==typeof t?t:(null==t?void 0:t.name)||"",a="string"==typeof t?"":(null===(r=null==t?void 0:t.type)||void 0===r?void 0:r.toLowerCase())||"",i=o.includes(".")?o.slice(o.lastIndexOf(".")).toLowerCase():"";return e.some((t=>"*/*"===t||(t.endsWith("/*")?!!a&&a.startsWith(t.replace("/*","/")):t.startsWith(".")?i===t:!t.includes("/")||!!a&&a===t)))}syncValue(t){var r,e;const o=(null==t?void 0:t[0])||"";this.fileName="string"==typeof o?o:null==o?void 0:o.name,null===(r=this.form)||void 0===r||r.validateForm(this.name,t||[],!1),null===(e=this.form)||void 0===e||e.rerender({inputName:this.name,rerenderForm:!0})}async requestSignedUpload(t){var r,e,o;const a={"Content-Type":"application/json"},i=null===(o=null===(e=null===(r=this.form)||void 0===r?void 0:r.context.structure)||void 0===e?void 0:e.data)||void 0===o?void 0:o.recaptchaKey;if(grecaptcha&&i){const t=await grecaptcha.execute(i,{action:"submit"});a["Recaptcha-Token"]=t}const n=null==t?void 0:t.map((t=>({name:t.name,blob:this.signPrefix?`${this.signPrefix}${t.name}`:t.name,accountName:this.accountName,containerName:this.containerName,contentType:null,size:null==t?void 0:t.size,width:null,height:null}))),s=await fetch(this.signUrl,{headers:a,body:JSON.stringify(n),method:this.signMethod||"POST"});if(!s.ok)throw new Error("Failed to get signed upload URL");const l=await s.json(),c=(null==l?void 0:l.entity)||(null==l?void 0:l.Entity)||l,p=Array.isArray(c)?c:Array.isArray(l)?l:[],d=p.map(((r,e)=>{var o;return t[e].blob=(null==r?void 0:r.Blob)||(null==r?void 0:r.blob),t[e].contentType=null===(o=t[e])||void 0===o?void 0:o.type,t[e].url=r.Url||r.url,{uploadUrl:r.url||r.Url||r.uploadUrl||r.UploadUrl,headers:r.headers||r.Headers||{},key:r.blob||r.Blob||r.path||r.Path||r.key||r.Key||(null==r?void 0:r.name)}}));return this.sasFiles=p,d}async uploadToSignedUrl(t,r){null==t||t.forEach((async(t,e)=>{var o,a;try{const i=await fetch(null===(o=null==r?void 0:r[e])||void 0===o?void 0:o.uploadUrl,{method:"PUT",headers:Object.assign({"Content-Type":t.type||"application/octet-stream","x-ms-blob-type":"BlockBlob"},null===(a=null==r?void 0:r[e])||void 0===a?void 0:a.headers),body:t});i.ok||console.error(i)}catch(t){console.error(t)}}))}render(){const{disabled:t,isRequired:r,meta:i,isError:n,errorMessage:s}=this.form.getInputState(this.name),[l,c]=this.form.getFormLocale(),{label:p,placeholder:x,errorTextMessage:f}=d(this,i,s),u=t||this.isLoading||"uploading"===this.uploadState||this.isDisabled,v="uploading"===this.uploadState,y="success"===this.uploadState&&this.fileName?this.fileName:this.getUploadText(l,c,x||(null==i?void 0:i.placeholder)),k="uploading"!==this.uploadState&&(!!this.failedText||n);return null===window||void 0===window||(window.s=this.form),e(o,{key:"01a336807102ac05f2d56b86fba4ffc07b7204bb",translate:"no"},e("label",{key:"c0dc4c48ffa9e536accbdc6bc4620e6a2c4ef4a9",part:`form-file ${this.name}`,id:this.wrapperId,class:a("form-input-label-container",this.wrapperClass,{disabled:u})},e(w,{key:"757b0effce444d8df8993404a7a62a75cef3996e",name:this.name,isRequired:r,label:p}),e("div",{key:"b5d63a30ccd687d0ff7e79da1968a9d0a2324cf7",part:`${this.name}-container form-input-container`,class:a("form-input-container")},e("input",{key:"f80697792482c72df360cdcd1e0b82a0ffbe0dfb",type:"file",name:this.name,accept:this.accept,disabled:u,multiple:this.maxUpload>1,onChange:this.handleFileChange,part:`${this.name}-file-input form-file-input`,class:a("form-file-input",`${h}${this.name}-input`)}),e("button",{key:"92b1a144940f796246a6c9a61fd71d68ef565bf0",type:"button",disabled:u,onClick:this.openFilePicker,part:`${this.name}-file-trigger form-file-trigger form-input`,title:v?this.getLoadingText(l,c):y,class:a("form-file-trigger form-input-style",{"form-input-error-style":k,"form-file-trigger-loading":v,"form-file-trigger-success":"success"===this.uploadState})},e("span",{key:"d3c43e9a9cc883cea8db1c229097764807f2f92d",part:`${this.name}-file-text form-file-text`,class:"form-file-text"},v?this.getLoadingText(l,c):y),e("span",{key:"fe69569c57c3597260d256f95f9e163aca239046",part:`${this.name}-file-icon form-file-icon`,class:"form-file-icon"},v&&e(m,{key:"c93782e7a6057e02e43b013a6609a122724af446",class:"form-file-spinner"}),!v&&"success"===this.uploadState&&e(g,{key:"dba3e6c5d0767007fb011b33e9f6c262041d6bcc",class:"form-file-success-icon"})))),e(b,{key:"c70a8614a3d2b1c9416caee665007f33bc530e50",name:this.name,isError:k,errorMessage:this.failedText||f})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.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}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.ms-2{margin-inline-start:.5rem}.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}.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))}.size-4{height:1rem;width:1rem}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}.fixed{position:fixed}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.\\!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}.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))}}'}},[256,"form-file",{name:[1],wrapperId:[1,"wrapper-id"],form:[16],isLoading:[4,"is-loading"],wrapperClass:[1,"wrapper-class"],isDisabled:[4,"is-disabled"],accept:[1],maxSize:[2,"max-size"],required:[4],signUrl:[1,"sign-url"],maxUpload:[2,"max-upload"],signMethod:[1,"sign-method"],signPrefix:[1,"sign-prefix"],accountName:[1,"account-name"],containerName:[1,"container-name"],localization:[16],fileName:[32],uploadState:[32],failedText:[32]}]);function f(){"undefined"!=typeof customElements&&["form-file"].forEach((t=>{"form-file"===t&&(customElements.get(t)||customElements.define(t,x))}))}f();export{x as F,f as d}

package/dist/components/{p-C-tu0aSd.js → p-CJprHaAL.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as t,p as e,H as o,a as i}from"./index.js";import{y as a,s as r}from"./p-YQJevg3-.js";import{g as n}from"./p-f-qfqpPz.js";import{s,V as d}from"./p-lnx3CKt-.js";import{s as l,a as p}from"./p-DSZImuCw.js";import{g as c,a as h}from"./p-CpwpTPc0.js";import{A as g}from"./p-uiE7emGF.js";import{E as b}from"./p-Ce4X3l8Z.js";import{c as w}from"./p-BK16Cn81.js";import{d as f}from"./p-CrO-bFY_.js";const u=a(["deadStock","branch","availableQuantity"]),x=({isOpened:e,item:o,key:i,icon:a,locale:r,toggleAccordion:n})=>{var s,d,l;return t("div",{key:i,class:"dead-stock-item"},t("button",{onClick:()=>n(null==o?void 0:o.companyName),class:w("button",{"cursor-default":!(null===(s=null==o?void 0:o.branchDeadStock)||void 0===s?void 0:s.length),"bg-slate-100":e})},t("div",{class:"shift-skeleton flex-1 header"},(null==o?void 0:o.companyName)?null==o?void 0:o.companyName:t("span",null," ")),t("div",{class:w("shift-skeleton icon-container",{"rotate-0":e})},a)),!!(null===(d=null==o?void 0:o.branchDeadStock)||void 0===d?void 0:d.length)&&t("flexible-container",{isOpened:e},t("table",{class:"dead-stock-table"},t("thead",null,t("tr",null,t("th",{class:"dead-stock-table-header"},r.branch),t("th",{class:"dead-stock-table-header"},r.availableQuantity))),t("tbody",null,null===(l=null==o?void 0:o.branchDeadStock)||void 0===l?void 0:l.map((e=>t("tr",{class:"dead-stock-table-row",key:null==e?void 0:e.companyBranchIntegrationID},t("td",null,t("span",{class:"shift-skeleton"},null==e?void 0:e.companyBranchName)),t("td",null,t("strong",{class:"shift-skeleton"},null==e?void 0:e.quantity)))))))))},m=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:r.getDefault()},u.getDefault()),this.coreOnly=!1,this.mockUrl="",this.isError=!1,this.isLoading=!1,this.openedAccordions=[],this.newItemsHasBeenRendered=!1,this.toggleAccordion=t=>{this.isLoading||(this.openedAccordions=this.openedAccordions.includes(t)?this.openedAccordions.filter((e=>e!==t)):[...this.openedAccordions,t])}}async componentWillLoad(){await Promise.all([this.changeLanguage(this.language),this.onIsDevChange(this.isDev)])}async changeLanguage(t){const[e,o]=await Promise.all([c(t),h(t,"partLookup.deadStock",u)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t,s.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await n("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await l(this,t,{beforeAssignment:async t=>(await new Promise((t=>setTimeout(t,500))),this.openedAccordions=[],await new Promise((t=>setTimeout(t,500))),t)})}async setErrorMessage(t){p(this,t)}onLoadingChange(t){s.bind(this)(this.loadingStateChange,t)}async loadingListener(t){t?this.newItemsHasBeenRendered=!1:(await new Promise((t=>setTimeout(t,100))),this.newItemsHasBeenRendered=!0)}render(){var e,o,a,r,n,s,l,p,c,h,w,f,u,m,v;return t(i,{key:"d62c70833921bd1b5765a2d7e072bbc5dbded2ac",translate:"no"},t(d,{key:"309b40614e429189a8369c1248f6f273269f4955",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(e=this.partLookup)||void 0===e?void 0:e.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"080259257a66be6dfd2b9c750cdd4a71f070dc04",class:"p-[16px]"},t("div",{key:"d101e493bf7127a8da1614603fe920e60151d8ad",class:"pb-[16px]"},t(x,{locale:this.locale,key:"first-dead-stock",toggleAccordion:this.toggleAccordion,isOpened:!this.isLoading&&(null===(a=null===(o=this.partLookup)||void 0===o?void 0:o.deadStock)||void 0===a?void 0:a.length)>0&&this.openedAccordions.includes(null===(n=null===(r=this.partLookup)||void 0===r?void 0:r.deadStock[0])||void 0===n?void 0:n.companyName),item:(null===(l=null===(s=this.partLookup)||void 0===s?void 0:s.deadStock)||void 0===l?void 0:l.length)>0?null===(p=this.partLookup)||void 0===p?void 0:p.deadStock[0]:{companyName:this.partLookup&&!(null===(c=this.partLookup)||void 0===c?void 0:c.deadStock)?this.locale.sharedLocales.noData:""},icon:!this.partLookup&&!(null===(h=this.partLookup)||void 0===h?void 0:h.deadStock)&&t("div",null)||!!this.partLookup&&!(null===(w=this.partLookup)||void 0===w?void 0:w.deadStock)&&t(b,null)||!!this.partLookup&&!!(null===(f=this.partLookup)||void 0===f?void 0:f.deadStock)&&t(g,null)})),t("flexible-container",{key:"ee3802a22b13bfa0ebec4bdd67e8f9c4f2c3f706",isOpened:this.newItemsHasBeenRendered},t("div",{key:"c68340e2c11be77e5cde04ece671c8a6df8b8289",class:"flex flex-col gap-[16px]"},(null===(m=null===(u=this.partLookup)||void 0===u?void 0:u.deadStock)||void 0===m?void 0:m.length)>1&&(null===(v=this.partLookup)||void 0===v?void 0:v.deadStock.slice(1).map((e=>t(x,{item:e,locale:this.locale,icon:t(g,null),toggleAccordion:this.toggleAccordion,isOpened:this.openedAccordions.includes(null==e?void 0:e.companyName)})))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange","loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.collapse{visibility:collapse}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.rotate-0{--tw-rotate:0deg}.rotate-0,.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-default{cursor:default}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.dead-stock-item{border:1px solid #d6d8dc;border-radius:6px;overflow:hidden}.dead-stock-item>.button{align-items:center;display:flex;gap:50px;height:50px;justify-content:space-between;padding:0 16px;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.dead-stock-item>.button.cursor-default{cursor:default}.dead-stock-item>.button.bg-slate-100{background-color:#f1f5f9}.dead-stock-item .header{flex-shrink:0;font-size:20px;font-weight:700;text-align:start}.dead-stock-item .icon-container{align-items:center;display:flex;flex-shrink:0;height:30px;justify-content:center;transform:rotate(180deg);transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:30px}.dead-stock-item .icon-container.rotate-0{transform:rotate(0deg)}.dead-stock-item .dead-stock-table{border-collapse:collapse;overflow:auto;padding:20px;width:100%}.dead-stock-item .dead-stock-table-header{border-bottom:1px solid #d6d8dc;padding:20px 10px;text-align:start;white-space:nowrap}.dead-stock-item .dead-stock-table-row{border-bottom:1px solid #d6d8dc;transition-duration:.1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dead-stock-item .dead-stock-table-row:last-child{border:none}.dead-stock-item .dead-stock-table-row:hover{background-color:#f1f5f9}.dead-stock-item .dead-stock-table-row td{padding:20px 10px;text-align:start;white-space:nowrap}@keyframes showAfterDelay{0%{opacity:0}99.9%{opacity:0}to{opacity:1}}.show-after-delay{animation:showAfterDelay .5s forwards;opacity:0}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[16px\\]{padding:16px}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.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)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.flex-col{flex-direction:column}.pb-\\[16px\\]{padding-bottom:16px}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[257,"dead-stock-lookup",{language:[1],coreOnly:[4,"core-only"],mockUrl:[1,"mock-url"],isDev:[4,"is-dev"],endpoint:[1],loadedMockDatas:[1025,"loaded-mock-datas"],errorCallback:[1025,"error-callback"],loadingStateChange:[1025,"loading-state-change"],loadedResponse:[1025,"loaded-response"],locale:[32],blazorRef:[32],searchString:[32],isError:[32],errorMessage:[32],isLoading:[32],partLookup:[32],openedAccordions:[32],newItemsHasBeenRendered:[32],setBlazorRef:[64],setMockData:[64],getMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange","loadingListener"]}]);function v(){"undefined"!=typeof customElements&&["dead-stock-lookup","flexible-container"].forEach((t=>{switch(t){case"dead-stock-lookup":customElements.get(t)||customElements.define(t,m);break;case"flexible-container":customElements.get(t)||f()}}))}v();export{m as D,u as a,v as d}
+import{h as t,p as e,H as o,a as i}from"./index.js";import{y as a,s as r}from"./p-YQJevg3-.js";import{g as n}from"./p-Dl3lQ2Og.js";import{s,V as d}from"./p-lnx3CKt-.js";import{s as l,a as p}from"./p-DSZImuCw.js";import{g as c,a as h}from"./p-DW6bSgp1.js";import{A as g}from"./p-uiE7emGF.js";import{E as b}from"./p-Ce4X3l8Z.js";import{c as w}from"./p-BK16Cn81.js";import{d as f}from"./p-CdXLLROz.js";const u=a(["deadStock","branch","availableQuantity"]),x=({isOpened:e,item:o,key:i,icon:a,locale:r,toggleAccordion:n})=>{var s,d,l;return t("div",{key:i,class:"dead-stock-item"},t("button",{onClick:()=>n(null==o?void 0:o.companyName),class:w("button",{"cursor-default":!(null===(s=null==o?void 0:o.branchDeadStock)||void 0===s?void 0:s.length),"bg-slate-100":e})},t("div",{class:"shift-skeleton flex-1 header"},(null==o?void 0:o.companyName)?null==o?void 0:o.companyName:t("span",null," ")),t("div",{class:w("shift-skeleton icon-container",{"rotate-0":e})},a)),!!(null===(d=null==o?void 0:o.branchDeadStock)||void 0===d?void 0:d.length)&&t("flexible-container",{isOpened:e},t("table",{class:"dead-stock-table"},t("thead",null,t("tr",null,t("th",{class:"dead-stock-table-header"},r.branch),t("th",{class:"dead-stock-table-header"},r.availableQuantity))),t("tbody",null,null===(l=null==o?void 0:o.branchDeadStock)||void 0===l?void 0:l.map((e=>t("tr",{class:"dead-stock-table-row",key:null==e?void 0:e.companyBranchIntegrationID},t("td",null,t("span",{class:"shift-skeleton"},null==e?void 0:e.companyBranchName)),t("td",null,t("strong",{class:"shift-skeleton"},null==e?void 0:e.quantity)))))))))},m=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:r.getDefault()},u.getDefault()),this.coreOnly=!1,this.mockUrl="",this.isError=!1,this.isLoading=!1,this.openedAccordions=[],this.newItemsHasBeenRendered=!1,this.toggleAccordion=t=>{this.isLoading||(this.openedAccordions=this.openedAccordions.includes(t)?this.openedAccordions.filter((e=>e!==t)):[...this.openedAccordions,t])}}async componentWillLoad(){await Promise.all([this.changeLanguage(this.language),this.onIsDevChange(this.isDev)])}async changeLanguage(t){const[e,o]=await Promise.all([c(t),h(t,"partLookup.deadStock",u)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t,s.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await n("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await l(this,t,{beforeAssignment:async t=>(await new Promise((t=>setTimeout(t,500))),this.openedAccordions=[],await new Promise((t=>setTimeout(t,500))),t)})}async setErrorMessage(t){p(this,t)}onLoadingChange(t){s.bind(this)(this.loadingStateChange,t)}async loadingListener(t){t?this.newItemsHasBeenRendered=!1:(await new Promise((t=>setTimeout(t,100))),this.newItemsHasBeenRendered=!0)}render(){var e,o,a,r,n,s,l,p,c,h,w,f,u,m,v;return t(i,{key:"d62c70833921bd1b5765a2d7e072bbc5dbded2ac",translate:"no"},t(d,{key:"309b40614e429189a8369c1248f6f273269f4955",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(e=this.partLookup)||void 0===e?void 0:e.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"080259257a66be6dfd2b9c750cdd4a71f070dc04",class:"p-[16px]"},t("div",{key:"d101e493bf7127a8da1614603fe920e60151d8ad",class:"pb-[16px]"},t(x,{locale:this.locale,key:"first-dead-stock",toggleAccordion:this.toggleAccordion,isOpened:!this.isLoading&&(null===(a=null===(o=this.partLookup)||void 0===o?void 0:o.deadStock)||void 0===a?void 0:a.length)>0&&this.openedAccordions.includes(null===(n=null===(r=this.partLookup)||void 0===r?void 0:r.deadStock[0])||void 0===n?void 0:n.companyName),item:(null===(l=null===(s=this.partLookup)||void 0===s?void 0:s.deadStock)||void 0===l?void 0:l.length)>0?null===(p=this.partLookup)||void 0===p?void 0:p.deadStock[0]:{companyName:this.partLookup&&!(null===(c=this.partLookup)||void 0===c?void 0:c.deadStock)?this.locale.sharedLocales.noData:""},icon:!this.partLookup&&!(null===(h=this.partLookup)||void 0===h?void 0:h.deadStock)&&t("div",null)||!!this.partLookup&&!(null===(w=this.partLookup)||void 0===w?void 0:w.deadStock)&&t(b,null)||!!this.partLookup&&!!(null===(f=this.partLookup)||void 0===f?void 0:f.deadStock)&&t(g,null)})),t("flexible-container",{key:"ee3802a22b13bfa0ebec4bdd67e8f9c4f2c3f706",isOpened:this.newItemsHasBeenRendered},t("div",{key:"c68340e2c11be77e5cde04ece671c8a6df8b8289",class:"flex flex-col gap-[16px]"},(null===(m=null===(u=this.partLookup)||void 0===u?void 0:u.deadStock)||void 0===m?void 0:m.length)>1&&(null===(v=this.partLookup)||void 0===v?void 0:v.deadStock.slice(1).map((e=>t(x,{item:e,locale:this.locale,icon:t(g,null),toggleAccordion:this.toggleAccordion,isOpened:this.openedAccordions.includes(null==e?void 0:e.companyName)})))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange","loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.collapse{visibility:collapse}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.rotate-0{--tw-rotate:0deg}.rotate-0,.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-default{cursor:default}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.dead-stock-item{border:1px solid #d6d8dc;border-radius:6px;overflow:hidden}.dead-stock-item>.button{align-items:center;display:flex;gap:50px;height:50px;justify-content:space-between;padding:0 16px;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.dead-stock-item>.button.cursor-default{cursor:default}.dead-stock-item>.button.bg-slate-100{background-color:#f1f5f9}.dead-stock-item .header{flex-shrink:0;font-size:20px;font-weight:700;text-align:start}.dead-stock-item .icon-container{align-items:center;display:flex;flex-shrink:0;height:30px;justify-content:center;transform:rotate(180deg);transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:30px}.dead-stock-item .icon-container.rotate-0{transform:rotate(0deg)}.dead-stock-item .dead-stock-table{border-collapse:collapse;overflow:auto;padding:20px;width:100%}.dead-stock-item .dead-stock-table-header{border-bottom:1px solid #d6d8dc;padding:20px 10px;text-align:start;white-space:nowrap}.dead-stock-item .dead-stock-table-row{border-bottom:1px solid #d6d8dc;transition-duration:.1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dead-stock-item .dead-stock-table-row:last-child{border:none}.dead-stock-item .dead-stock-table-row:hover{background-color:#f1f5f9}.dead-stock-item .dead-stock-table-row td{padding:20px 10px;text-align:start;white-space:nowrap}@keyframes showAfterDelay{0%{opacity:0}99.9%{opacity:0}to{opacity:1}}.show-after-delay{animation:showAfterDelay .5s forwards;opacity:0}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-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}}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[257,"dead-stock-lookup",{language:[1],coreOnly:[4,"core-only"],mockUrl:[1,"mock-url"],isDev:[4,"is-dev"],endpoint:[1],loadedMockDatas:[1025,"loaded-mock-datas"],errorCallback:[1025,"error-callback"],loadingStateChange:[1025,"loading-state-change"],loadedResponse:[1025,"loaded-response"],locale:[32],blazorRef:[32],searchString:[32],isError:[32],errorMessage:[32],isLoading:[32],partLookup:[32],openedAccordions:[32],newItemsHasBeenRendered:[32],setBlazorRef:[64],setMockData:[64],getMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isDev:["onIsDevChange"],isLoading:["onLoadingChange","loadingListener"]}]);function v(){"undefined"!=typeof customElements&&["dead-stock-lookup","flexible-container"].forEach((t=>{switch(t){case"dead-stock-lookup":customElements.get(t)||customElements.define(t,m);break;case"flexible-container":customElements.get(t)||f()}}))}v();export{m as D,u as a,v as d}

package/dist/components/{p-DK-kpC0q.js → p-Cbda4mAT.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as e,H as t,h as o,a as r}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{C as a}from"./p-Cgt5s_xn.js";const n=e(class extends t{constructor(){super(),this.__registerHost()}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("shift-checkbox")[0]}async getInputRef(){return this.inputRef}async getIsChecked(){return this.inputRef.checked}render(){return o(r,{key:"e1fb79ca053e9dfad31a9de1c1fc767054b59a47",translate:"no"},o("label",{key:"4451ef709384f0ef13515e79df577006c72561ec",part:"shift-checkbox",class:i("relative flex items-center cursor-pointer select-none",{"opacity-75 cursor-default":this.disabled})},o("input",{key:"d8dfdebe2c84bb1884351f9767d9e60e921f66c3",type:"checkbox",value:"true",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.onChange,class:"shift-checkbox peer hidden"}),o("span",{key:"e747b08f8bdc8c5a3fcfdd61e3184daa3cf9085b",class:"relative size-[22px] rounded-[6px] flex items-center justify-center text-transparent peer-checked:text-white [&_.check-icon]:scale-0 peer-checked:[&_.check-icon]:scale-100 transition bg-transparent !duration-300 border-2 peer-checked:bg-blue-500 border-gray-400 peer-checked:border-blue-500 overflow-hidden"},o(a,{key:"95b098c225547869ca0f0ef846a4d7b8776fbbcf",class:"check-icon transition !duration-300 stroke-[3px]"})),o("span",{key:"8f95d2a2bde82ffece81d09e0c23555d24e76322",class:"ms-2 text-gray-700"},this.label)))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.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}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-300{transition-duration:.3s!important}.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}.static{position:static}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.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))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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))}'}},[256,"shift-checkbox",{name:[1],label:[1],checked:[4],disabled:[4],componentId:[1,"component-id"],componentClass:[1,"component-class"],onChange:[16,"on-change"],getInputRef:[64],getIsChecked:[64]}]);function s(){"undefined"!=typeof customElements&&["shift-checkbox"].forEach((e=>{"shift-checkbox"===e&&(customElements.get(e)||customElements.define(e,n))}))}s();export{n as S,s as d}
+import{p as e,H as t,h as o,a as r}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{C as a}from"./p-Cgt5s_xn.js";const n=e(class extends t{constructor(){super(),this.__registerHost()}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("shift-checkbox")[0]}async getInputRef(){return this.inputRef}async getIsChecked(){return this.inputRef.checked}render(){return o(r,{key:"e1fb79ca053e9dfad31a9de1c1fc767054b59a47",translate:"no"},o("label",{key:"4451ef709384f0ef13515e79df577006c72561ec",part:"shift-checkbox",class:i("relative flex items-center cursor-pointer select-none",{"opacity-75 cursor-default":this.disabled})},o("input",{key:"d8dfdebe2c84bb1884351f9767d9e60e921f66c3",type:"checkbox",value:"true",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.onChange,class:"shift-checkbox peer hidden"}),o("span",{key:"e747b08f8bdc8c5a3fcfdd61e3184daa3cf9085b",class:"relative size-[22px] rounded-[6px] flex items-center justify-center text-transparent peer-checked:text-white [&_.check-icon]:scale-0 peer-checked:[&_.check-icon]:scale-100 transition bg-transparent !duration-300 border-2 peer-checked:bg-blue-500 border-gray-400 peer-checked:border-blue-500 overflow-hidden"},o(a,{key:"95b098c225547869ca0f0ef846a4d7b8776fbbcf",class:"check-icon transition !duration-300 stroke-[3px]"})),o("span",{key:"8f95d2a2bde82ffece81d09e0c23555d24e76322",class:"ms-2 text-gray-700"},this.label)))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.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}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-300{transition-duration:.3s!important}.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}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.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))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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))}'}},[256,"shift-checkbox",{name:[1],label:[1],checked:[4],disabled:[4],componentId:[1,"component-id"],componentClass:[1,"component-class"],onChange:[16,"on-change"],getInputRef:[64],getIsChecked:[64]}]);function s(){"undefined"!=typeof customElements&&["shift-checkbox"].forEach((e=>{"shift-checkbox"===e&&(customElements.get(e)||customElements.define(e,n))}))}s();export{n as S,s as d}