adp-web-components 0.3.20 → 0.4.0

package/dist/components/p-BDCBfHZQ.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{t,p as e,H as i,h as o,a as r}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{o as n,e as s,I as l,c as p}from"./p-ByNlQjpu.js";import{A as d}from"./p-BA1Id0rV.js";import{P as c}from"./p-_nGOa2Au.js";import{C as h}from"./p-CLdijNKL.js";import{y as x,s as w}from"./p-YQJevg3-.js";import{V as g}from"./p-d7wdNFwt.js";import{s as b}from"./p-6IrGK81y.js";import{s as f,a as u}from"./p-C9uBduBY.js";import{g as m,a as v}from"./p-D_uU2Pi-.js";import{d as y}from"./p-BAkLdLKZ.js";import{d as k}from"./p-BpZlI-gl.js";const z=x(["paintThickness","noData","panel","position","left","right","inspectionDate","noImageGroups","expand","printCertificate"]),j=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:w.getDefault()},z.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 i of t){const t=`${i.panelType}|${i.panelPosition||""}`;e.has(t)||e.set(t,{panel:i.panelType,position:i.panelPosition||""});const o=e.get(t);"Left"===i.panelSide?o.left=i.measuredThickness:"Right"===i.panelSide?o.right=i.measuredThickness:o.center=i.measuredThickness}return Array.from(e.values())}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([m(t),v(t,"vehicleLookup.paintThickness",z)]);this.locale=Object.assign({sharedLocales:e},i)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await f(this,t,e)}async setErrorMessage(t){u(this,t)}onLoadingChange(t){b.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,i;const x=this.locale,w=(null===(t=this.vehicleLookup)||void 0===t?void 0:t.paintThicknessInspections)||[],b=w.map(((t,e)=>w.some(((i,o)=>o!==e&&i.source===t.source))&&t.inspectionDate?`${t.source} (${t.inspectionDate})`:t.source)),f=this.isLoading||this.isError,u=w[this.activeTabIndex]||w[0],m=(null==u?void 0:u.panels)||[],v=this.groupPanels(m),y=m.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(r,{translate:"no"},o(l,{closeImageViewer:()=>p.bind(this)(),expandedImage:this.expandedImage}),o(g,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(i=this.vehicleLookup)||void 0===i?void 0:i.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{class:a("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(c,{fill:"currentColor",viewBox:"0 0 24 24",class:"size-[18px] shrink-0"}),o("span",{class:"whitespace-nowrap"},x.printCertificate),o(d,{class:a("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:i})=>o("a",{key:t,role:"menuitem",href:i,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(h,{class:"size-[18px] shrink-0"}),o("span",{class:"font-semibold"},x.inspectionDate,":"),o("span",{class:"shift-skeleton"},null==u?void 0:u.inspectionDate))),o("div",{class:"overflow-x-auto"},o("div",{class:a("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"}},x.panel),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},x.position),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},x.left),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},x.right)),o("flexible-container",{height:"auto"},!v.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"}," ")))),v.map(((t,e)=>o("div",{key:t.panel+t.position+e,class:"border-b last:border-b-0"},o("div",{class:a("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:a("flex shift-skeleton gap-[8px]",{loading:!t}),key:t+e},o("button",{onClick:({target:e})=>n.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"},x.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:0}],isLoading:[{onLoadingChange:0}],vehicleLookup:[{onVehicleLookupChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.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}.pointer-events-none{pointer-events:none}.static{position:static}.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}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-auto{pointer-events:auto}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.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}}'}},[1,"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:0}],isLoading:[{onLoadingChange:0}],vehicleLookup:[{onVehicleLookupChange:0}]}]);function L(){"undefined"!=typeof customElements&&["vehicle-paint-thickness","flexible-container","shift-tabs"].forEach((e=>{switch(e){case"vehicle-paint-thickness":customElements.get(t(e))||customElements.define(t(e),j);break;case"flexible-container":customElements.get(t(e))||y();break;case"shift-tabs":customElements.get(t(e))||k()}}))}L();export{j as V,L as d,z as p}

package/dist/components/{p-DQ0uTCi2.js → p-BDOUh9fr.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as t,t as e,p as o,H as i,a}from"./index.js";import{y as r,s as n}from"./p-YQJevg3-.js";import{g as s}from"./p-BULuujHY.js";import{V as d}from"./p-d7wdNFwt.js";import{s as l}from"./p-6IrGK81y.js";import{s as p,a as c}from"./p-DzfwEYqx.js";import{g as h,a as g}from"./p-DCsMDWbS.js";import{A as b}from"./p-DRhkO-Ac.js";import{E as w}from"./p-MGQ2O9as.js";import{c as f}from"./p-BK16Cn81.js";import{d as u}from"./p-B2bD-55K.js";const x=r(["deadStock","branch","availableQuantity"]),m=({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:f("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:f("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)))))))))},v=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},x.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([h(t),g(t,"partLookup.deadStock",x)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t,l.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await s("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await p(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){c(this,t)}onLoadingChange(t){l.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,i,r,n,s,l,p,c,h,g,f,u,x,v;return t(a,{key:"f313d2ba14d223d82f805d98f846bf88161770ac",translate:"no"},t(d,{key:"4cd67c5081ccaf0b35c9d2232e411b362dee0f6e",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:"b0a257eb6d5aa41ad3aaa32b40ca3502ccf5f108",class:"p-[16px]"},t("div",{key:"ec9c9cc7d913983cedd5c9c32f2ce55c63285959",class:"pb-[16px]"},t(m,{locale:this.locale,key:"first-dead-stock",toggleAccordion:this.toggleAccordion,isOpened:!this.isLoading&&(null===(i=null===(o=this.partLookup)||void 0===o?void 0:o.deadStock)||void 0===i?void 0:i.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===(g=this.partLookup)||void 0===g?void 0:g.deadStock)&&t(w,null)||!!this.partLookup&&!!(null===(f=this.partLookup)||void 0===f?void 0:f.deadStock)&&t(b,null)})),t("flexible-container",{key:"b5dc9481a632107ec4c3fe5f5829cfe4fbf40bd7",isOpened:this.newItemsHasBeenRendered},t("div",{key:"a5c70fa01c65e6ec48fbbac8b7b5109c79082299",class:"flex flex-col gap-[16px]"},(null===(x=null===(u=this.partLookup)||void 0===u?void 0:u.deadStock)||void 0===x?void 0:x.length)>1&&(null===(v=this.partLookup)||void 0===v?void 0:v.deadStock.slice(1).map((e=>t(m,{item:e,locale:this.locale,icon:t(b,null),toggleAccordion:this.toggleAccordion,isOpened:this.openedAccordions.includes(null==e?void 0:e.companyName)})))))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],isLoading:[{onLoadingChange:0},{loadingListener:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.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)}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow: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-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}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.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}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.mt-\\[32px\\]{margin-top:32px}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.overflow-x-auto{overflow-x:auto}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.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))}.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}.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)}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-500{transition-duration:.5s!important}'}},[1,"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:0}],isDev:[{onIsDevChange:0}],isLoading:[{onLoadingChange:0},{loadingListener:0}]}]);function y(){"undefined"!=typeof customElements&&["dead-stock-lookup","flexible-container"].forEach((t=>{switch(t){case"dead-stock-lookup":customElements.get(e(t))||customElements.define(e(t),v);break;case"flexible-container":customElements.get(e(t))||u()}}))}y();export{v as D,x as a,y as d}
+import{h as t,t as e,p as o,H as i,a}from"./index.js";import{y as r,s as n}from"./p-YQJevg3-.js";import{g as s}from"./p-DfVskL_i.js";import{V as d}from"./p-d7wdNFwt.js";import{s as l}from"./p-6IrGK81y.js";import{s as p,a as c}from"./p-DzfwEYqx.js";import{g as h,a as g}from"./p-D_uU2Pi-.js";import{A as b}from"./p-DRhkO-Ac.js";import{E as w}from"./p-MGQ2O9as.js";import{c as f}from"./p-BK16Cn81.js";import{d as u}from"./p-BAkLdLKZ.js";const x=r(["deadStock","branch","availableQuantity"]),m=({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:f("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:f("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)))))))))},v=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},x.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([h(t),g(t,"partLookup.deadStock",x)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t,l.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await s("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await p(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){c(this,t)}onLoadingChange(t){l.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,i,r,n,s,l,p,c,h,g,f,u,x,v;return t(a,{key:"7504353554820b65e825b394858af17ccf00e262",translate:"no"},t(d,{key:"4b863ace1a80779621d758f0fe017dc09331cbc7",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:"22f92337d35665b5649526a036fc3c8c9cf235ea",class:"p-[16px]"},t("div",{key:"90971b787dee671e915603350d90fda6c7188bf5",class:"pb-[16px]"},t(m,{locale:this.locale,key:"first-dead-stock",toggleAccordion:this.toggleAccordion,isOpened:!this.isLoading&&(null===(i=null===(o=this.partLookup)||void 0===o?void 0:o.deadStock)||void 0===i?void 0:i.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===(g=this.partLookup)||void 0===g?void 0:g.deadStock)&&t(w,null)||!!this.partLookup&&!!(null===(f=this.partLookup)||void 0===f?void 0:f.deadStock)&&t(b,null)})),t("flexible-container",{key:"b97c64009878acf860ad64f5a2266a23e5c394a5",isOpened:this.newItemsHasBeenRendered},t("div",{key:"223c9034386d6a25b8b512be6649e67aa59b41ee",class:"flex flex-col gap-[16px]"},(null===(x=null===(u=this.partLookup)||void 0===u?void 0:u.deadStock)||void 0===x?void 0:x.length)>1&&(null===(v=this.partLookup)||void 0===v?void 0:v.deadStock.slice(1).map((e=>t(m,{item:e,locale:this.locale,icon:t(b,null),toggleAccordion:this.toggleAccordion,isOpened:this.openedAccordions.includes(null==e?void 0:e.companyName)})))))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],isLoading:[{onLoadingChange:0},{loadingListener:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.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}.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}.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}}.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)}.resize{resize:both}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-500{transition-duration:.5s!important}'}},[1,"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:0}],isDev:[{onIsDevChange:0}],isLoading:[{onLoadingChange:0},{loadingListener:0}]}]);function y(){"undefined"!=typeof customElements&&["dead-stock-lookup","flexible-container"].forEach((t=>{switch(t){case"dead-stock-lookup":customElements.get(e(t))||customElements.define(e(t),v);break;case"flexible-container":customElements.get(e(t))||u()}}))}y();export{v as D,x as a,y as d}

