adp-web-components 0.3.12 → 0.3.14

package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.js

@@ -335,22 +335,22 @@ export class VehicleItemClaimForm {
         const isFormValid = this.getIsFormValid();
         const hasDocuments = !!((_d = (_c = this.inputs) === null || _c === void 0 ? void 0 : _c.documents) === null || _d === void 0 ? void 0 : _d.length);
         const showUploadProgress = this.isLoading && ((_e = this.item) === null || _e === void 0 ? void 0 : _e.showDocumentUploader) && hasDocuments;
-        return (h(Host, { key: 'da59397141fde6cf3abe0960291444545ff84855', translate: "no" }, h(ImageViewer, { key: 'f6e7226cf59333baa08b49d6fbdbd3d422dcc223', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => closeImageViewer.bind(this)() }), h("div", { key: '749a1114014726fd2fc4e3fa5e47efedb41f086c', dir: this.locale.sharedLocales.direction, class: cn('claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0', {
+        return (h(Host, { key: '3a09d53fd961d1904d09c894a9977a999bce6290', translate: "no" }, h(ImageViewer, { key: 'fb1f5fd69a8fc340f0bbd431681487428e004c51', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => closeImageViewer.bind(this)() }), h("div", { key: 'a95fdacea2063289449edea25d9aa2f147fbad36', dir: this.locale.sharedLocales.direction, class: cn('claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0', {
                 'opacity-1 scale-100 pointer-events-auto': this.isOpened,
                 'compact': this.compact,
-            }) }, h("div", { key: 'd0e9d66f744caa597be9c2ac01c8d1c4944bbd3f', class: "stage" }, h("div", { key: '8f81ff0568e53c08e9bf77c7dc53b1216749a4f6', class: cn('voucher', { side: !isBottomStub, bottom: isBottomStub, qr: isQRScannerForm }) }, h("button", { key: 'e6043b92097a6f3ac5e930c4cf2ce1664bc95618', disabled: this.isLoading, onClick: this.close.bind(this), class: "btn-close", "aria-label": "Close" }, h(AddIcon, { key: '52f125376f9059c910cc7000937c62c45f0919a9', class: "stroke-[1.5px]" })), h("section", { key: 'e538087491f2d8107de4078c20458bc831061e82', class: "v-body" }, h("div", { key: 'a10c31ed43c3048cf934827061c96108aa9ce888', class: "item-row" }, h("div", { key: 'f355cff26b47ce4d7db51c5fa65cf3657e3c96ef' }, !!((_f = this.item) === null || _f === void 0 ? void 0 : _f.type) && h("span", { key: 'f979ea8e79fb967eceb1c3c357cc50cc25a8b940', class: "item-type" }, this.item.type), h("div", { key: '9d9da2691690a66ce2eadcbb841fe06efc28c3f7', class: "item-name" }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.name)), h("div", { key: '163f69ffa5411362bfbbf44977959c0e20c7ed8a', class: "vin-stamp" }, h("div", { key: '26c295247ab893339686a6989c3c5494d28e8d57', class: "lab" }, this.locale.vin), h("div", { key: '36aa7885d4ec4b87fa0fa76873f7c707b7df40dc', class: "vin", dir: "ltr" }, this.vin), !!((_h = this.item) === null || _h === void 0 ? void 0 : _h.printUrl) && (h("button", { key: 'a123cccce159fd1249b7a0648ada6b9403b3d6d7', class: "btn-print", onClick: () => { var _a; return (_a = window.open(this.item.printUrl, '_blank')) === null || _a === void 0 ? void 0 : _a.focus(); } }, h(PrinterIcon, { key: 'd43de21fd1544de804b436dd312266bb55a8d35c' }), this.locale.print)))), h("div", { key: '13bbf90703678bc0e3026848a4d0cff43eb7f7ee', class: "specs" }, h("div", { key: 'f0d1e03daa562c32b6c15489ace8663e6ce1e590', class: "spec" }, h("div", { key: '5cad01c9357ffbc2c086804d6af7a8ff984872c4', class: "lab" }, this.locale.activationDate), h("div", { key: 'b5462cb506c9d41a2cf038671227df50e83872cd', class: "val", dir: "ltr" }, ((_j = this.item) === null || _j === void 0 ? void 0 : _j.activatedAt) || '—')), h("div", { key: '9d3bdf0c8ea39da08e2f9ae452dc3ca992697426', class: "spec" }, h("div", { key: '9de1624ae08c5c30a14be2b4ff6977d7587dc17e', class: "lab" }, this.locale.expireDate), h("div", { key: '3e2c34b312dcb22c7eba332bfd7997b6a8733035', class: "val", dir: "ltr" }, ((_k = this.item) === null || _k === void 0 ? void 0 : _k.expiresAt) || '—')), h("div", { key: 'f77dd7f90dbce58d2ac5601d4c1eb83d7a705419', class: "spec pkg" }, h("div", { key: '1dd4ff632bd0beb106bc7a80496ab7324c5aa547', class: "lab" }, this.locale.packageCode), h("div", { key: '8f2a176561443d5f382593890aa9e13104d74003', class: "val", dir: "ltr" }, ((_l = this.item) === null || _l === void 0 ? void 0 : _l.packageCode) || '—'))), Array.isArray((_m = this.item) === null || _m === void 0 ? void 0 : _m.warnings) && !!this.item.warnings.length && (h("div", { key: '6463ce347e478819ebf30ca061c6bb78de695662', class: "notices" }, this.item.warnings.map(warning => (h("div", { key: warning.key, class: cn('notice', { info: !(warning === null || warning === void 0 ? void 0 : warning.confirmationText) }) }, h("div", { class: "doc-row" }, h("div", { class: "ntc-body", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (h("button", { class: "doc-thumb-btn", title: this.locale.expand, onClick: event => this.openWarningImage(event, warning === null || warning === void 0 ? void 0 : warning.imageUrl) }, h("span", { class: "thumb-overlay" }, h("img", { src: Eye }), this.locale.expand), h("img", { class: "doc-thumb", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (h("div", { class: "confirm" }, h("label", { class: cn({ disabled: this.isLoading }) }, h("input", { type: "checkbox", class: "sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), h("span", { class: "cbx-face" }, h(CheckIcon, null)), warning === null || warning === void 0 ? void 0 :
-            warning.confirmationText))))))))), h("aside", { key: '313369aa19eede078449007e91fb4a5b21cf732f', class: "stub" }, h("div", { key: '22fd1766b19542fbcaf37a4b6204452a36e018b9', class: "perf" }), h("span", { key: '1c302cb3126fd19ef1e75cbf8e3fdb077e753392', class: "punch p1" }), h("span", { key: 'a3f41a10a1bacac080cde94af52ff423624e8fab', class: "punch p2" }), isQRScannerForm && h("div", { key: '1b87d24a5e73b0803ce746474c9f08a522e37f59', class: "field-label" }, this.locale.qrCode), h("div", { key: '928946eab68cefa90d0ba6a876bebc315bf6b34e', class: "claim-area" }, isQRScannerForm ? (h("div", { class: cn('scanzone', { disabled: disableInputs }) }, h("div", { class: "sz-row" }, h("span", { class: "qr-ic" }, h(QrCodeScanIcon, null)), h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: () => {
+            }) }, h("div", { key: '47d2009c2620c71e9bf4e71d1f7397cb82d2d6db', class: "stage" }, h("div", { key: '4ee0d752a656732574c0c8d23fb33ea6e79c6f1f', class: cn('voucher', { side: !isBottomStub, bottom: isBottomStub, qr: isQRScannerForm }) }, h("button", { key: 'b06a4a445e9c7abced3e0cffca8a4e1b35a79d87', disabled: this.isLoading, onClick: this.close.bind(this), class: "btn-close", "aria-label": "Close" }, h(AddIcon, { key: '04770841e967650ba1d7934cf2dc144eebe73d5d', class: "stroke-[1.5px]" })), h("section", { key: '89a1d272edd04198447a0d6206da3fbea5884573', class: "v-body" }, h("div", { key: 'cafe76bafdbb5ddf7169701a47bc15f45ec35ea8', class: "item-row" }, h("div", { key: '66cb6281a1a6c33322c7d2853effe582a6d63237' }, !!((_f = this.item) === null || _f === void 0 ? void 0 : _f.type) && h("span", { key: 'e09d034d8659edd3a827e9a7214de1a01732436e', class: "item-type" }, this.item.type), h("div", { key: '9b5cc0d71f3eb86b824bca550a9f4926a8847f40', class: "item-name" }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.name)), h("div", { key: 'fcaad6353795aab5f23a2487164d7933a266a8f7', class: "vin-stamp" }, h("div", { key: '67675a3e2ae40facde3a132a5930bbcfbfec4a30', class: "lab" }, this.locale.vin), h("div", { key: '7cdf792c06cc2b72bfacd2590a8e5ffe101b055e', class: "vin", dir: "ltr" }, this.vin), !!((_h = this.item) === null || _h === void 0 ? void 0 : _h.printUrl) && (h("button", { key: '50b020cc847a9094bb7112a039fdc2abb182efea', class: "btn-print", onClick: () => { var _a; return (_a = window.open(this.item.printUrl, '_blank')) === null || _a === void 0 ? void 0 : _a.focus(); } }, h(PrinterIcon, { key: '60ab78a26c8099730d7d3c63d2ca1c6a0aa37db4' }), this.locale.print)))), h("div", { key: '21f301a99b804aa7dea590f7465f6d337c1a6ef7', class: "specs" }, h("div", { key: '7c6314d7c36c4c7f22dc69bbfd407f83a380bdc8', class: "spec" }, h("div", { key: '4fe65caa6c11ef31886d0d932ffe92002d681e22', class: "lab" }, this.locale.activationDate), h("div", { key: '64d19ed572c2223edd8d6d4ab3c5b72145fd421f', class: "val", dir: "ltr" }, ((_j = this.item) === null || _j === void 0 ? void 0 : _j.activatedAt) || '—')), h("div", { key: 'cbb976acf0b8700c1da2d87dc2d10b35f8e90924', class: "spec" }, h("div", { key: 'ceacc4cad3bbfd66278c061bc7d447e601bf5bb4', class: "lab" }, this.locale.expireDate), h("div", { key: 'fda8cf92980bec97d59ceffa5542162e795a3a02', class: "val", dir: "ltr" }, ((_k = this.item) === null || _k === void 0 ? void 0 : _k.expiresAt) || '—')), h("div", { key: 'c59a1ea45f41875c4a4d8c269223a33aae0dafd1', class: "spec pkg" }, h("div", { key: '8e8cb21c06555f88fd4d5063c0ae2f084d0db378', class: "lab" }, this.locale.packageCode), h("div", { key: 'cf4833cf6d832dc6e3ca5c49fbdd72fe12d71797', class: "val", dir: "ltr" }, ((_l = this.item) === null || _l === void 0 ? void 0 : _l.packageCode) || '—'))), Array.isArray((_m = this.item) === null || _m === void 0 ? void 0 : _m.warnings) && !!this.item.warnings.length && (h("div", { key: '2d3b9abad25e7a1007d200648362685720a75a09', class: "notices" }, this.item.warnings.map(warning => (h("div", { key: warning.key, class: cn('notice', { info: !(warning === null || warning === void 0 ? void 0 : warning.confirmationText) }) }, h("div", { class: "doc-row" }, h("div", { class: "ntc-body", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (h("button", { class: "doc-thumb-btn", title: this.locale.expand, onClick: event => this.openWarningImage(event, warning === null || warning === void 0 ? void 0 : warning.imageUrl) }, h("span", { class: "thumb-overlay" }, h("img", { src: Eye }), this.locale.expand), h("img", { class: "doc-thumb", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (h("div", { class: "confirm" }, h("label", { class: cn({ disabled: this.isLoading }) }, h("input", { type: "checkbox", class: "sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), h("span", { class: "cbx-face" }, h(CheckIcon, null)), warning === null || warning === void 0 ? void 0 :
+            warning.confirmationText))))))))), h("aside", { key: '8575678299db15654aef32745f2ebf9065eb2fe5', class: "stub" }, h("div", { key: 'ec8960e4dc691d6b50ba090d01810bbd27961283', class: "perf" }), h("span", { key: 'b8483abc2a24b9b6dc758194a35fa598bc53f1d3', class: "punch p1" }), h("span", { key: '329b4207e3ac2c1bda01df70bd92f9557b351e12', class: "punch p2" }), isQRScannerForm && h("div", { key: '4d8ea41cad5fe2720e19ba732a680cb56df3eb1e', class: "field-label" }, this.locale.qrCode), h("div", { key: '1fcc19f531fbde24a846aed57430c2e4c9fdb080', class: "claim-area" }, isQRScannerForm ? (h("div", { class: cn('scanzone', { disabled: disableInputs }) }, h("div", { class: "sz-row" }, h("span", { class: "qr-ic" }, h(QrCodeScanIcon, null)), h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: () => {
                 if (!this.claimError)
                     this.focusInputs();
             }, onKeyDown: this.onKeyDown, value: (_o = this.inputs) === null || _o === void 0 ? void 0 : _o.qrCode, placeholder: this.locale.scanTheVoucher, onInput: event => this.setInputValue('qrCode', event.target.value) })), h("div", { class: "scan-hint" }, h("span", { class: "dot" }), this.locale.scanHint))) : ([
             h("div", { class: "field", key: "invoice" }, h("label", null, this.locale.invoice), h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_p = this.inputs) === null || _p === void 0 ? void 0 : _p.invoice, placeholder: this.locale.invoice, onInput: event => this.setInputValue('invoice', event.target.value) })),
             h("div", { class: "field", key: "jobNumber" }, h("label", null, this.locale.jobNumber), h("input", { dir: "ltr", type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_q = this.inputs) === null || _q === void 0 ? void 0 : _q.jobNumber, placeholder: this.locale.jobNumber, onInput: event => this.setInputValue('jobNumber', event.target.value) })),
-        ]), ((_r = this.item) === null || _r === void 0 ? void 0 : _r.showDocumentUploader) && (h("div", { key: '0b1d58316651fa09e2e54696e6e0cad37f3c16f3', class: "upload-wrap" }, h("input", { key: 'fe51b04cdbfd0505cf56e000fce1050a11ea388e', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), h("div", { key: 'cc4a9649f33e32e66e52274bb255cfcc412ca479', class: cn('upload', { disabled: disableInputs }), onClick: this.onDocumentButtonClicked }, h("span", { key: '110f21024bb28fd7737992f3c392b9dde6764fb8', class: "ic" }, h(AttachIcon, { key: 'f477377ba8e077e53ecffdbd907da6bcfc02a4f2' })), h("span", { key: 'abdf401dd668d8955a398afbd6697aa64b7f4467', class: "upload-text" }, h("span", { key: 'd6ad617fde0af6827a4b739880e9f01296fff34e', class: "ut", title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_s = this === null || this === void 0 ? void 0 : this.item) === null || _s === void 0 ? void 0 : _s.documentUploaderIsRequired) && !hasDocuments && h("span", { key: '9a1633d82436c4fb8f6e8a8afcc1d42cd4960909', class: "req" }, "*")), h("span", { key: 'd22ed126229ecae73697c60b3885b76419ed0b6e', class: "us" }, this.locale.uploadHint)), hasDocuments && (h("button", { key: 'd0a6a05afd610e5bf7171ea1f3543c10d17f66b3', class: "upload-clear", onClick: this.clearFile, "aria-label": "Clear" }, h(AddIcon, { key: '01656b9f571f2bba6306089a8cc852001aaddbb0' })))), h("flexible-container", { key: '18092907be874403f5a4cf1e11a857cdf121ba01', isOpened: !!((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.show) }, h("div", { key: '2301e65f1cff4a0e5ac1d92d39401b059d53864c', class: "upload-error" }, ((_w = (_v = this.errors) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.text) === 'documentLimitError'
+        ]), ((_r = this.item) === null || _r === void 0 ? void 0 : _r.showDocumentUploader) && (h("div", { key: '73de78933bb8e0555f2a78b823ab0871073e423f', class: "upload-wrap" }, h("input", { key: '9b8883fa0fe04a3314d4504344a7810d13635bad', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), h("div", { key: 'bfd473f6a103bfed2b1baf91c249fa40e6193f2e', class: cn('upload', { disabled: disableInputs }), onClick: this.onDocumentButtonClicked }, h("span", { key: 'cacae0265fe1c474ca6dea8a5f405fb91e9e756a', class: "ic" }, h(AttachIcon, { key: '9e68372260a29a941b038e15ac6101a43c32e65e' })), h("span", { key: '40f71a8e713f8fecf33d9f8d68b45ded7ead2260', class: "upload-text" }, h("span", { key: '288972dd90a2d8ed8ffead8ff3563b080d9c480d', class: "ut", title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_s = this === null || this === void 0 ? void 0 : this.item) === null || _s === void 0 ? void 0 : _s.documentUploaderIsRequired) && !hasDocuments && h("span", { key: 'b941c3e76deee9c348e20aae1479c475557a834b', class: "req" }, "*")), h("span", { key: 'ad0867177d96d32c22ee0f5f786c1417c6e10e04', class: "us" }, this.locale.uploadHint)), hasDocuments && (h("button", { key: 'ea540553021cee975e0a6d2480539c331152bc2a', class: "upload-clear", onClick: this.clearFile, "aria-label": "Clear" }, h(AddIcon, { key: 'caab5cee1ab27f8ead7eea6c50202af47d14edbc' })))), h("flexible-container", { key: '8683efc9bd571a833a11fdbdde8448ae7e3191e7', isOpened: !!((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.show) }, h("div", { key: 'fa1ca438a5094a440588080433bb74463f6e9c00', class: "upload-error" }, ((_w = (_v = this.errors) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.text) === 'documentLimitError'
             ? this.locale.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
-            : this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), h("flexible-container", { key: '9d0db3f08b8572568c78aa43f72c4f622b158440', isOpened: hasDocuments, containerClasses: "" }, h("div", { key: 'b7e23bd29bf0c53f059b8ba820db1680e454e039', class: "chips" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => (h("div", { class: cn('chip', { disabled: disableInputs }) }, h("span", { title: doc.name }, doc.name), h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), "aria-label": "Remove" }, h(AddIcon, null))))))))), h("div", { key: '2360392e5698afb3b5f98989e417c82ffdf379b3', class: "stub-spacer" }), h("button", { key: '3c173b5f42e36c26979a4677d196fbc06b1a1e2c', class: cn('btn-claim', { loading: this.isLoading }), onClick: this.submit, disabled: !isFormValid || disableInputs }, this.isLoading && h("span", { key: '7a308a614ef0634d624c1c93ddff2aa7b4073644', class: "claim-progress", style: { width: `${showUploadProgress ? this.uploadProgress : 100}%` } }), h("span", { key: 'b536ec038dec9436b2e9ac16a0e0dd972e4876fb', class: "claim-label" }, !this.isLoading && h(CheckIcon, { key: 'e860e21049fc821a4d4681364837ff97429d8146' }), h("span", { key: '85885e162845652f9df87cec60e9313a7264713f' }, this.isLoading ? `${this.locale.processing}${showUploadProgress ? ` ${this.uploadProgress}%` : ''}` : this.locale.claim))))))), !!this.claimError && (h("div", { key: '7bf3cc802746badf4da2f0804174a59785f72434', class: "err-scrim", onClick: event => {
+            : this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), h("flexible-container", { key: '5ad01fafcae699d08437e07982c33e837e11d40a', isOpened: hasDocuments, containerClasses: "" }, h("div", { key: '551e762eaa802a335ed0d66c68f1a4a94e60ef0d', class: "chips" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => (h("div", { class: cn('chip', { disabled: disableInputs }) }, h("span", { title: doc.name }, doc.name), h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), "aria-label": "Remove" }, h(AddIcon, null))))))))), h("div", { key: 'c60fbdc5fed587523a11ba1f379e5753eb9d29f2', class: "stub-spacer" }), h("button", { key: '8c17261d7bdbaca5d1a9994e4c6833428b17b576', class: cn('btn-claim', { loading: this.isLoading }), onClick: this.submit, disabled: !isFormValid || disableInputs }, this.isLoading && h("span", { key: 'ede8dbb96d10dee1cd44d5cd291c40deb800b2ea', class: "claim-progress", style: { width: `${showUploadProgress ? this.uploadProgress : 100}%` } }), h("span", { key: 'c850ac7904b65e8fb5bf07c5a2c4daf5a2378258', class: "claim-label" }, !this.isLoading && h(CheckIcon, { key: '2fa33f6b1d76f4d52d5b478f73ebcda411cce7c9' }), h("span", { key: '5021cfc3e85f34ba8591ff38bb1d90296de94e9f' }, this.isLoading ? `${this.locale.processing}${showUploadProgress ? ` ${this.uploadProgress}%` : ''}` : this.locale.claim))))))), !!this.claimError && (h("div", { key: 'c65dcd693c8fba4560e0a72f3d6775e593ad1b00', class: "err-scrim", onClick: event => {
                 if (event.target === event.currentTarget)
                     this.dismissError();
-            } }, h("div", { key: '24cf61b0f36a60a1eb3199be7ddc3c5d45ce388a', class: "err-card", role: "alertdialog", "aria-modal": "true" }, h("button", { key: 'cb6959a5995821175c94472886b8f8c647cc2cf5', class: "btn-close", onClick: this.dismissError, "aria-label": "Close" }, h(AddIcon, { key: '0eb82acf2cdede5b660eddb4244a7ee3e7a5abd5', class: "stroke-[1.5px]" })), h("div", { key: '97aad79834b03143dd53828529b0be2e27e843a0', class: "err-head" }, h("span", { key: 'dbdaacfc836de0e361ab5a2a0c5eff8b3864abee', class: "err-ic" }, h(TriangleAlertIcon, { key: '2822d3356cd73db30963b0bc6f1cd7b4a6376776' })), h("span", { key: '6b394ce3674049a80e9f2469dac97f9b0a40d970', class: "err-title" }, this.locale.claimFailed)), h("div", { key: '0b66beffe67b8eda0ef20fd7c0b905715d31ca55', class: "err-msg" }, this.claimError), h("div", { key: '38409f22949e6e50411a4905bb0293be02034580', class: "err-foot" }, h("button", { key: '286f1a0302ebe831bf1fd99122ecb6e47a2412c8', class: "btn-err-ok", onClick: this.dismissError }, this.locale.ok))))))));
+            } }, h("div", { key: '71d0da7efc126db1f7e296f66a2bff7b4f772fc8', class: "err-card", role: "alertdialog", "aria-modal": "true" }, h("button", { key: 'a0972977cf450a5991f1b94bc9be7b52ce9b4a4a', class: "btn-close", onClick: this.dismissError, "aria-label": "Close" }, h(AddIcon, { key: 'd09fb6ed1237fe5ad90d0fecabe69033263d3c46', class: "stroke-[1.5px]" })), h("div", { key: '979e5e77ba129de6e51b1b9c8dac26dfa14c8181', class: "err-head" }, h("span", { key: '240f05e9d433008eb0f26d59a884d8a79fa1feb5', class: "err-ic" }, h(TriangleAlertIcon, { key: '8a1868d758121d9549514ad30f1a9fb5f92530c9' })), h("span", { key: '08ed8c54b7ea86c0d54e8688aac6ff085184c738', class: "err-title" }, this.locale.claimFailed)), h("div", { key: '6ab69820f70b72b73b3fabe612b7457bd7d24692', class: "err-msg" }, this.claimError), h("div", { key: '8091344c6aa8a98a1b15f666a893881222b28009', class: "err-foot" }, h("button", { key: 'e9c236ee11387027f9c20b144171850f3345c98c', class: "btn-err-ok", onClick: this.dismissError }, this.locale.ok))))))));
     }
     static get is() { return "vehicle-item-claim-form"; }
     static get encapsulation() { return "shadow"; }
@@ -368,7 +368,6 @@ export class VehicleItemClaimForm {
         return {
             "vin": {
                 "type": "string",
-                "attribute": "vin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -383,20 +382,21 @@ export class VehicleItemClaimForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "vin"
             },
             "item": {
                 "type": "unknown",
-                "attribute": "item",
                 "mutable": false,
                 "complexType": {
                     "original": "VehicleServiceItemDTO",
-                    "resolved": "{ group: VehicleServiceItemGroup; showDocumentUploader: boolean; warnings?: VehicleItemWarning[]; printUrl?: string; documentUploaderIsRequired: boolean; name: string; description: string; title: string; image: string; type: string; typeEnum: \"Free\" | \"Paid\"; activatedAt: string; expiresAt?: string; status: string; statusEnum: \"Pending\" | \"Processed\" | \"Expired\" | \"Cancelled\" | \"ActivationRequired\"; campaignID?: number; campaignUniqueReference: string; packageCode: string; cost?: number; claimDate?: string; modelCostID?: number; serviceItemID: string; paidServiceInvoiceLineID?: string; companyName: string; invoiceNumber: string; jobNumber: string; maximumMileage?: number; claimable: boolean; claimingMethodEnum: \"ClaimByScanningQRCode\" | \"ClaimByEnteringInvoiceAndJobNumber\"; vehicleInspectionID: string; vehicleInspectionTypeID: string; campaignVinEntryID: string; signature: string; signatureExpiry: string; }",
+                    "resolved": "{ group: VehicleServiceItemGroup; showDocumentUploader: boolean; warnings?: VehicleItemWarning[]; printUrl?: string; documentUploaderIsRequired: boolean; name: string; description: string; title: string; image: string; type: string; typeEnum: \"Free\" | \"Paid\"; activatedAt: string; expiresAt?: string; status: string; statusEnum: \"Processed\" | \"Expired\" | \"Pending\" | \"Cancelled\" | \"ActivationRequired\"; campaignID?: number; campaignUniqueReference: string; packageCode: string; cost?: number; claimDate?: string; modelCostID?: number; serviceItemID: string; paidServiceInvoiceLineID?: string; companyName: string; invoiceNumber: string; jobNumber: string; maximumMileage?: number; claimable: boolean; claimingMethodEnum: \"ClaimByScanningQRCode\" | \"ClaimByEnteringInvoiceAndJobNumber\"; vehicleInspectionID: string; vehicleInspectionTypeID: string; campaignVinEntryID: string; signature: string; signatureExpiry: string; }",
                     "references": {
                         "VehicleServiceItemDTO": {
                             "location": "import",
                             "path": "~types/generated/vehicle-lookup/vehicle-service-item-dto",
-                            "id": "src/global/types/generated/vehicle-lookup/vehicle-service-item-dto.ts::VehicleServiceItemDTO"
+                            "id": "src/global/types/generated/vehicle-lookup/vehicle-service-item-dto.ts::VehicleServiceItemDTO",
+                            "referenceLocation": "VehicleServiceItemDTO"
                         }
                     }
                 },
@@ -411,7 +411,6 @@ export class VehicleItemClaimForm {
             },
             "maximumDocumentFileSizeInMb": {
                 "type": "number",
-                "attribute": "maximum-document-file-size-in-mb",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -426,11 +425,11 @@ export class VehicleItemClaimForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "maximum-document-file-size-in-mb"
             },
             "uploadMultipleDocuments": {
                 "type": "boolean",
-                "attribute": "upload-multiple-documents",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -446,11 +445,11 @@ export class VehicleItemClaimForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "upload-multiple-documents",
                 "defaultValue": "true"
             },
             "loadingStateChange": {
                 "type": "unknown",
-                "attribute": "loading-state-change",
                 "mutable": false,
                 "complexType": {
                     "original": "(isLoading: boolean) => void",
@@ -468,21 +467,22 @@ export class VehicleItemClaimForm {
             },
             "locale": {
                 "type": "unknown",
-                "attribute": "locale",
                 "mutable": false,
                 "complexType": {
                     "original": "{ sharedLocales: SharedLocales } & ClaimFormType",
-                    "resolved": "{ sharedLocales: { lang?: string; direction?: string; language?: string; noData?: string; errors?: { noBaseUrl?: string; invalidVin?: string; vinNumberRequired?: string; partNumberRequired?: string; wrongResponseFormat?: string; noPartsFound?: string; noServiceAvailable?: string; wrongFormStructure?: string; wildCard?: string; requestFailedPleaseTryAgainLater?: string; }; }; } & { name?: string; vin?: string; expand?: string; uploadSingleDocument?: string; uploadMultipleDocument?: string; uploadHint?: string; serviceType?: string; print?: string; documentLimitError?: string; documentRequiredError?: string; activationDate?: string; expireDate?: string; packageCode?: string; scanTheVoucher?: string; scanHint?: string; qrCode?: string; processing?: string; enterServiceInfo?: string; invoice?: string; jobNumber?: string; claim?: string; claimFailed?: string; ok?: string; }",
+                    "resolved": "{ sharedLocales: { lang?: string; direction?: string; language?: string; noData?: string; errors?: { noBaseUrl?: string; invalidVin?: string; vinNumberRequired?: string; partNumberRequired?: string; wrongResponseFormat?: string; noPartsFound?: string; noServiceAvailable?: string; wrongFormStructure?: string; wildCard?: string; requestFailedPleaseTryAgainLater?: string; }; }; } & { name?: string; vin?: string; uploadSingleDocument?: string; uploadMultipleDocument?: string; uploadHint?: string; serviceType?: string; print?: string; expand?: string; documentLimitError?: string; documentRequiredError?: string; activationDate?: string; expireDate?: string; packageCode?: string; scanTheVoucher?: string; scanHint?: string; qrCode?: string; processing?: string; enterServiceInfo?: string; invoice?: string; jobNumber?: string; claim?: string; claimFailed?: string; ok?: string; }",
                     "references": {
                         "SharedLocales": {
                             "location": "import",
                             "path": "~features/multi-lingual",
-                            "id": "src/features/multi-lingual/index.ts::SharedLocales"
+                            "id": "src/features/multi-lingual/index.ts::SharedLocales",
+                            "referenceLocation": "SharedLocales"
                         },
                         "ClaimFormType": {
                             "location": "import",
                             "path": "~locales/vehicleLookup/claimableItems/type",
-                            "id": "src/locales/vehicleLookup/claimableItems/type.ts::ClaimFormType"
+                            "id": "src/locales/vehicleLookup/claimableItems/type.ts::ClaimFormType",
+                            "referenceLocation": "ClaimFormType"
                         }
                     }
                 },
@@ -497,7 +497,6 @@ export class VehicleItemClaimForm {
             },
             "handleClaiming": {
                 "type": "unknown",
-                "attribute": "handle-claiming",
                 "mutable": false,
                 "complexType": {
                     "original": "(documents: File[], payload: ItemClaimDTO) => Promise<void>",
@@ -510,7 +509,8 @@ export class VehicleItemClaimForm {
                         "ItemClaimDTO": {
                             "location": "import",
                             "path": "../../global/types/generated/vehicle-lookup/item-claim-dto",
-                            "id": "src/global/types/generated/vehicle-lookup/item-claim-dto.ts::ItemClaimDTO"
+                            "id": "src/global/types/generated/vehicle-lookup/item-claim-dto.ts::ItemClaimDTO",
+                            "referenceLocation": "ItemClaimDTO"
                         },
                         "Promise": {
                             "location": "global",

package/dist/collection/components/vehicle-lookup/vehicle-lookup.css

@@ -1 +1 @@
-*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.size-\[32px\]{height:32px;width:32px}.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))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.\!overflow-hidden{overflow:hidden!important}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#e0c97a\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.text-\[\#c08a0e\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.part-lookup,.part-lookup *{font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.hover\:border-\[\#c08a0e\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\:bg-\[\#fcf8e3\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\:text-\[\#8a6d3b\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.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))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bottom-\[40px\]{bottom:40px}.left-1\/2{left:50%}.left-\[30px\]{left:30px}.ml-\[-125px\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\[30px\]{height:30px;width:30px}.size-\[90px\]{height:90px;width:90px}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-\[320px\]{height:320px}.h-full{height:100%}.w-1\/2{width:50%}.w-\[150\%\]{width:150%}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-0px\)\]{width:100%}.w-\[calc\(100\%-60px\)\]{width:calc(100% - 60px)}.w-fit{width:fit-content}.min-w-full{min-width:100%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[-50\%\],.translate-y-\[-5px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-5px\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[70\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[70\%\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-\[250px\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\[6px\]{border-radius:6px}.border-\[\#f2aeb5\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\[\#faebcc\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#f7d7d8\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\[\#fcf8e3\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(to_bottom\2c _\#428bca_0\%\2c _\#3071a9_100\%\)\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\[25px\]{padding:25px}.px-\[30px\]{padding-left:30px;padding-right:30px}.pt-\[16px\]{padding-top:16px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.font-semibold{font-weight:600}.text-\[\#58151c\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\[\#8a6d3b\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.duration-300{transition-duration:.3s}.\[\&_\*\]\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.me-\[16px\]{margin-inline-end:16px}.mt-\[4px\]{margin-top:4px}.size-\[16px\]{height:16px;width:16px}.size-\[18px\]{height:18px;width:18px}.h-\[150px\]{height:150px}.w-\[84px\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\[16px\]{gap:16px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\[12px\]{padding:12px}.p-\[6px\]{padding:6px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[24px\]{padding-left:24px;padding-right:24px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[17px\]{font-size:17px}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-sky-100\/50:hover{background-color:rgba(224,242,254,.5)}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.translate-y-\[-4px\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.overflow-auto{overflow:auto}.\!rounded-\[12px\]{border-radius:12px!important}.rounded-\[14px\]{border-radius:14px}.p-\[16px\]{padding:16px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.py-\[12px\]{padding-bottom:12px;padding-top:12px}.\!pb-0{padding-bottom:0!important}.text-\[13\.5px\]{font-size:13.5px}.leading-\[1\.35\]{line-height:1.35}.text-amber-900\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\:justify-between{justify-content:space-between}}.\[\&\>div\]\:grow>div{flex-grow:1}.size-\[100px\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\[100px\]{max-height:100px}.w-auto{width:auto}.max-w-\[100px\]{max-width:100px}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\[32px\]{margin-top:32px}.h-\[25px\]{height:25px}.h-\[50px\]{height:50px}.h-\[8px\]{height:8px}.bg-\[\#f6f6f6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\[40px\]{padding-top:40px}.text-\[18px\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\[999\]{z-index:999}.h-\[100dvh\]{height:100dvh}.w-\[100dvw\]{width:100dvw}.scale-100,.scale-\[110\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[110\%\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\[1\.5px\]{stroke-width:1.5px}
+*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.size-\[32px\]{height:32px;width:32px}.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))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.\!overflow-hidden{overflow:hidden!important}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#e0c97a\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.text-\[\#c08a0e\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.part-lookup,.part-lookup *{font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.hover\:border-\[\#c08a0e\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\:bg-\[\#fcf8e3\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\:text-\[\#8a6d3b\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.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))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bottom-\[40px\]{bottom:40px}.left-1\/2{left:50%}.left-\[30px\]{left:30px}.ml-\[-125px\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\[30px\]{height:30px;width:30px}.size-\[90px\]{height:90px;width:90px}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-\[320px\]{height:320px}.h-full{height:100%}.w-1\/2{width:50%}.w-\[150\%\]{width:150%}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-0px\)\]{width:100%}.w-\[calc\(100\%-60px\)\]{width:calc(100% - 60px)}.w-fit{width:fit-content}.min-w-full{min-width:100%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[-50\%\],.translate-y-\[-5px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-5px\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[70\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[70\%\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-\[250px\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\[6px\]{border-radius:6px}.border-\[\#f2aeb5\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\[\#faebcc\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#f7d7d8\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\[\#fcf8e3\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(to_bottom\2c _\#428bca_0\%\2c _\#3071a9_100\%\)\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\[25px\]{padding:25px}.px-\[30px\]{padding-left:30px;padding-right:30px}.pt-\[16px\]{padding-top:16px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.font-semibold{font-weight:600}.text-\[\#58151c\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\[\#8a6d3b\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.duration-300{transition-duration:.3s}.\[\&_\*\]\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.me-\[16px\]{margin-inline-end:16px}.mt-\[4px\]{margin-top:4px}.size-\[16px\]{height:16px;width:16px}.size-\[18px\]{height:18px;width:18px}.h-\[150px\]{height:150px}.w-\[84px\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\[16px\]{gap:16px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\[12px\]{padding:12px}.p-\[6px\]{padding:6px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[24px\]{padding-left:24px;padding-right:24px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[17px\]{font-size:17px}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-sky-100\/50:hover{background-color:rgba(224,242,254,.5)}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.translate-y-\[-4px\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.overflow-auto{overflow:auto}.\!rounded-\[12px\]{border-radius:12px!important}.rounded-\[14px\]{border-radius:14px}.p-\[16px\]{padding:16px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.py-\[12px\]{padding-bottom:12px;padding-top:12px}.\!pb-0{padding-bottom:0!important}.text-\[13\.5px\]{font-size:13.5px}.leading-\[1\.35\]{line-height:1.35}.text-amber-900\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\:justify-between{justify-content:space-between}}.\[\&\>div\]\:grow>div{flex-grow:1}.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}.z-\[999\]{z-index:999}.h-\[100dvh\]{height:100dvh}.w-\[100dvw\]{width:100dvw}.scale-100,.scale-\[110\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[110\%\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\[1\.5px\]{stroke-width:1.5px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.mt-\[32px\]{margin-top:32px}.h-\[25px\]{height:25px}.h-\[50px\]{height:50px}.h-\[8px\]{height:8px}.bg-\[\#f6f6f6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\[40px\]{padding-top:40px}.text-\[18px\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}

package/dist/collection/components/vehicle-lookup/vehicle-lookup.js

@@ -237,7 +237,6 @@ export class VehicleLookup {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -246,7 +245,8 @@ export class VehicleLookup {
                         "LanguageKeys": {
                             "location": "import",
                             "path": "~features/multi-lingual",
-                            "id": "src/features/multi-lingual/index.ts::LanguageKeys"
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys",
+                            "referenceLocation": "LanguageKeys"
                         }
                     }
                 },
@@ -259,11 +259,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "language",
                 "defaultValue": "'en'"
             },
             "activeElement": {
                 "type": "string",
-                "attribute": "active-element",
                 "mutable": false,
                 "complexType": {
                     "original": "ActiveElement",
@@ -285,11 +285,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "active-element",
                 "defaultValue": "''"
             },
             "baseUrl": {
                 "type": "string",
-                "attribute": "base-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -305,11 +305,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "base-url",
                 "defaultValue": "''"
             },
             "isDev": {
                 "type": "boolean",
-                "attribute": "is-dev",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -325,11 +325,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-dev",
                 "defaultValue": "false"
             },
             "mockUrl": {
                 "type": "string",
-                "attribute": "mock-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -345,11 +345,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mock-url",
                 "defaultValue": "''"
             },
             "mockRecaptcha": {
                 "type": "boolean",
-                "attribute": "mock-recaptcha",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -365,11 +365,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mock-recaptcha",
                 "defaultValue": "false"
             },
             "disableVinValidation": {
                 "type": "boolean",
-                "attribute": "disable-vin-validation",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -385,11 +385,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disable-vin-validation",
                 "defaultValue": "false"
             },
             "queryString": {
                 "type": "string",
-                "attribute": "query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -405,11 +405,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "query-string",
                 "defaultValue": "''"
             },
             "sscQueryString": {
                 "type": "string",
-                "attribute": "ssc-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -425,11 +425,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "ssc-query-string",
                 "defaultValue": "''"
             },
             "separateSsc": {
                 "type": "boolean",
-                "attribute": "separate-ssc",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -445,11 +445,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "separate-ssc",
                 "defaultValue": "false"
             },
             "hiddenTabs": {
                 "type": "string",
-                "attribute": "hidden-tabs",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -465,11 +465,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hidden-tabs",
                 "defaultValue": "''"
             },
             "childrenProps": {
                 "type": "string",
-                "attribute": "children-props",
                 "mutable": false,
                 "complexType": {
                     "original": "string | object",
@@ -484,11 +484,11 @@ export class VehicleLookup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "children-props"
             },
             "blazorErrorStateListener": {
                 "type": "string",
-                "attribute": "blazor-error-state-listener",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -504,11 +504,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "blazor-error-state-listener",
                 "defaultValue": "''"
             },
             "errorStateListener": {
                 "type": "unknown",
-                "attribute": "error-state-listener",
                 "mutable": false,
                 "complexType": {
                     "original": "(newError: string) => void",
@@ -526,7 +526,6 @@ export class VehicleLookup {
             },
             "blazorOnLoadingStateChange": {
                 "type": "string",
-                "attribute": "blazor-on-loading-state-change",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -542,11 +541,11 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "blazor-on-loading-state-change",
                 "defaultValue": "''"
             },
             "loadingStateChanged": {
                 "type": "unknown",
-                "attribute": "loading-state-changed",
                 "mutable": false,
                 "complexType": {
                     "original": "(isLoading: boolean) => void",
@@ -564,7 +563,6 @@ export class VehicleLookup {
             },
             "dynamicClaimActivate": {
                 "type": "unknown",
-                "attribute": "dynamic-claim-activate",
                 "mutable": false,
                 "complexType": {
                     "original": "(vehicleInformation: VehicleLookupDTO) => void",
@@ -573,7 +571,8 @@ export class VehicleLookup {
                         "VehicleLookupDTO": {
                             "location": "import",
                             "path": "~types/generated/vehicle-lookup/vehicle-lookup-dto",
-                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO"
+                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO",
+                            "referenceLocation": "VehicleLookupDTO"
                         }
                     }
                 },
@@ -588,7 +587,6 @@ export class VehicleLookup {
             },
             "blazorDynamicClaimActivate": {
                 "type": "string",
-                "attribute": "blazor-dynamic-claim-activate",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -604,6 +602,7 @@ export class VehicleLookup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "blazor-dynamic-claim-activate",
                 "defaultValue": "''"
             }
         };
@@ -640,12 +639,14 @@ export class VehicleLookup {
                         "VehicleLookupDTO": {
                             "location": "import",
                             "path": "~types/generated/vehicle-lookup/vehicle-lookup-dto",
-                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO"
+                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO",
+                            "referenceLocation": "VehicleLookupDTO"
                         },
                         "VehicleWarrantyDetails": {
                             "location": "import",
                             "path": "./vehicle-warranty-details",
-                            "id": "src/components/vehicle-lookup/vehicle-warranty-details.tsx::VehicleWarrantyDetails"
+                            "id": "src/components/vehicle-lookup/vehicle-warranty-details.tsx::VehicleWarrantyDetails",
+                            "referenceLocation": "VehicleWarrantyDetails"
                         }
                     },
                     "return": "Promise<void>"
@@ -671,7 +672,8 @@ export class VehicleLookup {
                         "DotNetObjectReference": {
                             "location": "import",
                             "path": "~features/blazor-ref",
-                            "id": "src/features/blazor-ref/index.ts::DotNetObjectReference"
+                            "id": "src/features/blazor-ref/index.ts::DotNetObjectReference",
+                            "referenceLocation": "DotNetObjectReference"
                         }
                     },
                     "return": "Promise<void>"