adp-web-components 0.0.112 → 0.0.113

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 (103) hide show
  1. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +5 -5
  2. package/dist/cjs/demo-form.cjs.entry.js +2 -2
  3. package/dist/cjs/flexible-container.cjs.entry.js +1 -1
  4. package/dist/cjs/form-dialog_8.cjs.entry.js +1 -1
  5. package/dist/cjs/{get-local-language-DRyzEUNj.js → get-local-language-DN232TMd.js} +1 -1
  6. package/dist/cjs/information-table.cjs.entry.js +1 -1
  7. package/dist/cjs/part-lookup.cjs.entry.js +3 -3
  8. package/dist/cjs/shift-tab-content.cjs.entry.js +1 -1
  9. package/dist/cjs/shift-tabs_2.cjs.entry.js +1 -1
  10. package/dist/cjs/test-drive-demo-form.cjs.entry.js +1 -1
  11. package/dist/cjs/{type-aiqFckJq.js → type-oRHnMaNx.js} +1 -1
  12. package/dist/cjs/{type-C0dkD6yC.js → type-wKDV0E-M.js} +1 -1
  13. package/dist/cjs/vehicle-accessories_6.cjs.entry.js +2 -2
  14. package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
  15. package/dist/cjs/vehicle-quotation-form.cjs.entry.js +2 -2
  16. package/dist/collection/components/components/flexible-container.css +1 -1
  17. package/dist/collection/components/components/information-table.css +1 -1
  18. package/dist/collection/components/components/shift-tab-content.css +1 -1
  19. package/dist/collection/components/components/shift-tabs.css +1 -1
  20. package/dist/collection/components/forms/demo/themes.css +1 -1
  21. package/dist/collection/components/forms/vehicle-quotation/themes.css +1 -1
  22. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  23. package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
  24. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  25. package/dist/collection/components/part-lookup/part-lookup.css +1 -1
  26. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +1 -1
  27. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.js +1 -1
  28. package/dist/components/dead-stock-lookup.js +1 -1
  29. package/dist/components/demo-form.js +1 -1
  30. package/dist/components/distributor-lookup.js +1 -1
  31. package/dist/components/flexible-container.js +1 -1
  32. package/dist/components/form-structure-error.js +1 -1
  33. package/dist/components/form-structure.js +1 -1
  34. package/dist/components/information-table.js +1 -1
  35. package/dist/components/manufacturer-lookup.js +1 -1
  36. package/dist/components/{p-BtxmBpYs.js → p-5P1wXGSe.js} +1 -1
  37. package/dist/components/{p-DytI37G3.js → p-B73nbVVL.js} +1 -1
  38. package/dist/components/{p-ClTzhq9W.js → p-BClP3vRv.js} +1 -1
  39. package/dist/components/{p-C50L6I_F.js → p-BGQhQrFi.js} +1 -1
  40. package/dist/components/{p-B0PuXKdQ.js → p-BnfDVYV4.js} +1 -1
  41. package/dist/components/{p-CKtQ_ydq.js → p-BtIKN9Y_.js} +1 -1
  42. package/dist/components/{p-DIWwkEK8.js → p-CNfKTwk6.js} +1 -1
  43. package/dist/components/{p-DezZAu3N.js → p-Cx6Q-DKN.js} +1 -1
  44. package/dist/components/{p-0akXLrDh.js → p-D-YPxxhM.js} +1 -1
  45. package/dist/components/{p-C9sBRwNF.js → p-D-n-EEl2.js} +1 -1
  46. package/dist/components/{p-CQY2GkDT.js → p-D4Me_9s3.js} +1 -1
  47. package/dist/components/{p-dmFjBU_n.js → p-DJ0qQWrt.js} +1 -1
  48. package/dist/components/{p-DbX6960M.js → p-DTvf3EAo.js} +1 -1
  49. package/dist/components/{p-eTdUijtL.js → p-DWXI50y-.js} +1 -1
  50. package/dist/components/{p-DiyW4X0P.js → p-DzEd4g5s.js} +1 -1
  51. package/dist/components/{p-Bf19Ztas.js → p-Pk7YXJ0g.js} +1 -1
  52. package/dist/components/{p-Dm72kF7R.js → p-UM52LlxR.js} +1 -1
  53. package/dist/components/part-lookup.js +1 -1
  54. package/dist/components/shift-accordion.js +1 -1
  55. package/dist/components/shift-slider.js +1 -1
  56. package/dist/components/shift-tab-content.js +1 -1
  57. package/dist/components/shift-tabs.js +1 -1
  58. package/dist/components/test-drive-demo-form.js +1 -1
  59. package/dist/components/vehicle-accessories.js +1 -1
  60. package/dist/components/vehicle-claimable-items.js +1 -1
  61. package/dist/components/vehicle-item-claim-form.js +1 -1
  62. package/dist/components/vehicle-lookup.js +1 -1
  63. package/dist/components/vehicle-paint-thickness.js +1 -1
  64. package/dist/components/vehicle-quotation-form.js +1 -1
  65. package/dist/components/vehicle-service-history.js +1 -1
  66. package/dist/components/vehicle-specification.js +1 -1
  67. package/dist/components/vehicle-warranty-details.js +1 -1
  68. package/dist/esm/dead-stock-lookup_3.entry.js +5 -5
  69. package/dist/esm/demo-form.entry.js +2 -2
  70. package/dist/esm/flexible-container.entry.js +1 -1
  71. package/dist/esm/form-dialog_8.entry.js +1 -1
  72. package/dist/esm/{get-local-language-Bd36OROG.js → get-local-language-B6F2gxBn.js} +1 -1
  73. package/dist/esm/information-table.entry.js +1 -1
  74. package/dist/esm/part-lookup.entry.js +3 -3
  75. package/dist/esm/shift-tab-content.entry.js +1 -1
  76. package/dist/esm/shift-tabs_2.entry.js +1 -1
  77. package/dist/esm/test-drive-demo-form.entry.js +1 -1
  78. package/dist/esm/{type-qTd1xKEl.js → type-CA73E3uv.js} +1 -1
  79. package/dist/esm/{type-eB78ePEN.js → type-rLG7k3os.js} +1 -1
  80. package/dist/esm/vehicle-accessories_6.entry.js +2 -2
  81. package/dist/esm/vehicle-lookup.entry.js +2 -2
  82. package/dist/esm/vehicle-quotation-form.entry.js +2 -2
  83. package/dist/shift-components/{p-4ef3b1be.entry.js → p-06b4354b.entry.js} +1 -1
  84. package/dist/shift-components/{p-263dcee5.entry.js → p-224cee4c.entry.js} +1 -1
  85. package/dist/shift-components/{p-20c409df.entry.js → p-276b5ace.entry.js} +1 -1
  86. package/dist/shift-components/{p-3ae95ef3.entry.js → p-54d04a69.entry.js} +1 -1
  87. package/dist/shift-components/{p-d0235af4.entry.js → p-58c22a36.entry.js} +1 -1
  88. package/dist/shift-components/{p-7fe1f219.entry.js → p-7df82141.entry.js} +1 -1
  89. package/dist/shift-components/{p-4e86fb12.entry.js → p-7f8ad92a.entry.js} +1 -1
  90. package/dist/shift-components/{p-962db7dc.entry.js → p-89c8cd25.entry.js} +1 -1
  91. package/dist/shift-components/{p-DwRthart.js → p-BMaQs-Wu.js} +1 -1
  92. package/dist/shift-components/{p-BGAu96TJ.js → p-DClIuvKK.js} +1 -1
  93. package/dist/shift-components/{p-BcwkxAVE.js → p-Drlke5LJ.js} +1 -1
  94. package/dist/shift-components/{p-72f4757a.entry.js → p-b79ffe4a.entry.js} +1 -1
  95. package/dist/shift-components/p-d280abac.entry.js +5 -0
  96. package/dist/shift-components/{p-f63584c6.entry.js → p-e298ef79.entry.js} +1 -1
  97. package/dist/shift-components/{p-376c1c6c.entry.js → p-e5d98665.entry.js} +1 -1
  98. package/dist/shift-components/shift-components.esm.js +1 -1
  99. package/dist/types/global/types/generated/vehicle-lookup/vehicle-identifiers-dto.d.ts +0 -1
  100. package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-history-dto.d.ts +0 -2
  101. package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-item-dto.d.ts +0 -1
  102. package/package.json +1 -1
  103. package/dist/shift-components/p-8c8eb315.entry.js +0 -5