package/dist/components/p-BGf2deKN.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as e,t,p as a,H as s,f as i,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{r as n}from"./p-BtipOZUG.js";import{p as c}from"./p-WIpbRULc.js";import{y as l,s as d}from"./p-YQJevg3-.js";import{B as p}from"./p-B_1NtFJh.js";import{V as h}from"./p-d7wdNFwt.js";import{s as u}from"./p-6IrGK81y.js";import{s as g,a as b,r as v}from"./p-C9uBduBY.js";import{g as m,a as x}from"./p-D_uU2Pi-.js";const f=l(["title","open","repaired","noCampaigns","code","description","status","laborCodes","parts","sourceSSCRecord","sourceWarrantyClaim","sourceServiceHistory","partAvailable","partUnavailable","partNotChecked","unauthorizedCheck","checkingTMC","recallExists","noRecall","noApplicableVehicleFound","pendingCampaign","noPendingCampaign","notInRecords","vehicleNotFound","unauthorizedNoCheck","campaignList","skipped","skippedNotice","runCheck","viewTrace","hideTrace","traceTitle","traceLoading","traceFailed","traceUnavailable","traceOrder","traceRecord","traceRecordDate","traceRecordNone","traceCodes","traceCampaignCode","traceInterchangeableWith","traceClaims","traceClaimsNone","traceClaim","traceCompleted","traceStatusQualifies","traceStatusNotQualifies","traceCampaignInComment","traceMatchedCode","traceNoReference","traceDecided","traceHistory","traceLinesExamined","traceLinesMatched","traceHistoryNone","traceInvoice","traceInvoiceStatus","traceVerdictOpen","traceVerdictSSCRecord","traceVerdictWarrantyClaim","traceVerdictServiceHistory"]),w=(e,t)=>{var a;return`${null!==(a=null==e?void 0:e.sscCode)&&void 0!==a?a:""}#${t}`},k=e=>(e||[]).filter(Boolean),y=({campaigns:e,showTrace:t,openTraceKey:a,traces:s,traceLoading:i})=>{if(!t||!a)return;const r=k(e),o=r.findIndex(((e,t)=>w(e,t)===a));return o<0?void 0:s[a]||r[o].trace||!i?a:void 0},C=({vehicleLoaded:e,authorized:t,campaigns:a,checkAvailable:s,checkStatus:i,skipped:r})=>e?!1===t?s&&!i?"check":"none":k(a).length>0?"rows":"none":r?"run":"none",z=({kind:t,className:a})=>e("svg",{class:a,viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},e("path",{fill:"currentColor",d:p[t]})),R={positive:"positive",negative:"negative",neutral:"question",attention:"alert",idle:null},S={positive:"positive",negative:"negative",neutral:"question",attention:"alert"},T=({state:t,text:a})=>{const s=R[t];return e("span",{class:`status-badge is-${t}`,"aria-hidden":"idle"===t?"true":null},e("svg",{class:"badge-icon",viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},s&&e("path",{fill:"currentColor",d:p[s]})),e("span",null,"idle"===t?"":a))},L=({tone:t,text:a,note:s,title:i,icon:r})=>e("span",{class:`ssc-chip is-${t}`,title:i},r&&e(z,{kind:r,className:"chip-icon"}),e("span",{class:"chip-text"},a),s&&e("span",{class:"chip-note"},s)),j=({item:t,locale:a})=>{const s=t.repaired?((e,t)=>{switch(e){case"SSCRecord":return t.sourceSSCRecord;case"WarrantyClaim":return t.sourceWarrantyClaim;case"ServiceHistory":return t.sourceServiceHistory;default:return}})(t.repairSource,a):void 0;return e("div",{class:"ssc-status-cell"},e(T,{state:t.repaired?"positive":"negative",text:t.repaired?t.repairDate?`${a.repaired} · ${t.repairDate}`:a.repaired:a.open}),s&&e("span",{class:"ssc-status-source"},s))},$=({partNumber:t,isAvailable:a,locale:s})=>e(L,!0===a?{tone:"positive",icon:"positive",text:t,title:s.partAvailable}:!1===a?{tone:"negative",icon:"negative",text:t,title:s.partUnavailable}:{tone:"neutral",text:t,title:s.partNotChecked}),N=({open:t,className:a},s)=>e("div",{class:o("collapsible",a),"data-open":t?"true":"false","aria-hidden":t?null:"true"},e("div",{class:"collapsible-body"},s)),I=({positive:t,text:a})=>e("span",{class:o("evidence-pill",t?"is-positive":"is-negative")},e(z,{kind:t?"positive":"negative",className:"evidence-pill-icon"}),e("span",null,a)),A=({laborCode:t,campaignLaborCode:a,locale:s})=>{return e("span",null,s.traceMatchedCode," ",e("code",{class:"trace-code"},t),(i=a,!((t||"").trim().toUpperCase()===(i||"").trim().toUpperCase())&&e("span",{class:"trace-muted"}," ","(",s.traceInterchangeableWith," ",e("code",{class:"trace-code"},a),")")));var i},E=({claim:t,locale:a})=>e("li",{class:o("trace-item",{"is-selected":t.selected,"is-dim":!t.matches&&!t.selected})},e("div",{class:"trace-item-head"},e("strong",{class:"trace-item-title"},a.traceClaim," ",t.claimNumber||t.dealerClaimNumber||"—"),e(I,{positive:t.statusQualifies,text:`${t.claimStatus} · ${t.statusQualifies?a.traceStatusQualifies:a.traceStatusNotQualifies}`}),t.repairCompletionDate&&e("span",{class:"trace-date"},a.traceCompleted," ",t.repairCompletionDate),t.selected&&e("span",{class:"trace-decided"},a.traceDecided)),e("ul",{class:"trace-facts"},t.campaignCodeInComment&&e("li",{class:"is-hit"},a.traceCampaignInComment),(t.matchedLaborCodes||[]).map((t=>e("li",{class:"is-hit",key:t.laborCode},e(A,{laborCode:t.laborCode,campaignLaborCode:t.campaignLaborCode,locale:a})))),!t.matches&&e("li",{class:"is-miss"},a.traceNoReference))),M=({line:t,locale:a})=>e("li",{class:o("trace-item",{"is-selected":t.selected})},e("div",{class:"trace-item-head"},e("strong",{class:"trace-item-title"},a.traceInvoice," ",t.invoiceNumber||"—"),e(I,{positive:t.statusQualifies,text:`${a.traceInvoiceStatus} ${t.invoiceStatus||"—"} · ${t.statusQualifies?a.traceStatusQualifies:a.traceStatusNotQualifies}`}),t.invoiceDate&&e("span",{class:"trace-date"},t.invoiceDate),t.selected&&e("span",{class:"trace-decided"},a.traceDecided)),e("ul",{class:"trace-facts"},e("li",{class:"is-hit"},e(A,{laborCode:t.laborCode,campaignLaborCode:t.campaignLaborCode,locale:a})))),B=({locale:t})=>e("span",{class:"trace-step-decided"},e(z,{kind:"positive",className:"trace-step-decided-icon"}),t.traceDecided),F=({locale:t,item:a,trace:s,error:i})=>{if(!s)return e("div",{class:"ssc-trace"},e("div",{class:"trace-head"},e("span",{class:"trace-label"},t.traceTitle),e("span",{class:"trace-head-code"},a.sscCode)),e("div",{class:o("ssc-trace-status",{"is-error":!!i})},i||t.traceUnavailable));const r=s.repairSource,n=r&&"None"!==r,c=s.warrantyClaims||[],l=s.serviceHistoryLaborLines||[];return e("div",{class:"ssc-trace","data-source":r||"None"},e("div",{class:"trace-head"},e("span",{class:"trace-label"},t.traceTitle),e("span",{class:"trace-head-code"},a.sscCode)),e("div",{class:o("trace-verdict",n?"is-positive":"is-negative")},e(z,{kind:n?"positive":"negative",className:"trace-verdict-icon"}),e("strong",null,((e,t)=>{switch(e){case"SSCRecord":return t.traceVerdictSSCRecord;case"WarrantyClaim":return t.traceVerdictWarrantyClaim;case"ServiceHistory":return t.traceVerdictServiceHistory;default:return t.traceVerdictOpen}})(r,t)),n&&a.repairDate&&e("span",{class:"trace-verdict-date"},a.repairDate)),e("p",{class:"trace-order"},t.traceOrder),e("div",{class:"trace-codes"},e("span",{class:"trace-label"},t.traceCodes),e("div",{class:"ssc-chips"},(s.campaignLaborCodes||[]).map((a=>e(L,{tone:"accent",text:a,title:t.traceCampaignCode}))),(s.interchangeableLaborCodes||[]).map((a=>e(L,{tone:"neutral",text:a.laborCode,note:`↔ ${a.campaignLaborCode}`,title:`${t.traceInterchangeableWith} ${a.campaignLaborCode}`}))))),e("ol",{class:"trace-steps"},e("li",{class:"trace-step","data-decided":"SSCRecord"===r?"true":"false"},e("div",{class:"trace-step-head"},e("span",{class:"trace-step-index"},"1"),e("span",{class:"trace-step-title"},t.traceRecord),"SSCRecord"===r&&e(B,{locale:t})),e("div",{class:"trace-step-body"},s.recordRepairDate?e("span",{class:"trace-kv"},e("span",null,t.traceRecordDate),e("strong",null,s.recordRepairDate)):e("span",{class:"trace-muted"},t.traceRecordNone))),e("li",{class:"trace-step","data-decided":"WarrantyClaim"===r?"true":"false"},e("div",{class:"trace-step-head"},e("span",{class:"trace-step-index"},"2"),e("span",{class:"trace-step-title"},t.traceClaims),e("span",{class:"trace-count"},c.length),"WarrantyClaim"===r&&e(B,{locale:t})),e("div",{class:"trace-step-body"},0===c.length?e("span",{class:"trace-muted"},t.traceClaimsNone):e("ul",{class:"trace-evidence"},c.map((a=>e(E,{claim:a,locale:t})))))),e("li",{class:"trace-step","data-decided":"ServiceHistory"===r?"true":"false"},e("div",{class:"trace-step-head"},e("span",{class:"trace-step-index"},"3"),e("span",{class:"trace-step-title"},t.traceHistory),e("span",{class:"trace-count"},s.serviceHistoryLaborLinesExamined," ",t.traceLinesExamined," · ",l.length," ",t.traceLinesMatched),"ServiceHistory"===r&&e(B,{locale:t})),e("div",{class:"trace-step-body"},0===l.length?e("span",{class:"trace-muted"},t.traceHistoryNone):e("ul",{class:"trace-evidence"},l.map((a=>e(M,{line:a,locale:t}))))))))},V=(t,a)=>{var s;const{locale:i,loading:r,checking:n,retainedBody:c,onRunLookup:l,showTrace:d,openTraceKey:p,traces:h,traceError:u,onToggleTrace:g}=t,b=(({locale:e,vehicleLoaded:t,authorized:a,campaigns:s,checkStatus:i,skipped:r})=>{if(!t)return r?{state:"attention",text:e.skipped}:{state:"idle",text:""};if(!1===a)switch(i){case"recallExists":return{state:"negative",text:e.pendingCampaign};case"noRecall":return{state:"positive",text:e.noPendingCampaign};case"noApplicableVehicleFound":return{state:"neutral",text:e.vehicleNotFound};default:return{state:"neutral",text:e.notInRecords}}const o=k(s),n=o.filter((e=>!e.repaired)).length;return 0===o.length?{state:"positive",text:e.noPendingCampaign}:{state:n>0?"negative":"positive",text:`${n} ${e.open} · ${o.length-n} ${e.repaired}`}})(t),v=C(t),m=r||n,x=((e,t)=>t?"skeleton":e.vehicleLoaded||e.skipped?"rows"===C(e)?"columns":"notice":"skeleton")(t,m),f=(({locale:e,vehicleLoaded:t,authorized:a,campaigns:s,skipped:i,checkAvailable:r,checkStatus:o})=>{if(!t)return i?{tone:"attention",text:e.skippedNotice}:null;if(!1===a)switch(o){case"recallExists":return{tone:"negative",text:e.recallExists};case"noRecall":return{tone:"positive",text:e.noRecall};case"noApplicableVehicleFound":return{tone:"neutral",text:e.noApplicableVehicleFound};default:return{tone:"neutral",text:r?e.unauthorizedCheck:e.unauthorizedNoCheck}}return 0===k(s).length?{tone:"positive",text:e.noCampaigns}:null})(t),R=!r&&"none"!==v,I="none"===v?c:v,A=t.vehicleLoaded&&!1!==t.authorized?k(t.campaigns):[],E=y(t);return e("section",{class:"ssc-card","data-verdict":b.state,"data-phase":m?"busy":"settled"},e("header",{class:"ssc-head"},e("span",{class:"ssc-title"},i.title),e("div",{class:"ssc-summary"},e(T,{state:b.state,text:b.text}))),e("div",{class:o("ssc-grid",{"has-trace":d}),role:"rows"===I&&R?"table":null},e("div",{class:"ssc-lead layer-stack","data-lead":x},e("div",{class:"layer ssc-lead-skeleton","data-active":"skeleton"===x?"true":"false","aria-hidden":"true"}),e("div",{class:o("layer ssc-lead-notice",f&&`is-${f.tone}`),"data-active":"notice"===x?"true":"false",role:"status","aria-hidden":"notice"===x?null:"true"},f&&e(z,{kind:S[f.tone],className:"notice-icon"}),e("span",null,null!==(s=null==f?void 0:f.text)&&void 0!==s?s:"")),e("div",{class:"layer ssc-lead-columns","data-active":"columns"===x?"true":"false",role:"row","aria-hidden":"columns"===x?null:"true"},e("span",{class:"ssc-cell ssc-code",role:"columnheader"},i.code),e("span",{class:"ssc-cell ssc-description",role:"columnheader"},i.description),e("span",{class:"ssc-cell ssc-status",role:"columnheader"},i.status),e("span",{class:"ssc-cell ssc-labors",role:"columnheader"},i.laborCodes),e("span",{class:"ssc-cell ssc-parts",role:"columnheader"},i.parts),d&&e("span",{class:"ssc-cell ssc-trace-cell",role:"columnheader"},e("span",{class:"sr-only"},i.viewTrace)),e("span",{class:"ssc-columns-label","aria-hidden":"true"},i.campaignList))),e("div",{class:"ssc-body collapsible","data-open":R?"true":"false","data-body":I,role:"rows"===I&&R?"rowgroup":null,"aria-hidden":R?null:"true"},e("div",{class:"collapsible-body ssc-body-inner"},"rows"===I&&e("div",{class:"ssc-rows"},A.map(((t,a)=>{const s=w(t,a),r=d&&p===s,o=h[s]||t.trace,n=E===s,c=r&&!n;return[e("div",{class:"ssc-row",role:"row","data-open":n?"true":"false","data-trace-key":s,key:s},e("div",{class:"ssc-cell ssc-code",role:"cell","data-label":i.code},e("strong",null,t.sscCode)),e("div",{class:"ssc-cell ssc-description",role:"cell","data-label":i.description},t.description),e("div",{class:"ssc-cell ssc-status",role:"cell","data-label":i.status},e(j,{item:t,locale:i})),e("div",{class:"ssc-cell ssc-labors",role:"cell","data-label":i.laborCodes},e("div",{class:"ssc-chips"},(t.labors||[]).length?(t.labors||[]).map((t=>e(L,{tone:"accent",text:null==t?void 0:t.laborCode}))):e("span",{class:"ssc-none"},"—"))),e("div",{class:"ssc-cell ssc-parts",role:"cell","data-label":i.parts},e("div",{class:"ssc-chips"},(t.parts||[]).length?(t.parts||[]).map((t=>e($,{partNumber:null==t?void 0:t.partNumber,isAvailable:null==t?void 0:t.isAvailable,locale:i}))):e("span",{class:"ssc-none"},"—"))),d&&e("div",{class:"ssc-cell ssc-trace-cell",role:"cell"},e("button",{type:"button",class:"ssc-trace-button","data-loading":c?"true":"false","aria-busy":c?"true":null,"aria-expanded":n?"true":"false",title:n?i.hideTrace:i.viewTrace,"aria-label":n?i.hideTrace:i.viewTrace,onClick:()=>g(s)},e(z,{kind:"question",className:"ssc-trace-button-icon"}),e("span",{class:"ssc-trace-button-spinner","aria-hidden":"true"})))),d&&e("div",{class:"ssc-trace-row",role:"row","data-open":n?"true":"false",key:`${s}-trace`},e("div",{role:"cell"},e(N,{open:n},(r||o||u)&&e(F,{locale:i,item:t,trace:o,error:u}))))]}))),"check"===I&&e("div",{class:"ssc-check","data-checking":n?"true":"false"},a,e(N,{open:n,className:"ssc-checking-slot"},e("div",{class:"ssc-checking",role:"status"},e("span",{class:"ssc-spinner","aria-hidden":"true"}),e("span",null,i.checkingTMC)))),"run"===I&&e("div",{class:"ssc-run"},e("button",{type:"button",class:"ssc-run-button",onClick:l},e("svg",{class:"ssc-run-icon",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},e("circle",{cx:"10.5",cy:"10.5",r:"6.5",fill:"currentColor","fill-opacity":"0.24",stroke:"currentColor","stroke-width":"1.6"}),e("path",{d:"M15.6 15.6L20.5 20.5",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})),e("span",null,i.runCheck)))))))},H=e=>"AbortError"===(null==e?void 0:e.name),O=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:d.getDefault()},f.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.lookupQueryString="",this.blazorRequestHeadersProvider="",this.isError=!1,this.isLoading=!1,this.leaving=!1,this.leaveGeneration=0,this.retainedBody="none",this.runSkippedLookup=()=>{const e=this.skippedVin;e&&this.fetchVin(e)},this.showTrace=!1,this.recaptchaKey="",this.mockRecaptcha=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.showRecaptcha=!1,this.checkingUnauthorizedSSC=!1,this.devRecaptchaChecked=!1,this.recaptchaRes=null,this.handleDevRecaptchaClick=async()=>{if(!this.devRecaptchaChecked&&this.mockRecaptchaTrigger){this.devRecaptchaChecked=!0;try{await this.mockRecaptchaTrigger()}catch(e){H(e)||console.error("SSC manufacturer check failed",e)}}},this.syncRecaptchaPosition=()=>{if(!this.recaptchaPlaceholderRef||!this.recaptchaPortalEl||"none"===this.recaptchaPortalEl.style.display)return;const e=this.recaptchaPlaceholderRef.getBoundingClientRect();this.recaptchaPortalEl.style.top=`${e.top}px`,this.recaptchaPortalEl.style.left=`${e.left}px`;const t=this.getAncestorOpacity();this.recaptchaPortalEl.style.opacity=String(t),this.recaptchaPortalEl.style.pointerEvents=t<.1?"none":"auto",this.positionRAF=requestAnimationFrame(this.syncRecaptchaPosition)},this.traces={},this.traceLoading=!1,this.toggleTrace=async e=>{var t,a;if(this.openTraceKey===e)return void(this.openTraceKey=void 0);this.openTraceKey=e;const s=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vin;if(!s)return;const i=Object.fromEntries(((null===(a=this.vehicleLookup)||void 0===a?void 0:a.ssc)||[]).map(((e,t)=>[w(e,t),null==e?void 0:e.trace])).filter((([,e])=>!!e)));this.tracesVin!==s&&Object.keys(i).length&&(this.traces=i,this.tracesVin=s),this.traces[e]||this.tracesVin===s||await this.loadTraces(s)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(e){const[t,a]=await Promise.all([m(e),x(e,"vehicleLookup.ssc",f)]);this.locale=Object.assign({sharedLocales:t},a)}async setMockData(e){this.mockData=e}async fetchVin(e,t={}){this.leaveGeneration++,this.skippedVin=void 0,this.resetTraces(),this.suspendManufacturerCheck(),await g(this,e,t,{beforeAssignment:async(e,{scopedTimeoutRef:t})=>(this.resetManufacturerCheck(),this.prepareManufacturerCheck(e,t),e)})}async setErrorMessage(e){b(this,e)}async clearData(){await this.leave(),this.emptyPanel()}async skipLookup(e){(this.vehicleLookup||this.skippedVin!==e)&&(await this.leave(),this.emptyPanel(),this.skippedVin=e)}onLoadingChange(e){u.bind(this)(this.loadingStateChange,e)}settleMs(){const e="function"==typeof getComputedStyle?getComputedStyle(this.el).getPropertyValue("--settle"):"",t=parseFloat(e);return(Number.isFinite(t)&&t>0?t:320)+40}async leave(){var e;const t=++this.leaveGeneration;(this.vehicleLookup||this.skippedVin||this.isError)&&(clearTimeout(this.networkTimeoutRef),null===(e=this.abortController)||void 0===e||e.abort(),this.suspendManufacturerCheck(),this.leaving=!0,await new Promise((e=>setTimeout(e,this.settleMs()))),t===this.leaveGeneration&&(this.leaving=!1))}emptyPanel(){this.vehicleLookup=void 0,this.isError=!1,this.errorMessage=void 0,this.isLoading=!1,this.skippedVin=void 0,this.resetManufacturerCheck(),this.resetTraces()}componentDidRender(){var e,t,a;this.followOpenDrawer();const s=this.panelState(),i=C(s),r=[this.isLoading||this.leaving,i,this.retainedBody,this.openTraceKey,this.traceLoading,this.traceError,this.checkingUnauthorizedSSC,this.showRecaptcha,null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,this.skippedVin,null===(t=this.recaptchaRes)||void 0===t?void 0:t.status].join("|"),o=void 0!==this.layoutSignature&&this.layoutSignature!==r;this.layoutSignature=r,o&&(null!==(a=this.heightAnnouncer)&&void 0!==a||(this.heightAnnouncer=(e=>{const t={};let a,s=[];const i=()=>{a=void 0,s.forEach((e=>{e.onAnimationPlayChanges(!1),e.removeChildrenAnimation(t)})),s=[]};return{announce(r){a&&clearTimeout(a),s.length||(s=c(e,"flexible-container").filter((e=>"function"==typeof e.addChildrenAnimation)),s.forEach((e=>{e.addChildrenAnimation(t)}))),a=setTimeout(i,r)},dispose(){a&&clearTimeout(a),i()}}})(this.el)),this.heightAnnouncer.announce(this.settleMs()+80))}retainBody(e){if("none"!==e)return this.retainedBody=e,clearTimeout(this.retainTimer),void(this.retainTimer=void 0);"none"===this.retainedBody||this.retainTimer||(this.retainTimer=setTimeout((()=>{this.retainTimer=void 0,this.retainedBody="none",i(this)}),this.settleMs()))}async setBlazorRef(e){this.blazorRef=e}get useMockRecaptchaWidget(){return this.isDev||this.mockRecaptcha}onRecaptchaModeChange(){this.syncRealRecaptchaVisibility()}suspendManufacturerCheck(){clearInterval(this.recaptchaIntervalRef),this.mockRecaptchaTrigger=void 0}resetManufacturerCheck(){this.suspendManufacturerCheck(),clearTimeout(this.recaptchaHideTimer),this.recaptchaRes=null,this.showRecaptcha=!1,this.checkingUnauthorizedSSC=!1,this.devRecaptchaChecked=!1,this.hideRealRecaptcha()}prepareManufacturerCheck(e,t){!1===(null==e?void 0:e.isAuthorized)&&""!==this.recaptchaKey?(this.showRecaptcha=!0,this.useMockRecaptchaWidget?this.mockRecaptchaTrigger=()=>this.runUnauthorizedSscLookup(e,"mock-recaptcha-token",t):this.armRealRecaptcha(e,t)):this.showRecaptcha=!1}async armRealRecaptcha(e,t){try{await this.ensureRealRecaptcha()}catch(e){return void console.error("reCAPTCHA could not be loaded",e)}this.networkTimeoutRef===t&&this.showRecaptcha&&!this.useMockRecaptchaWidget&&(void 0!==this.recaptchaWidgetId&&grecaptcha.reset(this.recaptchaWidgetId),this.syncRealRecaptchaVisibility(),clearInterval(this.recaptchaIntervalRef),this.recaptchaIntervalRef=setInterval((async()=>{const a=grecaptcha.getResponse(this.recaptchaWidgetId);if(a){clearInterval(this.recaptchaIntervalRef);try{await this.runUnauthorizedSscLookup(e,a,t)}catch(e){H(e)||console.error("SSC manufacturer check failed",e)}}}),500))}ensureRealRecaptcha(){return this.recaptchaReady||(this.recaptchaReady=new Promise(((e,t)=>{this.recaptchaPortalEl||(this.recaptchaPortalEl=document.createElement("div"),this.recaptchaPortalEl.style.cssText="position: fixed; z-index: 1; display: none;",document.body.appendChild(this.recaptchaPortalEl));const a=()=>grecaptcha.ready((()=>{this.recaptchaWidgetId=grecaptcha.render(this.recaptchaPortalEl,{sitekey:this.recaptchaKey}),e()}));if("undefined"!=typeof grecaptcha&&"function"==typeof(null===grecaptcha||void 0===grecaptcha?void 0:grecaptcha.render))return void a();const s=document.createElement("script");s.src="https://www.google.com/recaptcha/api.js?render=explicit",s.async=!0,s.defer=!0,s.onload=a,s.onerror=()=>{this.recaptchaReady=void 0,t(new Error("reCAPTCHA script failed to load"))},document.head.appendChild(s)}))),this.recaptchaReady}hideRealRecaptcha(){cancelAnimationFrame(this.positionRAF),clearTimeout(this.recaptchaHideTimer),this.recaptchaPortalEl&&(this.recaptchaPortalEl.style.display="none")}syncRealRecaptchaVisibility(){if(this.recaptchaPortalEl){if(this.showRecaptcha&&!this.recaptchaRes&&!this.useMockRecaptchaWidget)return clearTimeout(this.recaptchaHideTimer),this.recaptchaPortalEl.style.display="block",void this.syncRecaptchaPosition();clearTimeout(this.recaptchaHideTimer),this.recaptchaHideTimer=setTimeout((()=>this.hideRealRecaptcha()),this.settleMs())}}onRecaptchaStateChange(){this.syncRealRecaptchaVisibility()}async runUnauthorizedSscLookup(e,t,a){if(this.checkingUnauthorizedSSC=!0,this.isDev){if(await new Promise((e=>setTimeout(e,3e3))),this.networkTimeoutRef!==a)return;this.checkingUnauthorizedSSC=!1;const e=Math.random(),t=e<.33?0:e>.33&&e<.66?2:1;return this.recaptchaRes={status:0===t?"noRecall":2===t?"noApplicableVehicleFound":"recallExists"},void u.bind(this)(this.unauthorizedSscLookupResponse,t)}const s=await v(this),i=await fetch(`${this.unauthorizedSscLookupBaseUrl}${null==e?void 0:e.vin}/${null==e?void 0:e.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},s),{"Ssc-Recaptcha-Token":t})}),r=await i.json();if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.checkingUnauthorizedSSC=!1,this.recaptchaRes={status:0===r.sscLookupStatus?"noRecall":1===r.sscLookupStatus?"recallExists":2===r.sscLookupStatus?"noApplicableVehicleFound":null},u.bind(this)(this.unauthorizedSscLookupResponse,r.sscLookupStatus)}}disconnectedCallback(){var e,t;null===(e=this.heightAnnouncer)||void 0===e||e.dispose(),this.stopFollowingDrawer(),cancelAnimationFrame(this.positionRAF),clearInterval(this.recaptchaIntervalRef),clearTimeout(this.recaptchaHideTimer),clearTimeout(this.retainTimer),null===(t=this.traceAbortController)||void 0===t||t.abort(),this.recaptchaPortalEl&&(this.recaptchaPortalEl.remove(),this.recaptchaPortalEl=void 0,this.recaptchaReady=void 0,this.recaptchaWidgetId=void 0)}getAncestorOpacity(){let e=1;const t=(t,a)=>{for(let s=t;s&&s!==a;s=s.parentElement){const t=parseFloat(getComputedStyle(s).opacity);Number.isNaN(t)||(e*=t)}};return t(this.recaptchaPlaceholderRef,null),t(this.el,document.body),e}resetTraces(){var e;null===(e=this.traceAbortController)||void 0===e||e.abort(),this.stopFollowingDrawer(),this.openTraceKey=void 0,this.traces={},this.tracesVin=void 0,this.traceLoading=!1,this.traceError=void 0}async loadTraces(e){var t,a;null===(t=this.traceAbortController)||void 0===t||t.abort(),this.traceAbortController=new AbortController;const{signal:s}=this.traceAbortController;this.traceLoading=!0,this.traceError=void 0;try{let t;if(this.isDev)t=null===(a=this.mockData)||void 0===a?void 0:a[e];else{if(!this.baseUrl)throw new Error("noBaseUrl");const a=[this.queryString,"trace=ssc"].filter(Boolean).join("&"),i=await v(this),r=await fetch(`${this.baseUrl}${e}?${a}`,{headers:i,signal:s});if(!r.ok)throw new Error(`HTTP ${r.status}`);t=await r.json()}if(s.aborted)return;const i={};((null==t?void 0:t.ssc)||[]).forEach(((e,t)=>{(null==e?void 0:e.trace)&&(i[w(e,t)]=e.trace)})),this.traces=i,this.tracesVin=e,this.traceError=Object.keys(i).length?void 0:this.locale.traceUnavailable}catch(e){if(H(e))return;console.error("SSC trace fetch failed",e),this.traceError=this.locale.traceFailed}finally{s.aborted||(this.traceLoading=!1)}}followOpenDrawer(){var e,t,a;const s=y({campaigns:null===(e=this.vehicleLookup)||void 0===e?void 0:e.ssc,showTrace:this.showTrace,openTraceKey:this.openTraceKey,traces:this.traces,traceLoading:this.traceLoading});if(s===this.followedDrawer)return;if(this.stopFollowingDrawer(),this.followedDrawer=s,!s)return;const i=Array.from(null!==(a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".ssc-row"))&&void 0!==a?a:[]).find((e=>e.getAttribute("data-trace-key")===s));i&&(this.stopFollowing=n(i,this.settleMs()))}stopFollowingDrawer(){var e;null===(e=this.stopFollowing)||void 0===e||e.call(this),this.stopFollowing=void 0,this.followedDrawer=void 0}panelState(){var e,t,a;return{locale:this.locale,vehicleLoaded:!!this.vehicleLookup,authorized:null===(e=this.vehicleLookup)||void 0===e?void 0:e.isAuthorized,campaigns:null===(t=this.vehicleLookup)||void 0===t?void 0:t.ssc,skipped:!!this.skippedVin,checkAvailable:""!==this.recaptchaKey,checkStatus:null===(a=this.recaptchaRes)||void 0===a?void 0:a.status}}render(){var t,a;const s=this.panelState();this.retainBody(C(s));const i=this.showRecaptcha&&e("div",{key:"dcbff9ed43160482ef7b6573ae1d59aa5daa751d",class:"ssc-check-widget"},e("div",{key:"3e9e0f41e871b4aa60a557d1d517e9d012e04ed3",class:"recaptcha-container"},this.useMockRecaptchaWidget?e("div",{ref:e=>this.recaptchaPlaceholderRef=e,onClick:this.handleDevRecaptchaClick,class:o("dev-recaptcha",{"dev-recaptcha-disabled":this.devRecaptchaChecked})},e("div",{class:o("dev-recaptcha-checkbox",{checked:this.devRecaptchaChecked})},this.devRecaptchaChecked&&e("span",{class:"dev-recaptcha-checkmark"},"✓")),e("div",{class:"dev-recaptcha-label"},"I'm not a robot"),e("div",{class:"dev-recaptcha-brand"},e("div",{class:"dev-recaptcha-brand-name"},"reCAPTCHA"),e("div",{class:"dev-recaptcha-brand-mock"},"(dev mock)"))):e("div",{ref:e=>this.recaptchaPlaceholderRef=e,style:{minWidth:"302px",minHeight:"76px"}})));return e(r,{key:"55baf0475afa6d3f4a37c65c2ad4a5f1c177e334",translate:"no"},e(h,{key:"08a2eee97c9e97a0eb9d7a9bd99c0055b1a19fd0",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null!==(a=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vin)&&void 0!==a?a:this.skippedVin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},e("div",{key:"355b56a6bf16cab6b8eeaebd362fd7d0fdf37efa",class:"ssc-panel",dir:this.locale.sharedLocales.direction},e(V,Object.assign({key:"3b5ae414e28c472fad1deeaa38238cd71aee72e2"},s,{loading:this.isLoading||this.leaving,checking:this.checkingUnauthorizedSSC,retainedBody:this.retainedBody,onRunLookup:this.runSkippedLookup,showTrace:this.showTrace,openTraceKey:this.openTraceKey,traces:this.traces,traceLoading:this.traceLoading,traceError:this.traceError,onToggleTrace:this.toggleTrace}),i))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}],isDev:[{onRecaptchaModeChange:0}],mockRecaptcha:[{onRecaptchaModeChange:0}],showRecaptcha:[{onRecaptchaStateChange:0}],recaptchaRes:[{onRecaptchaStateChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.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))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--paper:#fff;--paper-soft:#f7f9fa;--ink:#1a2530;--muted:#5f6c78;--date-ink:#46535e;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--blue-tint:#e8f1f8;--green:#2c8a58;--green-dark:#216b44;--green-tint:#e8f4ed;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--amber:#b7791f;--amber-dark:#8a5a12;--amber-tint:#fff7e6;--violet:#755aa5;--violet-dark:#5f4887;--violet-tint:#f1ecf8;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--chips-max:300px;--lead-height:38px;--pill-rest:132px;--body-rest:58px;--blue-rim:rgba(48,113,169,.32);--violet-rim:rgba(117,90,165,.42);--violet-halo:rgba(117,90,165,.45);container-name:ssc-panel;container-type:inline-size;display:block}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease,visibility 0s linear var(--settle);visibility:hidden}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease,visibility 0s;visibility:visible}.collapsible-body{min-height:0;overflow:hidden}.layer-stack{display:grid}.layer-stack>.layer{grid-column:1/-1;grid-row:1;opacity:0;transition:opacity var(--settle) ease,visibility 0s linear var(--settle);visibility:hidden}.layer-stack>.layer[data-active=true]{opacity:1;transition:opacity var(--settle) ease,visibility 0s;visibility:visible}.sheen{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;color:transparent}@keyframes lookup-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes lookup-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}.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}.ssc-panel,.ssc-panel *,.ssc-panel :after,.ssc-panel :before{box-sizing:border-box}.ssc-panel{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.35;padding:16px}.ssc-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.ssc-card:before{background:var(--line);content:"";height:4px;inset:0 0 auto;position:absolute;transition:background var(--settle) ease,opacity var(--settle) ease;z-index:3}.ssc-card[data-verdict=negative]:before{background:var(--red)}.ssc-card[data-verdict=positive]:before{background:var(--green)}.ssc-card[data-verdict=neutral]:before{background:var(--amber)}.ssc-card[data-verdict=attention]:before{animation:ssc-attention-bar 2.4s ease-in-out infinite;background:var(--violet)}.ssc-card[data-phase=busy]:before{opacity:0}.ssc-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;padding:16px 20px 12px}.ssc-title{font-size:clamp(16px,3.2cqw,20px);font-weight:760;letter-spacing:-.025em;line-height:1.15}.ssc-summary{display:flex}.ssc-summary,.status-badge{align-items:center;min-width:0}.status-badge{border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:-.005em;line-height:1.15;min-height:30px;overflow:hidden;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-neutral{background:var(--amber-tint);box-shadow:inset 0 0 0 1px rgba(183,121,31,.32);color:var(--amber-dark)}.status-badge.is-attention{background:var(--violet-tint);box-shadow:inset 0 0 0 1px var(--violet-rim);color:var(--violet-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge>span{font-variant-numeric:tabular-nums;padding:6px 13px 6px 11px;white-space:nowrap}.badge-icon{align-self:stretch;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.status-badge.is-neutral .badge-icon{background:var(--amber)}.status-badge.is-attention .badge-icon{background:var(--violet)}.status-badge.is-idle .badge-icon{background:var(--line)}.ssc-summary .status-badge{max-width:360px;min-width:var(--pill-rest);transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease,max-width var(--settle) ease}.ssc-summary .status-badge.is-idle{max-width:var(--pill-rest)}.ssc-card[data-phase=busy] .ssc-summary .status-badge{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42);color:transparent;max-width:var(--pill-rest)}.ssc-card[data-phase=busy] .ssc-summary .status-badge .badge-icon{background:#dcdfe4;opacity:0}.ssc-grid{display:grid;grid-template-columns:minmax(auto,max-content) minmax(200px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content);overflow-x:auto}.ssc-grid.has-trace{grid-template-columns:minmax(auto,max-content) minmax(200px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) max-content}.ssc-body,.ssc-body-inner,.ssc-lead,.ssc-lead-columns,.ssc-row,.ssc-rows{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.ssc-lead{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}.ssc-lead,.ssc-lead>.layer{min-height:var(--lead-height)}.ssc-lead-skeleton{background-color:var(--line-soft);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-position:-100% 0;background-repeat:no-repeat;background-size:45% 100%;transition:opacity var(--settle) ease,visibility 0s linear var(--settle),background-color var(--settle) ease}.ssc-card[data-phase=busy] .ssc-lead-skeleton{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4}.ssc-lead-notice{align-items:center;display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;padding:6px 20px}.ssc-lead-notice.is-positive{background:var(--green-tint);box-shadow:inset 0 1px 0 rgba(44,138,88,.18),inset 0 -1px 0 rgba(44,138,88,.18);color:var(--green-dark)}.ssc-lead-notice.is-negative{background:var(--red-tint);box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark)}.ssc-lead-notice.is-neutral{background:var(--amber-tint);box-shadow:inset 0 1px 0 rgba(183,121,31,.22),inset 0 -1px 0 rgba(183,121,31,.22);color:var(--amber-dark)}.ssc-lead-notice.is-attention{background:var(--violet-tint);box-shadow:inset 0 1px 0 var(--violet-rim),inset 0 -1px 0 var(--violet-rim);color:var(--violet-dark);font-weight:700;padding-inline-start:38px;position:relative}.ssc-lead-notice.is-attention:before{background:repeating-linear-gradient(135deg,var(--violet) 0 5px,transparent 5px 11px);content:"";inset-block:0;inset-inline-start:0;opacity:.85;position:absolute;width:16px}.notice-icon{flex:0 0 auto;height:16px;width:16px}.ssc-lead-columns{background:var(--paper-soft)}.ssc-lead-columns>.ssc-cell{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.ssc-columns-label{display:none}.ssc-body{min-height:var(--body-rest)}.ssc-body-inner{align-content:start}.ssc-row{transition:background var(--settle) ease}.ssc-row:not(:first-child){border-top:1px solid var(--line-soft)}.ssc-row[data-open=true]{background:var(--blue-tint)}.ssc-row>.ssc-cell{padding:12px}.ssc-code{font-variant-numeric:tabular-nums;white-space:nowrap}.ssc-code strong{font-weight:760;letter-spacing:.01em}.ssc-description{min-width:0;overflow-wrap:anywhere}.ssc-status{white-space:nowrap}.ssc-status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.ssc-status-source{color:var(--muted);font-size:12px;font-weight:600;padding-inline-start:2px}.ssc-trace-cell{white-space:nowrap}.ssc-none{color:var(--muted)}.ssc-chips{display:flex;flex-wrap:wrap;gap:6px;max-width:var(--chips-max)}.ssc-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;gap:5px;letter-spacing:.01em;line-height:1.3;padding:3px 9px;white-space:nowrap}.ssc-chip.is-accent{background:var(--blue-tint);box-shadow:inset 0 0 0 1px rgba(48,113,169,.32);color:var(--blue-dark)}.ssc-chip.is-neutral{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.ssc-chip.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.ssc-chip.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.chip-icon{flex:0 0 auto;height:13px;width:13px}.chip-note{color:var(--date-ink);font-weight:600}.ssc-trace-button{align-items:center;background:var(--paper);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;position:relative;transition:color var(--settle) ease,background var(--settle) ease,border-color var(--settle) ease;width:30px}.ssc-trace-button:hover,.ssc-trace-button[aria-expanded=true],.ssc-trace-button[data-loading=true]{background:var(--blue);border-color:var(--blue-dark);color:#fff}.ssc-trace-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ssc-trace-button-icon{height:18px;transition:opacity var(--settle) ease;width:18px}.ssc-trace-button-spinner{animation:lookup-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;inset:6px;opacity:0;position:absolute;transition:opacity var(--settle) ease}.ssc-trace-button[data-loading=true] .ssc-trace-button-icon{opacity:0}.ssc-trace-button[data-loading=true] .ssc-trace-button-spinner{opacity:1}.ssc-trace-row{grid-column:1/-1;transition:background var(--settle) ease}.ssc-trace-row[data-open=true]{background:var(--blue-tint)}.ssc-trace{background:var(--paper);border:1px solid var(--blue-rim);border-radius:10px;box-shadow:inset 4px 0 0 var(--blue),0 6px 18px rgba(27,45,61,.08);margin:0 12px 14px;padding:12px 18px 16px 22px}[dir=rtl] .ssc-trace{box-shadow:inset -4px 0 0 var(--blue),0 6px 18px rgba(27,45,61,.08);padding:12px 22px 16px 18px}.trace-head{align-items:baseline;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px;padding-bottom:8px}.trace-head-code{color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:.01em}.ssc-trace-status{align-items:center;color:var(--muted);display:flex;font-weight:600;gap:10px}.ssc-trace-status.is-error{color:var(--red-dark)}.trace-verdict{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px 10px}.trace-verdict.is-positive{color:var(--green-dark)}.trace-verdict.is-negative{color:var(--red-dark)}.trace-verdict-icon{flex:0 0 auto;height:18px;width:18px}.trace-verdict-date{color:var(--date-ink);font-variant-numeric:tabular-nums;font-weight:700}.trace-order{color:var(--muted);margin:6px 0 12px}.trace-codes{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px}.trace-codes .ssc-chips{max-width:none}.trace-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.trace-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.trace-step{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px}.trace-step[data-decided=true]{border-color:rgba(44,138,88,.55);box-shadow:inset 4px 0 0 var(--green)}[dir=rtl] .trace-step[data-decided=true]{box-shadow:inset -4px 0 0 var(--green)}.trace-step-head{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:6px 10px;padding:10px 14px}.trace-step-index{align-items:center;background:var(--ink);border-radius:50%;color:var(--paper);display:inline-flex;font-size:12px;font-weight:760;height:22px;justify-content:center;width:22px}.trace-step-title{font-size:13px;font-weight:760}.trace-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.trace-step-decided{align-items:center;color:var(--green-dark);display:inline-flex;font-size:12px;font-weight:700;gap:5px;margin-inline-start:auto}.trace-step-decided-icon{height:14px;width:14px}.trace-step-body{padding:10px 14px 12px}.trace-kv{align-items:baseline;display:inline-flex;gap:8px}.trace-kv>span{color:var(--muted)}.trace-kv>strong{font-variant-numeric:tabular-nums}.trace-muted{color:var(--muted)}.trace-evidence{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.trace-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.trace-item.is-selected{background:var(--green-tint);border-color:rgba(44,138,88,.45)}.trace-item.is-dim{opacity:.72}.trace-item-head{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.trace-item-title{font-weight:760}.trace-date{color:var(--date-ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.trace-decided{background:var(--green);color:var(--paper);letter-spacing:.03em;margin-inline-start:auto;padding:2px 8px;text-transform:uppercase}.evidence-pill,.trace-decided{border-radius:999px;font-size:11px;font-weight:700}.evidence-pill{align-items:center;display:inline-flex;gap:5px;padding:2px 8px 2px 6px;white-space:nowrap}.evidence-pill.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.evidence-pill.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.evidence-pill-icon{height:12px;width:12px}.trace-facts{display:flex;flex-direction:column;gap:3px;list-style:none;margin:6px 0 0;padding:0}.trace-facts li{font-size:12px;padding-inline-start:16px;position:relative}.trace-facts li:before{border-radius:50%;content:"";height:6px;inset-inline-start:2px;position:absolute;top:.55em;width:6px}.trace-facts li.is-hit:before{background:var(--green)}.trace-facts li.is-miss{color:var(--muted)}.trace-facts li.is-miss:before{background:var(--line)}.trace-code{background:var(--paper);border:1px solid var(--line);border-radius:4px;font-family:inherit;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 5px}.ssc-check{align-items:stretch;grid-column:1/-1;padding:16px 20px 18px}.ssc-check,.ssc-check-widget{display:flex;flex-direction:column}.ssc-check-widget{align-items:center}.recaptcha-container{overflow:hidden}.recaptcha-container,.ssc-checking{display:flex;justify-content:center}.ssc-checking{align-items:center;color:var(--muted);font-weight:700;gap:10px;padding:14px 0 2px}.ssc-spinner{animation:lookup-spin .8s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--blue);display:inline-block;height:16px;width:16px}.collapsible[data-open=false] .ssc-spinner{animation-play-state:paused}.dev-recaptcha{align-items:center;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:12px;height:76px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:302px}.dev-recaptcha-disabled{cursor:default}.dev-recaptcha-checkbox{align-items:center;background:#fff;border:2px solid #c1c1c1;border-radius:2px;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background var(--settle) ease,border-color var(--settle) ease;width:28px}.dev-recaptcha-checkbox.checked{background:#4caf50;border-color:#4caf50}.dev-recaptcha-checkmark{color:#fff;font-size:22px;font-weight:700;line-height:1}.dev-recaptcha-label{flex:1}.dev-recaptcha-brand{align-items:center;color:#555;display:flex;flex-direction:column;flex-shrink:0;font-size:10px}.dev-recaptcha-brand-name{font-size:11px;font-weight:700}.dev-recaptcha-brand-mock{color:#888;font-size:9px}.ssc-run{display:flex;grid-column:1/-1;justify-content:center;padding:16px 20px 18px}.ssc-run-button{align-items:center;animation:ssc-attention-ring 1.8s ease-out infinite;background:var(--violet);border:1px solid var(--violet-dark);border-radius:6px;box-shadow:0 0 0 0 var(--violet-halo);color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;letter-spacing:.01em;min-height:38px;padding:0 18px 0 14px;transition:background .2s ease,border-color .2s ease}.ssc-run-button:hover{background:var(--violet-dark)}.ssc-run-button:active{background:#4d3a70;border-color:#4d3a70}.ssc-run-button:focus-visible{outline:2px solid var(--violet-dark);outline-offset:3px}@keyframes ssc-attention-bar{0%,to{opacity:1}50%{opacity:.45}}@keyframes ssc-attention-ring{0%{box-shadow:0 0 0 0 var(--violet-halo)}70%{box-shadow:0 0 0 11px rgba(117,90,165,0)}to{box-shadow:0 0 0 0 rgba(117,90,165,0)}}.ssc-run-icon{height:22px;transition:transform .2s ease;width:22px}.ssc-run-button:active .ssc-run-icon{transform:scale(1.2)}@container ssc-panel (width > 720px) and (width <= 960px){.ssc-grid{grid-template-columns:minmax(160px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content)}.ssc-grid.has-trace{grid-template-columns:minmax(160px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) max-content}.ssc-lead-columns>.ssc-description{display:none}.ssc-code{grid-column:1}.ssc-status{grid-column:2}.ssc-labors{grid-column:3}.ssc-parts{grid-column:4}.ssc-trace-cell{grid-column:5}.ssc-row{grid-template-rows:auto auto}.ssc-row>.ssc-code{grid-row:1;padding-bottom:2px}.ssc-row>.ssc-description{grid-column:1;grid-row:2;padding-top:0}.ssc-row>.ssc-labors,.ssc-row>.ssc-parts,.ssc-row>.ssc-status,.ssc-row>.ssc-trace-cell{grid-row:1/span 2}}@container ssc-panel (max-width: 720px){.ssc-panel{padding:12px}.ssc-head{padding:14px 14px 10px}.ssc-grid,.ssc-grid.has-trace{grid-template-columns:minmax(0,1fr);overflow:visible}.ssc-lead-columns>.ssc-cell{display:none}.ssc-columns-label{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 14px;text-transform:uppercase}.ssc-lead-notice{padding:6px 14px}.ssc-row{gap:10px 12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.ssc-row>.ssc-cell{padding:0}.ssc-row>.ssc-cell:before{color:var(--muted);content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ssc-row>.ssc-code:before,.ssc-row>.ssc-status:before,.ssc-row>.ssc-trace-cell:before{display:none}.ssc-code{align-self:center;font-size:15px;grid-column:1;grid-row:1}.ssc-trace-cell{grid-column:2;grid-row:1;justify-self:end}.ssc-status{grid-column:1/-1;grid-row:2;white-space:normal}.ssc-description{grid-column:1/-1;grid-row:3}.ssc-labors{grid-column:1/-1;grid-row:4}.ssc-parts{grid-column:1/-1;grid-row:5}.ssc-chips{max-width:none}.ssc-check,.ssc-run{padding:14px 14px 16px}.trace-item-head,.trace-step-head{gap:6px 8px}.trace-decided,.trace-step-decided{margin-inline-start:0}}@container ssc-panel (max-width: 430px){.ssc-head{align-items:stretch;flex-direction:column}.ssc-card[data-phase=busy] .ssc-summary .status-badge,.ssc-summary .status-badge,.ssc-summary .status-badge.is-idle{justify-content:center;max-width:none;width:100%}.ssc-summary .status-badge>span{flex:1 1 auto;text-align:center;white-space:normal}}.static{position:static}.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)}.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))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.left-0{left:0}.top-0{top:0}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.opacity-0{opacity:0}.duration-500{transition-duration:.5s}'}},[1,"vehicle-ssc",{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"],lookupQueryString:[1,"lookup-query-string"],requestHeadersProvider:[16],blazorRequestHeadersProvider:[1,"blazor-request-headers-provider"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],unauthorizedSscLookupResponse:[1,"unauthorized-ssc-lookup-response"],showTrace:[4,"show-trace"],recaptchaKey:[1,"recaptcha-key"],mockRecaptcha:[4,"mock-recaptcha"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],skippedVin:[32],leaving:[32],blazorRef:[32],showRecaptcha:[32],checkingUnauthorizedSSC:[32],devRecaptchaChecked:[32],recaptchaRes:[32],openTraceKey:[32],traces:[32],traceLoading:[32],traceError:[32],setMockData:[64],fetchVin:[64],setErrorMessage:[64],clearData:[64],skipLookup:[64],setBlazorRef:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}],isDev:[{onRecaptchaModeChange:0}],mockRecaptcha:[{onRecaptchaModeChange:0}],showRecaptcha:[{onRecaptchaStateChange:0}],recaptchaRes:[{onRecaptchaStateChange:0}]}]);function P(){"undefined"!=typeof customElements&&["vehicle-ssc"].forEach((e=>{"vehicle-ssc"===e&&(customElements.get(t(e))||customElements.define(t(e),O))}))}P();export{O as V,P as d,f as s}

package/dist/components/{p-5OD_mwiD.js → p-BNmsN10T.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as i,H as e,c as o,h as r,a}from"./index.js";import{c as s}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{g as h}from"./p-BacLEn39.js";import{p as d,a as l,i as c}from"./p--lk4OUJg.js";import"./p-YQJevg3-.js";import{g as p}from"./p-Dal_X4-W.js";import{F as w}from"./p-D9mmIizU.js";import{F as b}from"./p-ByRA9Jio.js";import{d as u}from"./p-DTmI_Yx0.js";import{d as g}from"./p-Dv2j7fhS.js";const m={en:{day:"Pick a day",time:"Pick a time",days:"days available",slots:"slots",idle:"Choose a branch first",empty:"No times available at this branch",error:"Couldn't load available times",retry:"Try again",choose:"Choose date & time",loading:"Loading times…"},ar:{day:"اختر اليوم",time:"اختر الوقت",days:"يوماً متاحاً",slots:"موعداً",idle:"اختر الفرع أولاً",empty:"لا توجد أوقات متاحة في هذا الفرع",error:"تعذّر تحميل الأوقات المتاحة",retry:"أعد المحاولة",choose:"اختر التاريخ والوقت",loading:"جارٍ تحميل الأوقات…"},ku:{day:"ڕۆژێک هەڵبژێرە",time:"کاتێک هەڵبژێرە",days:"ڕۆژی بەردەست",slots:"کات",idle:"سەرەتا لقێک هەڵبژێرە",empty:"هیچ کاتێکی بەردەست نییە لەم لقەدا",error:"نەتوانرا کاتە بەردەستەکان باربکرێن",retry:"دووبارە هەوڵ بدە",choose:"بەروار و کات هەڵبژێرە",loading:"کاتەکان باردەکرێن…"},ru:{day:"Выберите день",time:"Выберите время",days:"дней доступно",slots:"слотов",idle:"Сначала выберите филиал",empty:"В этом филиале нет свободного времени",error:"Не удалось загрузить свободное время",retry:"Повторить",choose:"Выберите дату и время",loading:"Загрузка времени…"}},f=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.slotChange=o(this,"slotChange"),this.name="bookingSlot",this.daysAhead=30,this.gap=8,this.minPanelWidth=420,this.maxPanelHeight=460,this.isRequired=!1,this.isDisabled=!1,this.language="en",this.localization={},this.status="idle",this.days=[],this.selectedDate="",this.selectedRaw="",this.isOpen=!1,this.dropdownAncestorClasses="",this.draftDate="",this.fetchedDays=[],this.dropdownEl=null,this.lockedScrollY=0,this.boundKeyDown=t=>this.handleKeyDown(t),this.displayTime=t=>{const i=this.minutesOf(t),e=new Date(2e3,0,1,Math.floor(i/60),i%60);return new Intl.DateTimeFormat(this.intlLocales,{hour:"numeric",minute:"2-digit"}).format(e)},this.formatDay=(t,i)=>{const[e,o,r]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,i).format(new Date(e,o-1,r,12))},this.setDropdownRef=t=>{this.dropdownEl=t},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,i=this.getTriggerEl();if(!t||!i)return;if(this.isSheet)return;const e=i.getBoundingClientRect();if(!this.isTriggerInView(e))return void(this.isOpen=!1);const o=document.documentElement.clientWidth,r=window.innerHeight,a=Math.round(Math.min(Math.max(e.width,this.minPanelWidth),o-2*this.gap));t.style.setProperty("--branch-slot-width",`${a}px`),t.style.setProperty("--branch-slot-max-height","none");const s=t.offsetHeight,n=r-e.bottom-2*this.gap,h=e.top-2*this.gap,d=s>n&&h>n,l=Math.max(180,Math.min(this.maxPanelHeight,d?h:n)),c=Math.min(s,l);t.style.setProperty("--branch-slot-max-height",`${l}px`);const p=Math.max(this.gap,Math.min(e.left,o-a-this.gap));t.style.setProperty("--branch-slot-left",`${p}px`),t.style.setProperty("--branch-slot-top",`${d?Math.max(this.gap,e.top-c-this.gap):e.bottom+this.gap}px`)},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;if(this.isSheet)return;const i=t.target;this.dropdownEl&&(this.dropdownEl===i||this.dropdownEl.contains(i))||this.adjustDropdownPosition()},this.closeOnOutsideClick=t=>{const i=t.composedPath();i.includes(this.el)||this.dropdownEl&&i.includes(this.dropdownEl)||(this.isOpen=!1)},this.toggle=()=>{this.isOpen?this.isOpen=!1:"error"===this.status?this.load():this.openDropdown()},this.handleDay=t=>{var i;(null===(i=this.days.find((i=>i.date===t)))||void 0===i?void 0:i.disabled)||(this.draftDate=t)},this.handleTime=t=>{this.selectedDate=t.split(" ")[0],this.selectedRaw=t,this.isOpen=!1,this.slotChange.emit({date:this.selectedDate,raw:t,value:this.toFormValue(t)})}}componentWillLoad(){var t;null===(t=this.form)||void 0===t||t.subscribe(this.name,this),this.load()}componentDidLoad(){document.addEventListener("click",this.closeOnOutsideClick),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-slot-picker ${h(this.el)}`}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.form)||void 0===i||i.unsubscribe(this.name),document.removeEventListener("click",this.closeOnOutsideClick),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0),this.releaseScroll()}onOpenChange(t){this.isSheet&&(t?this.lockScroll():this.releaseScroll())}lockScroll(){"fixed"!==document.body.style.position&&(this.lockedScrollY=window.scrollY,Object.assign(document.body.style,{position:"fixed",top:`-${this.lockedScrollY}px`,left:"0",right:"0",width:"100%"}))}releaseScroll(){"fixed"===document.body.style.position&&(Object.assign(document.body.style,{position:"",top:"",left:"",right:"",width:""}),window.scrollTo(0,this.lockedScrollY))}onRulesChange(){var t,i,e,o;this.days=this.applyDayRules(this.fetchedDays),this.selectedDate&&(null===(t=this.days.find((t=>t.date===this.selectedDate)))||void 0===t?void 0:t.disabled)&&(this.selectedDate="",this.selectedRaw=""),this.draftDate&&!(null===(i=this.days.find((t=>t.date===this.draftDate)))||void 0===i?void 0:i.disabled)||(this.draftDate=null!==(o=null===(e=this.firstOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:""),"ready"!==this.status||this.days.some((t=>!t.disabled))?"empty"===this.status&&this.days.some((t=>!t.disabled))&&(this.status="ready"):this.status="empty"}onTargetChange(){this.selectedDate="",this.selectedRaw="",this.draftDate="",this.isOpen=!1,this.load()}reset(t){var i;this.defaultValue=null!==(i=t)&&void 0!==i?i:"",this.selectedDate="",this.selectedRaw="",this.draftDate=""}getValue(){return this.selectedRaw?this.toFormValue(this.selectedRaw):this.defaultValue||""}async refresh(){this.load()}async openDropdown(){var t,i;if("idle"===this.status)return;const e=this.selectedDate||this.draftDate;this.draftDate=this.days.find((t=>t.date===e&&!t.disabled))?e:null!==(i=null===(t=this.firstOpenDay())||void 0===t?void 0:t.date)&&void 0!==i?i:"",this.adjustDropdownPosition(),this.isOpen=!0}async closeDropdown(){this.isOpen=!1}get isRtl(){return"ar"===this.language||"ku"===this.language}get copy(){var t;return null!==(t=m[this.language])&&void 0!==t?t:m.en}get intlLocales(){return"ar"===this.language?["ar-IQ","ar","en-GB"]:"ku"===this.language?["ckb-IQ","ckb","ar-IQ","en-GB"]:"ru"===this.language?["ru-RU","en-GB"]:["en-GB"]}pad(t){return String(t).padStart(2,"0")}minutesOf(t){var i,e;const o=t.split(" "),r=null!==(i=o[1])&&void 0!==i?i:"00:00",a=(null!==(e=o[2])&&void 0!==e?e:"").toUpperCase(),[s,n]=r.split(":").map((t=>parseInt(t,10)||0));let h=s%12;return"PM"===a&&(h+=12),60*h+n}toFormValue(t){const i=t.split(" ")[0],e=this.minutesOf(t);return`${i}T${this.pad(Math.floor(e/60))}:${this.pad(e%60)}`}queryUrl(){if(!(this.calendarApi&&this.companyId&&this.branchId&&this.departmentId&&this.brandId))return null;const t=new Date,i=new Date;i.setDate(i.getDate()+this.daysAhead);const e=t=>`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`,o=new URLSearchParams({from:e(t),to:e(i),companyId:this.companyId,branchId:this.branchId,departmentId:this.departmentId,brandId:this.brandId});return`${this.calendarApi}${this.calendarApi.includes("?")?"&":"?"}${o.toString()}`}normalise(t){return t.filter((t=>t&&t.Date&&Array.isArray(t.Times)&&t.Times.length)).map((t=>({date:t.Date,times:Array.from(new Set(t.Times)).sort(((t,i)=>this.minutesOf(t)-this.minutesOf(i)))}))).sort(((t,i)=>t.date.localeCompare(i.date)))}applyDayRules(t){const i=d(this.disabledWeekdays),e=l(this.disabledDates);return t.map(i.length||e.length?t=>Object.assign(Object.assign({},t),{disabled:c(t.date,i,e)}):t=>Object.assign(Object.assign({},t),{disabled:!1}))}firstOpenDay(){return this.days.find((t=>!t.disabled))}async load(){var t;const i=this.queryUrl();if(null===(t=this.abortController)||void 0===t||t.abort(),!i)return this.status="idle",void(this.days=[]);this.abortController=new AbortController,this.status="loading";try{const t=await fetch(i,{signal:this.abortController.signal,headers:{"Accept-Language":this.language}});if(!t.ok)throw new Error(`calendar ${t.status}`);this.fetchedDays=this.normalise(await t.json()),this.days=this.applyDayRules(this.fetchedDays);const e=this.firstOpenDay();if(!e)return void(this.status="empty");const o=this.days.find((t=>!t.disabled&&this.defaultValue&&this.defaultValue.startsWith(t.date)));this.draftDate=(null!=o?o:e).date,this.status="ready"}catch(t){if("AbortError"===(null==t?void 0:t.name))return;this.status="error"}}getTriggerEl(){return this.el.getElementsByClassName("form-input-select")[0]}isTriggerInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}get isSheet(){return"undefined"!=typeof window&&window.matchMedia("(max-width: 599px)").matches}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&(this.isOpen=!1)}triggerText(){return"idle"===this.status?this.copy.idle:"loading"===this.status?this.copy.loading:"empty"===this.status?this.copy.empty:"error"===this.status?this.copy.error:this.selectedRaw?`${this.formatDay(this.selectedDate,{weekday:"short",day:"numeric",month:"short"})} · ${this.displayTime(this.selectedRaw)}`:""}render(){var t,i,e,o,h;const d=null===(t=this.form)||void 0===t?void 0:t.getInputState(this.name),l=this.form?p(this,null==d?void 0:d.meta,null==d?void 0:d.errorMessage):null,c=(null==l?void 0:l.label)||(null===(e=null===(i=this.localization)||void 0===i?void 0:i[this.language])||void 0===e?void 0:e.label)||this.label,u=(null==l?void 0:l.placeholder)||(null===(h=null===(o=this.localization)||void 0===o?void 0:o[this.language])||void 0===h?void 0:h.placeholder)||this.copy.choose,g=(null==d?void 0:d.isRequired)||this.isRequired,m=this.isDisabled||(null==d?void 0:d.disabled)||"idle"===this.status||"loading"===this.status||"empty"===this.status,f={name:this.name,days:this.days,copy:this.copy,status:this.status,isOpen:this.isOpen,idleText:this.copy.idle,activeDate:this.draftDate,handleDay:this.handleDay,handleTime:this.handleTime,handleRetry:()=>this.load(),handleDismiss:()=>this.isOpen=!1,selectedRaw:this.selectedRaw,formatDay:this.formatDay,displayTime:this.displayTime,setElementRef:this.setDropdownRef,direction:this.isRtl?"rtl":"ltr"};return r(a,{key:"55989ad09a3b4b1d687f997efc30a318dff463ee",translate:"no"},r("label",{key:"e8cf421a6323362686e96b99b18a0a9bc85914ad",part:`${this.name}`,id:this.wrapperId,class:s("form-input-label-container",this.wrapperClass,{disabled:m})},r(w,{key:"c1091a008b1898616cb2754e8766f265ee9bcc1c",name:this.name,label:c,isRequired:g}),r("div",{key:"bb892e635259da36acb530e5fb2ee968645ffa64",part:`${this.name}-container form-input-container`,class:s("form-input-container",{open:this.isOpen,disabled:m})},r("input",{key:"9441424610185b5ec6672f6e8cc7a7d54cba2074",type:"text",readOnly:!0,disabled:m,value:this.triggerText(),placeholder:u,onClick:this.toggle,part:`${this.name}-input-select form-input-select`,class:"form-input-style form-input-select branch-slot-trigger"}),r("div",{key:"0e7a1511af6104d7c4e454a80298d63e80b9e926",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:"form-input-select-icon-container"},r(n,{key:"5737202b39832d42beeff2fa810f88cae7c89770",part:`${this.name}-arrow-icon select-arrow`,class:"form-input-select-icon pointer-events-none! arrow cursor-pointer"})),!1,r("shift-portal",{key:"222b51d39554c2bf9747bb070aa7fa8d306ded2c",tag:"branch-slot-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:f})),r(b,{key:"04ec9bdc2b73d06ed2992d2828223cff5d32e374",name:this.name,isError:!!(null==d?void 0:d.isError),errorMessage:(null==l?void 0:l.errorTextMessage)||""})))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.cursor-pointer{cursor:pointer}.branch-slot-trigger{caret-color:transparent;cursor:pointer}.form-input-container.open .branch-slot-trigger{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.static{position:static}.fixed{position:fixed}.grid{display:grid}.hidden{display:none}.resize{resize:both}.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)}.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}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.block{display:block}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"branch-slot-picker",{name:[1],form:[16],calendarApi:[1,"calendar-api"],companyId:[1,"company-id"],branchId:[1,"branch-id"],departmentId:[1,"department-id"],brandId:[1,"brand-id"],daysAhead:[2,"days-ahead"],disabledWeekdays:[1,"disabled-weekdays"],disabledDates:[1,"disabled-dates"],gap:[2],minPanelWidth:[2,"min-panel-width"],maxPanelHeight:[2,"max-panel-height"],label:[1],wrapperId:[1,"wrapper-id"],wrapperClass:[1,"wrapper-class"],isRequired:[4,"is-required"],isDisabled:[4,"is-disabled"],language:[1],localization:[16],defaultValue:[1025,"default-value"],status:[32],days:[32],selectedDate:[32],selectedRaw:[32],isOpen:[32],dropdownAncestorClasses:[32],draftDate:[32],refresh:[64],openDropdown:[64],closeDropdown:[64]},void 0,{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}]);function x(){"undefined"!=typeof customElements&&["branch-slot-picker","branch-slot-dropdown","shift-portal"].forEach((i=>{switch(i){case"branch-slot-picker":customElements.get(t(i))||customElements.define(t(i),f);break;case"branch-slot-dropdown":customElements.get(t(i))||u();break;case"shift-portal":customElements.get(t(i))||g()}}))}x();export{f as B,x as d}
+import{t,p as i,H as e,c as o,h as r,a}from"./index.js";import{c as s}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{g as h}from"./p-BacLEn39.js";import{p as d,a as l,i as c}from"./p--lk4OUJg.js";import"./p-YQJevg3-.js";import{g as p}from"./p-Dal_X4-W.js";import{F as w}from"./p-D9mmIizU.js";import{F as b}from"./p-ByRA9Jio.js";import{d as u}from"./p-bVbnoz7C.js";import{d as g}from"./p-Ype8FNjy.js";const m={en:{day:"Pick a day",time:"Pick a time",days:"days available",slots:"slots",idle:"Choose a branch first",empty:"No times available at this branch",error:"Couldn't load available times",retry:"Try again",choose:"Choose date & time",loading:"Loading times…"},ar:{day:"اختر اليوم",time:"اختر الوقت",days:"يوماً متاحاً",slots:"موعداً",idle:"اختر الفرع أولاً",empty:"لا توجد أوقات متاحة في هذا الفرع",error:"تعذّر تحميل الأوقات المتاحة",retry:"أعد المحاولة",choose:"اختر التاريخ والوقت",loading:"جارٍ تحميل الأوقات…"},ku:{day:"ڕۆژێک هەڵبژێرە",time:"کاتێک هەڵبژێرە",days:"ڕۆژی بەردەست",slots:"کات",idle:"سەرەتا لقێک هەڵبژێرە",empty:"هیچ کاتێکی بەردەست نییە لەم لقەدا",error:"نەتوانرا کاتە بەردەستەکان باربکرێن",retry:"دووبارە هەوڵ بدە",choose:"بەروار و کات هەڵبژێرە",loading:"کاتەکان باردەکرێن…"},ru:{day:"Выберите день",time:"Выберите время",days:"дней доступно",slots:"слотов",idle:"Сначала выберите филиал",empty:"В этом филиале нет свободного времени",error:"Не удалось загрузить свободное время",retry:"Повторить",choose:"Выберите дату и время",loading:"Загрузка времени…"}},f=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.slotChange=o(this,"slotChange"),this.name="bookingSlot",this.daysAhead=30,this.gap=8,this.minPanelWidth=420,this.maxPanelHeight=460,this.isRequired=!1,this.isDisabled=!1,this.language="en",this.localization={},this.status="idle",this.days=[],this.selectedDate="",this.selectedRaw="",this.isOpen=!1,this.dropdownAncestorClasses="",this.draftDate="",this.fetchedDays=[],this.dropdownEl=null,this.lockedScrollY=0,this.boundKeyDown=t=>this.handleKeyDown(t),this.displayTime=t=>{const i=this.minutesOf(t),e=new Date(2e3,0,1,Math.floor(i/60),i%60);return new Intl.DateTimeFormat(this.intlLocales,{hour:"numeric",minute:"2-digit"}).format(e)},this.formatDay=(t,i)=>{const[e,o,r]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,i).format(new Date(e,o-1,r,12))},this.setDropdownRef=t=>{this.dropdownEl=t},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,i=this.getTriggerEl();if(!t||!i)return;if(this.isSheet)return;const e=i.getBoundingClientRect();if(!this.isTriggerInView(e))return void(this.isOpen=!1);const o=document.documentElement.clientWidth,r=window.innerHeight,a=Math.round(Math.min(Math.max(e.width,this.minPanelWidth),o-2*this.gap));t.style.setProperty("--branch-slot-width",`${a}px`),t.style.setProperty("--branch-slot-max-height","none");const s=t.offsetHeight,n=r-e.bottom-2*this.gap,h=e.top-2*this.gap,d=s>n&&h>n,l=Math.max(180,Math.min(this.maxPanelHeight,d?h:n)),c=Math.min(s,l);t.style.setProperty("--branch-slot-max-height",`${l}px`);const p=Math.max(this.gap,Math.min(e.left,o-a-this.gap));t.style.setProperty("--branch-slot-left",`${p}px`),t.style.setProperty("--branch-slot-top",`${d?Math.max(this.gap,e.top-c-this.gap):e.bottom+this.gap}px`)},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;if(this.isSheet)return;const i=t.target;this.dropdownEl&&(this.dropdownEl===i||this.dropdownEl.contains(i))||this.adjustDropdownPosition()},this.closeOnOutsideClick=t=>{const i=t.composedPath();i.includes(this.el)||this.dropdownEl&&i.includes(this.dropdownEl)||(this.isOpen=!1)},this.toggle=()=>{this.isOpen?this.isOpen=!1:"error"===this.status?this.load():this.openDropdown()},this.handleDay=t=>{var i;(null===(i=this.days.find((i=>i.date===t)))||void 0===i?void 0:i.disabled)||(this.draftDate=t)},this.handleTime=t=>{this.selectedDate=t.split(" ")[0],this.selectedRaw=t,this.isOpen=!1,this.slotChange.emit({date:this.selectedDate,raw:t,value:this.toFormValue(t)})}}componentWillLoad(){var t;null===(t=this.form)||void 0===t||t.subscribe(this.name,this),this.load()}componentDidLoad(){document.addEventListener("click",this.closeOnOutsideClick),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-slot-picker ${h(this.el)}`}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.form)||void 0===i||i.unsubscribe(this.name),document.removeEventListener("click",this.closeOnOutsideClick),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0),this.releaseScroll()}onOpenChange(t){this.isSheet&&(t?this.lockScroll():this.releaseScroll())}lockScroll(){"fixed"!==document.body.style.position&&(this.lockedScrollY=window.scrollY,Object.assign(document.body.style,{position:"fixed",top:`-${this.lockedScrollY}px`,left:"0",right:"0",width:"100%"}))}releaseScroll(){"fixed"===document.body.style.position&&(Object.assign(document.body.style,{position:"",top:"",left:"",right:"",width:""}),window.scrollTo(0,this.lockedScrollY))}onRulesChange(){var t,i,e,o;this.days=this.applyDayRules(this.fetchedDays),this.selectedDate&&(null===(t=this.days.find((t=>t.date===this.selectedDate)))||void 0===t?void 0:t.disabled)&&(this.selectedDate="",this.selectedRaw=""),this.draftDate&&!(null===(i=this.days.find((t=>t.date===this.draftDate)))||void 0===i?void 0:i.disabled)||(this.draftDate=null!==(o=null===(e=this.firstOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:""),"ready"!==this.status||this.days.some((t=>!t.disabled))?"empty"===this.status&&this.days.some((t=>!t.disabled))&&(this.status="ready"):this.status="empty"}onTargetChange(){this.selectedDate="",this.selectedRaw="",this.draftDate="",this.isOpen=!1,this.load()}reset(t){var i;this.defaultValue=null!==(i=t)&&void 0!==i?i:"",this.selectedDate="",this.selectedRaw="",this.draftDate=""}getValue(){return this.selectedRaw?this.toFormValue(this.selectedRaw):this.defaultValue||""}async refresh(){this.load()}async openDropdown(){var t,i;if("idle"===this.status)return;const e=this.selectedDate||this.draftDate;this.draftDate=this.days.find((t=>t.date===e&&!t.disabled))?e:null!==(i=null===(t=this.firstOpenDay())||void 0===t?void 0:t.date)&&void 0!==i?i:"",this.adjustDropdownPosition(),this.isOpen=!0}async closeDropdown(){this.isOpen=!1}get isRtl(){return"ar"===this.language||"ku"===this.language}get copy(){var t;return null!==(t=m[this.language])&&void 0!==t?t:m.en}get intlLocales(){return"ar"===this.language?["ar-IQ","ar","en-GB"]:"ku"===this.language?["ckb-IQ","ckb","ar-IQ","en-GB"]:"ru"===this.language?["ru-RU","en-GB"]:["en-GB"]}pad(t){return String(t).padStart(2,"0")}minutesOf(t){var i,e;const o=t.split(" "),r=null!==(i=o[1])&&void 0!==i?i:"00:00",a=(null!==(e=o[2])&&void 0!==e?e:"").toUpperCase(),[s,n]=r.split(":").map((t=>parseInt(t,10)||0));let h=s%12;return"PM"===a&&(h+=12),60*h+n}toFormValue(t){const i=t.split(" ")[0],e=this.minutesOf(t);return`${i}T${this.pad(Math.floor(e/60))}:${this.pad(e%60)}`}queryUrl(){if(!(this.calendarApi&&this.companyId&&this.branchId&&this.departmentId&&this.brandId))return null;const t=new Date,i=new Date;i.setDate(i.getDate()+this.daysAhead);const e=t=>`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`,o=new URLSearchParams({from:e(t),to:e(i),companyId:this.companyId,branchId:this.branchId,departmentId:this.departmentId,brandId:this.brandId});return`${this.calendarApi}${this.calendarApi.includes("?")?"&":"?"}${o.toString()}`}normalise(t){return t.filter((t=>t&&t.Date&&Array.isArray(t.Times)&&t.Times.length)).map((t=>({date:t.Date,times:Array.from(new Set(t.Times)).sort(((t,i)=>this.minutesOf(t)-this.minutesOf(i)))}))).sort(((t,i)=>t.date.localeCompare(i.date)))}applyDayRules(t){const i=d(this.disabledWeekdays),e=l(this.disabledDates);return t.map(i.length||e.length?t=>Object.assign(Object.assign({},t),{disabled:c(t.date,i,e)}):t=>Object.assign(Object.assign({},t),{disabled:!1}))}firstOpenDay(){return this.days.find((t=>!t.disabled))}async load(){var t;const i=this.queryUrl();if(null===(t=this.abortController)||void 0===t||t.abort(),!i)return this.status="idle",void(this.days=[]);this.abortController=new AbortController,this.status="loading";try{const t=await fetch(i,{signal:this.abortController.signal,headers:{"Accept-Language":this.language}});if(!t.ok)throw new Error(`calendar ${t.status}`);this.fetchedDays=this.normalise(await t.json()),this.days=this.applyDayRules(this.fetchedDays);const e=this.firstOpenDay();if(!e)return void(this.status="empty");const o=this.days.find((t=>!t.disabled&&this.defaultValue&&this.defaultValue.startsWith(t.date)));this.draftDate=(null!=o?o:e).date,this.status="ready"}catch(t){if("AbortError"===(null==t?void 0:t.name))return;this.status="error"}}getTriggerEl(){return this.el.getElementsByClassName("form-input-select")[0]}isTriggerInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}get isSheet(){return"undefined"!=typeof window&&window.matchMedia("(max-width: 599px)").matches}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&(this.isOpen=!1)}triggerText(){return"idle"===this.status?this.copy.idle:"loading"===this.status?this.copy.loading:"empty"===this.status?this.copy.empty:"error"===this.status?this.copy.error:this.selectedRaw?`${this.formatDay(this.selectedDate,{weekday:"short",day:"numeric",month:"short"})} · ${this.displayTime(this.selectedRaw)}`:""}render(){var t,i,e,o,h;const d=null===(t=this.form)||void 0===t?void 0:t.getInputState(this.name),l=this.form?p(this,null==d?void 0:d.meta,null==d?void 0:d.errorMessage):null,c=(null==l?void 0:l.label)||(null===(e=null===(i=this.localization)||void 0===i?void 0:i[this.language])||void 0===e?void 0:e.label)||this.label,u=(null==l?void 0:l.placeholder)||(null===(h=null===(o=this.localization)||void 0===o?void 0:o[this.language])||void 0===h?void 0:h.placeholder)||this.copy.choose,g=(null==d?void 0:d.isRequired)||this.isRequired,m=this.isDisabled||(null==d?void 0:d.disabled)||"idle"===this.status||"loading"===this.status||"empty"===this.status,f={name:this.name,days:this.days,copy:this.copy,status:this.status,isOpen:this.isOpen,idleText:this.copy.idle,activeDate:this.draftDate,handleDay:this.handleDay,handleTime:this.handleTime,handleRetry:()=>this.load(),handleDismiss:()=>this.isOpen=!1,selectedRaw:this.selectedRaw,formatDay:this.formatDay,displayTime:this.displayTime,setElementRef:this.setDropdownRef,direction:this.isRtl?"rtl":"ltr"};return r(a,{key:"513a433165b290f1716645db02624fc6ac0b26a1",translate:"no"},r("label",{key:"a5cfcc7f3f92445ff082a76b760189d35623a4a4",part:`${this.name}`,id:this.wrapperId,class:s("form-input-label-container",this.wrapperClass,{disabled:m})},r(w,{key:"e607bfa05db491c7a3baec8f2fa90fd072c6f7d8",name:this.name,label:c,isRequired:g}),r("div",{key:"d5996f885b0c339db4c11d31726c97626c93c5bd",part:`${this.name}-container form-input-container`,class:s("form-input-container",{open:this.isOpen,disabled:m})},r("input",{key:"72e24bfd3211a57db8d95a1e1bea950f5c379c75",type:"text",readOnly:!0,disabled:m,value:this.triggerText(),placeholder:u,onClick:this.toggle,part:`${this.name}-input-select form-input-select`,class:"form-input-style form-input-select branch-slot-trigger"}),r("div",{key:"e2807b4251e7ba178e87df70bdb6ccfc04a6bba9",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:"form-input-select-icon-container"},r(n,{key:"0f16b0d5abeb231bf22d6354fff89df8db2d3643",part:`${this.name}-arrow-icon select-arrow`,class:"form-input-select-icon pointer-events-none! arrow cursor-pointer"})),!1,r("shift-portal",{key:"033bdf2f6f7ccbad4a96e3b6c8bda403b3a9e9e9",tag:"branch-slot-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:f})),r(b,{key:"3ce128176ce9593b3c0275997452b9e3b1d228e8",name:this.name,isError:!!(null==d?void 0:d.isError),errorMessage:(null==l?void 0:l.errorTextMessage)||""})))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.cursor-pointer{cursor:pointer}.branch-slot-trigger{caret-color:transparent;cursor:pointer}.form-input-container.open .branch-slot-trigger{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.static{position:static}.fixed{position:fixed}.grid{display:grid}.hidden{display:none}.resize{resize:both}.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)}.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}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.block{display:block}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"branch-slot-picker",{name:[1],form:[16],calendarApi:[1,"calendar-api"],companyId:[1,"company-id"],branchId:[1,"branch-id"],departmentId:[1,"department-id"],brandId:[1,"brand-id"],daysAhead:[2,"days-ahead"],disabledWeekdays:[1,"disabled-weekdays"],disabledDates:[1,"disabled-dates"],gap:[2],minPanelWidth:[2,"min-panel-width"],maxPanelHeight:[2,"max-panel-height"],label:[1],wrapperId:[1,"wrapper-id"],wrapperClass:[1,"wrapper-class"],isRequired:[4,"is-required"],isDisabled:[4,"is-disabled"],language:[1],localization:[16],defaultValue:[1025,"default-value"],status:[32],days:[32],selectedDate:[32],selectedRaw:[32],isOpen:[32],dropdownAncestorClasses:[32],draftDate:[32],refresh:[64],openDropdown:[64],closeDropdown:[64]},void 0,{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}]);function x(){"undefined"!=typeof customElements&&["branch-slot-picker","branch-slot-dropdown","shift-portal"].forEach((i=>{switch(i){case"branch-slot-picker":customElements.get(t(i))||customElements.define(t(i),f);break;case"branch-slot-dropdown":customElements.get(t(i))||u();break;case"shift-portal":customElements.get(t(i))||g()}}))}x();export{f as B,x as d}

package/dist/components/p-BOaqSzZZ.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,t as r,p as e,H as o,a}from"./index.js";import{y as i,s as n}from"./p-YQJevg3-.js";import{g as s,a as c}from"./p-D_uU2Pi-.js";import{c as l}from"./p-BK16Cn81.js";import{g as p}from"./p-BacLEn39.js";import{d}from"./p-Cy8khSKP.js";import{d as w}from"./p-BwoBk7eI.js";import{d as b}from"./p-Ype8FNjy.js";function g(r,e,o,a,i){if(-2!==i||void 0!==(null==r?void 0:r.step))if(-1===i){if(void 0!==(null==r?void 0:r.step)&&-1!==(null==r?void 0:r.step))return!1}else if((null==r?void 0:r.step)&&(null==r?void 0:r.step)!==i)return!1;if("string"==typeof r){if("string"==typeof r&&r&&e[r])return o.props.name=r,o.props=Object.assign(Object.assign({},o.props),a&&a[r]?a[r]:{}),e[r](Object.assign(Object.assign({},o),a&&a[r]?a[r]:{}))}else{const{tag:n,name:s,children:c,type:p}=r,d=function(t,r){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(e[o[a]]=t[o[a]])}return e}(r,["tag","name","children","data","type"]);if(n)return t(n,Object.assign({},d,{part:l(null==d?void 0:d.id,null==d?void 0:d.class,`element-${n}`,n)}),Array.isArray(c)&&c.map((t=>g(t,e,Object.assign({},o),a,i))),"object"==typeof c&&!Array.isArray(c)&&null!==c&&(null==c?void 0:c[null==o?void 0:o.language]));const w=Object.assign(Object.assign({},o),{props:Object.assign(Object.assign(Object.assign({},d),a&&a[s]?a[s]:{}),{name:s,wrapperId:null==d?void 0:d.id,form:o.form,wrapperClass:null==d?void 0:d.class,isLoading:o.isLoading})});if(("string"==typeof s&&s||"string"==typeof p&&p)&&e[p||s])return e[p||s](w)}return!1}const m=i(["close","submit","formSubmittedSuccessfully"]),x=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.formLocale={},this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},m.getDefault()),this.isLoading=!1,this.errorMessage="",this.successMessage="",this.fields={},this.currentStep=1,this.dialogClasses=""}async componentWillLoad(){this.form.formStructure=this,await this.changeLanguage(this.language)}async changeLanguage(t){const[r,e]=await Promise.all([s(t),c(t,"general",m)]);this.locale=Object.assign({sharedLocales:r},e)}async componentDidLoad(){this.dialogClasses=p(this.el),setTimeout((()=>{var t;"boolean"==typeof(null===(t=this.form.context)||void 0===t?void 0:t.structureRendered)&&(this.form.context.structureRendered=!0)}),300)}render(){var r,e,o,i,n,s;const[c]=this.form.getFormLocale(),p={form:this.form,isLoading:this.isLoading,language:this.language,locale:this.formLocale,props:{isLoading:this.isLoading,form:this.form}};if(!this.structure)return t("form-structure-error",{language:this.language});const{formController:d,resetFormErrorMessage:w}=this.form,b={form:this.form,message:this.errorMessage,isError:!!this.errorMessage,dialogClosed:w,successMessage:this.successMessage,closeText:null===(r=null==c?void 0:c.sharedFormLocales)||void 0===r?void 0:r.close};return t(a,{translate:"no"},t("form",Object.assign({id:this.formId,class:"relative",dir:null===(o=null===(e=null==this?void 0:this.locale)||void 0===e?void 0:e.sharedLocales)||void 0===o?void 0:o.direction},d),!1,t("shift-portal",{tag:"form-dialog",inheritedClasses:this.dialogClasses,componentProps:b}),t("div",{part:"form-structure-form-container"},!(null===(i=null==this?void 0:this.structure)||void 0===i?void 0:i.steps)&&g(this.structure,this.formElementMapper,p,this.fields,-2),!!(null===(n=null==this?void 0:this.structure)||void 0===n?void 0:n.steps)&&t("div",{part:"form-stepper-container",class:"overflow-hidden"},g(this.structure,this.formElementMapper,p,this.fields,-1),t("div",{class:"grid grid-cols-1 grid-rows-1"},null===(s=null==this?void 0:this.structure)||void 0===s?void 0:s.steps.map(((r,e)=>t("div",{class:l("col-start-1 row-start-1 transition-all !duration-700",{"pointer-events-none! *:pointer-events-none!":this.currentStep!==e+1,"translate-x-full rtl:-translate-x-full opacity-0":this.currentStep<e+1,"translate-x-0 opacity-100":this.currentStep===e+1,"-translate-x-full rtl:translate-x-full  opacity-0":this.currentStep>e+1})},g(this.structure,this.formElementMapper,p,this.fields,e+1))))))),t("button",{formnovalidate:!0,type:"submit",class:"hidden"})))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\\/2{top:50%}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-2{margin-top:.5rem}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\\!hidden{display:none!important}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[18px\\]{height:18px;width:18px}.size-\\[22px\\]{height:22px;width:22px}.size-\\[24px\\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\\[200px\\]{height:200px}.h-\\[38px\\]{height:38px}.h-full{height:100%}.max-h-\\[200px\\]{max-height:200px}.min-h-\\[100px\\]{min-height:100px}.w-\\[36px\\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[36px\\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\\[1px\\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\\!text-transparent{color:transparent!important}.\\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#576675\\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.caret-transparent{caret-color:transparent}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\!duration-200{transition-duration:.2s!important}.\\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.8;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-file-input{display:none}.form-file-trigger{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(30 41 59/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;text-align:start}.form-file-trigger:disabled{cursor:not-allowed;opacity:.75}.form-file-trigger-loading{opacity:.8}.form-file-icon{--tw-text-opacity:1;align-items:center;color:rgb(100 116 139/var(--tw-text-opacity,1));display:flex;justify-content:center}.form-file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file-spinner{animation:spin-animation 1s linear infinite;height:18px;width:18px}.form-file-success-icon{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1));height:18px;width:18px}.form-file-status{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.form-file-status-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-file-status-success{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.form-input-container-country{display:flex;width:100%}.form-input-container-country shift-select .form-input-container input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.form-input-container-country .form-input-container-wrapper input{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.form-input-country-selection{width:100px}.form-input-container-country .form-input-country-selection{width:75px}.form-phone-container .form-input-prefix{left:0!important;right:auto!important}.hover\\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:hover\\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.ms-2{margin-inline-start:.5rem}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.size-4{height:1rem;width:1rem}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.shrink-0{flex-shrink:0}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.left-\\[50\\%\\]{left:50%}.top-\\[16px\\]{top:16px}.z-10,.z-\\[10\\]{z-index:10}.mt-\\[12px\\]{margin-top:12px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[1px\\]{height:1px}.-translate-x-\\[50\\%\\]{--tw-translate-x:-50%}.-translate-x-\\[50\\%\\],.-translate-y-\\[50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[50\\%\\]{--tw-translate-y:-50%}.flex-col{flex-direction:column}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:0}.before\\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\\:bg-black\\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\\:before\\:scale-\\[1\\.5\\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.size-5{height:1.25rem;width:1.25rem}.gap-1{gap:.25rem}.duration-700{transition-duration:.7s}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.\\!duration-700{transition-duration:.7s!important}.rtl\\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-mt-1{margin-top:-.25rem}.end-3\\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"form-structure",{formLocale:[520,"form-locale"],language:[513],formId:[1,"form-id"],isLoading:[4,"is-loading"],form:[16],errorMessage:[1,"error-message"],successMessage:[1,"success-message"],fields:[1040],structure:[16],formElementMapper:[16],locale:[32],currentStep:[32],dialogClasses:[32]},void 0,{language:[{changeLanguage:0}]}]);function f(){"undefined"!=typeof customElements&&["form-structure","form-dialog","form-structure-error","shift-portal"].forEach((t=>{switch(t){case"form-structure":customElements.get(r(t))||customElements.define(r(t),x);break;case"form-dialog":customElements.get(r(t))||d();break;case"form-structure-error":customElements.get(r(t))||w();break;case"shift-portal":customElements.get(r(t))||b()}}))}f();export{x as F,f as d}

package/dist/components/p-B_1NtFJh.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+const c={positive:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",negative:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z",alert:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1-64 0z",question:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1 0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6-13.3 0-24-10.7-24-24v-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1 0-8.4-6.8-15.1-15.1-15.1h-58.3c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"};export{c as B}