adp-web-components 0.3.9 → 0.3.12
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.
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +6 -6
- package/dist/cjs/{fetch-from-CDC_gRf3.js → fetch-from-BNNXW9VC.js} +1 -1
- package/dist/cjs/flexible-container.cjs.entry.js +1 -1
- package/dist/cjs/form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/form-date-picker.cjs.entry.js +4 -4
- package/dist/cjs/form-dialog_13.cjs.entry.js +38 -37
- package/dist/cjs/{form-input-cvIkC0L1.js → form-input-PYkIVe7J.js} +10 -10
- package/dist/cjs/form-input_7.cjs.entry.js +16 -16
- package/dist/cjs/form-switch.cjs.entry.js +2 -2
- package/dist/cjs/form-time-picker.cjs.entry.js +5 -5
- package/dist/cjs/{functions-DJnQ4mku.js → functions-o-EQwu4V.js} +15 -13
- package/dist/cjs/general-form.cjs.entry.js +4 -4
- package/dist/cjs/general-inquiry-form.cjs.entry.js +4 -4
- package/dist/cjs/{get-custom-classes-for-portal-DKFBTajH.js → get-custom-classes-for-portal-4AUxpteB.js} +1 -1
- package/dist/cjs/{get-language-from-url-CFD-qrqi.js → get-language-from-url-BB87tzU5.js} +4 -3
- package/dist/cjs/{get-local-language-BurP5AR9.js → get-local-language-BBAqu4vR.js} +1 -1
- package/dist/cjs/{get-mock-files-rRYh_VpS.js → get-mock-files-JeY1_aCZ.js} +1 -1
- package/dist/cjs/information-table.cjs.entry.js +2 -6
- package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/manufacturer-part-lookup.cjs.entry.js +4 -4
- package/dist/cjs/{mappers-CoVG3ogT.js → mappers-Cwx7L0MJ.js} +5 -5
- package/dist/cjs/part-lookup.cjs.entry.js +2 -2
- package/dist/cjs/service-booking-form.cjs.entry.js +4 -4
- package/dist/cjs/shift-accordion.cjs.entry.js +1 -1
- package/dist/cjs/shift-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/shift-slider.cjs.entry.js +1 -1
- package/dist/cjs/shift-switch.cjs.entry.js +1 -1
- package/dist/cjs/shift-tab-content.cjs.entry.js +1 -1
- package/dist/cjs/shift-tabs_2.cjs.entry.js +7 -7
- package/dist/cjs/ssc-lookup-form.cjs.entry.js +4 -4
- package/dist/cjs/test-drive-form.cjs.entry.js +4 -4
- package/dist/cjs/vehicle-accessories_7.cjs.entry.js +40 -33
- package/dist/cjs/vehicle-lookup.cjs.entry.js +7 -4
- package/dist/cjs/vehicle-quotation-form.cjs.entry.js +17 -17
- package/dist/collection/components/components/empty.css +1 -1
- package/dist/collection/components/components/flexible-container.css +1 -1
- package/dist/collection/components/components/information-table.css +1 -1
- package/dist/collection/components/components/information-table.js +1 -5
- package/dist/collection/components/components/loading-spinner.css +1 -1
- package/dist/collection/components/components/shift-accordion.css +1 -1
- package/dist/collection/components/components/shift-portal.css +1 -1
- package/dist/collection/components/components/shift-select-dropdown.css +1 -1
- package/dist/collection/components/components/shift-select.css +1 -1
- package/dist/collection/components/components/shift-select.js +3 -3
- package/dist/collection/components/components/shift-slider.css +1 -1
- package/dist/collection/components/components/shift-tab-content.css +1 -1
- package/dist/collection/components/components/shift-tabs.css +1 -1
- package/dist/collection/components/form-elements/VehicleImageViewer.js +1 -1
- package/dist/collection/components/form-elements/form-date-picker-legacy.js +3 -3
- package/dist/collection/components/form-elements/form-file.js +3 -3
- package/dist/collection/components/form-elements/form-input.js +3 -3
- package/dist/collection/components/form-elements/form-inputs.css +1 -1
- package/dist/collection/components/form-elements/form-phone-number.js +1 -1
- package/dist/collection/components/form-elements/form-picker-input.js +3 -3
- package/dist/collection/components/form-elements/form-select.js +1 -1
- package/dist/collection/components/form-elements/form-stepper-control.js +3 -3
- package/dist/collection/components/form-elements/form-stepper-submit.js +3 -3
- package/dist/collection/components/form-elements/form-stepper.js +3 -2
- package/dist/collection/components/form-elements/form-text-area.js +3 -3
- package/dist/collection/components/form-elements/form-time-picker-legacy.js +4 -4
- package/dist/collection/components/form-elements/form-vin-input.js +3 -3
- package/dist/collection/components/forms/defaults/mappers.js +4 -4
- package/dist/collection/components/forms/vehicle-quotation/VehicleImageViewer.js +1 -1
- package/dist/collection/components/forms/vehicle-quotation/element-mapper.js +13 -13
- package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-part-lookup.css +1 -1
- package/dist/collection/components/part-lookup/part-lookup.css +1 -1
- package/dist/collection/components/part-lookup/part-lookup.js +3 -8
- package/dist/collection/components/vehicle-lookup/components/CardsContainer.js +1 -1
- package/dist/collection/components/vehicle-lookup/components/claimable-trace-modal.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-accessories.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +11 -6
- package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.js +6 -6
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +8 -10
- package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-sale-information.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-sale-information.js +3 -3
- package/dist/collection/components/vehicle-lookup/vehicle-service-history.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.js +12 -10
- package/dist/collection/components/vin-extractor/vin-extractor.js +2 -2
- package/dist/collection/features/form-hook/form-hook.js +4 -3
- package/dist/collection/features/form-hook/functions.js +13 -11
- package/dist/collection/features/form-hook/inputs/form-input.js +10 -10
- package/dist/collection/global/lib/fetch-from.js +1 -1
- package/dist/collection/global/lib/get-custom-classes-for-portal.js +1 -1
- package/dist/collection/global/types/generated/vehicle-lookup/vehicle-service-menu-dto.js +1 -0
- package/dist/collection/global/types/generated/vehicle-lookup/vehicle-service-menu-line-dto.js +1 -0
- package/dist/collection/global/types/generated/vehicle-lookup/vehicle-service-menu-part-dto.js +1 -0
- package/dist/collection/templates/vehicle-lookup/mock-data.js +3 -2
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/flexible-container.js +1 -1
- package/dist/components/form-checkbox.js +1 -1
- package/dist/components/form-date-picker.js +1 -1
- package/dist/components/form-file.js +1 -1
- package/dist/components/form-input-preview.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/form-phone-number.js +1 -1
- package/dist/components/form-picker-input.js +1 -1
- package/dist/components/form-select.js +1 -1
- package/dist/components/form-shadow-input.js +1 -1
- package/dist/components/form-stepper-control.js +1 -1
- package/dist/components/form-stepper-submit.js +1 -1
- package/dist/components/form-stepper.js +1 -1
- package/dist/components/form-structure-error.js +1 -1
- package/dist/components/form-structure.js +1 -1
- package/dist/components/form-submit.js +1 -1
- package/dist/components/form-switch.js +1 -1
- package/dist/components/form-text-area.js +1 -1
- package/dist/components/form-time-picker.js +1 -1
- package/dist/components/form-vin-input.js +1 -1
- package/dist/components/general-form.js +1 -1
- package/dist/components/general-inquiry-form.js +1 -1
- package/dist/components/information-table.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/manufacturer-part-lookup.js +1 -1
- package/dist/components/{p-CBlZ51Zd.js → p-5xxH8tbS.js} +1 -1
- package/dist/components/{p-C0ldWVb9.js → p-B1G1Emsg.js} +1 -1
- package/dist/components/p-B1rySNA6.js +5 -0
- package/dist/components/{p-t7qjxYTf.js → p-B7imL20E.js} +1 -1
- package/dist/components/{p-06PpSY0r.js → p-BD4roPIb.js} +1 -1
- package/dist/components/{p-BqpPyNbD.js → p-BGqJcv0T.js} +1 -1
- package/dist/components/{p-D2auksj_.js → p-BKBG7bI_.js} +1 -1
- package/dist/components/{p-lD2WKtqZ.js → p-BQ1t34rG.js} +1 -1
- package/dist/components/p-BSQr-zbq.js +5 -0
- package/dist/components/{p-_0Sj1vUl.js → p-BYDz61s7.js} +1 -1
- package/dist/components/{p-BKxVFCQK.js → p-BZQYv_zg.js} +1 -1
- package/dist/components/{p-SPx8iUQV.js → p-BhvdrqvQ.js} +1 -1
- package/dist/components/{p-By0M3npW.js → p-Br0n06ak.js} +1 -1
- package/dist/components/p-BshR1DsJ.js +5 -0
- package/dist/components/{p-8VA50wUJ.js → p-BxdK4hSV.js} +1 -1
- package/dist/components/{p-Cbda4mAT.js → p-By567P_b.js} +1 -1
- package/dist/components/p-BycIovNB.js +5 -0
- package/dist/components/p-C3f5RXYo.js +5 -0
- package/dist/components/{p-B0540QGq.js → p-Ca2-9IJS.js} +1 -1
- package/dist/components/p-CbPeT4Wv.js +5 -0
- package/dist/components/{p-CHv5UdMC.js → p-CfUO4dpy.js} +1 -1
- package/dist/components/{p-pT509ali.js → p-CjtTghsX.js} +1 -1
- package/dist/components/{p-C2LsO81F.js → p-Cl1El__H.js} +1 -1
- package/dist/components/p-Cmq7s1Gl.js +5 -0
- package/dist/components/{p-DwpWYY23.js → p-Co3Ttxob.js} +1 -1
- package/dist/components/{p-DxtdBYcq.js → p-CtJ3xlmH.js} +1 -1
- package/dist/components/{p-BT9N29E8.js → p-CtWBJGY9.js} +1 -1
- package/dist/components/{p-DR2PKhri.js → p-Cudi9LsD.js} +1 -1
- package/dist/components/{p-yapGzeYE.js → p-D7GqNvow.js} +1 -1
- package/dist/components/p-DEI9cxLs.js +5 -0
- package/dist/components/{p-BUUxvYwf.js → p-DFZphW5t.js} +1 -1
- package/dist/components/{p-DOCDhMli.js → p-DPd206Hi.js} +1 -1
- package/dist/components/p-DZ2GsnAw.js +5 -0
- package/dist/components/{p-DKfNo8L9.js → p-Dm8bWcdH.js} +1 -1
- package/dist/components/{p-C-oReaYu.js → p-DzfwEYqx.js} +1 -1
- package/dist/components/{p-Bk0lC2Er.js → p-G9UmKW9m.js} +1 -1
- package/dist/components/{p-DbkOsb73.js → p-H9rpA_js.js} +1 -1
- package/dist/components/{p-Cf37vRoj.js → p-JkEomBDe.js} +1 -1
- package/dist/components/p-NkzoTfD6.js +5 -0
- package/dist/components/{p-a0c8G-hB.js → p-Tej7fhZH.js} +1 -1
- package/dist/components/{p-CElSZ3OW.js → p-VuUMWQot.js} +1 -1
- package/dist/components/p-WQVJO8lK.js +5 -0
- package/dist/components/p-WfCxXt3e.js +5 -0
- package/dist/components/{p-BOfRYXTK.js → p-ecmObcUU.js} +1 -1
- package/dist/components/{p-fNN4Scgk.js → p-tVYEiZTA.js} +1 -1
- package/dist/components/{p-CKp6TrRG.js → p-xaFnNvO-.js} +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-booking-form.js +1 -1
- package/dist/components/shift-accordion.js +1 -1
- package/dist/components/shift-checkbox.js +1 -1
- package/dist/components/shift-portal.js +1 -1
- package/dist/components/shift-select-dropdown.js +1 -1
- package/dist/components/shift-select.js +1 -1
- package/dist/components/shift-slider.js +1 -1
- package/dist/components/shift-switch.js +1 -1
- package/dist/components/shift-tab-content.js +1 -1
- package/dist/components/shift-tabs.js +1 -1
- package/dist/components/ssc-lookup-form.js +1 -1
- package/dist/components/test-drive-form.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-claimable-items.js +1 -1
- package/dist/components/vehicle-item-claim-form.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-paint-thickness.js +1 -1
- package/dist/components/vehicle-quotation-form.js +1 -1
- package/dist/components/vehicle-sale-information.js +1 -1
- package/dist/components/vehicle-service-history.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/vehicle-warranty-details.js +1 -1
- package/dist/components/vin-extractor.js +1 -1
- package/dist/esm/dead-stock-lookup_3.entry.js +6 -6
- package/dist/esm/{fetch-from-CJnc-a42.js → fetch-from-Cmq7s1Gl.js} +1 -1
- package/dist/esm/flexible-container.entry.js +1 -1
- package/dist/esm/form-checkbox.entry.js +2 -2
- package/dist/esm/form-date-picker.entry.js +4 -4
- package/dist/esm/form-dialog_13.entry.js +38 -37
- package/dist/esm/{form-input-Dcr-Pd8b.js → form-input-DAgayhNz.js} +10 -10
- package/dist/esm/form-input_7.entry.js +16 -16
- package/dist/esm/form-switch.entry.js +2 -2
- package/dist/esm/form-time-picker.entry.js +5 -5
- package/dist/esm/{functions-CICb0D47.js → functions-CVTPURU1.js} +15 -13
- package/dist/esm/general-form.entry.js +4 -4
- package/dist/esm/general-inquiry-form.entry.js +4 -4
- package/dist/esm/{get-custom-classes-for-portal-8uDhq9VB.js → get-custom-classes-for-portal-CF78qKTL.js} +1 -1
- package/dist/esm/{get-language-from-url-BGvsZ8gr.js → get-language-from-url-BVbqyJmz.js} +4 -3
- package/dist/esm/{get-local-language-CGfbeQ6H.js → get-local-language-ExQYUqwW.js} +1 -1
- package/dist/esm/{get-mock-files-kUVhroMC.js → get-mock-files-D7WSQrLO.js} +1 -1
- package/dist/esm/information-table.entry.js +2 -6
- package/dist/esm/loading-spinner.entry.js +1 -1
- package/dist/esm/manufacturer-part-lookup.entry.js +4 -4
- package/dist/esm/{mappers-CA3VC0xY.js → mappers-BR64PDWN.js} +5 -5
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/service-booking-form.entry.js +4 -4
- package/dist/esm/shift-accordion.entry.js +1 -1
- package/dist/esm/shift-checkbox.entry.js +1 -1
- package/dist/esm/shift-slider.entry.js +1 -1
- package/dist/esm/shift-switch.entry.js +1 -1
- package/dist/esm/shift-tab-content.entry.js +1 -1
- package/dist/esm/shift-tabs_2.entry.js +7 -7
- package/dist/esm/ssc-lookup-form.entry.js +4 -4
- package/dist/esm/test-drive-form.entry.js +4 -4
- package/dist/esm/vehicle-accessories_7.entry.js +40 -33
- package/dist/esm/vehicle-lookup.entry.js +7 -4
- package/dist/esm/vehicle-quotation-form.entry.js +17 -17
- package/dist/integration-manifest.json +2 -2
- package/dist/shift-components/{p-dc4b3d53.entry.js → p-066d1aa7.entry.js} +1 -1
- package/dist/shift-components/{p-68c80c58.entry.js → p-0cd75c5d.entry.js} +1 -1
- package/dist/shift-components/{p-f34c09e1.entry.js → p-0ce901af.entry.js} +1 -1
- package/dist/shift-components/{p-1691c4a2.entry.js → p-12803c29.entry.js} +1 -1
- package/dist/shift-components/{p-722134e9.entry.js → p-29f31068.entry.js} +1 -1
- package/dist/shift-components/{p-5cddee9c.entry.js → p-2af2814d.entry.js} +1 -1
- package/dist/shift-components/{p-22319e7b.entry.js → p-2e8a413a.entry.js} +1 -1
- package/dist/shift-components/{p-98ed617d.entry.js → p-3911b357.entry.js} +1 -1
- package/dist/shift-components/{p-5ee91770.entry.js → p-456a80bf.entry.js} +1 -1
- package/dist/shift-components/{p-dd244462.entry.js → p-65d47c58.entry.js} +1 -1
- package/dist/shift-components/p-6d0344c8.entry.js +5 -0
- package/dist/shift-components/{p-757de959.entry.js → p-73997c04.entry.js} +1 -1
- package/dist/shift-components/{p-9e05b0de.entry.js → p-7645500d.entry.js} +1 -1
- package/dist/shift-components/{p-18adce4e.entry.js → p-9e405896.entry.js} +1 -1
- package/dist/shift-components/p-BB4LQh2g.js +5 -0
- package/dist/shift-components/p-BIk1ppUN.js +5 -0
- package/dist/shift-components/p-BY1wHcOT.js +5 -0
- package/dist/shift-components/p-C9T02-yz.js +5 -0
- package/dist/shift-components/p-Cmq7s1Gl.js +5 -0
- package/dist/shift-components/p-DH9o3_cP.js +5 -0
- package/dist/shift-components/{p-BvmPJ2LT.js → p-UBUcLzuM.js} +1 -1
- package/dist/shift-components/{p-332d0309.entry.js → p-a5ab9255.entry.js} +1 -1
- package/dist/shift-components/{p-8c30b865.entry.js → p-a6b57150.entry.js} +1 -1
- package/dist/shift-components/{p-3f68b714.entry.js → p-aaf49a7a.entry.js} +1 -1
- package/dist/shift-components/{p-422557cf.entry.js → p-ac7fcf6c.entry.js} +1 -1
- package/dist/shift-components/{p-637ce96d.entry.js → p-b3eb2198.entry.js} +1 -1
- package/dist/shift-components/p-bf5ff6d9.entry.js +5 -0
- package/dist/shift-components/p-bfdfdac5.entry.js +5 -0
- package/dist/shift-components/{p-c7646446.entry.js → p-c41afd6a.entry.js} +1 -1
- package/dist/shift-components/{p-767a8ce6.entry.js → p-cf29fbbb.entry.js} +1 -1
- package/dist/shift-components/{p-ce83e665.entry.js → p-e08bc5d9.entry.js} +1 -1
- package/dist/shift-components/{p-dc1a4f60.entry.js → p-e9d552eb.entry.js} +1 -1
- package/dist/shift-components/p-fc9c2c02.entry.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/stencil-docs.json +17 -27
- package/dist/types/components/components/shift-select.d.ts +1 -1
- package/dist/types/components/part-lookup/part-lookup.d.ts +1 -1
- package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +1 -1
- package/dist/types/components.d.ts +4 -4
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-lookup-dto.d.ts +2 -0
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-menu-dto.d.ts +9 -0
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-menu-line-dto.d.ts +25 -0
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-menu-part-dto.d.ts +8 -0
- package/dist/types/locales/partLookup/distributor/type.d.ts +6 -6
- package/dist/types/locales/partLookup/manufacturer/type.d.ts +4 -4
- package/dist/types/locales/partLookup/wrapper-type.d.ts +10 -10
- package/dist/types/locales/vehicleLookup/accessories/type.d.ts +4 -4
- package/dist/types/locales/vehicleLookup/claimableItems/type.d.ts +10 -10
- package/dist/types/locales/vehicleLookup/paintThickness/type.d.ts +4 -4
- package/dist/types/locales/vehicleLookup/warranty/type.d.ts +4 -4
- package/dist/types/locales/vehicleLookup/wrapper-type.d.ts +18 -18
- package/package.json +10 -2
- package/dist/components/p-BKEmXOAB.js +0 -5
- package/dist/components/p-BKvcMw5q.js +0 -5
- package/dist/components/p-BOJ0vZBj.js +0 -5
- package/dist/components/p-Bj2ygQLZ.js +0 -5
- package/dist/components/p-CJnc-a42.js +0 -5
- package/dist/components/p-CRrpU891.js +0 -5
- package/dist/components/p-CTNsc8c1.js +0 -5
- package/dist/components/p-CZWoTJUk.js +0 -5
- package/dist/components/p-CpYBh3fY.js +0 -5
- package/dist/components/p-Cr10n3sP.js +0 -5
- package/dist/components/p-DVoI2Lj0.js +0 -5
- package/dist/components/p-f5uKXfCl.js +0 -5
- package/dist/shift-components/p-318d897a.entry.js +0 -5
- package/dist/shift-components/p-5c0e564b.entry.js +0 -5
- package/dist/shift-components/p-751eadda.entry.js +0 -5
- package/dist/shift-components/p-B03BLbR_.js +0 -5
- package/dist/shift-components/p-B8VkFyfR.js +0 -5
- package/dist/shift-components/p-BpFOPbZ9.js +0 -5
- package/dist/shift-components/p-BqwYgRto.js +0 -5
- package/dist/shift-components/p-CJnc-a42.js +0 -5
- package/dist/shift-components/p-f0d01e27.entry.js +0 -5
- package/dist/shift-components/p-jnXfhMAx.js +0 -5
- /package/dist/components/{p-C1xgsXlk.js → p-BacLEn39.js} +0 -0
- /package/dist/shift-components/{p-Dax5QQIX.js → p-6VfKhHyc.js} +0 -0
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as o,h as e}from"./index.js";import{l as r}from"./p-C-EQDloC.js";import{c as a}from"./p-BK16Cn81.js";const i=t(class extends o{constructor(){super(),this.__registerHost()}render(){return e("div",{key:"b2e7bddca902301c51167f8c423eaf735e6726ba",class:a("size-full z-50 flex items-center justify-center pointer-events-none absolute ",{"opacity-0":!this.isLoading})},e("img",{key:"89b2a2cb592775512cd601bd77dfbf050c0c12e0",class:"spin-slow size-[40px]",src:r}))}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}.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))}*{font-family:Arial}@keyframes spin{to{transform:rotate(1turn)}}.spin-slow{animation:spin 2s linear infinite}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.z-50{z-index:50}.flex{display:flex}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.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-auto{pointer-events:auto}.relative{position:relative}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.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)}.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-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border{border-width:1px}.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))}.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-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mx-auto{margin-left:auto;margin-right:auto}.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}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.block{display:block}.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%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-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-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.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}'}},[256,"loading-spinner",{isLoading:[4,"is-loading"]}]);function n(){"undefined"!=typeof customElements&&["loading-spinner"].forEach((t=>{"loading-spinner"===t&&(customElements.get(t)||customElements.define(t,i))}))}n();export{i as L,n as d}
|
|
5
|
+
import{p as t,H as o,h as e}from"./index.js";import{l as r}from"./p-C-EQDloC.js";import{c as a}from"./p-BK16Cn81.js";const i=t(class extends o{constructor(){super(),this.__registerHost()}render(){return e("div",{key:"b2e7bddca902301c51167f8c423eaf735e6726ba",class:a("size-full z-50 flex items-center justify-center pointer-events-none absolute ",{"opacity-0":!this.isLoading})},e("img",{key:"89b2a2cb592775512cd601bd77dfbf050c0c12e0",class:"spin-slow size-[40px]",src:r}))}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}.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))}*{font-family:Arial}@keyframes spin{to{transform:rotate(1turn)}}.spin-slow{animation:spin 2s linear infinite}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.z-50{z-index:50}.flex{display:flex}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.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-auto{pointer-events:auto}.relative{position:relative}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.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)}.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-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border{border-width:1px}.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))}.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-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\: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}.block{display:block}.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))}.cursor-pointer{cursor:pointer}.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))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[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}'}},[256,"loading-spinner",{isLoading:[4,"is-loading"]}]);function n(){"undefined"!=typeof customElements&&["loading-spinner"].forEach((t=>{"loading-spinner"===t&&(customElements.get(t)||customElements.define(t,i))}))}n();export{i as L,n as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as e,H as t,h as
|
|
5
|
+
import{p as e,H as t,h as r,a as o}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{C as a}from"./p-Cgt5s_xn.js";const n=e(class extends t{constructor(){super(),this.__registerHost()}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("shift-checkbox")[0]}async getInputRef(){return this.inputRef}async getIsChecked(){return this.inputRef.checked}render(){return r(o,{key:"e1fb79ca053e9dfad31a9de1c1fc767054b59a47",translate:"no"},r("label",{key:"4451ef709384f0ef13515e79df577006c72561ec",part:"shift-checkbox",class:i("relative flex items-center cursor-pointer select-none",{"opacity-75 cursor-default":this.disabled})},r("input",{key:"d8dfdebe2c84bb1884351f9767d9e60e921f66c3",type:"checkbox",value:"true",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.onChange,class:"shift-checkbox peer hidden"}),r("span",{key:"e747b08f8bdc8c5a3fcfdd61e3184daa3cf9085b",class:"relative size-[22px] rounded-[6px] flex items-center justify-center text-transparent peer-checked:text-white [&_.check-icon]:scale-0 peer-checked:[&_.check-icon]:scale-100 transition bg-transparent !duration-300 border-2 peer-checked:bg-blue-500 border-gray-400 peer-checked:border-blue-500 overflow-hidden"},r(a,{key:"95b098c225547869ca0f0ef846a4d7b8776fbbcf",class:"check-icon transition !duration-300 stroke-[3px]"})),r("span",{key:"8f95d2a2bde82ffece81d09e0c23555d24e76322",class:"ms-2 text-gray-700"},this.label)))}get el(){return this}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}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.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-300{transition-duration:.3s!important}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}'}},[256,"shift-checkbox",{name:[1],label:[1],checked:[4],disabled:[4],componentId:[1,"component-id"],componentClass:[1,"component-class"],onChange:[16,"on-change"],getInputRef:[64],getIsChecked:[64]}]);function s(){"undefined"!=typeof customElements&&["shift-checkbox"].forEach((e=>{"shift-checkbox"===e&&(customElements.get(e)||customElements.define(e,n))}))}s();export{n as S,s as d}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import{F as o}from"./p-BshR1DsJ.js";import"./p-YQJevg3-.js";import{b as i}from"./p-C3f5RXYo.js";import{d as l}from"./p-BILW0yP6.js";const t=async o=>{try{const i=await fetch(`https://api.github.com/gists/${o}`,{headers:{Accept:"application/vnd.github+json"}});if(!i.ok)throw new Error(`GitHub API error: ${i.status} ${i.statusText}`);const l=await i.json(),t=Object.values(l.files).find((o=>null==o?void 0:o.filename.endsWith(".json")));if(!t)throw new Error("No JSON file found in this gist");return function(o){try{let i=o.trim();return i=i.replace(/,\s*([}\]])/g,"$1"),i=i.replace(/([{,]\s*)([A-Za-z_]\w*)\s*:/g,'$1"$2":'),i=i.replace(/'([^'\\]*(?:\\.[^'\\]*)*)'/g,((o,i)=>`"${i.replace(/"/g,'\\"')}"`)),JSON.parse(i)}catch(o){return console.error("Failed to parse loose JSON content:",o.message),null}}(null==t?void 0:t.content)}catch(o){console.error("Error fetching gist JSON:",o.message)}};async function n(o){const i=await fetch(o);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return await i.json()}const e=async(o,l)=>{var t,n,e,d,a;const r=await i(l),v=null===(n=null===(t=o.structure)||void 0===t?void 0:t.data)||void 0===n?void 0:n.localization,c="object"==typeof v&&null!==(d=null!==(e=null==v?void 0:v[l])&&void 0!==e?e:null==v?void 0:v.en)&&void 0!==d?d:{};o.locale=Object.assign(Object.assign({},c),{sharedFormLocales:Object.assign(Object.assign({},r),null==c?void 0:c.sharedFormLocales)}),o.localeLanguage=l,null===(a=o.form)||void 0===a||a.rerender({rerenderAll:!0})},d=async(o,i)=>{var l,t,n,e,d;const a=(null==i?void 0:i.message)||(null===(l=null==i?void 0:i.Message)||void 0===l?void 0:l.Body)||(null===(t=null==i?void 0:i.message)||void 0===t?void 0:t.body)||(null===(d=null===(e=null===(n=o.locale)||void 0===n?void 0:n.sharedFormLocales)||void 0===e?void 0:e.errors)||void 0===d?void 0:d.wildCard)||"";let r=!0;(null==o?void 0:o.errorCallback)&&(r=!!await o.errorCallback(i,a)),r&&(o.errorMessage=a)},a=async(o,i)=>{o.isLoading=i,o.loadingChanges&&o.loadingChanges(i)},r=async(o,i)=>{let l=!0;if(o.successCallback&&(l=!!await o.successCallback(i,o.locale["Form submitted successfully."]||"")),l&&o.form.openDialog(),!o.disableScrollToTop){const i=o.el.shadowRoot||o.el,l=i instanceof ShadowRoot?i.firstElementChild:i;if(l){const o=-100,i=l.getBoundingClientRect().top+window.pageYOffset+o;window.scrollTo({top:Math.max(i,0),behavior:"smooth"})}}},v=async(i,l)=>{var e,d,a,r,v;if(!i.structure)if(i.gistId){const[o]=await Promise.all([t(i.gistId),i.changeLanguage(i.language)]);i.structure=o}else if(i.structureUrl){const[o]=await Promise.all([n(i.structureUrl),i.changeLanguage(i.language)]);i.structure=o}if(i.localeLanguage=i.language,await i.changeLanguage(i.language),!(Object.hasOwn(null===(e=i.structure)||void 0===e?void 0:e.data,"isMobileForm")?null===(a=null===(d=i.structure)||void 0===d?void 0:d.data)||void 0===a?void 0:a.isMobileForm:i.isMobileForm))try{const o=null===(v=null===(r=i.structure)||void 0===r?void 0:r.data)||void 0===v?void 0:v.recaptchaKey;if(o){const l=document.createElement("script");l.src=`https://www.google.com/recaptcha/api.js?render=${o}&hl=${i.language}`,l.async=!0,l.defer=!0,document.head.appendChild(l)}}catch(o){console.log(o)}i.form=new o(i,l)},c=async o=>{if(o.form)return o.form},u=async o=>{if(o.form)return o.form.submit()},s=async(o,i)=>{var l;i&&(null===(l=o.formReadyCallback)||void 0===l||l.call(o))},f=["utm_source","utm_medium","utm_campaign","utm_term","utm_content","gclid","fbclid"],m=o=>{var i;if(null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.disableUTMLog)return{};const l=new URLSearchParams(window.location.search);if("string"==typeof l.get("disable_utm_log")&&"true"===l.get("disable_utm_log"))return{};const t={};return f.forEach((o=>{l.get(o)&&(t[o]=l.get(o))})),t},b={formLanguageChange:e,formErrorHandler:d,handleFormSubmit:u,formLoadingHandler:a,formSuccessHandler:r,formDidLoadHandler:v,formGetFormHandler:c,onFormSubmit:async({context:o,formValues:i,middleware:t,afterSuccess:n})=>{var e,d,a,r,v,c,u,s,f,b,w,j,p,O,h,g,y,S,$,_,F,H,P,A,E,J,L,N,R,T,B,C,D,M,x,G,I,Y,q,z,Q;try{o.setIsLoading(!0),Object.keys(i).forEach((l=>{o[`${l}-format`]&&(i[l]=o[`${l}-format`])}));const U=!!(null===(d=null===(e=o.structure)||void 0===e?void 0:e.data)||void 0===d?void 0:d.truncatedFields)&&!!(null===(v=Object.keys(null===(r=null===(a=o.structure)||void 0===a?void 0:a.data)||void 0===r?void 0:r.truncatedFields))||void 0===v?void 0:v.length),V={},W=m(null==o?void 0:o.structure);let X=Object.assign({},i);(null===(u=null===(c=o.structure)||void 0===c?void 0:c.data)||void 0===u?void 0:u.extraPayload)&&(X=Object.assign(Object.assign({},X),null===(f=null===(s=o.structure)||void 0===s?void 0:s.data)||void 0===f?void 0:f.extraPayload)),U&&(X.additionalData=Object.assign({},V)),(null==o?void 0:o.extraPayload)&&(X=Object.assign(Object.assign({},X),null==o?void 0:o.extraPayload)),U&&Object.entries(null===(w=null===(b=o.structure)||void 0===b?void 0:b.data)||void 0===w?void 0:w.truncatedFields).forEach((([o,i])=>{if(Array.isArray(i)){let l="";i.forEach((o=>{l+=X[o.toString()]||o.toString()})),X=Object.assign(Object.assign({},X),{[o]:l})}else if("string"==typeof i&&i)if(o.startsWith("parse date: ")){const t=o.replaceAll("parse date: ","");X[t]=l.parse(X[t],i,new Date)}else if(o.startsWith("format date: ")){const i=o.replaceAll("format date: ","");X[i]=l.formatISO(X[i])}else V[i]=X[o],delete X[o]}));let Z={"Content-Type":"application/json",Brand:null===(p=null===(j=o.structure)||void 0===j?void 0:j.data)||void 0===p?void 0:p.brandId,"Accept-Language":o.localeLanguage||"en"};(null==o?void 0:o.extraHeader)&&(Z=Object.assign(Object.assign({},Z),null==o?void 0:o.extraHeader)),(null===(h=null===(O=o.structure)||void 0===O?void 0:O.data)||void 0===h?void 0:h.extraHeader)&&(Z=Object.assign(Object.assign({},Z),null===(y=null===(g=o.structure)||void 0===g?void 0:g.data)||void 0===y?void 0:y.extraHeader));let k="";if(Object.hasOwn(null===(S=o.structure)||void 0===S?void 0:S.data,"isMobileForm")?null===(_=null===($=o.structure)||void 0===$?void 0:$.data)||void 0===_?void 0:_.isMobileForm:o.isMobileForm){const i=await o.getMobileToken();i.toLowerCase().startsWith("bearer")?(Z.Authorization=i,k=null===(H=null===(F=o.structure)||void 0===F?void 0:F.data)||void 0===H?void 0:H.requestAppUrl):(Z["verification-token"]=i,k=null===(A=null===(P=o.structure)||void 0===P?void 0:P.data)||void 0===A?void 0:A.requestAppCheckUrl)}else if(k=null===(J=null===(E=o.structure)||void 0===E?void 0:E.data)||void 0===J?void 0:J.requestUrl,null===(N=null===(L=o.structure)||void 0===L?void 0:L.data)||void 0===N?void 0:N.recaptchaKey){const i=await grecaptcha.execute(null===(T=null===(R=o.structure)||void 0===R?void 0:R.data)||void 0===T?void 0:T.recaptchaKey,{action:"submit"});Z["Recaptcha-Token"]=i}if(o.isDev&&(k=k.replaceAll("production=true","production=false")),!k)throw new Error("Request endpoint is not configured");const K=(null===(C=null===(B=o.structure)||void 0===B?void 0:B.data)||void 0===C?void 0:C.requestMethod)||"POST";if(["get","head"].includes(K.toLowerCase())?Z=Object.assign(Object.assign({},Z),W):X=Object.assign(Object.assign({},X),W),t){const o=t(X,Z,k);X=Object.assign({},o.payload),Z=Object.assign({},o.header),k=o.url}Object.values(o.form.pendingRequests).forEach((async o=>{try{await o()}catch(o){console.error(o)}}));const oo=await fetch(k,Object.assign({headers:Z,method:(null===(M=null===(D=o.structure)||void 0===D?void 0:D.data)||void 0===M?void 0:M.requestMethod)||"POST"},"get"===(null===(I=null===(G=null===(x=o.structure)||void 0===x?void 0:x.data)||void 0===G?void 0:G.requestMethod)||void 0===I?void 0:I.toLowerCase())?{}:{body:JSON.stringify(X)}));if(!oo.ok){let o;if((oo.headers.get("content-type")||"").includes("application/json")){const i=await oo.json().catch((()=>({})));o=null!==(Q=null!==(q=null===(Y=null==i?void 0:i.message)||void 0===Y?void 0:Y.body)&&void 0!==q?q:null===(z=null==i?void 0:i.Message)||void 0===z?void 0:z.Body)&&void 0!==Q?Q:""}else o=await oo.text().catch((()=>""));throw new Error(o)}{const i=await oo.json().catch((()=>({})));n&&await n(X,Z),o.setSuccessCallback(i),setTimeout((()=>{o.form.reset(),o.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(i){console.error(i),o.setErrorCallback(i)}finally{o.setIsLoading(!1)}},formStructureRenderedHandler:s};export{e as a,a as b,d as c,r as d,v as e,b as f,m as g,c as h,u as i,s as j}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import"./index.js";import{f as o,g as e,l as c,h as s}from"./p-YQJevg3-.js";const t="0.3.12",a={"-":["locales/"],errors:["locales/errors/"],forms:["locales/forms/","locales/forms/contactUs/","locales/forms/demo/","locales/forms/testDriveDemo/","locales/forms/vehicleQuotation/"],"forms.contactUs":["locales/forms/contactUs/"],"forms.demo":["locales/forms/demo/"],"forms.testDriveDemo":["locales/forms/testDriveDemo/"],"forms.vehicleQuotation":["locales/forms/vehicleQuotation/"],general:["locales/general/"],generalTicketTypes:["locales/generalTicketTypes/"],"partLookup.deadStock":["locales/partLookup/deadStock/"],partLookup:["locales/partLookup/deadStock/","locales/partLookup/distributor/","locales/partLookup/manufacturer/"],"partLookup.distributor":["locales/partLookup/distributor/"],"partLookup.manufacturer":["locales/partLookup/manufacturer/"],"vehicleLookup.accessories":["locales/vehicleLookup/accessories/"],vehicleLookup:["locales/vehicleLookup/accessories/","locales/vehicleLookup/claimableItems/","locales/vehicleLookup/paintThickness/","locales/vehicleLookup/saleInformation/","locales/vehicleLookup/serviceHistory/","locales/vehicleLookup/specification/","locales/vehicleLookup/warranty/"],"vehicleLookup.claimableItems":["locales/vehicleLookup/claimableItems/"],"vehicleLookup.paintThickness":["locales/vehicleLookup/paintThickness/"],"vehicleLookup.serviceHistory":["locales/vehicleLookup/serviceHistory/"],"vehicleLookup.saleInformation":["locales/vehicleLookup/saleInformation/"],"vehicleLookup.specification":["locales/vehicleLookup/specification/"],"vehicleLookup.warranty":["locales/vehicleLookup/warranty/"],"forms*":["locales/forms/"]},l={};async function r(c){const[s,t]=await Promise.all([n(c,"errors",o),n(c,"-",e)]);return Object.assign({errors:s},t)}async function i(c){const[t,a,l]=await Promise.all([n(c,"errors",o),n(c,"-",e),n(c,"forms*",s)]);return Object.assign(Object.assign(Object.assign({},a),l),t)}async function n(o,e,s){const t=c[o]||c.en,l=a[e];if(!l||!l.length)throw new Error(`Locale file not found for component: ${e}`);if(1===l.length){const o=l[0]+t,e=await f(o);try{s.validateSync(e,{strict:!0,abortEarly:!1})}catch(e){console.error(`Failed to parse locale file: ${o}`),console.error(e)}return e}{const o=l.map((o=>f(o+t))),c=await Promise.all(o),a={};u(e,s.getDefault(),a,t);try{s.validateSync(a,{strict:!0,abortEarly:!1})}catch(o){console.error(`Failed to parse locale file component: ${e}`),console.error(o)}return c}}function p(o){return"object"==typeof o&&null!==o&&!Array.isArray(o)}function u(o,e,c,s){let t=!1;Object.entries(e).forEach((([e,r])=>{if("string"!=typeof r||t){if(p(r)){const t=o+"."+e;if(Object.entries(r).some((([o,e])=>p(e))))c[e]={},u(t,r,c[e],s);else if(a[t]&&a[t].length){const o=a[t][0]+s;l[o]&&(c[e]=l[o])}}}else{if(a[o]){const e=a[o][0]+s;l[e]&&Object.assign(c,l[e])}t=!0}}))}async function f(o){if(l[o])return await l[o];try{const e=fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@${t}/dist/${o}`).then((e=>(e.ok||delete l[o],e.json())));l[o]=e;const c=await e;return l[o]=c,c}catch(e){return delete l[o],{}}}export{n as a,i as b,r as g,t as v}
|
|
@@ -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 o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{o as r,e as s,I as n,c as l}from"./p-BG8YXzND.js";import{A as p}from"./p-DHfdaMCZ.js";import{P as d}from"./p-pnQgLSsX.js";import{C as c}from"./p-BHy4oEqB.js";import{y as x,s as h}from"./p-YQJevg3-.js";import{V as w}from"./p-ClpSwIg-.js";import{s as g}from"./p-6IrGK81y.js";import{s as b,a as f}from"./p-rW_ExFCn.js";import{g as v,a as u}from"./p-Cr10n3sP.js";import{d as m}from"./p-DKfNo8L9.js";import{d as y}from"./p-BKvcMw5q.js";const k=x(["paintThickness","noData","panel","position","left","right","inspectionDate","noImageGroups","expand","printCertificate"]),z=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:h.getDefault()},k.getDefault()),this.coreOnly=!1,this.expandedImage="",this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.activeTabIndex=0,this.onActiveTabChange=({idx:t})=>{this.activeTabIndex=t},this.showCertificateButton=!1,this.certificateMenuOpen=!1,this.groupPanels=t=>{const e=new Map;for(const o of t){const t=`${o.panelType}|${o.panelPosition||""}`;e.has(t)||e.set(t,{panel:o.panelType,position:o.panelPosition||""});const a=e.get(t);"Left"===o.panelSide?a.left=o.measuredThickness:"Right"===o.panelSide?a.right=o.measuredThickness:a.center=o.measuredThickness}return Array.from(e.values())}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([v(t),u(t,"vehicleLookup.paintThickness",k)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await b(this,t,e)}async setErrorMessage(t){f(this,t)}onLoadingChange(t){g.bind(this)(this.loadingStateChange,t)}onVehicleLookupChange(){this.activeTabIndex=0,this.certificateMenuOpen=!1}onDocumentClick(t){this.certificateMenuOpen&&!t.composedPath().includes(this.el)&&(this.certificateMenuOpen=!1)}render(){var t,e,x;const h=this.locale,g=(null===(t=this.vehicleLookup)||void 0===t?void 0:t.paintThicknessInspections)||[],b=g.map(((t,e)=>g.some(((o,a)=>a!==e&&o.source===t.source))&&t.inspectionDate?`${t.source} (${t.inspectionDate})`:t.source)),f=this.isLoading||this.isError,v=g[this.activeTabIndex]||g[0],u=(null==v?void 0:v.panels)||[],m=this.groupPanels(u),y=u.filter((t=>{var e;return null===(e=t.images)||void 0===e?void 0:e.length})).map((t=>({name:[t.panelPosition,t.panelSide,t.panelType].filter(Boolean).join(" "),images:t.images}))),k=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.paintThicknessCertificateUrls)||[];return o(a,{translate:"no"},o(n,{closeImageViewer:()=>l.bind(this)(),expandedImage:this.expandedImage}),o(w,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(x=this.vehicleLookup)||void 0===x?void 0:x.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{class:i("duration-300","py-[15px]","flex","items-center","gap-[8px]",{hidden:f})},o("div",{class:"min-w-0 flex-1"},o("shift-tabs",{activeTabIndex:this.activeTabIndex,changeActiveTab:this.onActiveTabChange,tabs:b})),this.showCertificateButton&&!!k.length&&o("div",{class:"relative me-[16px] shrink-0"},o("button",{"aria-haspopup":"menu","aria-expanded":this.certificateMenuOpen?"true":"false",onClick:()=>this.certificateMenuOpen=!this.certificateMenuOpen,class:"flex w-full cursor-pointer items-center gap-[8px] rounded-[4px] border border-amber-500 bg-amber-500 px-[16px] py-[6px] text-[17px] font-medium text-white shadow-sm transition-colors duration-300 hover:border-amber-600 hover:bg-amber-600"},o(d,{fill:"currentColor",viewBox:"0 0 24 24",class:"size-[18px] shrink-0"}),o("span",{class:"whitespace-nowrap"},h.printCertificate),o(p,{class:i("size-[16px] shrink-0 transition-transform duration-300",{"rotate-180":this.certificateMenuOpen})})),this.certificateMenuOpen&&o("div",{role:"menu",class:"absolute end-0 top-full z-10 mt-[4px] min-w-full overflow-hidden rounded-[4px] border border-slate-200 bg-white shadow-lg"},k.map((({language:t,name:e,url:a})=>o("a",{key:t,role:"menuitem",href:a,target:"_blank",rel:"noopener noreferrer",onClick:()=>this.certificateMenuOpen=!1,class:"block whitespace-nowrap px-[16px] py-[8px] text-[16px] text-slate-700 no-underline transition-colors duration-150 hover:bg-amber-50"},e||t)))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==v?void 0:v.inspectionDate)},o("div",{class:"flex items-center justify-center gap-[6px] border-b border-slate-200 px-[16px] py-[10px] text-[16px] text-slate-700"},o(c,{class:"size-[18px] shrink-0"}),o("span",{class:"font-semibold"},h.inspectionDate,":"),o("span",{class:"shift-skeleton"},null==v?void 0:v.inspectionDate))),o("div",{class:"overflow-x-auto"},o("div",{class:i("mx-auto w-fit",{loading:this.isLoading})},o("div",{class:"flex"},o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.panel),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.position),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.left),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.right)),o("flexible-container",{height:"auto"},!m.length&&o("div",{class:"border-b"},o("div",{class:"flex"},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")))),m.map(((t,e)=>o("div",{key:t.panel+t.position+e,class:"border-b last:border-b-0"},o("div",{class:i("flex hover:bg-sky-100/50 transition duration-300",{"bg-slate-100":e%2==1})},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.panel)),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.position||" ")),void 0!==t.center?o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"300px"}},o("div",{class:"shift-skeleton"},t.center)):[o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.left?t.left:" ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.right?t.right:" "))]))))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==y?void 0:y.length)},o("div",{class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},null==y?void 0:y.map(((t,e)=>o("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:(null==t?void 0:t.name)+e},o("h1",{class:"text-center border-b bg-slate-50 font-semibold p-[6px]"},o("span",{class:"shift-skeleton"},null==t?void 0:t.name)),o("div",{class:"flex max-w-full flex-wrap p-[12px] gap-[8px]"},null==t?void 0:t.images.map(((t,e)=>o("div",{class:i("flex shift-skeleton gap-[8px]",{loading:!t}),key:t+e},o("button",{onClick:({target:e})=>r.bind(this)(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},o("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},o("img",{src:s}),o("span",{class:"text-white"},h.expand)),o("img",{src:t,class:"h-[150px] cursor-pointer shadow-sm rounded-lg w-[84px] transition-all duration-300"})))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mx-auto{margin-left:auto;margin-right:auto}.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}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-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-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.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}'}},[257,"vehicle-paint-thickness",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],showCertificateButton:[4,"show-certificate-button"],locale:[32],expandedImage:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],activeTabIndex:[32],certificateMenuOpen:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},[[4,"click","onDocumentClick"]],{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}]);function j(){"undefined"!=typeof customElements&&["vehicle-paint-thickness","flexible-container","shift-tabs"].forEach((t=>{switch(t){case"vehicle-paint-thickness":customElements.get(t)||customElements.define(t,z);break;case"flexible-container":customElements.get(t)||m();break;case"shift-tabs":customElements.get(t)||y()}}))}j();export{z as V,j as d,k as p}
|
|
5
|
+
import{p as t,H as e,h as o,a}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{o as r,e as s,I as n,c as l}from"./p-BG8YXzND.js";import{A as p}from"./p-DHfdaMCZ.js";import{P as d}from"./p-pnQgLSsX.js";import{C as c}from"./p-BHy4oEqB.js";import{y as x,s as h}from"./p-YQJevg3-.js";import{V as w}from"./p-ClpSwIg-.js";import{s as g}from"./p-6IrGK81y.js";import{s as b,a as f}from"./p-rW_ExFCn.js";import{g as v,a as u}from"./p-C3f5RXYo.js";import{d as m}from"./p-Dm8bWcdH.js";import{d as y}from"./p-DEI9cxLs.js";const k=x(["paintThickness","noData","panel","position","left","right","inspectionDate","noImageGroups","expand","printCertificate"]),z=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:h.getDefault()},k.getDefault()),this.coreOnly=!1,this.expandedImage="",this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.activeTabIndex=0,this.onActiveTabChange=({idx:t})=>{this.activeTabIndex=t},this.showCertificateButton=!1,this.certificateMenuOpen=!1,this.groupPanels=t=>{const e=new Map;for(const o of t){const t=`${o.panelType}|${o.panelPosition||""}`;e.has(t)||e.set(t,{panel:o.panelType,position:o.panelPosition||""});const a=e.get(t);"Left"===o.panelSide?a.left=o.measuredThickness:"Right"===o.panelSide?a.right=o.measuredThickness:a.center=o.measuredThickness}return Array.from(e.values())}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([v(t),u(t,"vehicleLookup.paintThickness",k)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await b(this,t,e)}async setErrorMessage(t){f(this,t)}onLoadingChange(t){g.bind(this)(this.loadingStateChange,t)}onVehicleLookupChange(){this.activeTabIndex=0,this.certificateMenuOpen=!1}onDocumentClick(t){this.certificateMenuOpen&&!t.composedPath().includes(this.el)&&(this.certificateMenuOpen=!1)}render(){var t,e,x;const h=this.locale,g=(null===(t=this.vehicleLookup)||void 0===t?void 0:t.paintThicknessInspections)||[],b=g.map(((t,e)=>g.some(((o,a)=>a!==e&&o.source===t.source))&&t.inspectionDate?`${t.source} (${t.inspectionDate})`:t.source)),f=this.isLoading||this.isError,v=g[this.activeTabIndex]||g[0],u=(null==v?void 0:v.panels)||[],m=this.groupPanels(u),y=u.filter((t=>{var e;return null===(e=t.images)||void 0===e?void 0:e.length})).map((t=>({name:[t.panelPosition,t.panelSide,t.panelType].filter(Boolean).join(" "),images:t.images}))),k=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.paintThicknessCertificateUrls)||[];return o(a,{translate:"no"},o(n,{closeImageViewer:()=>l.bind(this)(),expandedImage:this.expandedImage}),o(w,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(x=this.vehicleLookup)||void 0===x?void 0:x.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{class:i("duration-300","py-[15px]","flex","items-center","gap-[8px]",{hidden:f})},o("div",{class:"min-w-0 flex-1"},o("shift-tabs",{activeTabIndex:this.activeTabIndex,changeActiveTab:this.onActiveTabChange,tabs:b})),this.showCertificateButton&&!!k.length&&o("div",{class:"relative me-[16px] shrink-0"},o("button",{"aria-haspopup":"menu","aria-expanded":this.certificateMenuOpen?"true":"false",onClick:()=>this.certificateMenuOpen=!this.certificateMenuOpen,class:"flex w-full cursor-pointer items-center gap-[8px] rounded-[4px] border border-amber-500 bg-amber-500 px-[16px] py-[6px] text-[17px] font-medium text-white shadow-sm transition-colors duration-300 hover:border-amber-600 hover:bg-amber-600"},o(d,{fill:"currentColor",viewBox:"0 0 24 24",class:"size-[18px] shrink-0"}),o("span",{class:"whitespace-nowrap"},h.printCertificate),o(p,{class:i("size-[16px] shrink-0 transition-transform duration-300",{"rotate-180":this.certificateMenuOpen})})),this.certificateMenuOpen&&o("div",{role:"menu",class:"absolute end-0 top-full z-10 mt-[4px] min-w-full overflow-hidden rounded-[4px] border border-slate-200 bg-white shadow-lg"},k.map((({language:t,name:e,url:a})=>o("a",{key:t,role:"menuitem",href:a,target:"_blank",rel:"noopener noreferrer",onClick:()=>this.certificateMenuOpen=!1,class:"block whitespace-nowrap px-[16px] py-[8px] text-[16px] text-slate-700 no-underline transition-colors duration-150 hover:bg-amber-50"},e||t)))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==v?void 0:v.inspectionDate)},o("div",{class:"flex items-center justify-center gap-[6px] border-b border-slate-200 px-[16px] py-[10px] text-[16px] text-slate-700"},o(c,{class:"size-[18px] shrink-0"}),o("span",{class:"font-semibold"},h.inspectionDate,":"),o("span",{class:"shift-skeleton"},null==v?void 0:v.inspectionDate))),o("div",{class:"overflow-x-auto"},o("div",{class:i("mx-auto w-fit",{loading:this.isLoading})},o("div",{class:"flex"},o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.panel),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"200px"}},h.position),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.left),o("div",{class:"font-semibold border-b py-[16px] px-[16px] text-center",style:{width:"150px"}},h.right)),o("flexible-container",{height:"auto"},!m.length&&o("div",{class:"border-b"},o("div",{class:"flex"},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"}," ")))),m.map(((t,e)=>o("div",{key:t.panel+t.position+e,class:"border-b last:border-b-0"},o("div",{class:i("flex hover:bg-sky-100/50 transition duration-300",{"bg-slate-100":e%2==1})},o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.panel)),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"200px"}},o("div",{class:"shift-skeleton"},t.position||" ")),void 0!==t.center?o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"300px"}},o("div",{class:"shift-skeleton"},t.center)):[o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.left?t.left:" ")),o("div",{class:"px-[16px] py-[16px] text-center my-auto",style:{width:"150px"}},o("div",{class:"shift-skeleton"},void 0!==t.right?t.right:" "))]))))))),o("flexible-container",{isOpened:!this.isLoading&&!!(null==y?void 0:y.length)},o("div",{class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},null==y?void 0:y.map(((t,e)=>o("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:(null==t?void 0:t.name)+e},o("h1",{class:"text-center border-b bg-slate-50 font-semibold p-[6px]"},o("span",{class:"shift-skeleton"},null==t?void 0:t.name)),o("div",{class:"flex max-w-full flex-wrap p-[12px] gap-[8px]"},null==t?void 0:t.images.map(((t,e)=>o("div",{class:i("flex shift-skeleton gap-[8px]",{loading:!t}),key:t+e},o("button",{onClick:({target:e})=>r.bind(this)(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},o("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},o("img",{src:s}),o("span",{class:"text-white"},h.expand)),o("img",{src:t,class:"h-[150px] cursor-pointer shadow-sm rounded-lg w-[84px] transition-all duration-300"})))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.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))}.cursor-pointer{cursor:pointer}.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))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[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}.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}'}},[257,"vehicle-paint-thickness",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],showCertificateButton:[4,"show-certificate-button"],locale:[32],expandedImage:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],activeTabIndex:[32],certificateMenuOpen:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},[[4,"click","onDocumentClick"]],{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleLookup:["onVehicleLookupChange"]}]);function j(){"undefined"!=typeof customElements&&["vehicle-paint-thickness","flexible-container","shift-tabs"].forEach((t=>{switch(t){case"vehicle-paint-thickness":customElements.get(t)||customElements.define(t,z);break;case"flexible-container":customElements.get(t)||m();break;case"shift-tabs":customElements.get(t)||y()}}))}j();export{z as V,j as d,k as p}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import{h as e}from"./index.js";import{L as l}from"./p-DN4c_zdE.js";import{c as a}from"./p-BK16Cn81.js";import{C as i}from"./p-BHy4oEqB.js";import{d as o}from"./p-BILW0yP6.js";import{a as n}from"./p-BYDz61s7.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const c=({form:i})=>{var o,n,r,c;i.addWatcher("vehicle");let v=i.getValue("vehicle");const d=!!v,s=null===(o=i.context.vehicleList)||void 0===o?void 0:o.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):i.context.vehicleList&&i.context.vehicleList[0]&&(p=null===(c=null===(r=i.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===c?void 0:c.image,v=i.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:i&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const i=new FileReader;i.onloadend=()=>{t[a]=i.result,e.rerender({rerenderForm:!0})},i.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(i,p,v),g=!0),e("flexible-container",{isOpened:d},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:a("vehicle-image-wrapper",{loading:g})},e("div",{part:a("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:a("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),d=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(c,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:i})=>{var o,n;const r=null===(o=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===o?void 0:o.toLowerCase(),t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let c,d=-1;return(null==a?void 0:a.dynamic)?(c=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const i=v(e,l["item-value"]),o=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?o:i,label:o};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),c.forEach(((e,l)=>{var i,o;a.defaultValue||!r||(null===(i=null==e?void 0:e.label)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.value}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(c=(await u.json()).data,c=c.map(((e,l)=>{var i,o,n,t,u;return a.defaultValue||!r||(null===(i=null==e?void 0:e.GradeName)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.id}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(c=await u.json(),c=c.map(((e,l)=>{var i,o;return a.defaultValue||!r||(null===(i=null==e?void 0:e.Title)||void 0===i?void 0:i.toLowerCase())!==r&&(null===(o=`${e.ID}`)||void 0===o?void 0:o.toLowerCase())!==r||(d=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),i.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:d>-1?null===(n=c[d])||void 0===n?void 0:n.value:"",c},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.branchApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.vacancyApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const i=null==a?void 0:a.cityApi,o=await fetch(i,{signal:e,headers:{"Accept-Language":l}});return(await o.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(i,null)})),time:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(a.span)&&Array.isArray(a.min)&&Array.isArray(a.max)&&a.format){let l=n({offsets:a.min});const i=n({offsets:a.max});for(;o.isBefore(l,i)||o.isEqual(l,i);)e.push({value:o.format(l,a.format),label:o.format(l,a.format)}),l=n({offsets:a.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const i=(null==a?void 0:a.min)||(new Date).getFullYear()-20,o=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=i;e<=o;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,i,o,r,t,u,c,v;let d=[...n];return(null==a?void 0:a.firstOption)&&(d=[{label:(null===(i=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===i?void 0:i[e])||"",value:(null===(r=null===(o=null==a?void 0:a.firstOption)||void 0===o?void 0:o.value)||void 0===r?void 0:r[e])||""},...d]),(null==a?void 0:a.lastOption)&&(d=[...d,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(c=null==a?void 0:a.lastOption)||void 0===c?void 0:c.value)||void 0===v?void 0:v[e])||""}]),d},language:l}))},currentVehicleBrand:({form:l,language:a,props:i,locale:o})=>e("form-select",Object.assign({key:null==i?void 0:i.name},i,{searchable:!0,fetcher:async({signal:e})=>{var a;const i=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(i,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:o.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},i,{searchable:!0,key:null==i?void 0:i.name,fetcher:async({})=>{var e,a;if(!n)return[];const i=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return i?[...i.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:o.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,i,o,n;return[{value:"yes",label:null===(i=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===i?void 0:i.yes},{value:"no",label:null===(n=null===(o=null==a?void 0:a.localization)||void 0===o?void 0:o[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==i?void 0:i.name},i,{searchable:!0,fetcher:async({signal:e})=>{const l=null==i?void 0:i.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==i?void 0:i.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:o.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:i,locale:o})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},i,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...n.Models.map((e=>({label:e.Name,value:(null==i?void 0:i.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:o.Other}]:[]},key:null==i?void 0:i.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{d as g}
|
|
@@ -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 o,a as r}from"./index.js";import{y as a,s as i}from"./p-YQJevg3-.js";import{V as n}from"./p-ClpSwIg-.js";import{s}from"./p-6IrGK81y.js";import{s as p,a as d}from"./p-rW_ExFCn.js";import{g as l,a as c}from"./p-Cr10n3sP.js";import{d as w}from"./p-DKfNo8L9.js";import{d as b}from"./p-a0c8G-hB.js";const x=a(["serviceHistory","noData","branch","dealer","invoiceNumber","date","serviceType","odometer","laborLines","partLines","laborCode","packageCode","serviceCode","serviceDescription","partNumber","qty","partDescription"]),g=({locale:e,row:o})=>{const r=(null==o?void 0:o.laborLines)||[],a=(null==o?void 0:o.partLines)||[],i=[{key:"laborCode",label:e.laborCode},{key:"packageCode",label:e.packageCode},{key:"serviceCode",label:e.serviceCode},{key:"serviceDescription",label:e.serviceDescription,centeredHorizontally:!1}],n=[{key:"partNumber",label:e.partNumber},{key:"qty",label:e.qty},{key:"packageCode",label:e.packageCode},{key:"partDescription",label:e.partDescription,centeredHorizontally:!1}];return t("div",{class:"service-history-subrow",dir:e.sharedLocales.direction},t("section",{class:"service-history-subsection"},t("div",{class:"service-history-subsection-header"},t("div",{class:"service-history-subsection-title"},e.laborLines),t("div",{class:"service-history-subsection-meta"},r.length)),r.length?t("div",{class:"service-history-subsection-table"},t("information-table",{isRaw:!0,headers:i,rows:r,size:"small",allowAutoWidth:!0,stripCells:!1})):t("div",{class:"service-history-empty"},e.noData)),t("section",{class:"service-history-subsection"},t("div",{class:"service-history-subsection-header"},t("div",{class:"service-history-subsection-title"},e.partLines),t("div",{class:"service-history-subsection-meta"},a.length)),a.length?t("div",{class:"service-history-subsection-table"},t("information-table",{isRaw:!0,headers:n,rows:a,size:"small",allowAutoWidth:!0,stripCells:!1})):t("div",{class:"service-history-empty"},e.noData)))},h=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:i.getDefault()},x.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([l(t),c(t,"vehicleLookup.serviceHistory",x)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await p(this,t,e)}async setErrorMessage(t){d(this,t)}onLoadingChange(t){s.bind(this)(this.loadingStateChange,t)}render(){var e,o;return t(r,{key:"b4abb2327d2f8248206dcdc674863210ec557cb1",translate:"no"},t(n,{key:"bc703b3deb41711df3c2b0d5f5570d4a65292c10",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"4f651c3c583d63189ba49ad8392f448712ad1ea4",class:"overflow-x-auto"},t("information-table",{key:"a74a9413e0ebcea4a7f6ad966f9e042493969c11",size:"small",allowAutoWidth:!0,scrollExpandedIntoView:!0,expandUsingEntireRow:!0,headers:[{key:"branchName",label:this.locale.branch},{key:"companyName",label:this.locale.dealer,nowrap:!0},{key:"invoiceNumber",label:this.locale.invoiceNumber,nowrap:!0},{key:"serviceDate",label:this.locale.date,nowrap:!0},{key:"serviceType",label:this.locale.serviceType,maxWidth:420},{key:"mileage",label:this.locale.odometer,nowrap:!0}],isLoading:this.isLoading,rows:(null===(o=this.vehicleLookup)||void 0===o?void 0:o.serviceHistory)||[],subRowRenderer:e=>t(g,{row:e,locale:this.locale})}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.w-\\[4px\\]{width:4px}.min-w-\\[16px\\]{min-width:16px}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\\[10px\\]{gap:10px}.\\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-y-2{border-bottom-width:2px;border-top-width:2px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\!p-\\[6px\\]{padding:6px!important}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[18px\\]{padding-bottom:18px;padding-top:18px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[8px\\]{padding-inline-end:8px}.ps-\\[14px\\]{padding-inline-start:14px}.ps-\\[16px\\]{padding-inline-start:16px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\\[16px\\]{line-height:16px}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.service-history-scroll{overflow-x:auto}.service-history-subrow{background-color:rgb(244 244 244/var(--tw-bg-opacity,1));border-bottom-width:2px;border-color:rgb(148 163 184/var(--tw-border-opacity,1));border-top-width:2px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;padding:18px 10px}.service-history-subrow,.service-history-subsection{--tw-border-opacity:1;--tw-bg-opacity:1}.service-history-subsection{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:4px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden}.service-history-subsection-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));border-bottom-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));display:flex;gap:10px;padding-bottom:4px;padding-inline-end:8px;padding-top:4px;padding-inline-start:14px;position:relative}.service-history-subsection-header:before{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));bottom:0;content:"";inset-inline-start:0;position:absolute;top:0;width:4px}.service-history-subsection-title{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1));font-size:12px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.service-history-subsection-meta{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.25rem;border-width:1px;color:rgb(51 65 85/var(--tw-text-opacity,1));display:flex;flex-shrink:0;font-size:11px;font-weight:700;min-width:16px;padding-left:6px;padding-right:6px}.service-history-subsection-table{max-width:100%;overflow:auto}.service-history-empty{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(100 116 139/var(--tw-text-opacity,1));font-size:14px;padding:8px;padding-inline-start:16px}.service-history-subrow .table-body-cell,.service-history-subrow .table-header-cell{line-height:16px;padding:6px!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.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}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#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))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mx-auto{margin-left:auto;margin-right:auto}.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}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.text-center{text-align:center}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[257,"vehicle-service-history",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function f(){"undefined"!=typeof customElements&&["vehicle-service-history","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-service-history":customElements.get(t)||customElements.define(t,h);break;case"flexible-container":customElements.get(t)||w();break;case"information-table":customElements.get(t)||b()}}))}f();export{x as S,h as V,f as d}
|
|
5
|
+
import{h as t,p as e,H as o,a as r}from"./index.js";import{y as a,s as i}from"./p-YQJevg3-.js";import{V as n}from"./p-ClpSwIg-.js";import{s}from"./p-6IrGK81y.js";import{s as p,a as d}from"./p-rW_ExFCn.js";import{g as l,a as c}from"./p-C3f5RXYo.js";import{d as w}from"./p-Dm8bWcdH.js";import{d as b}from"./p-Tej7fhZH.js";const x=a(["serviceHistory","noData","branch","dealer","invoiceNumber","date","serviceType","odometer","laborLines","partLines","laborCode","packageCode","serviceCode","serviceDescription","partNumber","qty","partDescription"]),g=({locale:e,row:o})=>{const r=(null==o?void 0:o.laborLines)||[],a=(null==o?void 0:o.partLines)||[],i=[{key:"laborCode",label:e.laborCode},{key:"packageCode",label:e.packageCode},{key:"serviceCode",label:e.serviceCode},{key:"serviceDescription",label:e.serviceDescription,centeredHorizontally:!1}],n=[{key:"partNumber",label:e.partNumber},{key:"qty",label:e.qty},{key:"packageCode",label:e.packageCode},{key:"partDescription",label:e.partDescription,centeredHorizontally:!1}];return t("div",{class:"service-history-subrow",dir:e.sharedLocales.direction},t("section",{class:"service-history-subsection"},t("div",{class:"service-history-subsection-header"},t("div",{class:"service-history-subsection-title"},e.laborLines),t("div",{class:"service-history-subsection-meta"},r.length)),r.length?t("div",{class:"service-history-subsection-table"},t("information-table",{isRaw:!0,headers:i,rows:r,size:"small",allowAutoWidth:!0,stripCells:!1})):t("div",{class:"service-history-empty"},e.noData)),t("section",{class:"service-history-subsection"},t("div",{class:"service-history-subsection-header"},t("div",{class:"service-history-subsection-title"},e.partLines),t("div",{class:"service-history-subsection-meta"},a.length)),a.length?t("div",{class:"service-history-subsection-table"},t("information-table",{isRaw:!0,headers:n,rows:a,size:"small",allowAutoWidth:!0,stripCells:!1})):t("div",{class:"service-history-empty"},e.noData)))},h=e(class extends o{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:i.getDefault()},x.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([l(t),c(t,"vehicleLookup.serviceHistory",x)]);this.locale=Object.assign({sharedLocales:e},o)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await p(this,t,e)}async setErrorMessage(t){d(this,t)}onLoadingChange(t){s.bind(this)(this.loadingStateChange,t)}render(){var e,o;return t(r,{key:"b4abb2327d2f8248206dcdc674863210ec557cb1",translate:"no"},t(n,{key:"bc703b3deb41711df3c2b0d5f5570d4a65292c10",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"4f651c3c583d63189ba49ad8392f448712ad1ea4",class:"overflow-x-auto"},t("information-table",{key:"a74a9413e0ebcea4a7f6ad966f9e042493969c11",size:"small",allowAutoWidth:!0,scrollExpandedIntoView:!0,expandUsingEntireRow:!0,headers:[{key:"branchName",label:this.locale.branch},{key:"companyName",label:this.locale.dealer,nowrap:!0},{key:"invoiceNumber",label:this.locale.invoiceNumber,nowrap:!0},{key:"serviceDate",label:this.locale.date,nowrap:!0},{key:"serviceType",label:this.locale.serviceType,maxWidth:420},{key:"mileage",label:this.locale.odometer,nowrap:!0}],isLoading:this.isLoading,rows:(null===(o=this.vehicleLookup)||void 0===o?void 0:o.serviceHistory)||[],subRowRenderer:e=>t(g,{row:e,locale:this.locale})}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.w-\\[4px\\]{width:4px}.min-w-\\[16px\\]{min-width:16px}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\\[10px\\]{gap:10px}.\\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-y-2{border-bottom-width:2px;border-top-width:2px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\!p-\\[6px\\]{padding:6px!important}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[18px\\]{padding-bottom:18px;padding-top:18px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[8px\\]{padding-inline-end:8px}.ps-\\[14px\\]{padding-inline-start:14px}.ps-\\[16px\\]{padding-inline-start:16px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\\[16px\\]{line-height:16px}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.service-history-scroll{overflow-x:auto}.service-history-subrow{background-color:rgb(244 244 244/var(--tw-bg-opacity,1));border-bottom-width:2px;border-color:rgb(148 163 184/var(--tw-border-opacity,1));border-top-width:2px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;padding:18px 10px}.service-history-subrow,.service-history-subsection{--tw-border-opacity:1;--tw-bg-opacity:1}.service-history-subsection{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:4px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden}.service-history-subsection-header{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));border-bottom-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));display:flex;gap:10px;padding-bottom:4px;padding-inline-end:8px;padding-top:4px;padding-inline-start:14px;position:relative}.service-history-subsection-header:before{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));bottom:0;content:"";inset-inline-start:0;position:absolute;top:0;width:4px}.service-history-subsection-title{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1));font-size:12px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.service-history-subsection-meta{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.25rem;border-width:1px;color:rgb(51 65 85/var(--tw-text-opacity,1));display:flex;flex-shrink:0;font-size:11px;font-weight:700;min-width:16px;padding-left:6px;padding-right:6px}.service-history-subsection-table{max-width:100%;overflow:auto}.service-history-empty{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(100 116 139/var(--tw-text-opacity,1));font-size:14px;padding:8px;padding-inline-start:16px}.service-history-subrow .table-body-cell,.service-history-subrow .table-header-cell{line-height:16px;padding:6px!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.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}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#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))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.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}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.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-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-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}.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}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[257,"vehicle-service-history",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function f(){"undefined"!=typeof customElements&&["vehicle-service-history","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-service-history":customElements.get(t)||customElements.define(t,h);break;case"flexible-container":customElements.get(t)||w();break;case"information-table":customElements.get(t)||b()}}))}f();export{x as S,h as V,f as d}
|