adp-web-components 0.2.6 → 0.2.8

package/dist/components/p-DeRehXzM.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as e,H as a,a as o}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{s as r,V as s}from"./p-lnx3CKt-.js";import{s as n,a as l}from"./p-LTUcwJc7.js";import{y as c,c as d,s as p}from"./p-YQJevg3-.js";import{g as w,a as h}from"./p-CpwpTPc0.js";import{d as b}from"./p-BILW0yP6.js";import{L as g}from"./p-DN4c_zdE.js";import{P as x}from"./p-pnQgLSsX.js";import{E as m}from"./p-Ce4X3l8Z.js";import{d as v}from"./p-CrO-bFY_.js";import{d as f}from"./p-B9zG2icj.js";import{d as y}from"./p-DJTdQeeg.js";const u={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4=",activationRequired:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxNTgsIDE1OCwgMTU4KSIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPgo="},k=({item:e,locale:a,addStatusClass:o,setClaimableItemPopover:r})=>{const s=t=>{t.target.classList.remove("load-animation")};let n;const l=()=>r(!0,e,n),c=()=>r(!1);return t("div",{class:i("claimable-item",{[e.status]:o})},t("div",{class:"claimable-item-container"},t("div",{ref:t=>n=t,onBlur:c,onClick:l,onMouseEnter:l,onMouseLeave:c,onAnimationEnd:s,class:"claimable-item-header load-animation"},t("img",{src:u[e.status],alt:"status icon"}),t("div",null,a[null==e?void 0:e.status])),t("div",{onAnimationEnd:s,class:"claimable-item-circle load-animation"}),t("div",{onAnimationEnd:s,class:"claimable-item-footer load-animation"},null==e?void 0:e.name)))},I=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 32 18",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M17.8 2a2 2 0 0 0-3.6 0L3 16h26L17.8 2Z"})),C=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"stroke-width":"0"}),t("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),t("g",null,t("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),z=[{label:"serviceType",key:"type",formatter:t=>t.type.charAt(0).toUpperCase()+t.type.slice(1)},{label:"activationDate",key:"activatedAt"},{label:"expireDate",key:"expiresAt"},{label:"claimAt",key:"claimDate",formatter:t=>function(t){if(!t)return"";const e=new Date(t);return Number.isNaN(e.getTime())?t:b.format(e,"yyyy-MM-dd hh:mm a")}(t.claimDate)},{label:"claimingCompany",key:"companyName"},{label:"invoiceNumber",key:"invoiceNumber"},{label:"jobNumber",key:"jobNumber"},{label:"packageCode",key:"packageCode"}],A=16,M=({locale:e,item:a,target:o,popoverHeight:r,showPopover:s,fadingOut:n,contentFading:l,bodyContentHeight:c,claim:d,onMouseEnter:p,onMouseLeave:w})=>{const h=window.innerWidth,b=window.innerHeight,g=Math.max(41,Math.min(o.centerX,h-A-25)),x=!(o.bottomY+19+r+A<=b),m=x?{top:"auto",bottom:b-o.topY+19+"px"}:{top:`${o.bottomY+19}px`,bottom:"auto"},v=g-270,f=g-270,y=g+270;let u=0;return f<A?u=A-f:y>h-A&&(u=h-A-y),t("div",{"aria-expanded":s.toString(),dir:e.sharedLocales.direction,style:Object.assign(Object.assign({},m),{left:`${v}px`}),class:i("claimable-item-popover",{"fading-out":n,"content-fading":l}),onMouseEnter:p,onMouseLeave:w},t("div",{class:"popover-relative-container"},t("div",{class:i("popover-arrow-icon",{flipped:x})},t(I,{class:"popover-arrow-icon-svg"}),t("div",{class:"popover-arrow-bottom-line"})),t("div",{style:{transform:`translateX(${u}px)`},class:"popover-body"},t("div",{class:"popover-body-content",style:c>0?{height:`${c}px`}:{}},t("div",{class:"popover-body-inner"},z.map((o=>t("div",{class:"popover-info-row"},t("b",null,e[o.label]),t("div",{class:"popover-info-value"},a?(null==o?void 0:o.formatter)?o.formatter(a):a[o.key]:"")))),(null==a?void 0:a.claimable)&&t("button",{onClick:()=>d&&d(a),class:"claim-button"},t(C,null),t("span",null,e.claim)))))))},j=({isOpen:e,fadingOut:a,isLoading:o,errorMessage:r,vin:s,traceHtml:n,locale:l,onClose:c})=>{const d=s?` — ${s}`:"";return t("div",{role:"dialog","aria-modal":"true","aria-hidden":(!e).toString(),dir:l.sharedLocales.direction,class:i("claimable-trace-modal",{open:e,"fading-out":a})},t("div",{class:"trace-modal-header"},t("span",{class:"trace-modal-title"},l.traceTitle,d),t("button",{type:"button",class:"trace-modal-close","aria-label":"Close",onClick:c},"×")),t("div",{class:"trace-modal-body"},o&&t("div",{class:"trace-modal-status"},t(g,{class:"size-[40px] animate-spin text-[#3071a9]"}),t("span",null,l.traceLoading)),!o&&r&&t("div",{class:"trace-modal-status trace-modal-error"},t("span",null,r)),!o&&!r&&n&&t("iframe",{class:"trace-modal-iframe",srcdoc:n,sandbox:"allow-scripts",title:l.traceTitle})))},N=d({claimForm:c(["uploadSingleDocument","uploadMultipleDocument","uploadHint","serviceType","name","vin","print","expand","documentLimitError","documentRequiredError","activationDate","expireDate","packageCode","scanTheVoucher","scanHint","qrCode","processing","enterServiceInfo","invoice","jobNumber","claim","claimFailed","ok"])}).concat(c(["serviceType","activationDate","expireDate","claimAt","claimingCompany","invoiceNumber","jobNumber","packageCode","claim","processed","expired","cancelled","pending","warning","activateNow","print","successFulClaimMessage","activationRequired","warrantyAndServicesNotActivated","viewTrace","traceTitle","traceLoading","traceFailed"])),Y=e(class e extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:p.getDefault()},N.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.uploadMultipleDocumentsAtTheForm=!0,this.isError=!1,this.isLoading=!1,this.maximumDocumentFileSizeInMb=30,this.claimEndPoint="api/vehicle/swift-claim",this.showTrace=!1,this.activeTab="",this.showPrintBox=!1,this.tabAnimationLoading=!1,this.lastSuccessfulClaimResponse=null,this.showClaimableItemPopover=!1,this.tabs=[],this.popoverTarget={centerX:0,topY:0,bottomY:0},this.popoverHeight=0,this.popoverBodyContentHeight=0,this.popoverContentFading=!1,this.popoverFadingOut=!1,this.showTraceModal=!1,this.traceModalFadingOut=!1,this.isLoadingTrace=!1,this.getServiceItems=()=>{var t,e,a,o,i;return(null===(e=null===(t=this.vehicleLookup)||void 0===t?void 0:t.serviceItems)||void 0===e?void 0:e.length)?(null===(a=this.tabs)||void 0===a?void 0:a.length)?null===(i=this.vehicleLookup)||void 0===i?void 0:i.serviceItems.filter((t=>{var e;return(null===(e=null==t?void 0:t.group)||void 0===e?void 0:e.name)===this.activeTab})):null===(o=this.vehicleLookup)||void 0===o?void 0:o.serviceItems:[]},this.parseGroupData=t=>{var e;if(null===(e=null==t?void 0:t.serviceItems)||void 0===e?void 0:e.length){let e=[];const a=[];t.serviceItems.forEach((({group:t})=>{(null==t?void 0:t.name)&&([...e,...a].find((e=>(null==e?void 0:e.name)===(null==t?void 0:t.name)))||((null==t?void 0:t.isDefault)&&(this.activeTab=null==t?void 0:t.name),"number"==typeof(null==t?void 0:t.tabOrder)?e.push(t):a.push(t)))})),a.length||e.length?(e=e.sort(((t,e)=>t.tabOrder-e.tabOrder)),this.tabs=[...e,...a],this.activeTab||(this.activeTab=this.tabs[0].name)):(this.tabs=[],this.activeTab="")}else this.tabs=[],this.activeTab="";return t},this.updateProgressBar=async t=>{var e,a;if(t||(this.progressBar.style.transitionDuration="0s",this.progressBar.style.opacity="0",this.progressBar.style.width="0%",await new Promise((t=>setTimeout(t,10)))),this.progressBar.style.transitionDuration="1s",this.progressBar.style.opacity="1",!this.vehicleLookup)return;if((null===(e=this.tabs)||void 0===e?void 0:e.length)&&this.tabs.find((t=>t.name===this.activeTab))&&!(null===(a=this.tabs.find((t=>t.name===this.activeTab)))||void 0===a?void 0:a.isSequential))return;const o=this.getServiceItems(),i=o.findIndex((t=>"pending"===t.status));if(-1!==i){const t=this.el.shadowRoot.querySelectorAll(".claimable-item")[i],e=this.el.shadowRoot.querySelector(".progress-lane"),{left:a}=t.getBoundingClientRect(),{width:r,left:s}=e.getBoundingClientRect();this.progressBar.style.width=`${((a-s)/r*100).toFixed(2)}%`,i===o.length-1?this.claimableItemsBox.scrollTo({left:this.claimableItemsBox.scrollWidth,behavior:"smooth"}):function(t,e){const a=t.getBoundingClientRect(),o=e.getBoundingClientRect();(a.left<o.left||a.right>o.right)&&e.scrollTo({left:t.offsetLeft-e.clientWidth/2+t.clientWidth/2,behavior:"smooth"})}(t,this.claimableItemsBox)}else 0!==o.length&&o.filter((t=>"activationRequired"===t.status)).length!==o.length&&(this.progressBar.style.width="100%",this.claimableItemsBox.scrollTo({left:this.claimableItemsBox.scrollWidth,behavior:"smooth"}))},this.onActiveTabChange=({label:t})=>{this.tabAnimationLoading=!0,clearTimeout(this.tabAnimationTimeoutRef),this.tabAnimationTimeoutRef=setTimeout((()=>{this.activeTab=t,setTimeout((()=>{this.tabAnimationLoading=!1,this.updateProgressBar()}),50)}),750)},this.activateClaimItem=()=>{this.activate&&this.activate(this.vehicleLookup)},this.printLastClaimResponse=()=>{this.print?this.print(this.lastSuccessfulClaimResponse):this.lastSuccessfulClaimResponse.PrintURL&&window.open(this.lastSuccessfulClaimResponse.PrintURL,"_blank").focus()},this.updatePopoverLocation=()=>{if(!this.popoverAnchorEl)return;const{left:t,right:e,top:a,bottom:o}=this.popoverAnchorEl.getBoundingClientRect();this.popoverTarget={centerX:(t+e)/2,topY:a,bottomY:o}},this.measurePopoverHeight=()=>{var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".popover-body");e&&e.offsetHeight>0&&(this.popoverHeight=e.offsetHeight)},this.measurePopoverContentHeight=()=>{var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".popover-body-inner");return e?Math.ceil(e.getBoundingClientRect().height):0},this.setClaimableItemPopover=(t,a,o)=>{if(clearTimeout(this.popoverCloseTimeoutRef),clearTimeout(this.popoverHideTimeoutRef),t){if(!o||!a)return void(this.popoverFadingOut&&(this.popoverFadingOut=!1,this.showClaimableItemPopover=!0));const t=this.showClaimableItemPopover||this.popoverFadingOut,i=t&&this.selectedClaimItem===a;if(this.popoverAnchorEl=o,i)return this.popoverFadingOut=!1,void(this.showClaimableItemPopover=!0);clearTimeout(this.popoverContentSwapTimeoutRef),t?(this.popoverBodyContentHeight=this.measurePopoverContentHeight(),this.popoverContentFading=!0,this.popoverFadingOut=!1,this.showClaimableItemPopover=!0,this.updatePopoverLocation(),this.popoverContentSwapTimeoutRef=setTimeout((()=>{this.selectedClaimItem=a,requestAnimationFrame((()=>{this.popoverBodyContentHeight=this.measurePopoverContentHeight(),this.popoverContentFading=!1,this.measurePopoverHeight()}))}),e.POPOVER_CONTENT_FADE_MS)):(this.popoverContentFading=!1,this.popoverBodyContentHeight=0,this.selectedClaimItem=a,this.updatePopoverLocation(),requestAnimationFrame((()=>{this.showClaimableItemPopover=!0,requestAnimationFrame((()=>this.measurePopoverHeight()))})))}else this.popoverCloseTimeoutRef=setTimeout((()=>{clearTimeout(this.popoverContentSwapTimeoutRef),this.showClaimableItemPopover=!1,this.popoverFadingOut=!0,this.popoverContentFading=!1,this.popoverHideTimeoutRef=setTimeout((()=>{this.popoverFadingOut=!1,this.popoverBodyContentHeight=0}),e.POPOVER_FADE_OUT_MS)}),e.POPOVER_CLOSE_DELAY_MS)},this.onPopoverMouseEnter=()=>{this.setClaimableItemPopover(!0)},this.onPopoverMouseLeave=()=>{this.setClaimableItemPopover(!1)},this.openTraceModal=async()=>{var t,e;if(null===(t=this.vehicleLookup)||void 0===t?void 0:t.vin){clearTimeout(this.traceFadeOutTimeoutRef),this.traceModalFadingOut=!1,this.showTraceModal=!0,this.isLoadingTrace=!0,this.traceError=void 0,this.traceHtml=void 0,document.body.style.overflow="hidden",this.traceCloseListener=t=>{"Escape"===t.key&&this.closeTraceModal()},window.addEventListener("keydown",this.traceCloseListener),null===(e=this.traceAbortController)||void 0===e||e.abort(),this.traceAbortController=new AbortController;try{const t=[this.queryString,"trace=html"].filter(Boolean).join("&"),e=`${this.baseUrl}${this.vehicleLookup.vin}${t?`?${t}`:""}`,a=await fetch(e,{method:"GET",headers:Object.assign({Accept:"text/html"},this.headers||{}),signal:this.traceAbortController.signal});if(!a.ok)throw new Error(`HTTP ${a.status}`);const o=await a.text();if(!this.showTraceModal)return;this.traceHtml=o,this.isLoadingTrace=!1}catch(t){if("AbortError"===(null==t?void 0:t.name))return;console.error("Trace fetch failed",t),this.isLoadingTrace=!1,this.traceError=this.locale.traceFailed}}},this.closeTraceModal=()=>{var t;(this.showTraceModal||this.traceModalFadingOut)&&(null===(t=this.traceAbortController)||void 0===t||t.abort(),this.showTraceModal=!1,this.traceModalFadingOut=!0,document.body.style.overflow="auto",this.traceCloseListener&&(window.removeEventListener("keydown",this.traceCloseListener),this.traceCloseListener=void 0),clearTimeout(this.traceFadeOutTimeoutRef),this.traceFadeOutTimeoutRef=setTimeout((()=>{this.traceModalFadingOut=!1,this.isLoadingTrace=!1,this.traceError=void 0,this.traceHtml=void 0}),e.TRACE_FADE_OUT_MS))},this.handleClaim=async(t,e)=>{try{const a=new FormData;e.vin=this.vehicleLookup.vin,e.saleInformation=this.vehicleLookup.saleInformation,e.serviceItem=this.claimForm.item,e.identifiers=this.vehicleLookup.identifiers,e.vehicleVariantInfo=this.vehicleLookup.vehicleVariantInfo,e.vehicleSpecification=this.vehicleLookup.vehicleSpecification,a.append("payload",JSON.stringify(e)),t&&t.length>0&&t.forEach((t=>{a.append("document",t)})),await new Promise(((t,e)=>{const o=new XMLHttpRequest;o.open("POST",this.claimEndPoint),Object.entries(this.headers||{}).forEach((([t,e])=>{o.setRequestHeader(t,e)})),o.upload.onprogress=t=>{t.lengthComputable&&this.claimForm.setFileUploadProgression(Math.round(t.loaded/t.total*100))},o.onload=()=>{if(200===o.status){try{const e=JSON.parse(o.responseText);this.completeClaim(e),t()}catch(t){console.error("Response is not valid JSON",{rawResponse:o.responseText,error:t}),e(new Error("Upload succeeded but response is not valid JSON"))}t()}else try{const t=JSON.parse(o.responseText),a=new Error(t.Message);a.serverMessage=t.Message,e(a)}catch(t){e(new Error(`Upload failed with status ${o.status}`))}},o.onerror=t=>{console.log(t),e(new Error("Network error"))},o.send(a)}))}catch(t){throw this.claimForm.showError((null==t?void 0:t.serverMessage)||this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater),new Error(t)}},this.handleDevClaim=async t=>{try{if(t&&t.length>0){this.claimForm.setFileUploadProgression(0);let t=20;for(let e=0;e<t;e++){const a=Math.round((e+1)/t*100);await new Promise((t=>setTimeout(t,200))),this.claimForm.setFileUploadProgression(a)}}await new Promise((t=>setTimeout(t,1e3))),this.completeClaim({Success:!0,ID:"11223344",PrintURL:"http://localhost/test/print/1122"})}catch(t){throw this.claimForm.showError(this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater),new Error(t)}}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([w(t),h(t,"vehicleLookup.claimableItems",N)]);this.locale=Object.assign({sharedLocales:e},a)}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await n(this,t,e,{beforeAssignment:async t=>(this.showPrintBox=!1,await this.parseGroupData(t),t)})}async setErrorMessage(t){l(this,t)}onLoadingChange(t){r.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}async componentDidLoad(){this.progressBar=this.el.shadowRoot.querySelector(".progress-bar"),this.claimForm=this.el.shadowRoot.querySelector(".vehicle-item-claim-form"),this.claimableItemsBox=this.el.shadowRoot.querySelector(".claimable-items-box"),window.addEventListener("resize",this.updateProgressBar),this.claimableItemsBox&&this.claimableItemsBox.addEventListener("scroll",this.updatePopoverLocation),window.addEventListener("scroll",this.updatePopoverLocation),window.addEventListener("resize",this.updatePopoverLocation),requestAnimationFrame((()=>this.measurePopoverHeight()))}async disconnectedCallback(){var t;window.removeEventListener("resize",this.updateProgressBar),this.claimableItemsBox&&this.claimableItemsBox.removeEventListener("scroll",this.updatePopoverLocation),window.removeEventListener("scroll",this.updatePopoverLocation),window.removeEventListener("resize",this.updatePopoverLocation),clearTimeout(this.popoverCloseTimeoutRef),clearTimeout(this.popoverHideTimeoutRef),clearTimeout(this.popoverContentSwapTimeoutRef),clearTimeout(this.traceFadeOutTimeoutRef),this.traceCloseListener&&window.removeEventListener("keydown",this.traceCloseListener),null===(t=this.traceAbortController)||void 0===t||t.abort(),(this.showTraceModal||this.traceModalFadingOut)&&(document.body.style.overflow="auto")}async onVehicleChange(){setTimeout((()=>{this.updateProgressBar()}),50)}async openTrace(){await this.openTraceModal()}async completeClaim(t){const e=this.getServiceItems(),a=this.selectedClaimItem,o=JSON.parse(JSON.stringify(e)),i=e.indexOf(a),r=o.slice(0,i).filter((t=>"pending"===t.status));o[i].claimable=!1,o[i].status="processed",r.forEach((function(t){t.status="cancelled"}));const s=JSON.parse(JSON.stringify(this.vehicleLookup));s.serviceItems=o,this.vehicleLookup=JSON.parse(JSON.stringify(s)),t.PrintURL&&(this.showPrintBox=!0),this.lastSuccessfulClaimResponse=t}async claim(t){var e;this.selectedClaimItem=t,this.claimForm.item=t,this.claimForm.vin=null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,this.claimForm.handleClaiming=this.isDev?this.handleDevClaim.bind(this):this.handleClaim.bind(this),this.claimForm.open()}render(){var e,a,r,n,l;const c=this.getServiceItems(),d=!this.isLoading&&this.vehicleLookup&&!c.length,p=this.isLoading||this.isError||!this.tabs.length||!c.length,w=this.tabs.map((t=>t.name)),h=null!==(r=null===(a=null===(e=this.vehicleLookup)||void 0===e?void 0:e.warranty)||void 0===a?void 0:a.activationIsRequired)&&void 0!==r&&r;return t(o,{key:"7dbec32618872b98b8326c7fdabfeb5334d69f10",translate:"no"},t("vehicle-item-claim-form",{key:"ad7b7a125c53a88a56ac194daa2c05360046c93e",class:"vehicle-item-claim-form",maximumDocumentFileSizeInMb:this.maximumDocumentFileSizeInMb,uploadMultipleDocuments:this.uploadMultipleDocumentsAtTheForm,locale:Object.assign({sharedLocales:this.locale.sharedLocales},this.locale.claimForm)}),t(M,{key:"f3bf3997ade2739146f21666fb4e75ca25146241",locale:this.locale,claim:this.claim.bind(this),item:this.selectedClaimItem,showPopover:this.showClaimableItemPopover,target:this.popoverTarget,popoverHeight:this.popoverHeight,fadingOut:this.popoverFadingOut,contentFading:this.popoverContentFading,bodyContentHeight:this.popoverBodyContentHeight,onMouseEnter:this.onPopoverMouseEnter,onMouseLeave:this.onPopoverMouseLeave}),t(j,{key:"7180ded0c0c0fed4110cc24e0833836734a22dec",isOpen:this.showTraceModal,fadingOut:this.traceModalFadingOut,isLoading:this.isLoadingTrace,errorMessage:this.traceError,vin:null===(n=this.vehicleLookup)||void 0===n?void 0:n.vin,traceHtml:this.traceHtml,locale:this.locale,onClose:this.closeTraceModal}),t(s,{key:"e3f8628942fd55c9e3da3901d6e1f7a910e442f2",isError:this.isError,coreOnly:this.coreOnly,header:null===(l=this.vehicleLookup)||void 0===l?void 0:l.vin,direction:this.locale.sharedLocales.direction,isLoading:this.isLoading||this.tabAnimationLoading,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard,headerRight:!this.showTrace||!this.vehicleLookup||this.isLoading||this.tabAnimationLoading||this.isError?null:t("button",{type:"button",class:"trace-trigger-button",title:this.locale.viewTrace,"aria-label":this.locale.viewTrace,onClick:this.openTraceModal},t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},t("circle",{cx:"6",cy:"19",r:"3"}),t("path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"}),t("circle",{cx:"18",cy:"5",r:"3"})))},t("div",{key:"365596a40513d73bb7b7b0dfcfbe81c3a222114a",dir:"ltr",class:i("relative flex items-center h-[320px] transition-all duration-300",{loading:this.isLoading||this.tabAnimationLoading})},t("div",{key:"0344ac853f3b1f130cabfd834c49ec6ceef6e6e6",dir:this.locale.sharedLocales.direction,class:"absolute top-0 z-10 w-full pt-[16px]"},t("div",{key:"433709328ca0c74a8580ecf5643809d82f678493",class:i("duration-300",{"translate-y-[-50%] opacity-0":p})},t("shift-tabs",{key:"d799a9ebd39002edcce5e3870c0244f59d47730b",activeTabLabel:this.activeTab,changeActiveTab:this.onActiveTabChange,tabs:w}))),t("div",{key:"6cf78b5e73f0f9ba0062c29c9bce8c87285ce217",class:i("absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0",{"opacity-100":this.isLoading||this.tabAnimationLoading})},t("div",{key:"3d4196d169c914b88ab9815cb2ca5a52649c376f",class:"w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0"},t("div",{key:"bb00a0ccc62e93654ad08de3f04d0634311f329e",class:"absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full"}),t("div",{key:"1e4e99d700b5ef9c4ce1ec9ab2059c426515f014",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc"}),t("div",{key:"f1d2f04fccca4560e4e647a6a86042a0cf382d40",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec"}))),t("div",{key:"ea98ca21ea6c0c8cf2dfa8c754e8663939611709",dir:this.locale.sharedLocales.direction,class:i("absolute w-[90%] z-10 pointer-events-none border opacity-0 translate-y-[-5px] scale-[70%] text-[#8a6d3b] bg-[#fcf8e3] border-[#faebcc] p-[25px] text-[16px] rounded-[6px] flex items-center justify-between left-1/2 -translate-x-1/2 h-10 bottom-[40px] transition duration-500",{"opacity-100 pointer-events-auto translate-y-0 scale-100":!this.isLoading&&this.vehicleLookup&&!this.tabAnimationLoading&&(h||this.showPrintBox)})},t("span",{key:"5202e0804087351652df6440de0e42415972696d",class:"font-semibold"},this.showPrintBox?this.locale.successFulClaimMessage:this.locale.warrantyAndServicesNotActivated),t("button",{key:"394cfd91c552f312ab8f41b980cce675fee7a276",class:"claim-button",onClick:this.showPrintBox?this.printLastClaimResponse:this.activateClaimItem},t(this.showPrintBox?x:C,{class:"size-[30px] duration-200"}),t("span",{key:"10ddaeca81d552fba69acb05538b040f4b363d59"},this.showPrintBox?this.locale.print:this.locale.activateNow))),t("div",{key:"372fc9dbfa679498944bf908590eb32620dcef9a",class:"claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden"},t("div",{key:"5d162a8a44004b5acbf5b016522626fbb9a9a8fa",class:"flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between"},t("div",{key:"c736b44a1ec10202b43868d69591730a7e91edc6",class:i("progress-container-style progress-lane absolute overflow-hidden w-[calc(100%-0px)] translate-y-0 opacity-100",{"opacity-0":this.isLoading||this.tabAnimationLoading||d||!this.vehicleLookup})},t("div",{key:"61e1a4546ae5686534ccc9333484e2efe1e31766",part:"progress-bar",class:"progress-bar transition-all w-1/2 h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)]"})),t("div",{key:"939face1f2f11f2c8595f81bc6331fd91f2a55ae",class:"ml-[-125px]"}),c.map(((e,a)=>t(k,{item:e,locale:this.locale,setClaimableItemPopover:this.setClaimableItemPopover,addStatusClass:"pending"!==e.status||c.findIndex((t=>"pending"===t.status))===a}))),t("div",{key:"e999bddb4aaf7fb583caf08fb8660484b04917d8",class:"ml-[-125px]"})),t("div",{key:"68dc3e127608a458bcdc0f10b985644c44d53924",dir:this.locale.sharedLocales.direction,class:i("absolute top-0 left-0 pointer-events-none size-full box-content flex flex-col justify-center opacity-0 transition duration-500 items-center text-slate-700",{"opacity-100 scale-100":d})},t(m,{key:"c6664d07022abbabe8cc6d3c69b9d58ece889766",class:"size-[90px]"}),t("div",{key:"16c521d017767f3f15c5b3b1b7f0296a7c59649f",class:"text-[22px]"},this.locale.sharedLocales.errors.noServiceAvailable))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.\\!pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.inset-0{inset:0}.bottom-\\[12px\\]{bottom:12px}.bottom-\\[calc\\(100\\%-12px\\)\\]{bottom:calc(100% - 12px)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[4\\.5px\\]{left:4.5px}.top-0{top:0}.top-\\[27\\.75px\\]{top:27.75px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\\[60\\]{z-index:60}.m-auto{margin:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[1px\\]{margin-top:1px}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.hidden{display:none}.size-0{height:0;width:0}.size-\\[30px\\]{height:30px;width:30px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[40px\\]{height:40px;width:40px}.h-0{height:0}.h-\\[1\\.5px\\]{height:1.5px}.h-\\[10px\\]{height:10px}.min-h-0{min-height:0}.min-h-\\[35px\\]{min-height:35px}.w-0{width:0}.w-\\[220px\\]{width:220px}.w-\\[30px\\]{width:30px}.w-\\[540px\\]{width:540px}.w-\\[80\\%\\]{width:80%}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.translate-y-\\[-5px\\],.translate-y-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[10px\\]{--tw-translate-y:10px}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-\\[150\\%\\]{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-\\[150\\%\\]{--tw-scale-x:150%;--tw-scale-y:150%}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.scale-\\[70\\%\\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[12px\\]{gap:12px}.gap-\\[3px\\]{gap:3px}.\\!overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[5px\\]{border-radius:5px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-\\[10px\\]{border-width:10px}.border-\\[5px\\]{border-width:5px}.border-b{border-bottom-width:1px}.border-t-0{border-top-width:0}.border-double{border-style:double}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\],.border-\\[\\#dddddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#e0c97a\\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.border-\\[\\#e1e6ec\\]{--tw-border-opacity:1;border-color:rgb(225 230 236/var(--tw-border-opacity,1))}.border-\\[\\#ececec\\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.\\!border-b-\\[\\#dddddd\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(221 221 221/var(--tw-border-opacity,1))!important}.\\!border-b-\\[\\#f9f9f9\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(249 249 249/var(--tw-border-opacity,1))!important}.bg-\\[\\#00a300\\]{--tw-bg-opacity:1;background-color:rgb(0 163 0/var(--tw-bg-opacity,1))}.bg-\\[\\#282828\\]{--tw-bg-opacity:1;background-color:rgb(40 40 40/var(--tw-bg-opacity,1))}.bg-\\[\\#3071a9\\]{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.bg-\\[\\#a1a1a1\\]{--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1))}.bg-\\[\\#a80000\\]{--tw-bg-opacity:1;background-color:rgb(168 0 0/var(--tw-bg-opacity,1))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f7fa\\]{--tw-bg-opacity:1;background-color:rgb(244 247 250/var(--tw-bg-opacity,1))}.bg-\\[\\#f9f9f9\\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-\\[\\#fafbfc\\]{--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#27ae60\\]{fill:#27ae60}.fill-\\[\\#f9f9f9\\]{fill:#f9f9f9}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.stroke-\\[0\\.5px\\]{stroke-width:.5px}.p-\\[20px\\]{padding:20px}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[2px\\]{padding-bottom:2px;padding-top:2px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[28px\\]{font-size:28px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-\\[\\#00a300\\]{--tw-text-opacity:1;color:rgb(0 163 0/var(--tw-text-opacity,1))}.text-\\[\\#1d2735\\]{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1))}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.text-\\[\\#282828\\]{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#5a6b7a\\]{--tw-text-opacity:1;color:rgb(90 107 122/var(--tw-text-opacity,1))}.text-\\[\\#a80000\\]{--tw-text-opacity:1;color:rgb(168 0 0/var(--tw-text-opacity,1))}.text-\\[\\#a84444\\]{--tw-text-opacity:1;color:rgb(168 68 68/var(--tw-text-opacity,1))}.text-\\[\\#c08a0e\\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.text-\\[\\#ddd\\]{--tw-text-opacity:1;color:rgb(221 221 221/var(--tw-text-opacity,1))}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[\\#3071a9\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(48 113 169/var(--tw-ring-opacity,1))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.claimable-item{height:0;position:relative;width:0}.claimable-item *{transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.loading .claimable-item{pointer-events:none}.claimable-item-container{--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1));position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.claimable-item-container,.claimable-item-header{align-items:center;display:flex;justify-content:center}.claimable-item-header{bottom:100%;flex-direction:column;font-size:16px;font-weight:700;margin-bottom:16px;position:absolute}.claimable-item-header>div{text-align:center;width:220px}.claimable-item-header img{height:40px;transition-duration:1s;width:40px}.claimable-item-header:hover img{--tw-rotate:360deg;--tw-scale-x:125%;--tw-scale-y:125%}.claimable-item-header:hover img,.loading .claimable-item-header{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loading .claimable-item-header{--tw-translate-y:-5px;--tw-scale-x:70%;--tw-scale-y:70%;opacity:0}.claimable-item-header.load-animation{animation:item-header-fade-in .5s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.claimable-item-circle{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1));border-color:rgb(236 236 236/var(--tw-border-opacity,1));border-radius:9999px;border-style:double;border-width:5px;height:30px;width:30px}.loading .claimable-item-circle{--tw-scale-x:150%;--tw-scale-y:150%;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.claimable-item-circle.load-animation{animation:item-circle-fade-in .5s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%)}to{opacity:1;transform:scale(100%)}}.claimable-item-footer{font-size:16px;font-weight:500;margin-top:8px;position:absolute;text-align:center;top:100%;width:220px}.loading .claimable-item-footer{--tw-translate-y:10px;--tw-scale-x:70%;--tw-scale-y:70%;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.claimable-item-footer.load-animation{animation:item-footer-fade-in .5s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(10px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.processed .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.processed .claimable-item-header{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.expired .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(40 40 40/var(--tw-bg-opacity,1))}.expired .claimable-item-header{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.cancelled .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(168 0 0/var(--tw-bg-opacity,1))}.cancelled .claimable-item-header{--tw-text-opacity:1;color:rgb(168 0 0/var(--tw-text-opacity,1))}.pending .claimable-item-circle{--tw-bg-opacity:1;background-color:rgb(0 163 0/var(--tw-bg-opacity,1))}.pending .claimable-item-header{--tw-text-opacity:1;color:rgb(0 163 0/var(--tw-text-opacity,1))}.activationRequired .claimable-item-header{color:#9e9e9e}.claimable-item-popover{display:block;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;width:fit-content;z-index:50}.claimable-item-popover[aria-expanded=true]{opacity:1!important;pointer-events:auto!important;transition:top .3s ease,bottom .3s ease,left .3s ease,opacity .5s ease}.claimable-item-popover[aria-expanded=true] *{pointer-events:auto!important}.claimable-item-popover.fading-out{pointer-events:auto}.popover-relative-container{position:relative;width:fit-content}.popover-arrow-1{border-color:transparent;border-bottom-color:rgb(221 221 221/var(--tw-border-opacity,1))!important;border-width:0 10px 10px}.popover-arrow-1,.popover-arrow-2{--tw-border-opacity:1!important;height:0;position:absolute;width:0}.popover-arrow-2{border-color:transparent;border-bottom-color:rgb(249 249 249/var(--tw-border-opacity,1))!important;border-width:0 10px 10px;margin-top:1px}.popover-body{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(249 249 249/var(--tw-bg-opacity,1));border-color:rgb(221 221 221/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(40 40 40/var(--tw-text-opacity,1));padding:20px;position:relative;width:540px;z-index:10}.popover-body-content{overflow:hidden;transition:height .3s ease}.claimable-item-popover .claim-button,.popover-info-value{transition:opacity .15s ease}.claimable-item-popover.content-fading .claim-button,.claimable-item-popover.content-fading .popover-info-value{opacity:0}.popover-body button{display:flex;justify-content:center;margin:16px auto auto;padding-bottom:4px;padding-top:4px;width:80%}.popover-body button svg{height:30px;pointer-events:none!important;width:30px}.popover-info-row{align-items:center;border-bottom-width:1px;display:flex;font-size:16px;min-height:35px;padding-bottom:2px;padding-top:2px;text-align:start}.popover-info-row *{flex:1 1 0%;flex-shrink:0}.popover-arrow-icon{--tw-translate-x:-50%;bottom:calc(100% - 12px);left:50%;position:absolute;z-index:50}.popover-arrow-icon,.popover-arrow-icon.flipped{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.popover-arrow-icon.flipped{--tw-translate-y:100%;--tw-rotate:180deg;bottom:12px}.popover-arrow-icon-svg{fill:#f9f9f9;stroke-width:.5px;--tw-text-opacity:1;color:rgb(221 221 221/var(--tw-text-opacity,1));height:40px;width:40px}.popover-arrow-bottom-line{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1));height:1.5px;left:4.5px;position:absolute;top:27.75px;width:30px}.claimable-item-popover .claim-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.claimable-item-popover .claim-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.claimable-item-popover .claim-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.claimable-item-popover .claim-button circle{fill:#2ecc71}.claimable-item-popover .claim-button circle:hover{fill:#fff}.claimable-item-popover .claim-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.claimable-item-popover .claim-button path{transition:.2s}.claimable-item-popover .claim-button:hover path{fill:#2ecc71}.claimable-trace-modal{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));display:flex;flex-direction:column;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:60}.claimable-trace-modal.open{opacity:1;pointer-events:auto}.claimable-trace-modal.fading-out{pointer-events:none}.trace-modal-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(244 247 250/var(--tw-bg-opacity,1));border-bottom-width:1px;border-color:rgb(225 230 236/var(--tw-border-opacity,1));display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.trace-modal-title{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1));font-size:16px;font-weight:600}.trace-modal-close{--tw-text-opacity:1;background-color:transparent;border-radius:.25rem;border-width:0;color:rgb(90 107 122/var(--tw-text-opacity,1));cursor:pointer;font-size:28px;line-height:1;outline:none;padding:2px 10px}.trace-modal-close:hover{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1))}.trace-modal-close:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(48 113 169/var(--tw-ring-opacity,1));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.trace-modal-body{--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1));flex:1 1 0%;min-height:0;position:relative}.trace-modal-status{--tw-text-opacity:1;align-items:center;color:rgb(90 107 122/var(--tw-text-opacity,1));display:flex;flex-direction:column;font-size:15px;gap:12px;inset:0;justify-content:center;position:absolute}.trace-modal-error{--tw-text-opacity:1;color:rgb(168 68 68/var(--tw-text-opacity,1))}.trace-modal-iframe{border:0;display:block;height:100%;width:100%}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.progress-container-style{--tw-translate-y:-50%;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1));border-color:rgb(221 221 221/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;height:10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.loading .lane-inc{animation:lane-increase 2.5s ease infinite}.loading .lane-dec{animation:lane-decrease 2.5s ease 1s infinite}@keyframes lane-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes lane-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.claim-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.claim-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.claim-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.claim-button circle{fill:#2ecc71}.claim-button circle:hover{fill:#fff}.claim-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.claim-button path{transition:.2s}.claim-button:hover path{fill:#2ecc71}.hover\\:border-\\[\\#c08a0e\\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fcf8e3\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-\\[\\#1d2735\\]:hover{--tw-text-opacity:1;color:rgb(29 39 53/var(--tw-text-opacity,1))}.hover\\:text-\\[\\#8a6d3b\\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&\\>div\\]\\:w-\\[220px\\]>div{width:220px}.\\[\\&_\\*\\]\\:flex-1 *{flex:1 1 0%}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.\\[\\&_\\*\\]\\:transition *{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.\\[\\&_img\\]\\:size-\\[40px\\] img{height:40px;width:40px}.\\[\\&_img\\]\\:rotate-\\[360deg\\] img{--tw-rotate:360deg}.\\[\\&_img\\]\\:rotate-\\[360deg\\] img,.\\[\\&_img\\]\\:scale-\\[125\\%\\] img{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_img\\]\\:scale-\\[125\\%\\] img{--tw-scale-x:125%;--tw-scale-y:125%}.\\[\\&_img\\]\\:duration-1000 img{transition-duration:1s}.\\[\\&_svg\\]\\:size-\\[30px\\] svg{height:30px;width:30px}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.static{position:static}.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))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.end-0{inset-inline-end:0}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.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-\\[17px\\]{font-size:17px}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}'}},[257,"vehicle-claimable-items",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],uploadMultipleDocumentsAtTheForm:[4,"upload-multiple-documents-at-the-form"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],print:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],claimEndPoint:[1,"claim-end-point"],activate:[16],showTrace:[4,"show-trace"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],activeTab:[32],showPrintBox:[32],tabAnimationLoading:[32],lastSuccessfulClaimResponse:[32],showClaimableItemPopover:[32],selectedClaimItem:[32],tabs:[32],popoverTarget:[32],popoverHeight:[32],popoverBodyContentHeight:[32],popoverContentFading:[32],popoverFadingOut:[32],showTraceModal:[32],traceModalFadingOut:[32],isLoadingTrace:[32],traceError:[32],traceHtml:[32],setMockData:[64],fetchVin:[64],setErrorMessage:[64],setBlazorRef:[64],openTrace:[64],completeClaim:[64],claim:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}]);function L(){"undefined"!=typeof customElements&&["vehicle-claimable-items","flexible-container","shift-tabs","vehicle-item-claim-form"].forEach((t=>{switch(t){case"vehicle-claimable-items":customElements.get(t)||customElements.define(t,Y);break;case"flexible-container":customElements.get(t)||v();break;case"shift-tabs":customElements.get(t)||f();break;case"vehicle-item-claim-form":customElements.get(t)||y()}}))}Y.POPOVER_CLOSE_DELAY_MS=200,Y.POPOVER_FADE_OUT_MS=500,Y.POPOVER_CONTENT_FADE_MS=150,Y.TRACE_FADE_OUT_MS=300,L();export{Y as V,N as c,L as d}

package/dist/components/p-JiKmUVhH.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as r,H as e,a as o}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import"./p-YQJevg3-.js";import{g as i}from"./p-Bk0lC2Er.js";import{F as n}from"./p-8u5uhwdg.js";import{F as s}from"./p-CxL9hBt2.js";import{F as c}from"./p-BMqwfA7R.js";import{Q as l}from"./p-Co_hK-X8.js";import{d as p}from"./p-CMPocNAt.js";const d=r=>t("svg",Object.assign({fill:"none"},r,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"}),t("circle",{cx:"12",cy:"13",r:"3"})),w="form-vin-input-",b=r(class extends e{constructor(){super(),this.__registerHost(),this.inputProps={},this.localization={},this.scannerIcon="",this.prefixWidth=0}async componentWillLoad(){this.form.subscribe(this.name,this),this.onStaticValueChange(this.staticValue,!1)}async onStaticValueChange(t,r=!0){t?(this.defaultValue=t,this.inputRef.value=t):r&&(this.defaultValue="",this.inputRef.value="")}async componentDidLoad(){const t=this.el.getElementsByClassName("prefix")[0];this.prefixWidth=t?t.getBoundingClientRect().width:0,this.inputRef=this.el.getElementsByClassName(w+this.name)[0]}async disconnectedCallback(){this.form.unsubscribe(this.name)}reset(t){this.inputRef.value=t||this.defaultValue||""}render(){var r,e,p,b,x,m,g,f,h,u,v;const{disabled:y,isRequired:k,meta:z,isError:Y,errorMessage:X}=this.form.getInputState(this.name),[j,C]=this.form.getFormLocale(),_=w+this.name,{label:E,placeholder:M,errorTextMessage:V}=i(this,z,X),S=y||this.isLoading||!!this.staticValue||this.isDisabled,q=(null===(e=null===(r=this.localization)||void 0===r?void 0:r[C])||void 0===e?void 0:e.scan)||(null===(h=null===(g=null===(m=null===(x=null===(b=null===(p=this.form)||void 0===p?void 0:p.context)||void 0===b?void 0:b.structure)||void 0===x?void 0:x.data)||void 0===m?void 0:m.localization)||void 0===g?void 0:g[null===(f=this.form.context)||void 0===f?void 0:f.language])||void 0===h?void 0:h["vin-scan"])||"Scan Your VIN";return t(o,{key:"664b2090565f7b02c0ac4c8e5e02a7d306fb5912",translate:"no"},t("label",{key:"cec36a5cd5d97de6dd5349b0f8e4787c0e78d417",part:this.name,id:this.wrapperId,class:a("form-input-label-container",this.wrapperClass,{disabled:S})},t(n,{key:"ac5abc409e71813176f1619fae700e924aef9270",isRequired:k,label:E}),t("div",{key:"d79f5f046b1931d28bb771599b0a9c4ffc6e56e3",part:`${this.name}-container form-input-container`,class:"form-input-container"},t(s,{key:"4f841aa8360703887100f2da7e4fb12df2428fb0",name:this.name,direction:null===(u=null==j?void 0:j.sharedFormLocales)||void 0===u?void 0:u.direction,prefix:this.inputPrefix}),t("input",Object.assign({key:"6b96dfd514da16348efda219603e7b46503edce3"},this.inputProps,{name:this.name,disabled:S,defaultValue:this.defaultValue,part:`${this.name}-input form-input`,placeholder:M||(null==z?void 0:z.placeholder),style:Object.assign({},this.prefixWidth?{["rtl"===(null===(v=null==j?void 0:j.sharedFormLocales)||void 0===v?void 0:v.direction)?"paddingRight":"paddingLeft"]:`${this.prefixWidth}px`}:{}),class:a("form-input-style !uppercase",_,{"form-input-error-style":Y})})),!!this.scannerIcon&&(this.useOcr||this.readSticker)&&t("button",{key:"d5cebbf58749e7d6a95262ed5265e412719291de",type:"button",disabled:S,part:a("vin-validator",_+"-vin"),onClick:()=>{var t;return null===(t=null==this?void 0:this.el.getElementsByTagName("vin-extractor")[0])||void 0===t?void 0:t.open()},class:"absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2"},"qr-code"===this.scannerIcon&&t(l,{key:"b28d6734fdea8ce14809f653d9343631bf1969b2",class:"size-[90%] text-inherit"}),"camera"===this.scannerIcon&&t(d,{key:"dd7354ddc2f3bf17eea2436cc5abe8e2edc3450a",class:"size-[90%] text-inherit"}))),t(c,{key:"86212aa0ed1a9873ffc04c81b41b06a2a6084b26",name:this.name,isError:Y,errorMessage:V})),(this.useOcr||this.readSticker)&&t("div",{key:"9aaf51c7573629c6ee303f5f300c9c1ad2ee802f",class:"absolute"},t("vin-extractor",{key:"233ce31e4436fe5ca8db405db3a648d03b44d948",verbose:!0,manualCapture:!0,useOcr:this.useOcr,title:q,skipValidation:!1,readSticker:this.readSticker,ocrEndpoint:this.ocrEndpoint,onExtract:t=>{var r,e;this.inputRef.value=t,null===(r=this.form)||void 0===r||r.validateInput(null==this?void 0:this.name),null===(e=null==this?void 0:this.el.getElementsByTagName("vin-extractor")[0])||void 0===e||e.close()}})))}get el(){return this}static get watchers(){return{staticValue:["onStaticValueChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\\/2{top:50%}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-2{margin-top:.5rem}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\\!hidden{display:none!important}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[18px\\]{height:18px;width:18px}.size-\\[22px\\]{height:22px;width:22px}.size-\\[24px\\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\\[200px\\]{height:200px}.h-\\[38px\\]{height:38px}.h-full{height:100%}.max-h-\\[200px\\]{max-height:200px}.min-h-\\[100px\\]{min-height:100px}.w-\\[36px\\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!cursor-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[36px\\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\\[1px\\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\\!text-transparent{color:transparent!important}.\\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#576675\\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.caret-transparent{caret-color:transparent}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\!duration-200{transition-duration:.2s!important}.\\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.8;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-file-input{display:none}.form-file-trigger{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(30 41 59/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;text-align:start}.form-file-trigger:disabled{cursor:not-allowed;opacity:.75}.form-file-trigger-loading{opacity:.8}.form-file-icon{--tw-text-opacity:1;align-items:center;color:rgb(100 116 139/var(--tw-text-opacity,1));display:flex;justify-content:center}.form-file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file-spinner{animation:spin-animation 1s linear infinite;height:18px;width:18px}.form-file-success-icon{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1));height:18px;width:18px}.form-file-status{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.form-file-status-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-file-status-success{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.form-input-container-country{display:flex;width:100%}.form-input-container-country shift-select .form-input-container input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.form-input-container-country .form-input-container-wrapper input{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.form-input-country-selection{width:100px}.form-input-container-country .form-input-country-selection{width:75px}.form-phone-container .form-input-prefix{left:0!important;right:auto!important}.hover\\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:hover\\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.ms-2{margin-inline-start:.5rem}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.static{position:static}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.size-4{height:1rem;width:1rem}.rtl\\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.shrink-0{flex-shrink:0}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.left-\\[50\\%\\]{left:50%}.top-\\[16px\\]{top:16px}.z-10,.z-\\[10\\]{z-index:10}.mt-\\[12px\\]{margin-top:12px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[1px\\]{height:1px}.-translate-x-\\[50\\%\\]{--tw-translate-x:-50%}.-translate-x-\\[50\\%\\],.-translate-y-\\[50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[50\\%\\]{--tw-translate-y:-50%}.flex-col{flex-direction:column}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:0}.before\\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\\:bg-black\\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\\:before\\:scale-\\[1\\.5\\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.size-5{height:1.25rem;width:1.25rem}.gap-1{gap:.25rem}.duration-700{transition-duration:.7s}.fixed{position:fixed}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.\\!duration-700{transition-duration:.7s!important}.rtl\\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-mt-1{margin-top:-.25rem}.end-3\\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[256,"form-vin-input",{name:[1],wrapperId:[1,"wrapper-id"],isLoading:[4,"is-loading"],isDisabled:[4,"is-disabled"],form:[16],inputPrefix:[1,"input-prefix"],wrapperClass:[1,"wrapper-class"],staticValue:[1,"static-value"],inputProps:[8,"input-props"],ocrEndpoint:[1,"ocr-endpoint"],defaultValue:[1025,"default-value"],localization:[16],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],scannerIcon:[1,"scanner-icon"],prefixWidth:[32]},void 0,{staticValue:["onStaticValueChange"]}]);function x(){"undefined"!=typeof customElements&&["form-vin-input","vin-extractor"].forEach((t=>{switch(t){case"form-vin-input":customElements.get(t)||customElements.define(t,b);break;case"vin-extractor":customElements.get(t)||p()}}))}x();export{b as F,x as d}

package/dist/components/p-PXg9ax0v.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as e,H as o,a as r}from"./index.js";import{y as a,s as i}from"./p-YQJevg3-.js";import{s as n,V as s}from"./p-lnx3CKt-.js";import{s as p,a as d}from"./p-LTUcwJc7.js";import{g as l,a as c}from"./p-CpwpTPc0.js";import{d as w}from"./p-CrO-bFY_.js";import{d as b}from"./p-CiMmI1B4.js";const x=a(["serviceHistory","noData","branch","dealer","invoiceNumber","date","serviceType","odometer","laborLines","partLines","laborCode","packageCode","serviceCode","serviceDescription","partNumber","qty","partDescription"]),h=({locale:e,row:o})=>{const r=(null==o?void 0:o.laborLines)||[],a=(null==o?void 0:o.partLines)||[],i=[{key:"laborCode",label:e.laborCode},{key:"packageCode",label:e.packageCode},{key:"serviceCode",label:e.serviceCode},{key:"serviceDescription",label:e.serviceDescription,centeredHorizontally:!1}],n=[{key:"partNumber",label:e.partNumber},{key:"qty",label:e.qty},{key:"packageCode",label:e.packageCode},{key:"partDescription",label:e.partDescription,centeredHorizontally:!1}];return t("div",{class:"service-history-subrow",dir:e.sharedLocales.direction},t("section",{class:"service-history-subsection"},t("div",{class:"service-history-subsection-header"},t("div",{class:"service-history-subsection-title"},e.laborLines),t("div",{class:"service-history-subsection-meta"},r.length)),r.length?t("div",{class:"service-history-subsection-table"},t("information-table",{isRaw:!0,headers:i,rows:r,size:"small",allowAutoWidth:!0,stripCells:!1})):t("div",{class:"service-history-empty"},e.noData)),t("section",{class:"service-history-subsection"},t("div",{class:"service-history-subsection-header"},t("div",{class:"service-history-subsection-title"},e.partLines),t("div",{class:"service-history-subsection-meta"},a.length)),a.length?t("div",{class:"service-history-subsection-table"},t("information-table",{isRaw:!0,headers:n,rows:a,size:"small",allowAutoWidth:!0,stripCells:!1})):t("div",{class:"service-history-empty"},e.noData)))},g=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:i.getDefault()},x.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([l(t),c(t,"vehicleLookup.serviceHistory",x)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await p(this,t,e)}async setErrorMessage(t){d(this,t)}onLoadingChange(t){n.bind(this)(this.loadingStateChange,t)}render(){var e,o;return t(r,{key:"b4abb2327d2f8248206dcdc674863210ec557cb1",translate:"no"},t(s,{key:"bc703b3deb41711df3c2b0d5f5570d4a65292c10",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"4f651c3c583d63189ba49ad8392f448712ad1ea4",class:"overflow-x-auto"},t("information-table",{key:"a74a9413e0ebcea4a7f6ad966f9e042493969c11",size:"small",allowAutoWidth:!0,scrollExpandedIntoView:!0,expandUsingEntireRow:!0,headers:[{key:"branchName",label:this.locale.branch},{key:"companyName",label:this.locale.dealer,nowrap:!0},{key:"invoiceNumber",label:this.locale.invoiceNumber,nowrap:!0},{key:"serviceDate",label:this.locale.date,nowrap:!0},{key:"serviceType",label:this.locale.serviceType,maxWidth:420},{key:"mileage",label:this.locale.odometer,nowrap:!0}],isLoading:this.isLoading,rows:(null===(o=this.vehicleLookup)||void 0===o?void 0:o.serviceHistory)||[],subRowRenderer:e=>t(h,{row:e,locale:this.locale})}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.w-\\[4px\\]{width:4px}.min-w-\\[16px\\]{min-width:16px}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.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))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\\[10px\\]{gap:10px}.\\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-y-2{border-bottom-width:2px;border-top-width:2px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\!p-\\[6px\\]{padding:6px!important}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[18px\\]{padding-bottom:18px;padding-top:18px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[8px\\]{padding-inline-end:8px}.ps-\\[14px\\]{padding-inline-start:14px}.ps-\\[16px\\]{padding-inline-start:16px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\\[16px\\]{line-height:16px}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-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}}.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}.service-history-scroll{overflow-x:auto}.service-history-subrow{background-color:rgb(244 244 244/var(--tw-bg-opacity,1));border-bottom-width:2px;border-color:rgb(148 163 184/var(--tw-border-opacity,1));border-top-width:2px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;padding:18px 10px}.service-history-subrow,.service-history-subsection{--tw-border-opacity:1;--tw-bg-opacity:1}.service-history-subsection{--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:4px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden}.service-history-subsection-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));border-bottom-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));display:flex;gap:10px;padding-bottom:4px;padding-inline-end:8px;padding-top:4px;padding-inline-start:14px;position:relative}.service-history-subsection-header:before{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));bottom:0;content:"";inset-inline-start:0;position:absolute;top:0;width:4px}.service-history-subsection-title{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1));font-size:12px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.service-history-subsection-meta{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.25rem;border-width:1px;color:rgb(51 65 85/var(--tw-text-opacity,1));display:flex;flex-shrink:0;font-size:11px;font-weight:700;min-width:16px;padding-left:6px;padding-right:6px}.service-history-subsection-table{max-width:100%;overflow:auto}.service-history-empty{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(100 116 139/var(--tw-text-opacity,1));font-size:14px;padding:8px;padding-inline-start:16px}.service-history-subrow .table-body-cell,.service-history-subrow .table-header-cell{line-height:16px;padding:6px!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.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}.text-center{text-align:center}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[257,"vehicle-service-history",{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"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function f(){"undefined"!=typeof customElements&&["vehicle-service-history","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-service-history":customElements.get(t)||customElements.define(t,g);break;case"flexible-container":customElements.get(t)||w();break;case"information-table":customElements.get(t)||b()}}))}f();export{x as S,g as V,f as d}

package/dist/components/{p-C0noEnAv.js → p-f-qfqpPz.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import"./index.js";import{v as e}from"./p-B-5wpFeH.js";const t={"part-lookup":"generated/standard-dealer/part-lookup.json","vehicle-lookup":"generated/standard-dealer/vehicle-lookup.json"},o={};async function n(n,r=""){const a=t[n];if(!a||!a.length)throw new Error(`Mock file not found for: ${n}`);const c=await async function(t,n){if(o[t])return await o[t];try{let r;r=n&&n.trim().length?n:`https://cdn.jsdelivr.net/npm/adp-web-components@${e}/dist/mocks/${t}`;const a=fetch(r).then((e=>(e.ok||delete o[t],e.json())));o[t]=a;const c=await a,s=Object.keys(c).length;return console.log(`✅ Loaded mock: ${t} (${s} items)`),console.table(Object.entries(c).map((([e,t])=>({key:e,value:t})))),o[t]=c,c}catch(e){return delete o[t],{}}}(a,r);return c}export{n as g}
+import"./index.js";import{v as e}from"./p-CpwpTPc0.js";const t={"part-lookup":"generated/standard-dealer/part-lookup.json","vehicle-lookup":"generated/standard-dealer/vehicle-lookup.json"},o={};async function n(n,r=""){const a=t[n];if(!a||!a.length)throw new Error(`Mock file not found for: ${n}`);const c=await async function(t,n){if(o[t])return await o[t];try{let r;r=n&&n.trim().length?n:`https://cdn.jsdelivr.net/npm/adp-web-components@${e}/dist/mocks/${t}`;const a=fetch(r).then((e=>(e.ok||delete o[t],e.json())));o[t]=a;const c=await a,s=Object.keys(c).length;return console.log(`✅ Loaded mock: ${t} (${s} items)`),console.table(Object.entries(c).map((([e,t])=>({key:e,value:t})))),o[t]=c,c}catch(e){return delete o[t],{}}}(a,r);return c}export{n as g}

package/dist/components/{p-VimEBeIa.js → p-gCfbb1kk.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as e}from"./index.js";import{L as l}from"./p-DN4c_zdE.js";import{c as a}from"./p-BK16Cn81.js";import{C as i}from"./p-BHy4oEqB.js";import{d as o}from"./p-BILW0yP6.js";import{a as n}from"./p-a7ph9yIa.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const c=({form:i})=>{var o,n,r,c;i.addWatcher("vehicle");let v=i.getValue("vehicle"),d=!!v;const s=null===(o=i.context.vehicleList)||void 0===o?void 0:o.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):i.context.vehicleList&&i.context.vehicleList[0]&&(p=null===(c=null===(r=i.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===c?void 0:c.image,v=i.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:i&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const i=new FileReader;i.onloadend=()=>{t[a]=i.result,e.rerender({rerenderForm:!0})},i.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(i,p,v),g=!0),e("flexible-container",{isOpened:d},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:a("vehicle-image-wrapper",{loading:g})},e("div",{part:a("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:a("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),d=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(c,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:i})=>{var o,n;let r=null===(o=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===o?void 0:o.toLowerCase();const t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let c,d=-1;return(null==a?void 0:a.dynamic)?(c=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const i=v(e,l["item-value"]),o=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?o:i,label:o};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),c.forEach(((e,l)=>{var i,o;a.defaultValue||!r||(null===(i=null==e?void 0:e.label)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.value}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(c=(await u.json()).data,c=c.map(((e,l)=>{var i,o,n,t,u;return a.defaultValue||!r||(null===(i=null==e?void 0:e.GradeName)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.id}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(c=await u.json(),c=c.map(((e,l)=>{var i,o;return a.defaultValue||!r||(null===(i=null==e?void 0:e.Title)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.ID}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),i.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:d>-1?null===(n=c[d])||void 0===n?void 0:n.value:"",c},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.branchApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.vacancyApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.cityApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(i,null)})),time:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(a.span)&&Array.isArray(a.min)&&Array.isArray(a.max)&&a.format){let l=n({offsets:a.min}),i=n({offsets:a.max});for(;o.isBefore(l,i)||o.isEqual(l,i);)e.push({value:o.format(l,a.format),label:o.format(l,a.format)}),l=n({offsets:a.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const i=(null==a?void 0:a.min)||(new Date).getFullYear()-20,o=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=i;e<=o;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,i,o,r,t,u,c,v;let d=[...n];return(null==a?void 0:a.firstOption)&&(d=[{label:(null===(i=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===i?void 0:i[e])||"",value:(null===(r=null===(o=null==a?void 0:a.firstOption)||void 0===o?void 0:o.value)||void 0===r?void 0:r[e])||""},...d]),(null==a?void 0:a.lastOption)&&(d=[...d,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(c=null==a?void 0:a.lastOption)||void 0===c?void 0:c.value)||void 0===v?void 0:v[e])||""}]),d},language:l}))},currentVehicleBrand:({form:l,language:a,props:i,locale:o})=>e("form-select",Object.assign({key:null==i?void 0:i.name},i,{searchable:!0,fetcher:async({signal:e})=>{var a;const i=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(i,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:o.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},i,{searchable:!0,key:null==i?void 0:i.name,fetcher:async({})=>{var e,a;if(!n)return[];const i=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return i?[...null==i?void 0:i.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:o.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,i,o,n;return[{value:"yes",label:null===(i=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===i?void 0:i.yes},{value:"no",label:null===(n=null===(o=null==a?void 0:a.localization)||void 0===o?void 0:o[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==i?void 0:i.name},i,{searchable:!0,fetcher:async({signal:e})=>{const l=null==i?void 0:i.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==i?void 0:i.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:o.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},i,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...null==n?void 0:n.Models.map((e=>({label:e.Name,value:(null==i?void 0:i.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:o.Other}]:[]},key:null==i?void 0:i.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{d as g}
+import{h as e}from"./index.js";import{L as l}from"./p-DN4c_zdE.js";import{c as a}from"./p-BK16Cn81.js";import{C as i}from"./p-BHy4oEqB.js";import{d as o}from"./p-BILW0yP6.js";import{a as n}from"./p-CSpoFWWU.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const c=({form:i})=>{var o,n,r,c;i.addWatcher("vehicle");let v=i.getValue("vehicle"),d=!!v;const s=null===(o=i.context.vehicleList)||void 0===o?void 0:o.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):i.context.vehicleList&&i.context.vehicleList[0]&&(p=null===(c=null===(r=i.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===c?void 0:c.image,v=i.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:i&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const i=new FileReader;i.onloadend=()=>{t[a]=i.result,e.rerender({rerenderForm:!0})},i.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(i,p,v),g=!0),e("flexible-container",{isOpened:d},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:a("vehicle-image-wrapper",{loading:g})},e("div",{part:a("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:a("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),d=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(c,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:i})=>{var o,n;let r=null===(o=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===o?void 0:o.toLowerCase();const t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let c,d=-1;return(null==a?void 0:a.dynamic)?(c=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const i=v(e,l["item-value"]),o=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?o:i,label:o};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),c.forEach(((e,l)=>{var i,o;a.defaultValue||!r||(null===(i=null==e?void 0:e.label)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.value}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(c=(await u.json()).data,c=c.map(((e,l)=>{var i,o,n,t,u;return a.defaultValue||!r||(null===(i=null==e?void 0:e.GradeName)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.id}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(c=await u.json(),c=c.map(((e,l)=>{var i,o;return a.defaultValue||!r||(null===(i=null==e?void 0:e.Title)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.ID}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),i.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:d>-1?null===(n=c[d])||void 0===n?void 0:n.value:"",c},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.branchApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.vacancyApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.cityApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(i,null)})),time:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(a.span)&&Array.isArray(a.min)&&Array.isArray(a.max)&&a.format){let l=n({offsets:a.min}),i=n({offsets:a.max});for(;o.isBefore(l,i)||o.isEqual(l,i);)e.push({value:o.format(l,a.format),label:o.format(l,a.format)}),l=n({offsets:a.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const i=(null==a?void 0:a.min)||(new Date).getFullYear()-20,o=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=i;e<=o;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,i,o,r,t,u,c,v;let d=[...n];return(null==a?void 0:a.firstOption)&&(d=[{label:(null===(i=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===i?void 0:i[e])||"",value:(null===(r=null===(o=null==a?void 0:a.firstOption)||void 0===o?void 0:o.value)||void 0===r?void 0:r[e])||""},...d]),(null==a?void 0:a.lastOption)&&(d=[...d,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(c=null==a?void 0:a.lastOption)||void 0===c?void 0:c.value)||void 0===v?void 0:v[e])||""}]),d},language:l}))},currentVehicleBrand:({form:l,language:a,props:i,locale:o})=>e("form-select",Object.assign({key:null==i?void 0:i.name},i,{searchable:!0,fetcher:async({signal:e})=>{var a;const i=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(i,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:o.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},i,{searchable:!0,key:null==i?void 0:i.name,fetcher:async({})=>{var e,a;if(!n)return[];const i=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return i?[...null==i?void 0:i.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:o.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,i,o,n;return[{value:"yes",label:null===(i=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===i?void 0:i.yes},{value:"no",label:null===(n=null===(o=null==a?void 0:a.localization)||void 0===o?void 0:o[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==i?void 0:i.name},i,{searchable:!0,fetcher:async({signal:e})=>{const l=null==i?void 0:i.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==i?void 0:i.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:o.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},i,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...null==n?void 0:n.Models.map((e=>({label:e.Name,value:(null==i?void 0:i.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:o.Other}]:[]},key:null==i?void 0:i.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{d as g}

package/dist/components/p-iTJ5pT2w.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as o}from"./index.js";const t=t=>o("svg",Object.assign({fill:"none"},t,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),o("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),o("path",{d:"M12 9v4"}),o("path",{d:"M12 17h.01"}));export{t as T}

package/dist/components/p-pnQgLSsX.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as v}from"./index.js";const l=l=>v("svg",{class:l.class,viewBox:l.viewBox||"-5 -5 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17 7H7V6h10v1zm0 12H7v-6h10v6zm2-12V3H5v4H1v8.996C1 17.103 1.897 18 3.004 18H5v3h14v-3h1.996A2.004 2.004 0 0 0 23 15.996V7h-4z",fill:l.fill||"rgb(252, 248, 227)"}));export{l as P}