package/dist/components/{p-Bf19Ztas.js → p-Pk7YXJ0g.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- 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{y as i,s as n,g as s,a as d}from"./p-C50L6I_F.js";import{s as l,V as c}from"./p-C6nKJv3T.js";import{s as p,a as w}from"./p-CC6XlEty.js";import{d as g}from"./p-0akXLrDh.js";import{d as b}from"./p-DiyW4X0P.js";import{d as h}from"./p-CQnGszy6.js";const x=i(["dealer","authorized","unauthorized","activeWarranty","notActiveWarranty","notInvoiced","from","to","pendingSSC","noPendingSSC","checkingTMC","sscCampings","sscTableCode","sscTableDescription","sscTableRepairStatus","sscTableOPCode","sscTablePartNumber"]),f="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",u="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function v({isLoading:e=!1,opened:a=!0,desc:o,className:i,fromDesc:n,toDesc:s,from:d,to:l,state:c="idle",icon:p=!0}){return t("flexible-container",{isOpened:a,classes:r("shift-skeleton",{loading:e||!a})},t("div",{class:r("card",i,`${c}-card`)},p&&"reject"===c&&t("img",{src:u}),p&&"warning"===c&&t("img",{src:u}),p&&"success"===c&&t("img",{src:f}),d&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},n,":")," ",o),l&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},s,":")," ",o),!d&&!l&&t("p",{class:"idle"===c?"no-padding":""},o)))}function y({isLoading:e,vehicleInformation:a,isAuthorized:o,unInvoicedByBrokerName:i,warrantyLocale:n}){var s,d,l,c,p,w,g,b,h,x,f,y,m;return t("div",{class:"tags-container mx-auto"},t("flexible-container",{isOpened:!a||!!(null===(s=null==a?void 0:a.saleInformation)||void 0===s?void 0:s.companyName)},t("div",{class:!(!a||(null===(d=null==a?void 0:a.saleInformation)||void 0===d?void 0:d.companyName))&&"loading",style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton !rounded-[4px]"},t("div",{class:"card warning-card"},t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},n.dealer,":")," ",(null===(l=null==a?void 0:a.saleInformation)||void 0===l?void 0:l.companyName)||""," ",(null===(c=null==a?void 0:a.saleInformation)||void 0===c?void 0:c.countryName)&&`(${null===(p=null==a?void 0:a.saleInformation)||void 0===p?void 0:p.countryName})`))))),t("flexible-container",{classes:r({loading:e||!i}),isOpened:!!i},t("div",{style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton"},t("div",{class:"card warning-card"},t("img",{src:u}),t("p",null,i?n.notInvoiced+i:""))))),t("div",{class:"warranty-tags"},t(v,{state:a?o?"success":"reject":"idle",desc:a?o?n.authorized:n.unauthorized:""}),t(v,{state:a?(null===(w=null==a?void 0:a.warranty)||void 0===w?void 0:w.hasActiveWarranty)?"success":"reject":"idle",desc:a?(null===(g=null==a?void 0:a.warranty)||void 0===g?void 0:g.hasActiveWarranty)?n.activeWarranty:n.notActiveWarranty:""}),t(v,{from:!0,icon:!1,fromDesc:n.from,desc:(null===(b=null==a?void 0:a.warranty)||void 0===b?void 0:b.warrantyStartDate)||"",opened:!!(null===(h=null==a?void 0:a.warranty)||void 0===h?void 0:h.warrantyStartDate)||!a,state:a?(null===(x=null==a?void 0:a.warranty)||void 0===x?void 0:x.hasActiveWarranty)?"success":"reject":"idle"}),t(v,{to:!0,icon:!1,toDesc:n.to,desc:(null===(f=null==a?void 0:a.warranty)||void 0===f?void 0:f.warrantyEndDate)||"",opened:!!(null===(y=null==a?void 0:a.warranty)||void 0===y?void 0:y.warrantyEndDate)||!a,state:a?(null===(m=null==a?void 0:a.warranty)||void 0===m?void 0:m.hasActiveWarranty)?"success":"reject":"idle"})))}const m=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},x.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.showSsc=!1,this.recaptchaKey="",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([s(t),d(t,"vehicleLookup.warranty",x)]);this.locale=Object.assign({sharedLocales:e},a)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){this.recaptchaRes=null,clearInterval(this.recaptchaIntervalRef),await p(this,t,e,{beforeAssignment:async(t,{scopedTimeoutRef:e})=>{var a,o,r;return this.unInvoicedByBrokerName=null!==(null===(a=null==t?void 0:t.saleInformation)||void 0===a?void 0:a.broker)&&null===(null===(r=null===(o=null==t?void 0:t.saleInformation)||void 0===o?void 0:o.broker)||void 0===r?void 0:r.invoiceDate)?t.saleInformation.broker.brokerName:null,await this.handleInitializingRecaptcha(t,e),t}})}async setErrorMessage(t){w(this,t)}onLoadingChange(t){l.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}async handleInitializingRecaptcha(t,e){!1===(null==t?void 0:t.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),this.recaptchaIntervalRef=setInterval((async()=>{const a=grecaptcha.getResponse();if(a)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${null==t?void 0:t.vin}/${null==t?void 0:t.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":a})}),r=await o.json();if(!r||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===r.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}render(){var e,a,i,n,s,d;const l=[{width:200,key:"sscTableCode",label:this.locale.sscTableCode},{width:400,key:"sscTableDescription",label:this.locale.sscTableDescription},{width:200,key:"sscTableRepairStatus",label:this.locale.sscTableRepairStatus},{width:200,key:"sscTableOPCode",label:this.locale.sscTableOPCode},{width:200,key:"sscTablePartNumber",label:this.locale.sscTablePartNumber}],p=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.ssc)?null===(a=this.vehicleLookup)||void 0===a?void 0:a.ssc.map((e=>({sscTableCode:null==e?void 0:e.sscCode,sscTableDescription:null==e?void 0:e.description,sscTableRepairStatus:()=>t("div",{class:"table-cell-container"},t("img",{class:"table-status-icon",src:(null==e?void 0:e.repaired)?f:u})," ",null==e?void 0:e.repairDate),sscTableOPCode:()=>t("div",{class:"table-cell-container table-cell-labors-container"},(null==e?void 0:e.labors.length)?null==e?void 0:e.labors.map((e=>t("div",{key:null==e?void 0:e.laborCode,class:"success"},null==e?void 0:e.laborCode))):"..."),sscTablePartNumber:()=>t("div",{class:"table-cell-container table-cell-parts-container"},(null==e?void 0:e.parts.length)?null==e?void 0:e.parts.map((e=>t("div",{key:null==e?void 0:e.partNumber,class:(null==e?void 0:e.isAvailable)?"success":"reject"},null==e?void 0:e.partNumber))):"...")}))):[],w={sscTableOPCode:()=>t("div",{key:"9623379e174b86aeaafe132edd3e33259cae891e",class:"h-[25px]"}),sscTablePartNumber:()=>t("div",{key:"c16908480f4c8f06314b08111f6e513fe9c6c37a",class:"h-[25px]"}),sscTableRepairStatus:()=>t("div",{key:"f6d20a709b1e5064930b02a0fe801d25d94def02",class:"h-[25px]"})};return t(o,{key:"276e578a6a0ef644f323889884efce299236abaf"},t(c,{key:"021d9779f77b3bf1779d32b3f1fdea5d8594554a",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(i=this.vehicleLookup)||void 0===i?void 0:i.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"9508a3de135057af88b6e23e2d7a03b41e029e7b",class:"p-[16px]"},this.showWarranty&&t(y,{key:"6f2f24c1e04547364a8d7fcc03b0dc5d773cdc02",isLoading:this.isLoading,warrantyLocale:this.locale,vehicleInformation:this.vehicleLookup,isAuthorized:null===(n=this.vehicleLookup)||void 0===n?void 0:n.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName}),t("div",{key:"0460686dfba723e92da81a93340388f25bc0a5d6",class:"h-[8px]"}),t("flexible-container",{key:"55cce67b750521c85f32943cc90fc3501d34dfe7",isOpened:this.showRecaptcha,classes:r("w-fit mx-auto shift-skeleton",{loading:!this.showRecaptcha||this.isLoading})},t("div",{key:"86e6ba12bd7b17615911ca8ecaf47917e337b87c",style:{height:"auto"},class:"recaptcha-container"},t("slot",{key:"abda39863328d369189aaa881a7411d7daeb903f"})),this.recaptchaRes&&t("div",{key:"3ed701c8951a1098029026ab925e6e89c7db8b77",class:r("recaptcha-response",(null===(s=this.recaptchaRes)||void 0===s?void 0:s.hasSSC)?"reject-card ":"success-card")},this.locale[null===(d=this.recaptchaRes)||void 0===d?void 0:d.message]))),t("flexible-container",{key:"91ecbb83e88326c0f47e4c359c661bbb5d147d65",isOpened:this.checkingUnauthorizedSSC,classes:"w-fit mx-auto"},t("div",{key:"5be3908829805676f76a8d0c28c57e7b1c6e85a9",class:"pt-[16px]"},t("div",{key:"de28d4ea852848087bfc0a72c014d23d04ac98cc",class:"flex shift-skeleton flex-col gap-[8px]"},t("strong",{key:"94d2481ec26f77301cab618108271469c17f3e22"},this.locale.checkingTMC),t("div",{key:"9855a753bd0b3264ce06ef949a52dba8d2fc30dc",class:"relative pt-[40px]"},t("loading-spinner",{key:"b48e807ffff3c96b5bdb0a03ad885874ffdb3203",isLoading:this.checkingUnauthorizedSSC}))))),t("div",{key:"3881e51afec0562073c7c697f7ab4fc09d381495",class:"mt-[32px] mx-auto w-fit max-w-full"},t("div",{key:"4c9a96767acd2bf94ff5288c9d5835b4202f68e1",class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.sscCampings),t("div",{key:"d9068524c585ce09480b64843ad6726c29798cc2",class:"overflow-x-auto"},t("information-table",{key:"ac52b7147bd8aaa9ad64fc45bdae9be8572118b0",isLoading:this.isLoading,templateRow:w,rows:p,headers:l})))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background:#d0e7de!important;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521!important;color:#0b3521}.reject-card{background:#f7d7d8!important;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c!important;color:#58151c}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:6px;color:rgb(15 23 42/var(--tw-text-opacity,1));flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-1st-row{grid-column:1/3;grid-row:1/3}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.tags-container,.warranty-tags{max-width:1000px}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.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}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--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)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[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}.pt-\\[16px\\]{padding-top:16px}.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))}.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-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.border-b{border-bottom-width:1px}.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}.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-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.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}.fixed{position:fixed}.-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}.box-border{box-sizing:border-box}.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-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.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-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.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))}.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-transparent{background-color:transparent}.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)}.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}.gap-2{gap:.5rem}'}},[257,"vehicle-warranty-details",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],showSsc:[4,"show-ssc"],recaptchaKey:[1,"recaptcha-key"],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function k(){"undefined"!=typeof customElements&&["vehicle-warranty-details","flexible-container","information-table","loading-spinner"].forEach((t=>{switch(t){case"vehicle-warranty-details":customElements.get(t)||customElements.define(t,m);break;case"flexible-container":customElements.get(t)||g();break;case"information-table":customElements.get(t)||b();break;case"loading-spinner":customElements.get(t)||h()}}))}k();export{m as V,k as d,x as w}
5
+ 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{y as i,s as n,g as s,a as d}from"./p-BGQhQrFi.js";import{s as l,V as c}from"./p-C6nKJv3T.js";import{s as p,a as w}from"./p-CC6XlEty.js";import{d as g}from"./p-D-YPxxhM.js";import{d as b}from"./p-DzEd4g5s.js";import{d as h}from"./p-CQnGszy6.js";const x=i(["dealer","authorized","unauthorized","activeWarranty","notActiveWarranty","notInvoiced","from","to","pendingSSC","noPendingSSC","checkingTMC","sscCampings","sscTableCode","sscTableDescription","sscTableRepairStatus","sscTableOPCode","sscTablePartNumber"]),f="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",u="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function v({isLoading:e=!1,opened:a=!0,desc:o,className:i,fromDesc:n,toDesc:s,from:d,to:l,state:c="idle",icon:p=!0}){return t("flexible-container",{isOpened:a,classes:r("shift-skeleton",{loading:e||!a})},t("div",{class:r("card",i,`${c}-card`)},p&&"reject"===c&&t("img",{src:u}),p&&"warning"===c&&t("img",{src:u}),p&&"success"===c&&t("img",{src:f}),d&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},n,":")," ",o),l&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},s,":")," ",o),!d&&!l&&t("p",{class:"idle"===c?"no-padding":""},o)))}function y({isLoading:e,vehicleInformation:a,isAuthorized:o,unInvoicedByBrokerName:i,warrantyLocale:n}){var s,d,l,c,p,w,g,b,h,x,f,y,m;return t("div",{class:"tags-container mx-auto"},t("flexible-container",{isOpened:!a||!!(null===(s=null==a?void 0:a.saleInformation)||void 0===s?void 0:s.companyName)},t("div",{class:!(!a||(null===(d=null==a?void 0:a.saleInformation)||void 0===d?void 0:d.companyName))&&"loading",style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton !rounded-[4px]"},t("div",{class:"card warning-card"},t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},n.dealer,":")," ",(null===(l=null==a?void 0:a.saleInformation)||void 0===l?void 0:l.companyName)||""," ",(null===(c=null==a?void 0:a.saleInformation)||void 0===c?void 0:c.countryName)&&`(${null===(p=null==a?void 0:a.saleInformation)||void 0===p?void 0:p.countryName})`))))),t("flexible-container",{classes:r({loading:e||!i}),isOpened:!!i},t("div",{style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton"},t("div",{class:"card warning-card"},t("img",{src:u}),t("p",null,i?n.notInvoiced+i:""))))),t("div",{class:"warranty-tags"},t(v,{state:a?o?"success":"reject":"idle",desc:a?o?n.authorized:n.unauthorized:""}),t(v,{state:a?(null===(w=null==a?void 0:a.warranty)||void 0===w?void 0:w.hasActiveWarranty)?"success":"reject":"idle",desc:a?(null===(g=null==a?void 0:a.warranty)||void 0===g?void 0:g.hasActiveWarranty)?n.activeWarranty:n.notActiveWarranty:""}),t(v,{from:!0,icon:!1,fromDesc:n.from,desc:(null===(b=null==a?void 0:a.warranty)||void 0===b?void 0:b.warrantyStartDate)||"",opened:!!(null===(h=null==a?void 0:a.warranty)||void 0===h?void 0:h.warrantyStartDate)||!a,state:a?(null===(x=null==a?void 0:a.warranty)||void 0===x?void 0:x.hasActiveWarranty)?"success":"reject":"idle"}),t(v,{to:!0,icon:!1,toDesc:n.to,desc:(null===(f=null==a?void 0:a.warranty)||void 0===f?void 0:f.warrantyEndDate)||"",opened:!!(null===(y=null==a?void 0:a.warranty)||void 0===y?void 0:y.warrantyEndDate)||!a,state:a?(null===(m=null==a?void 0:a.warranty)||void 0===m?void 0:m.hasActiveWarranty)?"success":"reject":"idle"})))}const m=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},x.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.showSsc=!1,this.recaptchaKey="",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([s(t),d(t,"vehicleLookup.warranty",x)]);this.locale=Object.assign({sharedLocales:e},a)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){this.recaptchaRes=null,clearInterval(this.recaptchaIntervalRef),await p(this,t,e,{beforeAssignment:async(t,{scopedTimeoutRef:e})=>{var a,o,r;return this.unInvoicedByBrokerName=null!==(null===(a=null==t?void 0:t.saleInformation)||void 0===a?void 0:a.broker)&&null===(null===(r=null===(o=null==t?void 0:t.saleInformation)||void 0===o?void 0:o.broker)||void 0===r?void 0:r.invoiceDate)?t.saleInformation.broker.brokerName:null,await this.handleInitializingRecaptcha(t,e),t}})}async setErrorMessage(t){w(this,t)}onLoadingChange(t){l.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}async handleInitializingRecaptcha(t,e){!1===(null==t?void 0:t.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),this.recaptchaIntervalRef=setInterval((async()=>{const a=grecaptcha.getResponse();if(a)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${null==t?void 0:t.vin}/${null==t?void 0:t.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":a})}),r=await o.json();if(!r||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===r.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}render(){var e,a,i,n,s,d;const l=[{width:200,key:"sscTableCode",label:this.locale.sscTableCode},{width:400,key:"sscTableDescription",label:this.locale.sscTableDescription},{width:200,key:"sscTableRepairStatus",label:this.locale.sscTableRepairStatus},{width:200,key:"sscTableOPCode",label:this.locale.sscTableOPCode},{width:200,key:"sscTablePartNumber",label:this.locale.sscTablePartNumber}],p=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.ssc)?null===(a=this.vehicleLookup)||void 0===a?void 0:a.ssc.map((e=>({sscTableCode:null==e?void 0:e.sscCode,sscTableDescription:null==e?void 0:e.description,sscTableRepairStatus:()=>t("div",{class:"table-cell-container"},t("img",{class:"table-status-icon",src:(null==e?void 0:e.repaired)?f:u})," ",null==e?void 0:e.repairDate),sscTableOPCode:()=>t("div",{class:"table-cell-container table-cell-labors-container"},(null==e?void 0:e.labors.length)?null==e?void 0:e.labors.map((e=>t("div",{key:null==e?void 0:e.laborCode,class:"success"},null==e?void 0:e.laborCode))):"..."),sscTablePartNumber:()=>t("div",{class:"table-cell-container table-cell-parts-container"},(null==e?void 0:e.parts.length)?null==e?void 0:e.parts.map((e=>t("div",{key:null==e?void 0:e.partNumber,class:(null==e?void 0:e.isAvailable)?"success":"reject"},null==e?void 0:e.partNumber))):"...")}))):[],w={sscTableOPCode:()=>t("div",{key:"9623379e174b86aeaafe132edd3e33259cae891e",class:"h-[25px]"}),sscTablePartNumber:()=>t("div",{key:"c16908480f4c8f06314b08111f6e513fe9c6c37a",class:"h-[25px]"}),sscTableRepairStatus:()=>t("div",{key:"f6d20a709b1e5064930b02a0fe801d25d94def02",class:"h-[25px]"})};return t(o,{key:"276e578a6a0ef644f323889884efce299236abaf"},t(c,{key:"021d9779f77b3bf1779d32b3f1fdea5d8594554a",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(i=this.vehicleLookup)||void 0===i?void 0:i.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"9508a3de135057af88b6e23e2d7a03b41e029e7b",class:"p-[16px]"},this.showWarranty&&t(y,{key:"6f2f24c1e04547364a8d7fcc03b0dc5d773cdc02",isLoading:this.isLoading,warrantyLocale:this.locale,vehicleInformation:this.vehicleLookup,isAuthorized:null===(n=this.vehicleLookup)||void 0===n?void 0:n.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName}),t("div",{key:"0460686dfba723e92da81a93340388f25bc0a5d6",class:"h-[8px]"}),t("flexible-container",{key:"55cce67b750521c85f32943cc90fc3501d34dfe7",isOpened:this.showRecaptcha,classes:r("w-fit mx-auto shift-skeleton",{loading:!this.showRecaptcha||this.isLoading})},t("div",{key:"86e6ba12bd7b17615911ca8ecaf47917e337b87c",style:{height:"auto"},class:"recaptcha-container"},t("slot",{key:"abda39863328d369189aaa881a7411d7daeb903f"})),this.recaptchaRes&&t("div",{key:"3ed701c8951a1098029026ab925e6e89c7db8b77",class:r("recaptcha-response",(null===(s=this.recaptchaRes)||void 0===s?void 0:s.hasSSC)?"reject-card ":"success-card")},this.locale[null===(d=this.recaptchaRes)||void 0===d?void 0:d.message]))),t("flexible-container",{key:"91ecbb83e88326c0f47e4c359c661bbb5d147d65",isOpened:this.checkingUnauthorizedSSC,classes:"w-fit mx-auto"},t("div",{key:"5be3908829805676f76a8d0c28c57e7b1c6e85a9",class:"pt-[16px]"},t("div",{key:"de28d4ea852848087bfc0a72c014d23d04ac98cc",class:"flex shift-skeleton flex-col gap-[8px]"},t("strong",{key:"94d2481ec26f77301cab618108271469c17f3e22"},this.locale.checkingTMC),t("div",{key:"9855a753bd0b3264ce06ef949a52dba8d2fc30dc",class:"relative pt-[40px]"},t("loading-spinner",{key:"b48e807ffff3c96b5bdb0a03ad885874ffdb3203",isLoading:this.checkingUnauthorizedSSC}))))),t("div",{key:"3881e51afec0562073c7c697f7ab4fc09d381495",class:"mt-[32px] mx-auto w-fit max-w-full"},t("div",{key:"4c9a96767acd2bf94ff5288c9d5835b4202f68e1",class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.sscCampings),t("div",{key:"d9068524c585ce09480b64843ad6726c29798cc2",class:"overflow-x-auto"},t("information-table",{key:"ac52b7147bd8aaa9ad64fc45bdae9be8572118b0",isLoading:this.isLoading,templateRow:w,rows:p,headers:l})))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background:#d0e7de!important;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521!important;color:#0b3521}.reject-card{background:#f7d7d8!important;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c!important;color:#58151c}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:6px;color:rgb(15 23 42/var(--tw-text-opacity,1));flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-1st-row{grid-column:1/3;grid-row:1/3}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.tags-container,.warranty-tags{max-width:1000px}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.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}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--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)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[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}.pt-\\[16px\\]{padding-top:16px}.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))}.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-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.border-b{border-bottom-width:1px}.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}.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-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.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}.fixed{position:fixed}.-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}.box-border{box-sizing:border-box}.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-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.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-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.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))}.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-transparent{background-color:transparent}.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)}.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}.gap-2{gap:.5rem}'}},[257,"vehicle-warranty-details",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],showSsc:[4,"show-ssc"],recaptchaKey:[1,"recaptcha-key"],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function k(){"undefined"!=typeof customElements&&["vehicle-warranty-details","flexible-container","information-table","loading-spinner"].forEach((t=>{switch(t){case"vehicle-warranty-details":customElements.get(t)||customElements.define(t,m);break;case"flexible-container":customElements.get(t)||g();break;case"information-table":customElements.get(t)||b();break;case"loading-spinner":customElements.get(t)||h()}}))}k();export{m as V,k as d,x as w}
package/dist/components/{p-Dm72kF7R.js → p-UM52LlxR.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- 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{s as i,V as s}from"./p-C6nKJv3T.js";import{s as l,a as n}from"./p-CC6XlEty.js";import{y as c,c as d,s as p,g as w,a as b}from"./p-C50L6I_F.js";import{A as g,d as h,P as x}from"./p-eTdUijtL.js";import{E as v}from"./p-Ce4X3l8Z.js";import{d as m}from"./p-0akXLrDh.js";import{d as f}from"./p-B0PuXKdQ.js";const y={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="},u=({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:y[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)))},k=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"})),I=[{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"}],C=({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 d=o.left-200,p=0;const w=o.left-200,b=o.left+200;return w-16<0&&(p+=16-w),b+16>window.innerWidth&&(p-=b+16-window.innerWidth),t("div",{"aria-expanded":i.toString(),dir:e.sharedLocales.direction,style:{top:`${l}px`,left:`${d}px`},class:"claimable-item-popover"},t("div",{class:"popover-relative-container"},t("div",{class:r("popover-arrow-icon",{flipped:c})},t(k,{class:"popover-arrow-icon-svg"}),t("div",{class:"popover-arrow-bottom-line"})),t("div",{style:{transform:`translateX(${p}px)`},class:"popover-body"},I.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(g,null),t("span",null,e.claim)))))},z=d({claimForm:c(["uploadSingleDocument","uploadMultipleDocument","serviceType","name","print","expand","documentLimitError","documentRequiredError","activationDate","expireDate","packageCode","scanTheVoucher","qrCode","processing","enterServiceInfo","invoice","jobNumber","claim"])}).concat(c(["serviceType","activationDate","expireDate","claimAt","claimingCompany","invoiceNumber","jobNumber","packageCode","claim","processed","expired","cancelled","pending","warning","activateNow","print","successFulClaimMessage","activationRequired","warrantyAndServicesNotActivated"]));const A=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:p.getDefault()},z.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([w(t),b(t,"vehicleLookup.claimableItems",z)]);this.locale=Object.assign({sharedLocales:e},a)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await l(this,t,e,{beforeAssignment:async t=>(this.showPrintBox=!1,await this.parseGroupData(t),t)})}async setErrorMessage(t){n(this,t)}onLoadingChange(t){i.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}async componentDidLoad(){this.progressBar=this.el.shadowRoot.querySelector(".progress-bar"),this.claimForm=this.el.shadowRoot.querySelector(".vehicle-item-claim-form"),this.claimableItemsBox=this.el.shadowRoot.querySelector(".claimable-items-box"),window.addEventListener("resize",this.updateProgressBar),this.claimableItemsBox&&this.claimableItemsBox.addEventListener("scroll",this.updatePopoverLocation),window.addEventListener("scroll",this.updatePopoverLocation),window.addEventListener("resize",this.updatePopoverLocation)}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;this.selectedClaimItem=t,this.claimForm.item=t,this.claimForm.vin=null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,this.claimForm.handleClaiming=this.isDev?this.handleDevClaim.bind(this):this.handleClaim.bind(this),this.claimForm.open()}render(){var e;const a=this.getServiceItems(),i=!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:"d59e5c6f9c5145a87856ffeef97a5c9664eb30a2"},t("vehicle-item-claim-form",{key:"c3fdf45a3a61b9ee3c485640ac2b46a221dc878b",class:"vehicle-item-claim-form",maximumDocumentFileSizeInMb:this.maximumDocumentFileSizeInMb,uploadMultipleDocuments:this.uploadMultipleDocumentsAtTheForm,locale:Object.assign({sharedLocales:this.locale.sharedLocales},this.locale.claimForm)}),t(C,{key:"438bc063a85d0b58102992851a19f695ac7e9a3e",locale:this.locale,claim:this.claim.bind(this),item:this.selectedClaimItem,showPopover:this.showClaimableItemPopover,targetLocation:this.popoverTargetLocation}),t(s,{key:"60d7264220ac4dbd3efd18b2fa6202f59e1fd69f",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:"6f734715035fd0609e7678315201a92575e827d2",dir:"ltr",class:r("relative flex items-center h-[320px] transition-all duration-300",{loading:this.isLoading||this.tabAnimationLoading})},t("div",{key:"edbb271a44345799b948d302308382748159df29",dir:this.locale.sharedLocales.direction,class:"absolute top-0 z-10 w-full pt-[16px]"},t("div",{key:"6c6c40a533cb504ced0ee540bbbd3a6b3ae90d77",class:r("duration-300",{"translate-y-[-50%] opacity-0":l})},t("shift-tabs",{key:"1137032b83289614e3523866e9b0c8bbb835a996",activeTabLabel:this.activeTab,changeActiveTab:this.onActiveTabChange,tabs:n}))),t("div",{key:"713078632618db3264c4dacf14321be33aea55a7",class:r("absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0",{"opacity-100":this.isLoading||this.tabAnimationLoading})},t("div",{key:"853eccdac11f2042102ea4ffe2775d4df855c9d9",class:"w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0"},t("div",{key:"67f254058771fb1f0d3ee55c858f1e00ad7bc6ec",class:"absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full"}),t("div",{key:"1d54d5bee0d35913bc65a806b231d7b89e5c62ba",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc"}),t("div",{key:"e2f709f4c4522ce506f7a89ef8460b62fbd3fc51",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec"}))),t("div",{key:"da3e628e1c7654f410424aedb4ebf0bcc168cd04",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:"5decb0eefb625b1e6add864173502976581c00ef",class:"font-semibold"},this.showPrintBox?this.locale.successFulClaimMessage:this.locale.warrantyAndServicesNotActivated),t("button",{key:"2400843f8c4cb8fd55de5ee0115d9bdceea647d2",class:"claim-button",onClick:this.showPrintBox?this.printLastClaimResponse:this.activateClaimItem},t(this.showPrintBox?x:g,{class:"size-[30px] duration-200"}),t("span",{key:"bec364bc297836dbffdb811412dacc57de08f1f2"},this.showPrintBox?this.locale.print:this.locale.activateNow))),t("div",{key:"ce7e924646bce48039c9c7c62f91b5ba18b57bd9",class:"claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden"},t("div",{key:"08f0d0f71b7f1347235a5642cf4c3b2151c0472f",class:"flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between"},t("div",{key:"6ab09b2b989b26a93ac63863cb10772c94d5da64",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||i||!this.vehicleLookup})},t("div",{key:"af068e93e0f1da62a93426b67b4c2ab50233b42f",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:"4aec2f5386a91a384d60d1bf50adcb3b00a5bba2",class:"ml-[-125px]"}),a.map(((e,o)=>t(u,{item:e,locale:this.locale,setClaimableItemPopover:this.setClaimableItemPopover,addStatusClass:"pending"!==e.status||a.findIndex((t=>"pending"===t.status))===o}))),t("div",{key:"23c3ee608fdd1b2d12d6bb20e01014c82228a0e1",class:"ml-[-125px]"})),t("div",{key:"5775e86504a5e890fdd57b096e1b3c5d9b49f76d",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":i})},t(v,{key:"4d7982ce7045f702a6a92ce46c9faf0e55d90aaf",class:"size-[90px]"}),t("div",{key:"3d8509efec6f05713925c012d85ea8494f0e9bea",class:"text-[22px]"},this.locale.sharedLocales.errors.noServiceAvailable))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-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-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.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}.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-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-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-\\[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-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.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))}'}},[257,"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:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],print:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],claimEndPoint:[1,"claim-end-point"],activate:[16],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],activeTab:[32],showPrintBox:[32],tabAnimationLoading:[32],lastSuccessfulClaimResponse:[32],showClaimableItemPopover:[32],selectedClaimItem:[32],tabs:[32],popoverTargetLocation:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64],completeClaim:[64],claim:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}]);function M(){"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,A);break;case"flexible-container":customElements.get(t)||m();break;case"shift-tabs":customElements.get(t)||f();break;case"vehicle-item-claim-form":customElements.get(t)||h()}}))}M();export{A as V,z as c,M as d}
5
+ 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{s as i,V as s}from"./p-C6nKJv3T.js";import{s as l,a as n}from"./p-CC6XlEty.js";import{y as c,c as p,s as d,g as w,a as b}from"./p-BGQhQrFi.js";import{A as g,d as h,P as x}from"./p-DWXI50y-.js";import{E as v}from"./p-Ce4X3l8Z.js";import{d as m}from"./p-D-YPxxhM.js";import{d as f}from"./p-BnfDVYV4.js";const y={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="},u=({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:y[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)))},k=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"})),I=[{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"}],C=({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,b=o.left+200;return w-16<0&&(d+=16-w),b+16>window.innerWidth&&(d-=b+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(k,{class:"popover-arrow-icon-svg"}),t("div",{class:"popover-arrow-bottom-line"})),t("div",{style:{transform:`translateX(${d}px)`},class:"popover-body"},I.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(g,null),t("span",null,e.claim)))))},z=p({claimForm:c(["uploadSingleDocument","uploadMultipleDocument","serviceType","name","print","expand","documentLimitError","documentRequiredError","activationDate","expireDate","packageCode","scanTheVoucher","qrCode","processing","enterServiceInfo","invoice","jobNumber","claim"])}).concat(c(["serviceType","activationDate","expireDate","claimAt","claimingCompany","invoiceNumber","jobNumber","packageCode","claim","processed","expired","cancelled","pending","warning","activateNow","print","successFulClaimMessage","activationRequired","warrantyAndServicesNotActivated"]));const A=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:d.getDefault()},z.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([w(t),b(t,"vehicleLookup.claimableItems",z)]);this.locale=Object.assign({sharedLocales:e},a)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await l(this,t,e,{beforeAssignment:async t=>(this.showPrintBox=!1,await this.parseGroupData(t),t)})}async setErrorMessage(t){n(this,t)}onLoadingChange(t){i.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}async componentDidLoad(){this.progressBar=this.el.shadowRoot.querySelector(".progress-bar"),this.claimForm=this.el.shadowRoot.querySelector(".vehicle-item-claim-form"),this.claimableItemsBox=this.el.shadowRoot.querySelector(".claimable-items-box"),window.addEventListener("resize",this.updateProgressBar),this.claimableItemsBox&&this.claimableItemsBox.addEventListener("scroll",this.updatePopoverLocation),window.addEventListener("scroll",this.updatePopoverLocation),window.addEventListener("resize",this.updatePopoverLocation)}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;this.selectedClaimItem=t,this.claimForm.item=t,this.claimForm.vin=null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,this.claimForm.handleClaiming=this.isDev?this.handleDevClaim.bind(this):this.handleClaim.bind(this),this.claimForm.open()}render(){var e;const a=this.getServiceItems(),i=!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:"d59e5c6f9c5145a87856ffeef97a5c9664eb30a2"},t("vehicle-item-claim-form",{key:"c3fdf45a3a61b9ee3c485640ac2b46a221dc878b",class:"vehicle-item-claim-form",maximumDocumentFileSizeInMb:this.maximumDocumentFileSizeInMb,uploadMultipleDocuments:this.uploadMultipleDocumentsAtTheForm,locale:Object.assign({sharedLocales:this.locale.sharedLocales},this.locale.claimForm)}),t(C,{key:"438bc063a85d0b58102992851a19f695ac7e9a3e",locale:this.locale,claim:this.claim.bind(this),item:this.selectedClaimItem,showPopover:this.showClaimableItemPopover,targetLocation:this.popoverTargetLocation}),t(s,{key:"60d7264220ac4dbd3efd18b2fa6202f59e1fd69f",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:"6f734715035fd0609e7678315201a92575e827d2",dir:"ltr",class:r("relative flex items-center h-[320px] transition-all duration-300",{loading:this.isLoading||this.tabAnimationLoading})},t("div",{key:"edbb271a44345799b948d302308382748159df29",dir:this.locale.sharedLocales.direction,class:"absolute top-0 z-10 w-full pt-[16px]"},t("div",{key:"6c6c40a533cb504ced0ee540bbbd3a6b3ae90d77",class:r("duration-300",{"translate-y-[-50%] opacity-0":l})},t("shift-tabs",{key:"1137032b83289614e3523866e9b0c8bbb835a996",activeTabLabel:this.activeTab,changeActiveTab:this.onActiveTabChange,tabs:n}))),t("div",{key:"713078632618db3264c4dacf14321be33aea55a7",class:r("absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0",{"opacity-100":this.isLoading||this.tabAnimationLoading})},t("div",{key:"853eccdac11f2042102ea4ffe2775d4df855c9d9",class:"w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0"},t("div",{key:"67f254058771fb1f0d3ee55c858f1e00ad7bc6ec",class:"absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full"}),t("div",{key:"1d54d5bee0d35913bc65a806b231d7b89e5c62ba",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc"}),t("div",{key:"e2f709f4c4522ce506f7a89ef8460b62fbd3fc51",class:"absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec"}))),t("div",{key:"da3e628e1c7654f410424aedb4ebf0bcc168cd04",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:"5decb0eefb625b1e6add864173502976581c00ef",class:"font-semibold"},this.showPrintBox?this.locale.successFulClaimMessage:this.locale.warrantyAndServicesNotActivated),t("button",{key:"2400843f8c4cb8fd55de5ee0115d9bdceea647d2",class:"claim-button",onClick:this.showPrintBox?this.printLastClaimResponse:this.activateClaimItem},t(this.showPrintBox?x:g,{class:"size-[30px] duration-200"}),t("span",{key:"bec364bc297836dbffdb811412dacc57de08f1f2"},this.showPrintBox?this.locale.print:this.locale.activateNow))),t("div",{key:"ce7e924646bce48039c9c7c62f91b5ba18b57bd9",class:"claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden"},t("div",{key:"08f0d0f71b7f1347235a5642cf4c3b2151c0472f",class:"flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between"},t("div",{key:"6ab09b2b989b26a93ac63863cb10772c94d5da64",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||i||!this.vehicleLookup})},t("div",{key:"af068e93e0f1da62a93426b67b4c2ab50233b42f",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:"4aec2f5386a91a384d60d1bf50adcb3b00a5bba2",class:"ml-[-125px]"}),a.map(((e,o)=>t(u,{item:e,locale:this.locale,setClaimableItemPopover:this.setClaimableItemPopover,addStatusClass:"pending"!==e.status||a.findIndex((t=>"pending"===t.status))===o}))),t("div",{key:"23c3ee608fdd1b2d12d6bb20e01014c82228a0e1",class:"ml-[-125px]"})),t("div",{key:"5775e86504a5e890fdd57b096e1b3c5d9b49f76d",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":i})},t(v,{key:"4d7982ce7045f702a6a92ce46c9faf0e55d90aaf",class:"size-[90px]"}),t("div",{key:"3d8509efec6f05713925c012d85ea8494f0e9bea",class:"text-[22px]"},this.locale.sharedLocales.errors.noServiceAvailable))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-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-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.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}.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-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-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-\\[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-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.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))}'}},[257,"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:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],print:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],claimEndPoint:[1,"claim-end-point"],activate:[16],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],activeTab:[32],showPrintBox:[32],tabAnimationLoading:[32],lastSuccessfulClaimResponse:[32],showClaimableItemPopover:[32],selectedClaimItem:[32],tabs:[32],popoverTargetLocation:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64],completeClaim:[64],claim:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleChange"]}]);function M(){"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,A);break;case"flexible-container":customElements.get(t)||m();break;case"shift-tabs":customElements.get(t)||f();break;case"vehicle-item-claim-form":customElements.get(t)||h()}}))}M();export{A as V,z as c,M as d}
package/dist/components/part-lookup.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,a as o}from"./index.js";import{c as r,s as a,a as n,g as s}from"./p-C50L6I_F.js";import{a as l,d}from"./p-DbX6960M.js";import{a as p,d as c}from"./p-C9sBRwNF.js";import{m as h,d as u}from"./p-CQY2GkDT.js";import{V as b}from"./p-C6nKJv3T.js";import{d as w}from"./p-0akXLrDh.js";import{d as g}from"./p-DiyW4X0P.js";import{d as f}from"./p-dmFjBU_n.js";const m=r({deadStock:l,distributor:p,manufacturer:h}),x={deadStock:"dead-stock-lookup",distributor:"distributor-lookup",manufacturer:"manufacturer-lookup"},y=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.locale=a.getDefault(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.wrapperErrorState="",this.isError=!1,this.header="",this.isLoading=!1,this.syncErrorAcrossComponents=t=>{this.isError=!0,this.errorKey=t,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.isLoading=t,this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"partLookup",m),s(t)]);this.locale=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[x.deadStock]:t,[x.distributor]:e,[x.manufacturer]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){this.isError=!1,this.header=(null==t?void 0:t.partNumber)||"",Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.fetchData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.locale.errors.partNumberRequired;const r=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(r,i)}render(){const t={[x.deadStock]:{},[x.distributor]:{},[x.manufacturer]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}if(!Object.values(x).includes(this.activeElement))return i("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const e={"dead-stock-lookup":i("dead-stock-lookup",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[x.deadStock])),"distributor-lookup":i("distributor-lookup",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[x.distributor])),"manufacturer-lookup":i("manufacturer-lookup",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[x.manufacturer]))};return i(o,null,i(b,{isError:this.isError,header:this.header,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.locale.errors[this.errorKey]||this.locale.errors.wildCard},i("shift-tab-content",{components:e,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.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{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))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[32px\\]{margin-top:32px}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.overflow-x-auto{overflow-x:auto}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.border-b{border-bottom-width:1px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[256,"part-lookup",{language:[1],activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],childrenProps:[1,"children-props"],blazorErrorStateListener:[1,"blazor-error-state-listener"],errorStateListener:[16,"error-state-listener"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],loadingStateChanged:[16,"loading-state-changed"],locale:[32],errorKey:[32],wrapperErrorState:[32],isError:[32],header:[32],isLoading:[32],blazorRef:[32],handleLoadData:[64],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function v(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","flexible-container","information-table","manufacturer-lookup","shift-tab-content"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,y);break;case"dead-stock-lookup":customElements.get(t)||d();break;case"distributor-lookup":customElements.get(t)||c();break;case"flexible-container":customElements.get(t)||w();break;case"information-table":customElements.get(t)||g();break;case"manufacturer-lookup":customElements.get(t)||u();break;case"shift-tab-content":customElements.get(t)||f()}}))}v();const k=y,z=v;export{k as PartLookup,z as defineCustomElement}
5
+ import{p as t,H as e,h as i,a as o}from"./index.js";import{c as r,s as a,a as n,g as s}from"./p-BGQhQrFi.js";import{a as l,d}from"./p-DTvf3EAo.js";import{a as p,d as c}from"./p-D-n-EEl2.js";import{m as h,d as u}from"./p-D4Me_9s3.js";import{V as b}from"./p-C6nKJv3T.js";import{d as w}from"./p-D-YPxxhM.js";import{d as g}from"./p-DzEd4g5s.js";import{d as f}from"./p-DJ0qQWrt.js";const m=r({deadStock:l,distributor:p,manufacturer:h}),x={deadStock:"dead-stock-lookup",distributor:"distributor-lookup",manufacturer:"manufacturer-lookup"},y=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.locale=a.getDefault(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.wrapperErrorState="",this.isError=!1,this.header="",this.isLoading=!1,this.syncErrorAcrossComponents=t=>{this.isError=!0,this.errorKey=t,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.isLoading=t,this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"partLookup",m),s(t)]);this.locale=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[x.deadStock]:t,[x.distributor]:e,[x.manufacturer]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){this.isError=!1,this.header=(null==t?void 0:t.partNumber)||"",Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.fetchData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.locale.errors.partNumberRequired;const r=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(r,i)}render(){const t={[x.deadStock]:{},[x.distributor]:{},[x.manufacturer]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}if(!Object.values(x).includes(this.activeElement))return i("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const e={"dead-stock-lookup":i("dead-stock-lookup",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[x.deadStock])),"distributor-lookup":i("distributor-lookup",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[x.distributor])),"manufacturer-lookup":i("manufacturer-lookup",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[x.manufacturer]))};return i(o,null,i(b,{isError:this.isError,header:this.header,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.locale.errors[this.errorKey]||this.locale.errors.wildCard},i("shift-tab-content",{components:e,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.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{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))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.border-b{border-bottom-width:1px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[256,"part-lookup",{language:[1],activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],childrenProps:[1,"children-props"],blazorErrorStateListener:[1,"blazor-error-state-listener"],errorStateListener:[16,"error-state-listener"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],loadingStateChanged:[16,"loading-state-changed"],locale:[32],errorKey:[32],wrapperErrorState:[32],isError:[32],header:[32],isLoading:[32],blazorRef:[32],handleLoadData:[64],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function v(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","flexible-container","information-table","manufacturer-lookup","shift-tab-content"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,y);break;case"dead-stock-lookup":customElements.get(t)||d();break;case"distributor-lookup":customElements.get(t)||c();break;case"flexible-container":customElements.get(t)||w();break;case"information-table":customElements.get(t)||g();break;case"manufacturer-lookup":customElements.get(t)||u();break;case"shift-tab-content":customElements.get(t)||f()}}))}v();const k=y,z=v;export{k as PartLookup,z as defineCustomElement}