npm - adp-web-components - Versions diffs - 0.0.94 → 0.0.95 - Mend

adp-web-components 0.0.94 → 0.0.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/dist/components/p-BSP1ayje.js ADDED Viewed

@@ -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 r}from"./p-BK16Cn81.js";import{V as i}from"./p-B1fdQNyr.js";import{s,a as l}from"./p-C4zpDhOi.js";import{y as n,c,s as p,a as d,g as w}from"./p-CIaM3UPL.js";import{A as b,d as g,P as h}from"./p-BVPVJguA.js";import{E as x}from"./p-Ce4X3l8Z.js";import{d as v}from"./p-BGe0MyLF.js";import{d as m}from"./p-DXGHyX7G.js";const f={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="},y=({item:e,locale:a,addStatusClass:o,setClaimableItemPopover:i})=>{const s=t=>{t.target.classList.remove("load-animation")},l=t=>i(!0,e,null==t?void 0:t.target),n=()=>i(!1);return t("div",{class:r("claimable-item",{[e.status]:o})},t("div",{class:"claimable-item-container"},t("div",{onBlur:n,onClick:l,onMouseEnter:l,onMouseLeave:n,onAnimationEnd:s,class:"claimable-item-header load-animation"},t("img",{src:f[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)))},u=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"})),k=[{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"},{label:"claimingCompany",key:"companyName"},{label:"invoiceNumber",key:"invoiceNumber"},{label:"jobNumber",key:"jobNumber"},{label:"packageCode",key:"packageCode"}],I=({locale:e,item:a,targetLocation:o,showPopover:i,claim:s})=>{let l=o.bottom+19;const n=(null==a?void 0:a.claimable)?378:322,c=n+l+10>window.innerHeight;c&&(l=o.top-n-19),o.left<41&&(o.left=41),o.left>window.innerWidth-41&&(o.left=window.innerWidth-41);let p=o.left-200,d=0;const w=o.left-200,g=o.left+200;return w-16<0&&(d+=16-w),g+16>window.innerWidth&&(d-=g+16-window.innerWidth),t("div",{"aria-expanded":i.toString(),dir:e.sharedLocales.direction,style:{top:`${l}px`,left:`${p}px`},class:"claimable-item-popover"},t("div",{class:"popover-relative-container"},t("div",{class:r("popover-arrow-icon",{flipped:c})},t(u,{class:"popover-arrow-icon-svg"}),t("div",{class:"popover-arrow-bottom-line"})),t("div",{style:{transform:`translateX(${d}px)`},class:"popover-body"},k.map((o=>t("div",{class:"popover-info-row"},t("b",null,e[o.label]),t("div",null,a?(null==o?void 0:o.formatter)?o.formatter(a):a[o.key]:"")))),(null==a?void 0:a.claimable)&&t("button",{onClick:()=>s&&s(a),class:"claim-button"},t(b,null),t("span",null,e.claim)))))},C=c({claimForm:n(["uploadSingleDocument","uploadMultipleDocument","serviceType","name","print","expand","documentLimitError","documentRequiredError","activationDate","expireDate","packageCode","scanTheVoucher","qrCode","processing","enterServiceInfo","invoice","jobNumber","claim"])}).concat(n(["serviceType","activationDate","expireDate","claimAt","claimingCompany","invoiceNumber","jobNumber","packageCode","claim","processed","expired","cancelled","pending","warning","activateNow","print","successFulClaimMessage","activationRequired","warrantyAndServicesNotActivated"]));const z=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:p.getDefault()},C.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.uploadMultipleDocumentsAtTheForm=!0,this.isError=!1,this.isLoading=!1,this.maximumDocumentFileSizeInMb=30,this.claimEndPoint="api/vehicle/swift-claim",this.activeTab="",this.showPrintBox=!1,this.tabAnimationLoading=!1,this.lastSuccessfulClaimResponse=null,this.showClaimableItemPopover=!1,this.tabs=[],this.popoverTargetLocation={left:0,bottom:0,top:0},this.getServiceItems=()=>{var t,e,a,o,r;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===(r=this.vehicleLookup)||void 0===r?void 0:r.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(),r=o.findIndex((t=>"pending"===t.status));if(-1!==r){const t=this.el.shadowRoot.querySelectorAll(".claimable-item")[r],e=this.el.shadowRoot.querySelector(".progress-lane"),{left:a}=t.getBoundingClientRect(),{width:i,left:s}=e.getBoundingClientRect();this.progressBar.style.width=`${((a-s)/i*100).toFixed(2)}%`,r===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.claimableItemPopoverRef)return;const{left:t,bottom:e,width:a,top:o}=this.claimableItemPopoverRef.getBoundingClientRect();this.popoverTargetLocation={left:t+a/2,bottom:e,top:o}},this.setClaimableItemPopover=(t,e,a)=>{t?(this.claimableItemPopoverRef=a,this.updatePopoverLocation(),this.selectedClaimItem=e,this.showClaimableItemPopover=!0):this.showClaimableItemPopover=!1},this.handleClaim=async t=>{var{documents:e}=t,a=function(t,e){var a={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(a[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(a[o[r]]=t[o[r]])}return a}(t,["documents"]);try{const t=new FormData;t.append("payload",JSON.stringify(Object.assign(Object.assign({},a),{vin:this.vehicleLookup.vin,serviceItem:this.claimForm.item,saleInformation:this.vehicleLookup.saleInformation}))),e&&e.length>0&&e.forEach((e=>{t.append("document",e)})),await new Promise(((e,a)=>{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 t=JSON.parse(o.responseText);this.completeClaim(t),e()}catch(t){console.error("Response is not valid JSON",{rawResponse:o.responseText,error:t}),a(new Error("Upload succeeded but response is not valid JSON"))}e()}else try{const t=JSON.parse(o.responseText);alert(t.Message)}catch(t){a(new Error(`Upload failed with status ${o.status}`))}},o.onerror=t=>{console.log(t),a(new Error("Network error"))},o.send(t)}))}catch(t){console.error(t),alert(this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater)}},this.handleDevClaim=async({documents:t})=>{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"})}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([d(t),w(t,"vehicleLookup.claimableItems",C)]);this.locale=Object.assign({sharedLocales:e},a)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await s(this,t,e,{beforeAssignment:async t=>(this.showPrintBox=!1,await this.parseGroupData(t),t)})}async setErrorMessage(t){l(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(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)}async disconnectedCallback(){window.removeEventListener("resize",this.updateProgressBar),this.claimableItemsBox&&this.claimableItemsBox.removeEventListener("scroll",this.updatePopoverLocation),window.removeEventListener("scroll",this.updatePopoverLocation),window.removeEventListener("resize",this.updatePopoverLocation)}async onVehicleChange(){setTimeout((()=>{this.updateProgressBar()}),50)}async completeClaim(t){const e=this.getServiceItems(),a=this.selectedClaimItem,o=JSON.parse(JSON.stringify(e)),r=e.indexOf(a),i=o.slice(0,r).filter((t=>"pending"===t.status));o[r].claimable=!1,o[r].status="processed",i.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;const a=this.getServiceItems(),o=JSON.parse(JSON.stringify(a)),r=a.indexOf(t);this.selectedClaimItem=t,o.slice(0,r).filter((t=>"pending"===t.status)),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;const a=this.getServiceItems(),s=!this.isLoading&&this.vehicleLookup&&!a.length,l=this.isLoading||this.isError||!this.tabs.length||!a.length,n=this.tabs.map((t=>t.name)),c=a.filter((t=>"activationRequired"===t.status)).length>0;return t(o,{key:"c77cef7ab6ec38fb9b1377bd46e7403e98ee3fe8"},t("vehicle-item-claim-form",{key:"65a7f9001c1d6dc3c6f16f07d97f36dfc6811fff",class:"vehicle-item-claim-form",maximumDocumentFileSizeInMb:this.maximumDocumentFileSizeInMb,uploadMultipleDocuments:this.uploadMultipleDocumentsAtTheForm,locale:Object.assign({sharedLocales:this.locale.sharedLocales},this.locale.claimForm)}),t(I,{key:"f296be4d76a9059cc4f73fc4c311f2bebc4bed9e",locale:this.locale,claim:this.claim.bind(this),item:this.selectedClaimItem,showPopover:this.showClaimableItemPopover,targetLocation:this.popoverTargetLocation}),t(i,{key:"6e7f2f6a4e0799f0b3c5bc9315cbd07f9ef126d6",isError:this.isError,coreOnly:this.coreOnly,header:null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,direction:this.locale.sharedLocales.direction,isLoading:this.isLoading||this.tabAnimationLoading,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"eebe5b8ac8105f01b3c9c96a7d1979d969a69f08",dir:"ltr",class:r("relative flex items-center h-[320px] transition-all duration-300",{loading:this.isLoading||this.tabAnimationLoading})},t("div",{key:"bf490d50c14bf0d278a1ed2bfc0c8663d64f7544",dir:this.locale.sharedLocales.direction,class:"absolute top-0 z-10 w-full pt-[16px]"},t("div",{key:"519973185938fd32cd87c194f2e5a9cef4781f54",class:r("duration-300",{"translate-y-[-50%] opacity-0":l})},t("shift-tabs",{key:"d2139ecbae9aeb19602f0250700c883c535ccd21",activeTabLabel:this.activeTab,changeActiveTab:this.onActiveTabChange,tabs:n}))),t("div",{key:"7beacc834bda72a6a21f7f5321c06893e67745d5",class:r("absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0",{"opacity-100":this.isLoading||this.tabAnimationLoading})},t("div",{key:"1b9cecb19cee82cc30a47849a262dde211154085",class:"w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0"},t("div",{key:"f55f642090ef262c4c7da7ed008ac1e93f52eb38",class:"absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full"}),t("div",{key:"2a6ea7b381a2da85c7626790993664ffbbd4bb58",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc"}),t("div",{key:"84c34043f1bd2943407ebe014cb3fdad3e4f05f9",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec"}))),t("div",{key:"bdc6a42a6c50c54f0356d61f088f1e77570bad1b",dir:this.locale.sharedLocales.direction,class:r("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&&(c||this.showPrintBox)})},t("span",{key:"c847649968307c4e22f326dfc488d068e6c35661",class:"font-semibold"},this.showPrintBox?this.locale.successFulClaimMessage:this.locale.warrantyAndServicesNotActivated),t("button",{key:"e930b9630fa0e821c0bf5e81b6cdde5e466434ca",class:"claim-button",onClick:this.showPrintBox?this.printLastClaimResponse:this.activateClaimItem},t(this.showPrintBox?h:b,{class:"size-[30px] duration-200"}),t("span",{key:"22e851a76d0e1df1d0aa3164eacae5fc9eda4314"},this.showPrintBox?this.locale.print:this.locale.activateNow))),t("div",{key:"d72928ee25539f5c40951c190f6625151a01b91e",class:"claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden"},t("div",{key:"1c91ae11ac2aec4c9ebebc8f2a688e82b2913b9b",class:"flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between"},t("div",{key:"249545fafec2f7bd798bea3b2fa3024d8cfa9dbc",class:r("progress-container-style progress-lane absolute overflow-hidden w-[calc(100%-0px)] translate-y-0 opacity-100",{"opacity-0":this.isLoading||this.tabAnimationLoading||s||!this.vehicleLookup})},t("div",{key:"8112a9b0ea323a930b0ddb503272ddb98e2f128f",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:"f66a2889e419c612597a05b8f02bce728965fbb6",class:"ml-[-125px]"}),a.map(((e,o)=>t(y,{item:e,locale:this.locale,setClaimableItemPopover:this.setClaimableItemPopover,addStatusClass:"pending"!==e.status||a.findIndex((t=>"pending"===t.status))===o}))),t("div",{key:"ae65f06aa7e5237b771b6cd481bd381ae4d598b3",class:"ml-[-125px]"})),t("div",{key:"8d8add515681887ccc9cfdc41a899c630d9cf6a9",dir:this.locale.sharedLocales.direction,class:r("absolute top-0 left-0 pointer-events-none size-full box-content flex flex-col justify-center opacity-0 transition duration-500 items-center text-slate-700",{"opacity-100 scale-100":s})},t(x,{key:"404bc3033e163f99779d3f545fe0dbdcc644242b",class:"size-[90px]"}),t("div",{key:"8a0b694a82a559441cebd495112ff55c1d0919cc",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.15 | 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-auto{pointer-events:auto!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.bottom-\\[12px\\]{bottom:12px}.bottom-\\[calc\\(100\\%-12px\\)\\]{bottom:calc(100% - 12px)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[4\\.5px\\]{left:4.5px}.top-0{top:0}.top-\\[27\\.75px\\]{top:27.75px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[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-\\[40px\\]{height:40px;width:40px}.h-0{height:0}.h-\\[1\\.5px\\]{height:1.5px}.h-\\[10px\\]{height:10px}.h-\\[35px\\]{height:35px}.w-0{width:0}.w-\\[220px\\]{width:220px}.w-\\[30px\\]{width:30px}.w-\\[400px\\]{width:400px}.w-\\[80\\%\\]{width:80%}.w-fit{width:fit-content}.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}.gap-\\[3px\\]{gap:3px}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.rounded-\\[5px\\]{border-radius:5px}.rounded-full{border-radius:9999px}.border{border-width:1px}.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-\\[\\#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-\\[\\#f9f9f9\\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/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}.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}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.pt-\\[2px\\]{padding-top:2px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-\\[\\#00a300\\]{--tw-text-opacity:1;color:rgb(0 163 0/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-\\[\\#a80000\\]{--tw-text-opacity:1;color:rgb(168 0 0/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}.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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;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!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{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:4px!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-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content;z-index:50}.claimable-item-popover:hover,.claimable-item-popover[aria-expanded=true]{opacity:1!important;pointer-events:auto!important}.claimable-item-popover:hover *,.claimable-item-popover[aria-expanded=true] *{pointer-events:auto!important}.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:400px;z-index:10}.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;height:35px;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}.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;text-align:center}.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:Arial}.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\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.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}.w-full{width:100%}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.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))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.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}.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}.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-\\[4px\\]{border-radius:4px}.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}.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))}.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)}.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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) 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-\\[45deg\\]{--tw-rotate:45deg}.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%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y: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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/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))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.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))}'}},[1,"vehicle-claimable-items",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],uploadMultipleDocumentsAtTheForm:[4,"upload-multiple-documents-at-the-form"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],print:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],claimEndPoint:[1,"claim-end-point"],activate:[16],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],activeTab:[32],showPrintBox:[32],tabAnimationLoading:[32],lastSuccessfulClaimResponse:[32],showClaimableItemPopover:[32],selectedClaimItem:[32],tabs:[32],popoverTargetLocation:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64],completeClaim:[64],claim:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}]);function A(){"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,z);break;case"flexible-container":customElements.get(t)||v();break;case"shift-tabs":customElements.get(t)||m();break;case"vehicle-item-claim-form":customElements.get(t)||g()}}))}A();export{z as V,C as c,A as d}

package/dist/components/{p-B2EAhWbD.js → p-BVPVJguA.js} RENAMED Viewed

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as t,p as e,H as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{M as r}from"./p-piZ41_ho.js";import{o as s,e as l,I as n,c as d}from"./p-BG8YXzND.js";import{d as c}from"./p-COU68JDH.js";const p=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"stroke-width":"0"}),t("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),t("g",null,t("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),h=e=>t("svg",{class:e.class,viewBox:"-5 -5 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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:"rgb(252, 248, 227)"})),x=e=>t("svg",{class:e.class,fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M5 12h14"}),t("path",{d:"M12 5v14"})),w=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none","stroke-width":"2",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("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"}),t("path",{d:"M12 9v4"}),t("path",{d:"M12 17h.01"})),b=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round",xmlns:"http://www.w3.org/2000/svg","stroke-linejoin":"round"},t("path",{d:"M20 6 9 17l-5-5"})),f=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})),g=e=>t("svg",{class:e.class,stroke:"currentColor",fill:"none",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},t("g",{id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{id:"SVGRepo_iconCarrier"},t("g",null,t("g",null,t("path",{d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),t("g",null,t("g",null,t("path",{d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),t("g",null,t("g",null,t("path",{d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),t("g",null,t("g",null,t("path",{d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),t("g",null,t("g",null,t("path",{d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),t("g",null,t("g",null,t("path",{d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),t("g",null,t("g",null,t("path",{d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),t("g",null,t("g",null,t("path",{d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),t("g",null,t("g",null,t("path",{d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),t("g",null,t("g",null,t("path",{d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),t("g",null,t("g",null,t("path",{d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),t("g",null,t("g",null,t("path",{d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),v=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.expandedImage="",this.uploadMultipleDocuments=!0,this.uploadProgress=0,this.isOpened=!1,this.isLoading=!1,this.confirmationStates={},this.errors={},this.inputs={documents:[]},this.setErrorValue=(t,e)=>{const o=this.errors[t]||{};this.errors=Object.assign(Object.assign({},this.errors),{[t]:Object.assign(Object.assign({},o),e)})},this.setInputValue=(t,e)=>{this.inputs=Object.assign(Object.assign({},this.inputs),{[t]:e})},this.onFileUploaderChange=t=>{var e,o,a,i,r;const s=t.target;if(!s.files)return;const l=parseInt(s.dataset.maxSize||"0",10),n=this.uploadMultipleDocuments?Array.from(s.files):[s.files[0]];s.value="";let d=!1;const c=n.filter((t=>{var e,o;return t.size<=l?!(null===(o=null===(e=this.inputs)||void 0===e?void 0:e.documents)||void 0===o?void 0:o.some((e=>e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified))):(d=!0,!1)}));this.setInputValue("documents",this.uploadMultipleDocuments?[...(null===(e=this.inputs)||void 0===e?void 0:e.documents)||[],...c]:c),d?this.setErrorValue("documents",{show:!0,text:"documentLimitError"}):((null===(o=this.errors)||void 0===o?void 0:o.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1}),"ClaimByScanningQRCode"===(null===(i=this.item)||void 0===i?void 0:i.claimingMethodEnum)?(null===(r=this.inputs)||void 0===r?void 0:r.qrCode)&&this.submit():this.focusInputs())},this.onDocumentButtonClicked=()=>{const t=this.el.shadowRoot.querySelector(".document-uploader");t&&t.click()},this.focusInputs=()=>{setTimeout((()=>{const t=this.el.shadowRoot.querySelectorAll('input[type="text"]'),e=Array.from(t).find((t=>!t.disabled&&!t.readOnly));e&&e.focus()}),50)},this.focusEmptyInputs=()=>{var t,e;const o=this.el.shadowRoot.querySelectorAll('input[type="text"]'),a=Array.from(o).find((t=>{var e;return!(null===(e=t.value)||void 0===e?void 0:e.trim())}));a&&a.focus(),(null===(t=this.item)||void 0===t?void 0:t.documentUploaderIsRequired)&&!(null===(e=this.inputs)||void 0===e?void 0:e.documents.length)&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})},this.submit=async()=>{var t,e,o,a,i,r,s,l;if(!this.getIsFormValid())return this.focusEmptyInputs();this.getIsFormConfirmed()&&((null===(t=this.item)||void 0===t?void 0:t.showDocumentUploader)&&(null===(e=this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!(null===(a=null===(o=this.inputs)||void 0===o?void 0:o.documents)||void 0===a?void 0:a.length)?this.setErrorValue("documents",{show:!0,text:"documentRequiredError"}):(this.isLoading=!0,this.handleClaiming&&await this.handleClaiming({qrCode:null===(i=this.inputs)||void 0===i?void 0:i.qrCode,invoice:null===(r=this.inputs)||void 0===r?void 0:r.invoice,documents:null===(s=this.inputs)||void 0===s?void 0:s.documents,jobNumber:null===(l=this.inputs)||void 0===l?void 0:l.jobNumber}),this.close(!0)))},this.onConfirmCheckboxChange=t=>e=>{const o=e.target;this.confirmationStates=Object.assign(Object.assign({},this.confirmationStates),{[t]:o.checked}),this.getIsFormConfirmed&&this.focusInputs()},this.getIsFormConfirmed=()=>{var t,e;if(Array.isArray(null===(t=this.item)||void 0===t?void 0:t.warnings))for(let t=0;t<(null===(e=this.item)||void 0===e?void 0:e.warnings.length);t++){const e=this.item.warnings[t];if((null==e?void 0:e.confirmationText)&&!this.confirmationStates[e.key])return!1}return!0},this.getIsFormValid=()=>{var t,e,o,a,i,r,s,l,n;if("ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)){if(!(null===(o=null===(e=this.inputs)||void 0===e?void 0:e.qrCode)||void 0===o?void 0:o.trim().length))return!1}else{if(!(null===(i=null===(a=this.inputs)||void 0===a?void 0:a.invoice)||void 0===i?void 0:i.trim().length))return!1;if(!(null===(s=null===(r=this.inputs)||void 0===r?void 0:r.jobNumber)||void 0===s?void 0:s.trim().length))return!1}return!((null===(l=this.item)||void 0===l?void 0:l.documentUploaderIsRequired)&&!(null===(n=this.inputs)||void 0===n?void 0:n.documents.length))},this.resetState=()=>{this.item=null,this.errors={},this.inputs={documents:[]},this.isLoading=!1,this.confirmationStates={}},this.clearFile=t=>{var e,o,a;if("number"==typeof t){const o=this.inputs.documents.filter(((e,o)=>o!==t));this.setInputValue("documents",o),(null===(e=null==this?void 0:this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!o.length&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})}else t.stopPropagation(),this.setInputValue("documents",[]),(null===(o=this.errors)||void 0===o?void 0:o.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1})},this.onKeyDown=t=>{"Enter"===t.key&&this.submit()}}onImageViewerToggles(t){window.removeEventListener("keydown",this.closeModalListenerRef),console.log(t),null===t&&setTimeout((()=>{this.closeModalListenerRef=t=>"Escape"===t.key&&this.close(),window.addEventListener("keydown",this.closeModalListenerRef)}),200)}async open(){this.isOpened=!0,document.body.style.overflow="hidden",this.focusInputs(),window.removeEventListener("keydown",this.closeModalListenerRef),this.closeModalListenerRef=t=>"Escape"===t.key&&this.close(),window.addEventListener("keydown",this.closeModalListenerRef)}onIsLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async close(t=!1){this.isLoading&&!t||(this.isOpened=!1,document.body.style.overflow="auto",await new Promise((t=>setTimeout(t,500))),this.resetState(),window.removeEventListener("keydown",this.closeModalListenerRef))}async setFileUploadProgression(t){this.uploadProgress=t}render(){var e,o,c,v,u,y,m,k,z,j,C,M,S,X,Y,_,H,I,V,E,L,B,O,A,R,T;const D="ClaimByScanningQRCode"===(null===(e=this.item)||void 0===e?void 0:e.claimingMethodEnum),q=!this.getIsFormConfirmed()||this.isLoading,$=this.getIsFormValid();return t(a,{key:"68bf42046badf6483d96a3d0d246997f78afc837"},t(n,{key:"1c3b053514955c9926d0dff574515d9c91721ba3",style:{"z-index":"99999999"},expandedImage:this.expandedImage,imageStyle:{"z-index":"999999999"},closeImageViewer:()=>d.bind(this)()}),t("div",{key:"5a3e4dd1652450520791a871ad0afadd0d5a1f2c",dir:this.locale.sharedLocales.direction,class:i("min-w-[100dvw] pointer-events-none h-[100dvh] bg-white fixed top-0 left-0 z-[999] flex flex-col transition duration-500 scale-[110%] opacity-0 justify-between p-[50px] box-border overflow-auto",{"opacity-1 scale-100 pointer-events-auto":this.isOpened})},t("button",{key:"d11ef680cbf3e0eed7c18257547bc6584188a8d0",disabled:this.isLoading,onClick:this.close.bind(this),class:"disabled:opacity-50 transition absolute right-[50px] duration-500 rounded-full enabled:hover:bg-red-200 enabled:hover:text-red-400 text-black enabled:hover:scale-[150%] enabled:hover:rotate-[135deg] size-[35px] rotate-[45deg]"},t(x,{key:"bb82189a466165e3679366500ecee1cbc6eea49b",class:"stroke-[1.5px]"})),t("div",{key:"376be70e1bf25a40ba04529dc8e7c094610dc179",class:"flex flex-col h-full gap-[32px] justify-between"},t("div",{key:"adfda45afa90a773ba53e5c09d4a2bc38c992974",class:"flex mt-[50px] flex-col shrink-0 gap-[20px]"},t("div",{key:"bdc0e739e70f362f3b186df490b28a271d19eb9b",class:"border overflow-hidden rounded-[6px] border-[#dcdcdc] box-border"},t("div",{key:"0e8ec265b6364ec1e76b162e258ac84fceddd4bc",class:"relative text-[16px] h-[50px] font-semibold flex items-center justify-center bg-[#f6f6f6]"},this.vin,!!(null===(o=this.item)||void 0===o?void 0:o.printUrl)&&t("button",{key:"cc5ebfbb4fde8a4b9858a7804beeac53eee65c27",class:"outline-button absolute end-[16px]",onClick:()=>window.open(this.item.printUrl,"_blank").focus()},t(h,{key:"fdac2505adaba1430443d33050d0fc7455cf1d93",class:"size-[30px] duration-200"}),t("span",{key:"32f48945b8912f4b909f7826ce9f6c098f7a4176"},this.locale.print))),t("div",{key:"f2b0ce9cd68dda03b202dcba31acd54bf9dfc2fb",class:"overflow-hidden flex p-[22px] [&_div]:min-w-[200px] gap-[32px] flex-wrap justify-center"},t(r,{key:"b8ed2882ccc70f95d5dd141d64efc8c20a34922c",title:this.locale.serviceType},null===(c=this.item)||void 0===c?void 0:c.type),t(r,{key:"f0c9bd861be008a94dfb9de30cced23812459307",title:this.locale.name},null===(v=this.item)||void 0===v?void 0:v.name),t(r,{key:"46fdf7c4d4873c8473b48097d59b5bec5bed8ec9",title:this.locale.activationDate},null===(u=this.item)||void 0===u?void 0:u.activatedAt),t(r,{key:"f43414b58f77fd1861ef542ea398fef88cd16735",title:this.locale.expireDate},null===(y=this.item)||void 0===y?void 0:y.expiresAt),t(r,{key:"0eab1ed8fb785e3b80a51f174e0849a11490544c",title:this.locale.packageCode},null===(m=this.item)||void 0===m?void 0:m.packageCode))),Array.isArray(null===(k=this.item)||void 0===k?void 0:k.warnings)&&this.item.warnings.map((e=>t("div",{key:e.key,class:"border overflow-hidden rounded-[6px] border-[#ff9100] box-border"},t("div",{class:"text-[16px] px-[22px] h-[50px] font-semibold flex items-center gap-[8px] bg-[#ff91001a]"},t(w,{class:"size-[25px] text-[#ff9100]"})," ",e.title),t("div",{class:"p-[16px]"},t("div",{class:"text-[16px] flex-col items-center md:flex-row flex gap-[16px]"},t("div",{class:"flex-1",innerHTML:e.bodyContent}),(null==e?void 0:e.imageUrl)&&t("button",{onClick:({target:t})=>s.bind(this)(t,null==e?void 0:e.imageUrl),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},t("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},t("img",{src:l}),t("span",{class:"text-white"},this.locale.expand)),t("img",{class:"w-auto h-auto max-w-[200px] max-h-[200px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:null==e?void 0:e.imageUrl}))),(null==e?void 0:e.confirmationText)&&t("label",{class:i("select-none text-[16px] flex font-semibold group items-center px-[16px] gap-[10px] mt-[20px] h-[36px] transition duration-300 rounded-[6px] cursor-pointer text-[#663c00] bg-[#ff91001a] border border-[#ffd28f]",{"hover:bg-[#fff8e1]":!this.isLoading,"opacity-50 pointer-events-none":this.isLoading})},t("input",{type:"checkbox",class:"peer sr-only",disabled:this.isLoading,checked:!!this.confirmationStates[e.key],onChange:this.onConfirmCheckboxChange(e.key)}),t("div",{class:"size-[20px] rounded border border-[#ffb74d] transition duration-300 text-transparent peer-checked:text-white peer-checked:bg-[#ff9100] peer-checked:border-[#ff9100] flex items-center justify-center"},t(b,{class:"size-[18px]"})),null==e?void 0:e.confirmationText)))))),t("div",{key:"720375915cd8759c3876c6e29eb891d7a95db7b6",class:i("flex flex-col shrink-0 my-auto gap-[20px] h-fit p-[50px] border-[2px] border-[#3071a9] transition duration-500 items-center rounded-[8px] shadow-lg bg-[#f4f4f4]",{"border-[#f4f4f4]":this.isLoading})},t("div",{key:"df0317422a3bf7a4f4959051ca0b6775e6f97195",class:"relative w-[200px] h-[140px]"},t("div",{key:"f2fffeb225253711875ae9dd18e5dc2373cf4edd",class:i("absolute size-full transition-all duration-500 flex flex-col items-center gap-[12px] left-0 top-0",{"left-full opacity-0":this.isLoading})},t(g,{key:"e62acf3c9105801311b513f811c519d4d9ec6d7e",class:"size-[100px] fill-[#3071a9] text-[#3071a9]"}),t("div",{key:"83b70c98685c2e0a61276aa9d49c53b317ae2fa4",class:"text-[16px] text-[#3071a9] font-semibold"},D?this.locale.scanTheVoucher:this.locale.enterServiceInfo)),t("div",{key:"821c19a531e2fc90eb844055ffbea8aeddd5d9c6",class:i("absolute size-full opacity-0 transition-all duration-500 -left-full flex flex-col gap-[12px] items-center",{"left-0 opacity-100":this.isLoading})},t("div",{key:"346408e4c016fbfc03ab9ed174c90f39c8fc3b1a",class:i("relative size-[100px] flex items-center justify-center")},t("div",{key:"c18f5bd47ade67c034a3f94eb0e6097dd96d16d7",class:"lds-ripple"}),t("div",{key:"1a57578950e817dea2ba60ca64bd0b4b64d77cdf",class:"lds-ripple"})),(null===(z=this.item)||void 0===z?void 0:z.showDocumentUploader)&&this.inputs.documents.length?t("div",{class:"relative border-[#3071a9] text-[#3071a9] text-[16px] w-[300px] border-[2px] font-semibold h-[30px] overflow-hidden rounded-full flex items-center justify-center"},t("span",{class:"relative z-20"},this.locale.processing," ",`${this.uploadProgress}%`),t("div",{style:{width:`${this.uploadProgress}%`,background:`linear-gradient(to right, rgba(219, 234, 254, ${Math.min(.1+this.uploadProgress/100,1)}), rgba(191, 219, 254, ${Math.min(.15+this.uploadProgress/100,1)}), rgba(147, 197, 253, ${Math.min(.2+this.uploadProgress/100,1)}))`},class:"absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out"})):t("div",{class:"text-[16px] text-[#3071a9] font-semibold"},this.locale.processing))),(null===(j=this.item)||void 0===j?void 0:j.showDocumentUploader)&&t("div",{key:"3ce09c1b7eeb5d06f7d4f62f2e13a99e9e2a2832",class:"flex mb-[16px] w-full flex-col"},t("input",{key:"4711e3ad8c4c844fdc4aeea2b822afb6c959f35e",hidden:!0,type:"file",class:"document-uploader",disabled:this.isLoading,accept:"image/*,application/pdf",onChange:this.onFileUploaderChange,multiple:this.uploadMultipleDocuments,"data-max-size":1024*this.maximumDocumentFileSizeInMb*1024}),t("div",{key:"c6cfa5ff09f3b9a7fa850778cc1a8406b1470ffb",onClick:this.onDocumentButtonClicked,class:i("overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]",{"pointer-events-none bg-[#d5d5d5] cursor-default":q})},t("div",{key:"762740b15f1a1969a00f3c731655b2b1e19664fa",title:this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,class:"max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis"},this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,(null===(C=null==this?void 0:this.item)||void 0===C?void 0:C.documentUploaderIsRequired)&&!(null===(M=this.inputs)||void 0===M?void 0:M.documents.length)&&t("span",{key:"4d94c48440cf1d230da3b913d2f6b580ec288c61",class:i("ps-[4px] text-red-500",{"text-white":q})},"*")),t("button",{key:"6f243a97f7cf5d451baf94c326f55d405be24535",onClick:this.clearFile,class:i("overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]",{"pointer-events-none cursor-default":!(null===(S=this.inputs)||void 0===S?void 0:S.documents.length)})},t(f,{key:"69ba9c0fce73213affef7c226a27c8fab4e168f1",class:i("size-[24px] absolute transition duration-500",{"-translate-y-[32px]":!!(null===(X=this.inputs)||void 0===X?void 0:X.documents.length)})}),t(x,{key:"3fb8beb241965d6c7978aedb8162c05e23a0fbbc",class:i("size-[24px] rotate-[45deg] absolute transition translate-y-[32px] duration-500",{"translate-y-0":!!(null===(Y=this.inputs)||void 0===Y?void 0:Y.documents.length)})}))),t("flexible-container",{key:"35a261615caa5d8b1298aedd18041cd1938d78e2",isOpened:!!(null===(H=null===(_=this.errors)||void 0===_?void 0:_.documents)||void 0===H?void 0:H.show)},t("div",{key:"a550ee88124dd9dac42676537043001dc8eebf09",class:"text-red-700 w-fit mx-auto pt-[8px]"},"documentLimitError"===(null===(V=null===(I=this.errors)||void 0===I?void 0:I.documents)||void 0===V?void 0:V.text)?this.locale.documentLimitError+`${this.maximumDocumentFileSizeInMb}Mb`:this.locale.documentRequiredError||this.locale.sharedLocales.errors.wildCard)),t("flexible-container",{key:"eea0f00692335fe33a28d249f74702072ffbdfd3",isOpened:!!(null===(L=null===(E=this.inputs)||void 0===E?void 0:E.documents)||void 0===L?void 0:L.length),containerClasses:""},t("div",{key:"eee5774648c156c8e7f71803b861fa64bf169346",class:"flex w-full pt-[16px] flex-wrap justify-center gap-[16px]"},null===(O=null===(B=this.inputs)||void 0===B?void 0:B.documents)||void 0===O?void 0:O.map(((e,o)=>{var a;return t("div",{class:i("flex relative overflow-hidden max-w-[400px] items-center justify-between gap-[20px] bg-slate-400 rounded-[4px] text-white text-[14px]",{"pointer-events-none bg-[#d5d5d5] cursor-default":q})},t("span",{title:e.name,class:"truncate ps-[16px] py-[8px]"},e.name),t("button",{disabled:q,onClick:()=>this.clearFile(o),class:i("overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]",{"pointer-events-none cursor-default":!(null===(a=this.inputs)||void 0===a?void 0:a.documents.length)})},t(x,{class:"size-[24px] rotate-[45deg]"})))}))))),D&&t("div",{key:"26d98b8f4214d2ec2df7dcc360ba39af29f8bc40",class:"overflow-hidden w-full"},t("input",{key:"f1f00cff8e82845ddcc138e232b72525091854c6",dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:q,onBlur:this.focusInputs,onKeyDown:this.onKeyDown,value:null===(A=this.inputs)||void 0===A?void 0:A.qrCode,placeholder:this.locale.qrCode,onInput:t=>this.setInputValue("qrCode",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"})),!D&&t("div",{key:"ebdb3667b0d0785ff7f226e189f0ce8a86af97a0",class:"flex w-full overflow-hidden gap-[75px]"},t("input",{key:"eb25f844d143e5c1e2c21070fabd2502adba2861",dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:q,onKeyDown:this.onKeyDown,value:null===(R=this.inputs)||void 0===R?void 0:R.invoice,placeholder:this.locale.invoice,onInput:t=>this.setInputValue("invoice",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"}),t("input",{key:"f6979a7700afcf58e43d6a8f2c040790553c4ddf",dir:"ltr",type:"text",spellcheck:"false",autocomplete:"off",disabled:q,onKeyDown:this.onKeyDown,value:null===(T=this.inputs)||void 0===T?void 0:T.jobNumber,placeholder:this.locale.jobNumber,onInput:t=>this.setInputValue("jobNumber",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"})),t("button",{key:"bf285fd6413dcc8cde6d527813db1e16307468d0",onClick:this.submit,disabled:!$||q,class:"text-[22px] transition duration-500 hover: mt-[16px] disabled:opacity-50 text-white w-full max-w-[250px] px-[8px] h-[40px] enabled:hover:scale-110 flex gap-[8px] border rounded-[4px] enabled:shadow items-center justify-center border-[#27ae60] bg-[#32b267] enabled:hover:border-[#27ae5fc1] enabled:hover:bg-[#32b267c7]"},t(p,{key:"ad380f096290a206a19449928f42efb5550adc30",class:"size-[30px] [&_circle]:fill-white stroke-white text-red-300"}),t("span",{key:"5d6ffb12f5c2ebe79d483141e3eb5c012d185e11"},this.locale.claim))),t("div",{key:"f30065ad52e07d019c196e7ad36e0b25d8ec23e1",class:"shrink-0 h-[16px]"}))))}get el(){return this}static get watchers(){return{expandedImage:["onImageViewerToggles"],isLoading:["onIsLoadingChange"]}}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.15 | 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}.fixed{position:fixed}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.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}.items-center{align-items:center}.gap-\\[3px\\]{gap:3px}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[4px\\]{border-width:4px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.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)}.duration-200{transition-duration:.2s}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block}*{font-family:Arial}.lds-ripple{--tw-border-opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-color:rgb(48 113 169/var(--tw-border-opacity,1));border-radius:9999px;border-width:4px;box-sizing:border-box;position:absolute;z-index:10}.lds-ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}.sign-document-info:hover .tooltip{opacity:1}.outline-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}.outline-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))}.outline-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.outline-button circle{fill:#2ecc71}.outline-button circle:hover{fill:#fff}.outline-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))}.outline-button path{transition:.2s}.outline-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.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))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.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}.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))}.pointer-events-none{pointer-events:none}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.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))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.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}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.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-\\[4px\\]{border-radius:4px}.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}.text-\\[16px\\]{font-size: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))}.opacity-100{opacity:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) 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-\\[45deg\\]{--tw-rotate:45deg}.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%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y: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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/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))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}'}},[1,"vehicle-item-claim-form",{vin:[1],item:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],uploadMultipleDocuments:[4,"upload-multiple-documents"],loadingStateChange:[16,"loading-state-change"],locale:[16],handleClaiming:[16,"handle-claiming"],expandedImage:[32],uploadProgress:[32],isOpened:[32],isLoading:[32],confirmationStates:[32],errors:[32],inputs:[32],open:[64],close:[64],setFileUploadProgression:[64]},void 0,{expandedImage:["onImageViewerToggles"],isLoading:["onIsLoadingChange"]}]);function u(){"undefined"!=typeof customElements&&["vehicle-item-claim-form","flexible-container"].forEach((t=>{switch(t){case"vehicle-item-claim-form":customElements.get(t)||customElements.define(t,v);break;case"flexible-container":customElements.get(t)||c()}}))}u();export{p as A,h as P,v as V,u as d}
+import{h as t,p as e,H as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{M as r}from"./p-piZ41_ho.js";import{o as s,e as l,I as n,c as d}from"./p-BG8YXzND.js";import{d as c}from"./p-BGe0MyLF.js";const p=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"stroke-width":"0"}),t("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),t("g",null,t("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),h=e=>t("svg",{class:e.class,viewBox:"-5 -5 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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:"rgb(252, 248, 227)"})),x=e=>t("svg",{class:e.class,fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M5 12h14"}),t("path",{d:"M12 5v14"})),w=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none","stroke-width":"2",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("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"}),t("path",{d:"M12 9v4"}),t("path",{d:"M12 17h.01"})),b=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round",xmlns:"http://www.w3.org/2000/svg","stroke-linejoin":"round"},t("path",{d:"M20 6 9 17l-5-5"})),f=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})),g=e=>t("svg",{class:e.class,stroke:"currentColor",fill:"none",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},t("g",{id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{id:"SVGRepo_iconCarrier"},t("g",null,t("g",null,t("path",{d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),t("g",null,t("g",null,t("path",{d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),t("g",null,t("g",null,t("path",{d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),t("g",null,t("g",null,t("path",{d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),t("g",null,t("g",null,t("path",{d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),t("g",null,t("g",null,t("path",{d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),t("g",null,t("g",null,t("path",{d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),t("g",null,t("g",null,t("path",{d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),t("g",null,t("g",null,t("path",{d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),t("g",null,t("g",null,t("path",{d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),t("g",null,t("g",null,t("path",{d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),t("g",null,t("g",null,t("path",{d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),t("g",null,t("g",null,t("path",{d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),v=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.expandedImage="",this.uploadMultipleDocuments=!0,this.uploadProgress=0,this.isOpened=!1,this.isLoading=!1,this.confirmationStates={},this.errors={},this.inputs={documents:[]},this.setErrorValue=(t,e)=>{const o=this.errors[t]||{};this.errors=Object.assign(Object.assign({},this.errors),{[t]:Object.assign(Object.assign({},o),e)})},this.setInputValue=(t,e)=>{this.inputs=Object.assign(Object.assign({},this.inputs),{[t]:e})},this.onFileUploaderChange=t=>{var e,o,a,i,r;const s=t.target;if(!s.files)return;const l=parseInt(s.dataset.maxSize||"0",10),n=this.uploadMultipleDocuments?Array.from(s.files):[s.files[0]];s.value="";let d=!1;const c=n.filter((t=>{var e,o;return t.size<=l?!(null===(o=null===(e=this.inputs)||void 0===e?void 0:e.documents)||void 0===o?void 0:o.some((e=>e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified))):(d=!0,!1)}));this.setInputValue("documents",this.uploadMultipleDocuments?[...(null===(e=this.inputs)||void 0===e?void 0:e.documents)||[],...c]:c),d?this.setErrorValue("documents",{show:!0,text:"documentLimitError"}):((null===(o=this.errors)||void 0===o?void 0:o.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1}),"ClaimByScanningQRCode"===(null===(i=this.item)||void 0===i?void 0:i.claimingMethodEnum)?(null===(r=this.inputs)||void 0===r?void 0:r.qrCode)&&this.submit():this.focusInputs())},this.onDocumentButtonClicked=()=>{const t=this.el.shadowRoot.querySelector(".document-uploader");t&&t.click()},this.focusInputs=()=>{setTimeout((()=>{const t=this.el.shadowRoot.querySelectorAll('input[type="text"]'),e=Array.from(t).find((t=>!t.disabled&&!t.readOnly));e&&e.focus()}),50)},this.focusEmptyInputs=()=>{var t,e;const o=this.el.shadowRoot.querySelectorAll('input[type="text"]'),a=Array.from(o).find((t=>{var e;return!(null===(e=t.value)||void 0===e?void 0:e.trim())}));a&&a.focus(),(null===(t=this.item)||void 0===t?void 0:t.documentUploaderIsRequired)&&!(null===(e=this.inputs)||void 0===e?void 0:e.documents.length)&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})},this.submit=async()=>{var t,e,o,a,i,r,s,l;if(!this.getIsFormValid())return this.focusEmptyInputs();this.getIsFormConfirmed()&&((null===(t=this.item)||void 0===t?void 0:t.showDocumentUploader)&&(null===(e=this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!(null===(a=null===(o=this.inputs)||void 0===o?void 0:o.documents)||void 0===a?void 0:a.length)?this.setErrorValue("documents",{show:!0,text:"documentRequiredError"}):(this.isLoading=!0,this.handleClaiming&&await this.handleClaiming({qrCode:null===(i=this.inputs)||void 0===i?void 0:i.qrCode,invoice:null===(r=this.inputs)||void 0===r?void 0:r.invoice,documents:null===(s=this.inputs)||void 0===s?void 0:s.documents,jobNumber:null===(l=this.inputs)||void 0===l?void 0:l.jobNumber}),this.close(!0)))},this.onConfirmCheckboxChange=t=>e=>{const o=e.target;this.confirmationStates=Object.assign(Object.assign({},this.confirmationStates),{[t]:o.checked}),this.getIsFormConfirmed&&this.focusInputs()},this.getIsFormConfirmed=()=>{var t,e;if(Array.isArray(null===(t=this.item)||void 0===t?void 0:t.warnings))for(let t=0;t<(null===(e=this.item)||void 0===e?void 0:e.warnings.length);t++){const e=this.item.warnings[t];if((null==e?void 0:e.confirmationText)&&!this.confirmationStates[e.key])return!1}return!0},this.getIsFormValid=()=>{var t,e,o,a,i,r,s,l,n;if("ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)){if(!(null===(o=null===(e=this.inputs)||void 0===e?void 0:e.qrCode)||void 0===o?void 0:o.trim().length))return!1}else{if(!(null===(i=null===(a=this.inputs)||void 0===a?void 0:a.invoice)||void 0===i?void 0:i.trim().length))return!1;if(!(null===(s=null===(r=this.inputs)||void 0===r?void 0:r.jobNumber)||void 0===s?void 0:s.trim().length))return!1}return!((null===(l=this.item)||void 0===l?void 0:l.documentUploaderIsRequired)&&!(null===(n=this.inputs)||void 0===n?void 0:n.documents.length))},this.resetState=()=>{this.item=null,this.errors={},this.inputs={documents:[]},this.isLoading=!1,this.confirmationStates={}},this.clearFile=t=>{var e,o,a;if("number"==typeof t){const o=this.inputs.documents.filter(((e,o)=>o!==t));this.setInputValue("documents",o),(null===(e=null==this?void 0:this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!o.length&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})}else t.stopPropagation(),this.setInputValue("documents",[]),(null===(o=this.errors)||void 0===o?void 0:o.documents)&&this.setErrorValue("documents",{text:null===(a=this.errors.documents)||void 0===a?void 0:a.text,show:!1})},this.onKeyDown=t=>{"Enter"===t.key&&this.submit()}}onImageViewerToggles(t){window.removeEventListener("keydown",this.closeModalListenerRef),console.log(t),null===t&&setTimeout((()=>{this.closeModalListenerRef=t=>"Escape"===t.key&&this.close(),window.addEventListener("keydown",this.closeModalListenerRef)}),200)}async open(){this.isOpened=!0,document.body.style.overflow="hidden",this.focusInputs(),window.removeEventListener("keydown",this.closeModalListenerRef),this.closeModalListenerRef=t=>"Escape"===t.key&&this.close(),window.addEventListener("keydown",this.closeModalListenerRef)}onIsLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async close(t=!1){this.isLoading&&!t||(this.isOpened=!1,document.body.style.overflow="auto",await new Promise((t=>setTimeout(t,500))),this.resetState(),window.removeEventListener("keydown",this.closeModalListenerRef))}async setFileUploadProgression(t){this.uploadProgress=t}render(){var e,o,c,v,u,y,m,k,z,j,C,M,S,X,Y,_,I,H,V,E,L,B,O,A,R,T;const q="ClaimByScanningQRCode"===(null===(e=this.item)||void 0===e?void 0:e.claimingMethodEnum),D=!this.getIsFormConfirmed()||this.isLoading,$=this.getIsFormValid();return t(a,{key:"68bf42046badf6483d96a3d0d246997f78afc837"},t(n,{key:"1c3b053514955c9926d0dff574515d9c91721ba3",style:{"z-index":"99999999"},expandedImage:this.expandedImage,imageStyle:{"z-index":"999999999"},closeImageViewer:()=>d.bind(this)()}),t("div",{key:"5a3e4dd1652450520791a871ad0afadd0d5a1f2c",dir:this.locale.sharedLocales.direction,class:i("min-w-[100dvw] pointer-events-none h-[100dvh] bg-white fixed top-0 left-0 z-[999] flex flex-col transition duration-500 scale-[110%] opacity-0 justify-between p-[50px] box-border overflow-auto",{"opacity-1 scale-100 pointer-events-auto":this.isOpened})},t("button",{key:"d11ef680cbf3e0eed7c18257547bc6584188a8d0",disabled:this.isLoading,onClick:this.close.bind(this),class:"disabled:opacity-50 transition absolute right-[50px] duration-500 rounded-full enabled:hover:bg-red-200 enabled:hover:text-red-400 text-black enabled:hover:scale-[150%] enabled:hover:rotate-[135deg] size-[35px] rotate-[45deg]"},t(x,{key:"bb82189a466165e3679366500ecee1cbc6eea49b",class:"stroke-[1.5px]"})),t("div",{key:"376be70e1bf25a40ba04529dc8e7c094610dc179",class:"flex flex-col h-full gap-[32px] justify-between"},t("div",{key:"adfda45afa90a773ba53e5c09d4a2bc38c992974",class:"flex mt-[50px] flex-col shrink-0 gap-[20px]"},t("div",{key:"bdc0e739e70f362f3b186df490b28a271d19eb9b",class:"border overflow-hidden rounded-[6px] border-[#dcdcdc] box-border"},t("div",{key:"0e8ec265b6364ec1e76b162e258ac84fceddd4bc",class:"relative text-[16px] h-[50px] font-semibold flex items-center justify-center bg-[#f6f6f6]"},this.vin,!!(null===(o=this.item)||void 0===o?void 0:o.printUrl)&&t("button",{key:"cc5ebfbb4fde8a4b9858a7804beeac53eee65c27",class:"outline-button absolute end-[16px]",onClick:()=>window.open(this.item.printUrl,"_blank").focus()},t(h,{key:"fdac2505adaba1430443d33050d0fc7455cf1d93",class:"size-[30px] duration-200"}),t("span",{key:"32f48945b8912f4b909f7826ce9f6c098f7a4176"},this.locale.print))),t("div",{key:"f2b0ce9cd68dda03b202dcba31acd54bf9dfc2fb",class:"overflow-hidden flex p-[22px] [&_div]:min-w-[200px] gap-[32px] flex-wrap justify-center"},t(r,{key:"b8ed2882ccc70f95d5dd141d64efc8c20a34922c",title:this.locale.serviceType},null===(c=this.item)||void 0===c?void 0:c.type),t(r,{key:"f0c9bd861be008a94dfb9de30cced23812459307",title:this.locale.name},null===(v=this.item)||void 0===v?void 0:v.name),t(r,{key:"46fdf7c4d4873c8473b48097d59b5bec5bed8ec9",title:this.locale.activationDate},null===(u=this.item)||void 0===u?void 0:u.activatedAt),t(r,{key:"f43414b58f77fd1861ef542ea398fef88cd16735",title:this.locale.expireDate},null===(y=this.item)||void 0===y?void 0:y.expiresAt),t(r,{key:"0eab1ed8fb785e3b80a51f174e0849a11490544c",title:this.locale.packageCode},null===(m=this.item)||void 0===m?void 0:m.packageCode))),Array.isArray(null===(k=this.item)||void 0===k?void 0:k.warnings)&&this.item.warnings.map((e=>t("div",{key:e.key,class:"border overflow-hidden rounded-[6px] border-[#ff9100] box-border"},t("div",{class:"text-[16px] px-[22px] h-[50px] font-semibold flex items-center gap-[8px] bg-[#ff91001a]"},t(w,{class:"size-[25px] text-[#ff9100]"})," ",e.title),t("div",{class:"p-[16px]"},t("div",{class:"text-[16px] flex-col items-center md:flex-row flex gap-[16px]"},t("div",{class:"flex-1",innerHTML:e.bodyContent}),(null==e?void 0:e.imageUrl)&&t("button",{onClick:({target:t})=>s.bind(this)(t,null==e?void 0:e.imageUrl),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},t("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},t("img",{src:l}),t("span",{class:"text-white"},this.locale.expand)),t("img",{class:"w-auto h-auto max-w-[200px] max-h-[200px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:null==e?void 0:e.imageUrl}))),(null==e?void 0:e.confirmationText)&&t("label",{class:i("select-none text-[16px] flex font-semibold group items-center px-[16px] gap-[10px] mt-[20px] h-[36px] transition duration-300 rounded-[6px] cursor-pointer text-[#663c00] bg-[#ff91001a] border border-[#ffd28f]",{"hover:bg-[#fff8e1]":!this.isLoading,"opacity-50 pointer-events-none":this.isLoading})},t("input",{type:"checkbox",class:"peer sr-only",disabled:this.isLoading,checked:!!this.confirmationStates[e.key],onChange:this.onConfirmCheckboxChange(e.key)}),t("div",{class:"size-[20px] rounded border border-[#ffb74d] transition duration-300 text-transparent peer-checked:text-white peer-checked:bg-[#ff9100] peer-checked:border-[#ff9100] flex items-center justify-center"},t(b,{class:"size-[18px]"})),null==e?void 0:e.confirmationText)))))),t("div",{key:"720375915cd8759c3876c6e29eb891d7a95db7b6",class:i("flex flex-col shrink-0 my-auto gap-[20px] h-fit p-[50px] border-[2px] border-[#3071a9] transition duration-500 items-center rounded-[8px] shadow-lg bg-[#f4f4f4]",{"border-[#f4f4f4]":this.isLoading})},t("div",{key:"df0317422a3bf7a4f4959051ca0b6775e6f97195",class:"relative w-[200px] h-[140px]"},t("div",{key:"f2fffeb225253711875ae9dd18e5dc2373cf4edd",class:i("absolute size-full transition-all duration-500 flex flex-col items-center gap-[12px] left-0 top-0",{"left-full opacity-0":this.isLoading})},t(g,{key:"e62acf3c9105801311b513f811c519d4d9ec6d7e",class:"size-[100px] fill-[#3071a9] text-[#3071a9]"}),t("div",{key:"83b70c98685c2e0a61276aa9d49c53b317ae2fa4",class:"text-[16px] text-[#3071a9] font-semibold"},q?this.locale.scanTheVoucher:this.locale.enterServiceInfo)),t("div",{key:"821c19a531e2fc90eb844055ffbea8aeddd5d9c6",class:i("absolute size-full opacity-0 transition-all duration-500 -left-full flex flex-col gap-[12px] items-center",{"left-0 opacity-100":this.isLoading})},t("div",{key:"346408e4c016fbfc03ab9ed174c90f39c8fc3b1a",class:i("relative size-[100px] flex items-center justify-center")},t("div",{key:"c18f5bd47ade67c034a3f94eb0e6097dd96d16d7",class:"lds-ripple"}),t("div",{key:"1a57578950e817dea2ba60ca64bd0b4b64d77cdf",class:"lds-ripple"})),(null===(z=this.item)||void 0===z?void 0:z.showDocumentUploader)&&this.inputs.documents.length?t("div",{class:"relative border-[#3071a9] text-[#3071a9] text-[16px] w-[300px] border-[2px] font-semibold h-[30px] overflow-hidden rounded-full flex items-center justify-center"},t("span",{class:"relative z-20"},this.locale.processing," ",`${this.uploadProgress}%`),t("div",{style:{width:`${this.uploadProgress}%`,background:`linear-gradient(to right, rgba(219, 234, 254, ${Math.min(.1+this.uploadProgress/100,1)}), rgba(191, 219, 254, ${Math.min(.15+this.uploadProgress/100,1)}), rgba(147, 197, 253, ${Math.min(.2+this.uploadProgress/100,1)}))`},class:"absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out"})):t("div",{class:"text-[16px] text-[#3071a9] font-semibold"},this.locale.processing))),(null===(j=this.item)||void 0===j?void 0:j.showDocumentUploader)&&t("div",{key:"3ce09c1b7eeb5d06f7d4f62f2e13a99e9e2a2832",class:"flex mb-[16px] w-full flex-col"},t("input",{key:"4711e3ad8c4c844fdc4aeea2b822afb6c959f35e",hidden:!0,type:"file",class:"document-uploader",disabled:this.isLoading,accept:"image/*,application/pdf",onChange:this.onFileUploaderChange,multiple:this.uploadMultipleDocuments,"data-max-size":1024*this.maximumDocumentFileSizeInMb*1024}),t("div",{key:"c6cfa5ff09f3b9a7fa850778cc1a8406b1470ffb",onClick:this.onDocumentButtonClicked,class:i("overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]",{"pointer-events-none bg-[#d5d5d5] cursor-default":D})},t("div",{key:"762740b15f1a1969a00f3c731655b2b1e19664fa",title:this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,class:"max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis"},this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,(null===(C=null==this?void 0:this.item)||void 0===C?void 0:C.documentUploaderIsRequired)&&!(null===(M=this.inputs)||void 0===M?void 0:M.documents.length)&&t("span",{key:"4d94c48440cf1d230da3b913d2f6b580ec288c61",class:i("ps-[4px] text-red-500",{"text-white":D})},"*")),t("button",{key:"6f243a97f7cf5d451baf94c326f55d405be24535",onClick:this.clearFile,class:i("overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]",{"pointer-events-none cursor-default":!(null===(S=this.inputs)||void 0===S?void 0:S.documents.length)})},t(f,{key:"69ba9c0fce73213affef7c226a27c8fab4e168f1",class:i("size-[24px] absolute transition duration-500",{"-translate-y-[32px]":!!(null===(X=this.inputs)||void 0===X?void 0:X.documents.length)})}),t(x,{key:"3fb8beb241965d6c7978aedb8162c05e23a0fbbc",class:i("size-[24px] rotate-[45deg] absolute transition translate-y-[32px] duration-500",{"translate-y-0":!!(null===(Y=this.inputs)||void 0===Y?void 0:Y.documents.length)})}))),t("flexible-container",{key:"35a261615caa5d8b1298aedd18041cd1938d78e2",isOpened:!!(null===(I=null===(_=this.errors)||void 0===_?void 0:_.documents)||void 0===I?void 0:I.show)},t("div",{key:"a550ee88124dd9dac42676537043001dc8eebf09",class:"text-red-700 w-fit mx-auto pt-[8px]"},"documentLimitError"===(null===(V=null===(H=this.errors)||void 0===H?void 0:H.documents)||void 0===V?void 0:V.text)?this.locale.documentLimitError+`${this.maximumDocumentFileSizeInMb}Mb`:this.locale.documentRequiredError||this.locale.sharedLocales.errors.wildCard)),t("flexible-container",{key:"eea0f00692335fe33a28d249f74702072ffbdfd3",isOpened:!!(null===(L=null===(E=this.inputs)||void 0===E?void 0:E.documents)||void 0===L?void 0:L.length),containerClasses:""},t("div",{key:"eee5774648c156c8e7f71803b861fa64bf169346",class:"flex w-full pt-[16px] flex-wrap justify-center gap-[16px]"},null===(O=null===(B=this.inputs)||void 0===B?void 0:B.documents)||void 0===O?void 0:O.map(((e,o)=>{var a;return t("div",{class:i("flex relative overflow-hidden max-w-[400px] items-center justify-between gap-[20px] bg-slate-400 rounded-[4px] text-white text-[14px]",{"pointer-events-none bg-[#d5d5d5] cursor-default":D})},t("span",{title:e.name,class:"truncate ps-[16px] py-[8px]"},e.name),t("button",{disabled:D,onClick:()=>this.clearFile(o),class:i("overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]",{"pointer-events-none cursor-default":!(null===(a=this.inputs)||void 0===a?void 0:a.documents.length)})},t(x,{class:"size-[24px] rotate-[45deg]"})))}))))),q&&t("div",{key:"26d98b8f4214d2ec2df7dcc360ba39af29f8bc40",class:"overflow-hidden w-full"},t("input",{key:"f1f00cff8e82845ddcc138e232b72525091854c6",dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:D,onBlur:this.focusInputs,onKeyDown:this.onKeyDown,value:null===(A=this.inputs)||void 0===A?void 0:A.qrCode,placeholder:this.locale.qrCode,onInput:t=>this.setInputValue("qrCode",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"})),!q&&t("div",{key:"ebdb3667b0d0785ff7f226e189f0ce8a86af97a0",class:"flex w-full overflow-hidden gap-[75px]"},t("input",{key:"eb25f844d143e5c1e2c21070fabd2502adba2861",dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:D,onKeyDown:this.onKeyDown,value:null===(R=this.inputs)||void 0===R?void 0:R.invoice,placeholder:this.locale.invoice,onInput:t=>this.setInputValue("invoice",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"}),t("input",{key:"f6979a7700afcf58e43d6a8f2c040790553c4ddf",dir:"ltr",type:"text",spellcheck:"false",autocomplete:"off",disabled:D,onKeyDown:this.onKeyDown,value:null===(T=this.inputs)||void 0===T?void 0:T.jobNumber,placeholder:this.locale.jobNumber,onInput:t=>this.setInputValue("jobNumber",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"})),t("button",{key:"bf285fd6413dcc8cde6d527813db1e16307468d0",onClick:this.submit,disabled:!$||D,class:"text-[22px] transition duration-500 hover: mt-[16px] disabled:opacity-50 text-white w-full max-w-[250px] px-[8px] h-[40px] enabled:hover:scale-110 flex gap-[8px] border rounded-[4px] enabled:shadow items-center justify-center border-[#27ae60] bg-[#32b267] enabled:hover:border-[#27ae5fc1] enabled:hover:bg-[#32b267c7]"},t(p,{key:"ad380f096290a206a19449928f42efb5550adc30",class:"size-[30px] [&_circle]:fill-white stroke-white text-red-300"}),t("span",{key:"5d6ffb12f5c2ebe79d483141e3eb5c012d185e11"},this.locale.claim))),t("div",{key:"f30065ad52e07d019c196e7ad36e0b25d8ec23e1",class:"shrink-0 h-[16px]"}))))}get el(){return this}static get watchers(){return{expandedImage:["onImageViewerToggles"],isLoading:["onIsLoadingChange"]}}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.15 | 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}.fixed{position:fixed}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.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}.items-center{align-items:center}.gap-\\[3px\\]{gap:3px}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[4px\\]{border-width:4px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.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)}.duration-200{transition-duration:.2s}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block}*{font-family:Arial}.lds-ripple{--tw-border-opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-color:rgb(48 113 169/var(--tw-border-opacity,1));border-radius:9999px;border-width:4px;box-sizing:border-box;position:absolute;z-index:10}.lds-ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}.sign-document-info:hover .tooltip{opacity:1}.outline-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}.outline-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))}.outline-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.outline-button circle{fill:#2ecc71}.outline-button circle:hover{fill:#fff}.outline-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))}.outline-button path{transition:.2s}.outline-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.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))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.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}.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))}.pointer-events-none{pointer-events:none}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.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))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.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}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.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-\\[4px\\]{border-radius:4px}.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}.text-\\[16px\\]{font-size: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))}.opacity-100{opacity:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) 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-\\[45deg\\]{--tw-rotate:45deg}.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%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y: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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/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))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}'}},[1,"vehicle-item-claim-form",{vin:[1],item:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],uploadMultipleDocuments:[4,"upload-multiple-documents"],loadingStateChange:[16,"loading-state-change"],locale:[16],handleClaiming:[16,"handle-claiming"],expandedImage:[32],uploadProgress:[32],isOpened:[32],isLoading:[32],confirmationStates:[32],errors:[32],inputs:[32],open:[64],close:[64],setFileUploadProgression:[64]},void 0,{expandedImage:["onImageViewerToggles"],isLoading:["onIsLoadingChange"]}]);function u(){"undefined"!=typeof customElements&&["vehicle-item-claim-form","flexible-container"].forEach((t=>{switch(t){case"vehicle-item-claim-form":customElements.get(t)||customElements.define(t,v);break;case"flexible-container":customElements.get(t)||c()}}))}u();export{p as A,h as P,v as V,u as d}

package/dist/components/{p-BYLU_3i3.js → p-BjSLaXGX.js} RENAMED Viewed

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as a,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{f as i,a as s}from"./p-Bd0Q-vpX.js";import{g as n}from"./p-DmxWbMU0.js";const l=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.locale=i.getDefault()}async componentWillLoad(){this.form.subscribe(this.inputParams.name,this),await this.changeLanguage(this.language)}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("form-textarea-"+this.inputParams.name)[0]}async changeLanguage(t){const e=i.fields[this.formLocaleName],a=await Promise.all([n(t,"forms*",s),n(t,"forms."+this.formLocaleName,e)]);Object.assign(this.locale,a[0]),Object.assign(this.locale[this.formLocaleName],a[1])}reset(t){this.inputRef.value=t||this.inputParams.defaultValue||""}render(){const{label:t,isError:e,errorMessage:i,isRequired:s}=this,n=this.el.getElementsByClassName("prefix")[0],l=n?n.getBoundingClientRect().width:0,c=this.locale[this.formLocaleName];return a(r,{key:"c4cb9270cc71d8b03540fd78837377d9588303db"},a("label",{key:"7ef8fa88b123e598133fdb8f93d1b0502b3d3cd2",id:this.wrapperId,class:o("relative w-full inline-flex flex-col",this.wrapperClass)},t&&a("div",{key:"25341ccd427a6e58e7791f654bbcd6326ddd47c6",class:"mb-[4px]"},c[t]||t,s&&a("span",{key:"c0c0a15673187fcbe2744ef57e66c8fa34f2737d",class:"ms-0.5 text-red-600"},"*")),a("div",{key:"7efc47e8f7718d5181ade65b320e7b0f84cdd15c",class:o("relative",{"opacity-75":this.inputParams.disabled})},a("textarea",Object.assign({key:"629e0c0e571d99475a3806f0ad698db52cfb5fe9"},this.inputParams,{style:Object.assign({},l?{paddingLeft:`${l}px`}:{}),placeholder:c[this.inputParams.placeholder]||this.inputParams.placeholder,class:o("border h-[200px] form-input resize-none disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full","form-textarea-"+this.inputParams.name,{"!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]":e})}))),a("div",{key:"ee882f36460b3eee8907180e3e22471c153d5491",class:o("absolute text-[12px] -mt-[4px] -z-10 text-red-500 opacity-0 -translate-y-[10px] bottom-0 transition duration-300",{"translate-y-[calc(100%-5px)] error-message opacity-100":e})},c[i]||this.locale.inputValueIsIncorrect||i)))}get el(){return this}static get watchers(){return{language:["changeLanguage"]}}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.15 | 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}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.flex{display:flex}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-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))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.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%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--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)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--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)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-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\\],.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))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;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)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]: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\\: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\\(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)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.mx-auto{margin-left:auto;margin-right:auto}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.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}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-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-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-text-area",{label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],isRequired:[4,"is-required"],wrapperClass:[1,"wrapper-class"],errorMessage:[1,"error-message"],inputParams:[16,"input-params"],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},void 0,{language:["changeLanguage"]}]);function c(){"undefined"!=typeof customElements&&["form-text-area"].forEach((t=>{"form-text-area"===t&&(customElements.get(t)||customElements.define(t,l))}))}c();export{l as F,c as d}
+import{p as t,H as e,h as a,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{f as i,a as s}from"./p-alw0x13e.js";import{g as n}from"./p-CIaM3UPL.js";const l=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.locale=i.getDefault()}async componentWillLoad(){this.form.subscribe(this.inputParams.name,this),await this.changeLanguage(this.language)}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("form-textarea-"+this.inputParams.name)[0]}async changeLanguage(t){const e=i.fields[this.formLocaleName],a=await Promise.all([n(t,"forms*",s),n(t,"forms."+this.formLocaleName,e)]);Object.assign(this.locale,a[0]),Object.assign(this.locale[this.formLocaleName],a[1])}reset(t){this.inputRef.value=t||this.inputParams.defaultValue||""}render(){const{label:t,isError:e,errorMessage:i,isRequired:s}=this,n=this.el.getElementsByClassName("prefix")[0],l=n?n.getBoundingClientRect().width:0,c=this.locale[this.formLocaleName];return a(r,{key:"c4cb9270cc71d8b03540fd78837377d9588303db"},a("label",{key:"7ef8fa88b123e598133fdb8f93d1b0502b3d3cd2",id:this.wrapperId,class:o("relative w-full inline-flex flex-col",this.wrapperClass)},t&&a("div",{key:"25341ccd427a6e58e7791f654bbcd6326ddd47c6",class:"mb-[4px]"},c[t]||t,s&&a("span",{key:"c0c0a15673187fcbe2744ef57e66c8fa34f2737d",class:"ms-0.5 text-red-600"},"*")),a("div",{key:"7efc47e8f7718d5181ade65b320e7b0f84cdd15c",class:o("relative",{"opacity-75":this.inputParams.disabled})},a("textarea",Object.assign({key:"629e0c0e571d99475a3806f0ad698db52cfb5fe9"},this.inputParams,{style:Object.assign({},l?{paddingLeft:`${l}px`}:{}),placeholder:c[this.inputParams.placeholder]||this.inputParams.placeholder,class:o("border h-[200px] form-input resize-none disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full","form-textarea-"+this.inputParams.name,{"!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]":e})}))),a("div",{key:"ee882f36460b3eee8907180e3e22471c153d5491",class:o("absolute text-[12px] -mt-[4px] -z-10 text-red-500 opacity-0 -translate-y-[10px] bottom-0 transition duration-300",{"translate-y-[calc(100%-5px)] error-message opacity-100":e})},c[i]||this.locale.inputValueIsIncorrect||i)))}get el(){return this}static get watchers(){return{language:["changeLanguage"]}}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.15 | 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}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.flex{display:flex}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-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))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.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%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--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)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--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)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-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\\],.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))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;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)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]: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\\: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\\(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)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.mx-auto{margin-left:auto;margin-right:auto}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.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}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-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-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-text-area",{label:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],isRequired:[4,"is-required"],wrapperClass:[1,"wrapper-class"],errorMessage:[1,"error-message"],inputParams:[16,"input-params"],language:[1],formLocaleName:[1,"form-locale-name"],locale:[32]},void 0,{language:["changeLanguage"]}]);function c(){"undefined"!=typeof customElements&&["form-text-area"].forEach((t=>{"form-text-area"===t&&(customElements.get(t)||customElements.define(t,l))}))}c();export{l as F,c as d}

package/dist/components/{p-DaTPi4wS.js → p-Bm8G-DAp.js} RENAMED Viewed

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as i,h as e,a as o}from"./index.js";import{y as a,s as n,a as r,g as s}from"./p-DmxWbMU0.js";import{M as d,a as l}from"./p-piZ41_ho.js";import{V as c}from"./p-B1fdQNyr.js";import{s as p,a as h}from"./p-C4zpDhOi.js";import{d as f}from"./p-COU68JDH.js";const g=a(["vehicleSpecification","noData","model","variant","katashiki","modelYear","sfx","productionDate"]),w=t(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},g.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[i,e]=await Promise.all([r(t),s(t,"vehicleLookup.specification",g)]);this.locale=Object.assign({sharedLocales:i},e)}async setMockData(t){this.mockData=t}async fetchData(t,i={}){await p(this,t,i)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,i,a,n,r,s,p,h,f,g,w,b,u,v,x,m,y,k,z,j,L,M,C,D,E,W,S,O,U,Y,X,q,I,N,_,A,R,V,B;const F=this.locale;let H=null;try{(null===(i=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vehicleSpecification)||void 0===i?void 0:i.productionDate)&&(H=new Date(null===(n=null===(a=this.vehicleLookup)||void 0===a?void 0:a.vehicleSpecification)||void 0===n?void 0:n.productionDate).toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long"}))}catch(t){H=null}return e(o,{key:"4dd2a0833f9ec6fb6373de9695101ec7920f8b57"},e(c,{key:"623db7b73e5ba602cd347433107ebd60aa84bb4f",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(r=this.vehicleLookup)||void 0===r?void 0:r.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},e("flexible-container",{key:"e09a8f6389267f210883dbeb1993cafe5855668d"},e("div",{key:"72160db9d59c847c81539225707ac93df0ec8f05",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},e(d,{key:"7a3081aa95fe1245b13a72c0048c0c34bb80e262",class:"grow",title:null==F?void 0:F.model,minWidth:"300px"},e(l,{key:"3814d9af70bcf5822e998e341a541d15b35f8311",class:"text-center",hidden:!(null===(h=null===(p=null===(s=null==this?void 0:this.vehicleLookup)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===p?void 0:p.modelCode)||void 0===h?void 0:h.trim())&&!(null===(w=null===(g=null===(f=null==this?void 0:this.vehicleLookup)||void 0===f?void 0:f.vehicleSpecification)||void 0===g?void 0:g.modelDescription)||void 0===w?void 0:w.trim())},(null===(v=null===(u=null===(b=null==this?void 0:this.vehicleLookup)||void 0===b?void 0:b.vehicleVariantInfo)||void 0===u?void 0:u.modelCode)||void 0===v?void 0:v.trim())||""," ",e("br",{key:"b284879a552fe933450b6a30fbe919eaafc86946",class:"my-2"}),(null===(y=null===(m=null===(x=null==this?void 0:this.vehicleLookup)||void 0===x?void 0:x.vehicleSpecification)||void 0===m?void 0:m.modelDescription)||void 0===y?void 0:y.trim())||"")),e(d,{key:"1bcc6fb204424f2251d798f073b0ad95a27572e1",class:"grow",title:null==F?void 0:F.variant,minWidth:"300px"},e(l,{key:"fddc7998dcd4478536a7e951b670895e35dfc78b",class:"text-center",hidden:!(null===(j=null===(z=null===(k=null==this?void 0:this.vehicleLookup)||void 0===k?void 0:k.identifiers)||void 0===z?void 0:z.variant)||void 0===j?void 0:j.trim())&&!(null===(C=null===(M=null===(L=null==this?void 0:this.vehicleLookup)||void 0===L?void 0:L.vehicleSpecification)||void 0===M?void 0:M.variantDescription)||void 0===C?void 0:C.trim())},(null===(W=null===(E=null===(D=null==this?void 0:this.vehicleLookup)||void 0===D?void 0:D.identifiers)||void 0===E?void 0:E.variant)||void 0===W?void 0:W.trim())||""," ",e("br",{key:"a02fbaf4fc618bd7919bfdd3af1494e3e50bef73"}),(null===(U=null===(O=null===(S=null==this?void 0:this.vehicleLookup)||void 0===S?void 0:S.vehicleSpecification)||void 0===O?void 0:O.variantDescription)||void 0===U?void 0:U.trim())||"")),e(d,{key:"5603fc09bf23d3df065428310f431d121c69d39c",desc:(null===(q=null===(X=null===(Y=null==this?void 0:this.vehicleLookup)||void 0===Y?void 0:Y.identifiers)||void 0===X?void 0:X.katashiki)||void 0===q?void 0:q.trim())||"",title:null==F?void 0:F.katashiki,minWidth:"250px"}),e(d,{key:"9b52bdf96cdc83289e5bc556e348815449aef98b",desc:(null===(A=null===(_=null===(N=null===(I=null==this?void 0:this.vehicleLookup)||void 0===I?void 0:I.vehicleVariantInfo)||void 0===N?void 0:N.modelYear)||void 0===_?void 0:_.toString())||void 0===A?void 0:A.trim())||"",title:null==F?void 0:F.modelYear,minWidth:"250px"}),e(d,{key:"7f88b44b9ab717a54a4d0544c111318a94a2f085",desc:H||"",title:null==F?void 0:F.productionDate,minWidth:"250px"}),e(d,{key:"34e3948ea4f5e441d37550a5a24bb6e42487a9d0",desc:(null===(B=null===(V=null===(R=null==this?void 0:this.vehicleLookup)||void 0===R?void 0:R.vehicleVariantInfo)||void 0===V?void 0:V.sfx)||void 0===B?void 0:B.trim())||"",title:null==F?void 0:F.sfx,minWidth:"250px"})))))}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.15 | 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}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{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:4px!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;text-align:center}.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:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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)}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.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))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}'}},[1,"vehicle-specification",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-specification","flexible-container"].forEach((t=>{switch(t){case"vehicle-specification":customElements.get(t)||customElements.define(t,w);break;case"flexible-container":customElements.get(t)||f()}}))}b();export{w as V,b as d,g as s}
+import{p as t,H as i,h as e,a as o}from"./index.js";import{y as a,s as n,a as r,g as s}from"./p-CIaM3UPL.js";import{M as d,a as l}from"./p-piZ41_ho.js";import{V as c}from"./p-B1fdQNyr.js";import{s as p,a as h}from"./p-C4zpDhOi.js";import{d as f}from"./p-BGe0MyLF.js";const g=a(["vehicleSpecification","noData","model","variant","katashiki","modelYear","sfx","productionDate"]),w=t(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},g.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[i,e]=await Promise.all([r(t),s(t,"vehicleLookup.specification",g)]);this.locale=Object.assign({sharedLocales:i},e)}async setMockData(t){this.mockData=t}async fetchData(t,i={}){await p(this,t,i)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,i,a,n,r,s,p,h,f,g,w,u,b,v,x,m,y,k,z,j,L,M,C,E,D,S,W,O,Y,I,U,X,q,N,_,A,B,F,P;const R=this.locale;let V=null;try{(null===(i=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vehicleSpecification)||void 0===i?void 0:i.productionDate)&&(V=new Date(null===(n=null===(a=this.vehicleLookup)||void 0===a?void 0:a.vehicleSpecification)||void 0===n?void 0:n.productionDate).toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long"}))}catch(t){V=null}return e(o,{key:"4dd2a0833f9ec6fb6373de9695101ec7920f8b57"},e(c,{key:"623db7b73e5ba602cd347433107ebd60aa84bb4f",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(r=this.vehicleLookup)||void 0===r?void 0:r.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},e("flexible-container",{key:"e09a8f6389267f210883dbeb1993cafe5855668d"},e("div",{key:"72160db9d59c847c81539225707ac93df0ec8f05",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},e(d,{key:"7a3081aa95fe1245b13a72c0048c0c34bb80e262",class:"grow",title:null==R?void 0:R.model,minWidth:"300px"},e(l,{key:"3814d9af70bcf5822e998e341a541d15b35f8311",class:"text-center",hidden:!(null===(h=null===(p=null===(s=null==this?void 0:this.vehicleLookup)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===p?void 0:p.modelCode)||void 0===h?void 0:h.trim())&&!(null===(w=null===(g=null===(f=null==this?void 0:this.vehicleLookup)||void 0===f?void 0:f.vehicleSpecification)||void 0===g?void 0:g.modelDescription)||void 0===w?void 0:w.trim())},(null===(v=null===(b=null===(u=null==this?void 0:this.vehicleLookup)||void 0===u?void 0:u.vehicleVariantInfo)||void 0===b?void 0:b.modelCode)||void 0===v?void 0:v.trim())||""," ",e("br",{key:"b284879a552fe933450b6a30fbe919eaafc86946",class:"my-2"}),(null===(y=null===(m=null===(x=null==this?void 0:this.vehicleLookup)||void 0===x?void 0:x.vehicleSpecification)||void 0===m?void 0:m.modelDescription)||void 0===y?void 0:y.trim())||"")),e(d,{key:"1bcc6fb204424f2251d798f073b0ad95a27572e1",class:"grow",title:null==R?void 0:R.variant,minWidth:"300px"},e(l,{key:"fddc7998dcd4478536a7e951b670895e35dfc78b",class:"text-center",hidden:!(null===(j=null===(z=null===(k=null==this?void 0:this.vehicleLookup)||void 0===k?void 0:k.identifiers)||void 0===z?void 0:z.variant)||void 0===j?void 0:j.trim())&&!(null===(C=null===(M=null===(L=null==this?void 0:this.vehicleLookup)||void 0===L?void 0:L.vehicleSpecification)||void 0===M?void 0:M.variantDescription)||void 0===C?void 0:C.trim())},(null===(S=null===(D=null===(E=null==this?void 0:this.vehicleLookup)||void 0===E?void 0:E.identifiers)||void 0===D?void 0:D.variant)||void 0===S?void 0:S.trim())||""," ",e("br",{key:"a02fbaf4fc618bd7919bfdd3af1494e3e50bef73"}),(null===(Y=null===(O=null===(W=null==this?void 0:this.vehicleLookup)||void 0===W?void 0:W.vehicleSpecification)||void 0===O?void 0:O.variantDescription)||void 0===Y?void 0:Y.trim())||"")),e(d,{key:"5603fc09bf23d3df065428310f431d121c69d39c",desc:(null===(X=null===(U=null===(I=null==this?void 0:this.vehicleLookup)||void 0===I?void 0:I.identifiers)||void 0===U?void 0:U.katashiki)||void 0===X?void 0:X.trim())||"",title:null==R?void 0:R.katashiki,minWidth:"250px"}),e(d,{key:"9b52bdf96cdc83289e5bc556e348815449aef98b",desc:(null===(A=null===(_=null===(N=null===(q=null==this?void 0:this.vehicleLookup)||void 0===q?void 0:q.vehicleVariantInfo)||void 0===N?void 0:N.modelYear)||void 0===_?void 0:_.toString())||void 0===A?void 0:A.trim())||"",title:null==R?void 0:R.modelYear,minWidth:"250px"}),e(d,{key:"7f88b44b9ab717a54a4d0544c111318a94a2f085",desc:V||"",title:null==R?void 0:R.productionDate,minWidth:"250px"}),e(d,{key:"34e3948ea4f5e441d37550a5a24bb6e42487a9d0",desc:(null===(P=null===(F=null===(B=null==this?void 0:this.vehicleLookup)||void 0===B?void 0:B.vehicleVariantInfo)||void 0===F?void 0:F.sfx)||void 0===P?void 0:P.trim())||"",title:null==R?void 0:R.sfx,minWidth:"250px"})))))}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.15 | 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}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{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:4px!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;text-align:center}.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:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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)}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.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))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}'}},[1,"vehicle-specification",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function u(){"undefined"!=typeof customElements&&["vehicle-specification","flexible-container"].forEach((t=>{switch(t){case"vehicle-specification":customElements.get(t)||customElements.define(t,w);break;case"flexible-container":customElements.get(t)||f()}}))}u();export{w as V,u as d,g as s}