adp-web-components 0.2.5 → 0.2.7
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 +7 -8
- package/dist/cjs/flexible-container.cjs.entry.js +1 -1
- package/dist/cjs/form-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/form-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/form-dialog_13.cjs.entry.js +151 -42
- package/dist/cjs/form-input_7.cjs.entry.js +7 -7
- package/dist/cjs/form-switch.cjs.entry.js +1 -1
- package/dist/cjs/form-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/{functions-DVfqIc2J.js → functions-Bte1EMDE.js} +1 -1
- package/dist/cjs/general-form.cjs.entry.js +3 -3
- package/dist/cjs/general-inquiry-form.cjs.entry.js +3 -3
- package/dist/cjs/{get-local-language-DW4lkp3_.js → get-local-language-CW3Ng35-.js} +1 -1
- package/dist/cjs/{get-mock-files-9sVPqtd6.js → get-mock-files-CFcZyPEb.js} +1 -1
- package/dist/cjs/information-table.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/manufacturer-part-lookup.cjs.entry.js +2 -2
- package/dist/cjs/{material-card-CaO7lBGp.js → material-card-CbuIeaVx.js} +8 -0
- package/dist/cjs/part-lookup.cjs.entry.js +2 -2
- package/dist/cjs/qr-code-scan-D7s0T4G_.js +22 -0
- package/dist/cjs/service-booking-form.cjs.entry.js +3 -3
- package/dist/cjs/shift-accordion.cjs.entry.js +1 -1
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/shift-tab-content.cjs.entry.js +1 -1
- package/dist/cjs/shift-tabs_2.cjs.entry.js +131 -87
- package/dist/cjs/ssc-lookup-form.cjs.entry.js +3 -3
- package/dist/cjs/test-drive-form.cjs.entry.js +3 -3
- package/dist/cjs/{print-icon-P6vVSQ4C.js → triangle-alert-CFhgDHi0.js} +5 -11
- package/dist/cjs/{type-D0QMGcwY.js → type-iMZSdSZh.js} +6 -1
- package/dist/cjs/vehicle-accessories_7.cjs.entry.js +71 -37
- package/dist/cjs/vehicle-lookup.cjs.entry.js +4 -4
- package/dist/cjs/vehicle-quotation-form.cjs.entry.js +2 -2
- 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/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-tab-content.css +1 -1
- package/dist/collection/components/components/shift-tabs.css +1 -1
- package/dist/collection/components/form-elements/form-dialog.css +1 -1
- package/dist/collection/components/form-elements/form-inputs.css +1 -1
- package/dist/collection/components/forms/defaults/style.css +1 -1
- 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/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 +8 -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 +154 -36
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.js +72 -3
- package/dist/collection/components/vehicle-lookup/vehicle-sale-information.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-sale-information.js +2 -2
- package/dist/collection/components/vehicle-lookup/vehicle-service-history.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-service-history.js +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 +4 -4
- package/dist/collection/components/vin-extractor/vin-extractor.css +1 -1
- package/dist/collection/components/vin-extractor/vin-extractor.js +135 -14
- package/dist/collection/global/assets/print-icon.js +1 -1
- package/dist/collection/global/assets/printer-icon.js +6 -0
- package/dist/collection/locales/vehicleLookup/claimableItems/type.js +5 -0
- package/dist/collection/locales/vehicleLookup/paintThickness/type.js +1 -1
- 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-dialog.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-AKhxkXKW.js +5 -0
- package/dist/components/{p-B1hRudCH.js → p-B-_E_d08.js} +1 -1
- package/dist/components/{p-BRNA-F26.js → p-B0HqThHF.js} +1 -1
- package/dist/components/{p-BJDSdOCG.js → p-B36KHgxn.js} +1 -1
- package/dist/components/{p-DrBCIODF.js → p-B8zRz3ip.js} +1 -1
- package/dist/components/{p-BTvBclPk.js → p-BJtWqm5y.js} +1 -1
- package/dist/components/{p-Dehyzq5j.js → p-BLmef6Eu.js} +1 -1
- package/dist/components/p-BLyPv99p.js +5 -0
- package/dist/components/{p-Ct6m_-f0.js → p-BOlOX4xh.js} +1 -1
- package/dist/components/p-BaO30afz.js +5 -0
- package/dist/components/{p-XtsCFXBT.js → p-BmKPsE66.js} +1 -1
- package/dist/components/{p-DdBZzWXP.js → p-BxeWKBae.js} +1 -1
- package/dist/components/{p-CD3QSUUM.js → p-C-DmtskE.js} +1 -1
- package/dist/components/p-C94Ezrtv.js +5 -0
- package/dist/components/{p-OpFomhUY.js → p-CIDsoBmm.js} +1 -1
- package/dist/components/p-CMPocNAt.js +5 -0
- package/dist/components/{p-CYXvqNwe.js → p-C_JQwJID.js} +1 -1
- package/dist/components/{p-CZAbJ-U8.js → p-C_SQ4MYW.js} +1 -1
- package/dist/components/{p-jxMk1A4r.js → p-CeC7WsUk.js} +1 -1
- package/dist/components/p-Ck0R8arv.js +5 -0
- package/dist/components/p-CnzIZMIw.js +5 -0
- package/dist/components/p-Co_hK-X8.js +5 -0
- package/dist/components/{p-wZGkKs8I.js → p-CrTbchEc.js} +1 -1
- package/dist/components/p-Cy5qARRa.js +5 -0
- package/dist/components/{p-CZCwyXnM.js → p-CymxvwvM.js} +1 -1
- package/dist/components/{p-CPf6r4Gq.js → p-D5lPxGQr.js} +1 -1
- package/dist/components/{p-Bmz_AHMi.js → p-D7JQfw0Q.js} +1 -1
- package/dist/components/{p-Z2XpkZLr.js → p-DEM2hIgy.js} +1 -1
- package/dist/components/{p-CqaKo-YH.js → p-DF3mal9n.js} +1 -1
- package/dist/components/{p-CkAxpb5u.js → p-DLxmRPvI.js} +1 -1
- package/dist/components/{p-BN4nQpL7.js → p-DOiAwNG1.js} +1 -1
- package/dist/components/{p-BZuqahZZ.js → p-DQXyJFgJ.js} +1 -1
- package/dist/components/{p-Dg5XUIHB.js → p-DVbjwCPX.js} +1 -1
- package/dist/components/{p-BRv8RQBo.js → p-DeD3lXoU.js} +1 -1
- package/dist/components/p-DxuZp2M2.js +5 -0
- package/dist/components/p-DxxE0R8Y.js +5 -0
- package/dist/components/p-DzNVzGCR.js +5 -0
- package/dist/components/{p-BNPyjh_4.js → p-ESWQQIJQ.js} +1 -1
- package/dist/components/{p-DIb2EsMc.js → p-eEqj5CsU.js} +1 -1
- package/dist/components/p-eYX0vceM.js +5 -0
- package/dist/components/p-iTJ5pT2w.js +5 -0
- package/dist/components/p-j_c0xF33.js +5 -0
- package/dist/components/p-pnQgLSsX.js +5 -0
- package/dist/components/p-wSf_1B0r.js +5 -0
- 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-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-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 -7
- package/dist/esm/flexible-container.entry.js +1 -1
- package/dist/esm/form-checkbox.entry.js +1 -1
- package/dist/esm/form-date-picker.entry.js +1 -1
- package/dist/esm/form-dialog_13.entry.js +150 -41
- package/dist/esm/form-input_7.entry.js +7 -7
- package/dist/esm/form-switch.entry.js +1 -1
- package/dist/esm/form-time-picker.entry.js +1 -1
- package/dist/esm/{functions-BFs9uHHo.js → functions-DZYx2gE6.js} +1 -1
- package/dist/esm/general-form.entry.js +3 -3
- package/dist/esm/general-inquiry-form.entry.js +3 -3
- package/dist/esm/{get-local-language-D1dxxFIN.js → get-local-language-BJchvs-m.js} +1 -1
- package/dist/esm/{get-mock-files-blirEIV5.js → get-mock-files-qPteAyJz.js} +1 -1
- package/dist/esm/information-table.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loading-spinner.entry.js +1 -1
- package/dist/esm/manufacturer-part-lookup.entry.js +2 -2
- package/dist/esm/{material-card-xVey6i1G.js → material-card-B2I-YUG_.js} +8 -1
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/qr-code-scan-BV3-O3JE.js +20 -0
- package/dist/esm/service-booking-form.entry.js +3 -3
- package/dist/esm/shift-accordion.entry.js +1 -1
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/shift-tab-content.entry.js +1 -1
- package/dist/esm/shift-tabs_2.entry.js +131 -87
- package/dist/esm/ssc-lookup-form.entry.js +3 -3
- package/dist/esm/test-drive-form.entry.js +3 -3
- package/dist/esm/{print-icon-Dg0IO5IH.js → triangle-alert-Cd-XmnTW.js} +5 -10
- package/dist/esm/{type-Pq-OZXzH.js → type-Cw6xdu7_.js} +6 -1
- package/dist/esm/vehicle-accessories_7.entry.js +67 -33
- package/dist/esm/vehicle-lookup.entry.js +4 -4
- package/dist/esm/vehicle-quotation-form.entry.js +2 -2
- package/dist/locales/vehicleLookup/claimableItems/ar.json +6 -1
- package/dist/locales/vehicleLookup/claimableItems/en.json +6 -1
- package/dist/locales/vehicleLookup/claimableItems/ku.json +6 -1
- package/dist/locales/vehicleLookup/claimableItems/ru.json +6 -1
- package/dist/locales/vehicleLookup/claimableItems/type.ts +5 -0
- package/dist/locales/vehicleLookup/paintThickness/ar.json +2 -1
- package/dist/locales/vehicleLookup/paintThickness/en.json +2 -1
- package/dist/locales/vehicleLookup/paintThickness/ku.json +2 -1
- package/dist/locales/vehicleLookup/paintThickness/ru.json +2 -1
- package/dist/locales/vehicleLookup/paintThickness/type.ts +1 -1
- package/dist/mocks/generated/broker-dealer/paint-thickness-certificate.json +1 -0
- package/dist/mocks/generated/broker-dealer/vehicle-lookup.json +189 -3
- package/dist/mocks/generated/standard-dealer/paint-thickness-certificate.json +145 -0
- package/dist/mocks/generated/standard-dealer/vehicle-lookup.json +210 -14
- package/dist/shift-components/p-082b4720.entry.js +5 -0
- package/dist/shift-components/p-0b9f0f86.entry.js +5 -0
- package/dist/shift-components/{p-f4154eaa.entry.js → p-17d71528.entry.js} +1 -1
- package/dist/shift-components/{p-03b2951e.entry.js → p-1f68e100.entry.js} +1 -1
- package/dist/shift-components/p-26fedfdd.entry.js +5 -0
- package/dist/shift-components/p-28997bb9.entry.js +5 -0
- package/dist/shift-components/p-2c0ab81d.entry.js +5 -0
- package/dist/shift-components/p-4995382a.entry.js +5 -0
- package/dist/shift-components/p-4rtum-1R.js +5 -0
- package/dist/shift-components/p-59b1628c.entry.js +5 -0
- package/dist/shift-components/{p-f9a1f3a9.entry.js → p-600a9537.entry.js} +1 -1
- package/dist/shift-components/p-6594248c.entry.js +5 -0
- package/dist/shift-components/{p-DQgi3GfF.js → p-6aFZA2Mh.js} +1 -1
- package/dist/shift-components/{p-1be146f7.entry.js → p-779e9ca8.entry.js} +1 -1
- package/dist/shift-components/p-83d7c67d.entry.js +5 -0
- package/dist/shift-components/{p-2f9ebd9e.entry.js → p-8bf22aad.entry.js} +1 -1
- package/dist/shift-components/{p-128ede20.entry.js → p-93d9fdb4.entry.js} +1 -1
- package/dist/shift-components/p-9a1063d0.entry.js +5 -0
- package/dist/shift-components/{p-CKyDR5Xg.js → p-B1r-REm3.js} +1 -1
- package/dist/shift-components/p-DAAsJ8ot.js +5 -0
- package/dist/shift-components/p-UpUg8Jfq.js +5 -0
- package/dist/shift-components/{p-217a9416.entry.js → p-a3c2b9e2.entry.js} +1 -1
- package/dist/shift-components/p-af098f2e.entry.js +5 -0
- package/dist/shift-components/{p-f5c9acf4.entry.js → p-b4f6683a.entry.js} +1 -1
- package/dist/shift-components/{p-b4531515.entry.js → p-b9408351.entry.js} +1 -1
- package/dist/shift-components/{p-6b6a3956.entry.js → p-cc05cac1.entry.js} +1 -1
- package/dist/shift-components/{p-1e5834fa.entry.js → p-d2669612.entry.js} +1 -1
- package/dist/shift-components/{p-887063bb.entry.js → p-e6046f1c.entry.js} +1 -1
- package/dist/shift-components/{p-CskAxrOV.js → p-rqrxMrTB.js} +1 -1
- package/dist/shift-components/p-v4xM2_Fa.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/vehicle-lookup/vehicle-item-claim-form.d.ts +26 -0
- package/dist/types/components/vehicle-lookup/vehicle-paint-thickness.d.ts +6 -0
- package/dist/types/components/vin-extractor/vin-extractor.d.ts +8 -0
- package/dist/types/components.d.ts +22 -0
- package/dist/types/global/assets/print-icon.d.ts +7 -0
- package/dist/types/global/assets/printer-icon.d.ts +6 -0
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-item-warning.d.ts +0 -1
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-lookup-dto.d.ts +1 -0
- package/dist/types/locales/vehicleLookup/claimableItems/type.d.ts +20 -0
- package/dist/types/locales/vehicleLookup/paintThickness/type.d.ts +2 -0
- package/dist/types/locales/vehicleLookup/wrapper-type.d.ts +12 -0
- package/package.json +1 -1
- package/dist/cjs/empty-table-icon-QLsRUBY_.js +0 -16
- package/dist/components/p-B6iO_uWL.js +0 -5
- package/dist/components/p-BNiu3k5L.js +0 -5
- package/dist/components/p-BV7Fty89.js +0 -5
- package/dist/components/p-BYpgNjUe.js +0 -5
- package/dist/components/p-CLLlMROe.js +0 -5
- package/dist/components/p-CSdWSijk.js +0 -5
- package/dist/components/p-CZeAXFCs.js +0 -5
- package/dist/components/p-CnPBnWyH.js +0 -5
- package/dist/components/p-Cp5KcX3q.js +0 -5
- package/dist/components/p-DGRhxVOE.js +0 -5
- package/dist/components/p-Da_llIwo.js +0 -5
- package/dist/components/p-DpqzaQ37.js +0 -5
- package/dist/components/p-JBDcJEUO.js +0 -5
- package/dist/components/p-t2qHB0VL.js +0 -5
- package/dist/esm/empty-table-icon-Fq7iN9Wm.js +0 -14
- package/dist/shift-components/p-055adc95.entry.js +0 -5
- package/dist/shift-components/p-0ce7bf4b.entry.js +0 -5
- package/dist/shift-components/p-1d99740d.entry.js +0 -5
- package/dist/shift-components/p-42137262.entry.js +0 -5
- package/dist/shift-components/p-422ee698.entry.js +0 -5
- package/dist/shift-components/p-63b50cfc.entry.js +0 -5
- package/dist/shift-components/p-6d0fd06b.entry.js +0 -5
- package/dist/shift-components/p-74abbd82.entry.js +0 -5
- package/dist/shift-components/p-BNROFrhh.js +0 -5
- package/dist/shift-components/p-Bv1XxjKW.js +0 -5
- package/dist/shift-components/p-DFSDlqbo.js +0 -5
- package/dist/shift-components/p-DtYbk_BV.js +0 -5
- package/dist/shift-components/p-b045c81c.entry.js +0 -5
- package/dist/shift-components/p-b780c602.entry.js +0 -5
- package/dist/shift-components/p-ecf81d6f.entry.js +0 -5
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
|
|
7
7
|
var index = require('./index-CmK48vN3.js');
|
|
8
8
|
var cn = require('./cn-BHnqYtun.js');
|
|
9
|
-
var
|
|
10
|
-
var printIcon = require('./print-icon-P6vVSQ4C.js');
|
|
9
|
+
var triangleAlert = require('./triangle-alert-CFhgDHi0.js');
|
|
11
10
|
var addIcon = require('./add-icon-DSBO_equ.js');
|
|
12
11
|
var checkIcon = require('./check-icon-C4YBlzih.js');
|
|
12
|
+
var qrCodeScan = require('./qr-code-scan-D7s0T4G_.js');
|
|
13
13
|
|
|
14
|
-
const shiftTabsCss = "*,: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}.mb-\\[6px\\]{margin-bottom:6px}.flex{display:flex}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.border{border-width:1px}.\\!border-b-0{border-bottom-width:0!important}.border-b{border-bottom-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.opacity-100{opacity: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-500{transition-duration:.5s}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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}.absolute{position:absolute}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.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))}.opacity-0{opacity:0}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.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)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.my-auto{margin-bottom:auto;margin-top:auto}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-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-\\[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}.text-center{text-align:center}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.block{display:block}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.mt-\\[4px\\]{margin-top:4px}.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))}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.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)}";
|
|
14
|
+
const shiftTabsCss = "*,: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}.static{position:static}.relative{position:relative}.mb-\\[6px\\]{margin-bottom:6px}.flex{display:flex}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.border{border-width:1px}.\\!border-b-0{border-bottom-width:0!important}.border-b{border-bottom-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.opacity-100{opacity: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-500{transition-duration:.5s}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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}.absolute{position:absolute}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.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))}.opacity-0{opacity:0}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.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)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mt-\\[4px\\]{margin-top:4px}.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}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[16px\\]{gap:16px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[12px\\]{padding:12px}.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-center{text-align:center}.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-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end: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%}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[6px\\]{padding:6px}.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}.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-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)}.disabled\\:cursor-wait:disabled{cursor:wait}.disabled\\:opacity-60:disabled{opacity:.6}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.block{display:block}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.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}";
|
|
15
15
|
|
|
16
16
|
const ShiftTabs = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -25,68 +25,15 @@ const ShiftTabs = class {
|
|
|
25
25
|
};
|
|
26
26
|
ShiftTabs.style = shiftTabsCss;
|
|
27
27
|
|
|
28
|
-
const AlertIcon = props => (index.h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
|
|
29
|
-
index.h("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
|
|
30
|
-
index.h("path", { d: "M12 9v4" }),
|
|
31
|
-
index.h("path", { d: "M12 17h.01" })));
|
|
32
|
-
|
|
33
28
|
const AttachIcon = props => (index.h("svg", { fill: "none", "stroke-width": "2", class: props.class, viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
|
|
34
29
|
index.h("path", { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" })));
|
|
35
30
|
|
|
36
|
-
const
|
|
37
|
-
index.h("
|
|
38
|
-
index.h("
|
|
39
|
-
index.h("
|
|
40
|
-
index.h("g", null,
|
|
41
|
-
index.h("g", null,
|
|
42
|
-
index.h("path", { d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))),
|
|
43
|
-
index.h("g", null,
|
|
44
|
-
index.h("g", null,
|
|
45
|
-
index.h("path", { d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))),
|
|
46
|
-
index.h("g", null,
|
|
47
|
-
index.h("g", null,
|
|
48
|
-
index.h("path", { d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))),
|
|
49
|
-
index.h("g", null,
|
|
50
|
-
index.h("g", null,
|
|
51
|
-
index.h("path", { d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))),
|
|
52
|
-
index.h("g", null,
|
|
53
|
-
index.h("g", null,
|
|
54
|
-
index.h("path", { d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))),
|
|
55
|
-
index.h("g", null,
|
|
56
|
-
index.h("g", null,
|
|
57
|
-
index.h("path", { d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))),
|
|
58
|
-
index.h("g", null,
|
|
59
|
-
index.h("g", null,
|
|
60
|
-
index.h("path", { d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))),
|
|
61
|
-
index.h("g", null,
|
|
62
|
-
index.h("g", null,
|
|
63
|
-
index.h("path", { d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))),
|
|
64
|
-
index.h("g", null,
|
|
65
|
-
index.h("g", null,
|
|
66
|
-
index.h("path", { d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))),
|
|
67
|
-
index.h("g", null,
|
|
68
|
-
index.h("g", null,
|
|
69
|
-
index.h("path", { d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))),
|
|
70
|
-
index.h("g", null,
|
|
71
|
-
index.h("g", null,
|
|
72
|
-
index.h("path", { d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))),
|
|
73
|
-
index.h("g", null,
|
|
74
|
-
index.h("g", null,
|
|
75
|
-
index.h("path", { d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))),
|
|
76
|
-
index.h("g", null,
|
|
77
|
-
index.h("g", null,
|
|
78
|
-
index.h("path", { d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))),
|
|
79
|
-
index.h("g", null,
|
|
80
|
-
index.h("g", null,
|
|
81
|
-
index.h("path", { d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))),
|
|
82
|
-
index.h("g", null,
|
|
83
|
-
index.h("g", null,
|
|
84
|
-
index.h("path", { d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))),
|
|
85
|
-
index.h("g", null,
|
|
86
|
-
index.h("g", null,
|
|
87
|
-
index.h("path", { d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))));
|
|
31
|
+
const PrinterIcon = props => (index.h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", xmlns: "http://www.w3.org/2000/svg", "stroke-linejoin": "round" },
|
|
32
|
+
index.h("polyline", { points: "6 9 6 2 18 2 18 9" }),
|
|
33
|
+
index.h("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
|
|
34
|
+
index.h("rect", { x: "6", y: "14", width: "12", height: "8" })));
|
|
88
35
|
|
|
89
|
-
const vehicleItemClaimFormCss = "*,: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}.fixed{position:fixed}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-\\[3px\\]{gap:3px}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[4px\\]{border-width:4px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.lds-ripple{--tw-border-opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-color:rgb(48 113 169/var(--tw-border-opacity,1));border-radius:9999px;border-width:4px;box-sizing:border-box;position:absolute;z-index:10}.lds-ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}.sign-document-info:hover .tooltip{opacity:1}.outline-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.outline-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.outline-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.outline-button circle{fill:#2ecc71}.outline-button circle:hover{fill:#fff}.outline-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.outline-button path{transition:.2s}.outline-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.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)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.my-auto{margin-bottom:auto;margin-top:auto}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-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}.text-center{text-align:center}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.mt-\\[4px\\]{margin-top:4px}.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))}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.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)}.visible{visibility:visible}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}";
|
|
36
|
+
const vehicleItemClaimFormCss = "*,: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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{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))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.claim-scrim{--primary:#3071a9;--primary-dark:#275e8f;--primary-tint:#e8f1f8;--warn:#ff9100;--warn-tint:#fff4e5;--warn-border:#ffd28f;--warn-text:#663c00;--green:#32b267;--green-dark:#27ae60;--text:#1f2937;--muted:#6b7280;--hair:#ececec;--paper:#fff;--tear:#d9d2c6;--punch:#aab0b8;--mono:ui-monospace,\"SF Mono\",Menlo,Consolas,monospace;background:rgba(31,41,55,.38);color:var(--text);font-size:14px}.claim-scrim,.claim-scrim *{box-sizing:border-box}.stage{display:grid;min-height:100%;padding:18px;place-items:center}.voucher{background:var(--paper);border-radius:8px;box-shadow:0 10px 30px rgba(16,24,40,.16);max-width:100%;overflow:hidden;position:relative;width:1040px}.voucher.side{display:grid;grid-template-columns:1fr 372px}.voucher.bottom{width:700px}.btn-close{background:transparent;border:none;border-radius:50%;color:#9aa3ad;cursor:pointer;display:grid;height:28px;inset-inline-end:10px;padding:0;place-items:center;position:absolute;top:10px;transition:background .15s,color .15s,opacity .3s;width:28px;z-index:5}.btn-close:hover{background:#fde8e8;color:#c0392b}.btn-close:disabled{opacity:.4;pointer-events:none}.btn-close svg{height:22px;transform:rotate(45deg);width:22px}.v-body{display:flex;flex-direction:column;min-width:0;padding-block:22px 24px;padding-inline:28px 26px;position:relative}.voucher.bottom .v-body{padding-block-end:20px}.item-row{align-items:flex-start;border-bottom:1px solid var(--hair);display:grid;gap:12px;grid-template-columns:1fr auto;padding:4px 0 12px}.item-type{background:var(--primary-tint);border:1px solid #cfe0ef;border-radius:4px;color:var(--primary-dark);display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.14em;margin-bottom:5px;padding:2px 7px;text-transform:uppercase}.item-name{font-size:17px;font-weight:700;letter-spacing:.005em;line-height:1.2;overflow-wrap:anywhere}.vin-stamp{text-align:end}.voucher.bottom .vin-stamp{padding-inline-end:26px}.vin-stamp .lab{color:var(--muted);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase}.vin-stamp .vin{color:var(--text);font-family:var(--mono)!important;font-size:14px;font-weight:500;letter-spacing:.02em}.btn-print{align-items:center;background:var(--warn-tint);border:1px solid var(--warn-border);border-radius:6px;color:var(--warn-text);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:600;gap:6px;margin-top:7px;padding:4px 12px;transition:background .15s,border-color .15s}.btn-print:hover{background:#ffe9cc;border-color:var(--warn)}.btn-print svg{height:13px;width:13px}.specs{border-bottom:1.5px dashed var(--tear);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0 12px}.spec{min-width:0;padding-inline-end:14px}.spec+.spec{border-inline-start:1px solid var(--hair);padding-inline-start:14px}.spec .lab{color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.spec .val{color:var(--text);font-family:var(--mono)!important;font-size:13px;font-weight:500;margin-top:3px;overflow-wrap:anywhere}.spec.pkg .val{color:var(--primary-dark)}.notices{display:flex;flex-direction:column;gap:10px;margin-top:12px}.notice{background:#fffaf2;border:1px solid var(--hair);border-end-end-radius:5px;border-inline-start:3px solid var(--warn);border-start-end-radius:5px;padding-block:10px;padding-inline:13px 12px;position:relative}.notice.info{background:#fbfcfd;border-inline-start-color:#b9c4d0}.ntc-body{color:#44403c;flex:1;font-size:12.5px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.notice.info .ntc-body{color:#475569}.ntc-body strong{color:var(--text);font-weight:700}.notice .ntc-body ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:6px 0 0;padding:0}.notice .ntc-body ul li{align-items:center;background:var(--warn-tint);border:1px dashed var(--warn-border);border-radius:4px;color:#92400e;display:inline-flex;font-family:var(--mono)!important;font-size:11px;font-weight:500;gap:5px;padding:2px 8px}.notice .ntc-body ul li:before{background:var(--warn);border-radius:50%;content:\"\";height:5px;width:5px}.notice.info .ntc-body ul{display:block;list-style:disc;margin:4px 0;padding:0;padding-inline-start:24px}.notice.info .ntc-body ul li{background:none;border:none;border-radius:0;color:inherit;display:list-item;font-family:inherit!important;font-size:inherit;font-weight:inherit;padding:0}.notice.info .ntc-body ul li:before{content:none}.ntc-body ol{list-style:decimal;margin:4px 0;padding:0;padding-inline-start:24px}.confirm{border-top:1px dashed var(--warn-border);margin-top:8px;padding-top:8px}.confirm label{align-items:center;color:var(--warn-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9px;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.confirm label.disabled{opacity:.5;pointer-events:none}.cbx-face{background:#fff;border:1.5px solid #c8a35a;border-radius:4px;color:#fff;display:grid;flex:0 0 auto;height:17px;place-items:center;width:17px}.cbx-face,.cbx-face svg{transition:all .14s ease}.cbx-face svg{height:12px;opacity:0;transform:scale(.6);width:12px}.confirm input:checked~.cbx-face{background:var(--warn);border-color:var(--warn)}.confirm input:checked~.cbx-face svg{opacity:1;transform:scale(1)}.confirm input:focus-visible~.cbx-face{box-shadow:0 0 0 3px rgba(255,145,0,.28)}.doc-row{align-items:flex-start;display:flex;gap:12px}.doc-thumb-btn{align-self:center;background:none;border:none;cursor:zoom-in;flex:0 0 auto;padding:0;position:relative}.doc-thumb{background:#fff;border:1px solid #e2ddd3;border-radius:4px;box-shadow:0 1px 2px rgba(16,24,40,.05);display:block;height:auto;max-height:112px;max-width:170px;padding:3px;transition:box-shadow .15s;width:auto}.doc-thumb-btn:hover .doc-thumb{box-shadow:0 3px 10px rgba(16,24,40,.18)}.thumb-overlay{align-items:center;background:rgba(0,0,0,.4);border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:11px;gap:4px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.doc-thumb-btn:hover .thumb-overlay{opacity:1}.thumb-overlay img{width:22px}.stub{background:#f4f4f4;display:flex;flex-direction:column;position:relative}.voucher.side .stub{border-inline-start:1px dashed #cdc6ba;padding:24px 24px 22px}.voucher.bottom .stub{border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.perf{background-image:radial-gradient(circle at center,var(--tear) 1.4px,transparent 1.6px);position:absolute}.voucher.side .perf{background-repeat:repeat-y;background-size:2px 11px;bottom:0;inset-inline-start:-1px;top:0;width:2px}.voucher.bottom .perf{background-repeat:repeat-x;background-size:11px 2px;height:2px;inset-inline:0;top:-1px}.punch{background:var(--punch);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);height:16px;position:absolute;width:16px;z-index:1}.voucher.side .punch{inset-inline-start:-8px}.voucher.side .punch.p1{top:-8px}.voucher.side .punch.p2{bottom:-8px}.voucher.bottom .punch{top:-8px}.voucher.bottom .punch.p1{inset-inline-start:-8px}.voucher.bottom .punch.p2{inset-inline-end:-8px}.field{min-width:0}.voucher.side .field{margin-bottom:12px}.voucher.bottom .field{flex:1}.field label,.field-label{color:var(--muted);display:block;font-size:10px;font-weight:500;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.field input{background:#fff;border:1px solid #d6dbe0;border-radius:6px;color:var(--text);font:inherit;font-size:13.5px;height:38px;padding:0 11px;transition:border-color .15s,opacity .3s;width:100%}.field input::-moz-placeholder{color:#aeb4bc}.field input::placeholder{color:#aeb4bc}.field input:focus{border-color:var(--primary);outline:none}.field input:disabled{background:#fafafa;opacity:.55}.claim-area{display:flex;min-width:0}.voucher.side .claim-area{align-items:stretch;flex:1;flex-direction:column}.voucher.bottom .claim-area{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:14px}.scanzone{background:#fff;border:1.5px solid var(--primary);border-radius:8px;padding:14px 14px 12px;transition:opacity .3s}.voucher.side .scanzone{margin-bottom:12px}.voucher.bottom .scanzone{flex:1;min-width:240px}.scanzone.disabled{opacity:.55}.sz-row{align-items:center;display:flex;gap:11px}.qr-ic{background:var(--primary-tint);border-radius:7px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.qr-ic svg{height:22px;width:22px}.scanzone input{background:transparent;border:none;border-bottom:1.5px solid var(--primary);border-radius:0;color:var(--text);flex:1;font-family:var(--mono)!important;font-size:13.5px;min-width:0;padding:7px 2px;width:100%}.scanzone input::-moz-placeholder{color:#aeb4bc;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.scanzone input::placeholder{color:#aeb4bc;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.scanzone input:focus{outline:none}.scan-hint{align-items:center;color:var(--primary-dark);display:flex;font-size:11px;gap:7px;margin-top:10px}.scan-hint .dot{animation:scan-pulse 1.6s ease-in-out infinite;background:var(--green);border-radius:50%;flex:0 0 auto;height:7px;width:7px}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 2px rgba(50,178,103,.25)}50%{box-shadow:0 0 0 5px rgba(50,178,103,.08)}}.upload-wrap{display:flex;flex-direction:column}.upload{align-items:center;background:#fff;border:1.5px dashed #b9c4d0;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s,opacity .3s}.upload:hover{background:var(--primary-tint);border-color:var(--primary)}.upload.disabled{opacity:.55;pointer-events:none}.upload .ic{background:var(--primary-tint);border-radius:6px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.upload .ic svg{height:16px;width:16px}.upload-text{flex:1;min-width:0}.upload .ut{color:var(--text);display:block;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload .ut .req{color:#c0392b;padding-inline-start:4px}.upload .us{color:var(--muted);display:block;font-size:10.5px;margin-top:1px}.upload-clear{background:transparent;border:none;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:26px;place-items:center;transition:background .15s,color .15s;width:26px}.upload-clear:hover{background:#fde8e8;color:#c0392b}.upload-clear svg{height:18px;transform:rotate(45deg);width:18px}.upload-error{color:#c0392b;font-size:11.5px;padding-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.chip{align-items:center;background:#fff;border:1px solid var(--hair);border-radius:4px;color:#475569;display:inline-flex;font-size:11.5px;gap:4px;max-width:100%;overflow:hidden;padding-inline-start:8px;transition:opacity .3s}.chip.disabled{opacity:.55;pointer-events:none}.chip span{overflow:hidden;padding-block:4px;text-overflow:ellipsis;white-space:nowrap}.chip button{background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:22px;place-items:center;transition:background .15s,color .15s;width:22px}.chip button:hover{background:#fde8e8;color:#c0392b}.chip button svg{height:14px;transform:rotate(45deg);width:14px}.stub-spacer{flex:1;min-height:18px}.voucher.bottom .stub-spacer{display:none}.btn-claim{align-items:center;background:var(--green);border:1px solid var(--green-dark);border-radius:5px;box-shadow:0 1px 2px rgba(16,24,40,.1);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:700;height:38px;justify-content:center;letter-spacing:.04em;overflow:hidden;position:relative;text-transform:uppercase;transition:background .15s,transform .06s,opacity .3s}.voucher.side .btn-claim{padding:0 13px;width:100%}.voucher.bottom .btn-claim{flex:0 0 auto;padding:0 30px}.btn-claim:enabled:hover{background:var(--green-dark)}.btn-claim:enabled:active{transform:translateY(1px)}.btn-claim:disabled{cursor:default;opacity:.5}.btn-claim.loading{background:var(--green-dark);cursor:progress;opacity:1}.btn-claim .claim-label{align-items:center;display:flex;gap:9px;justify-content:center;position:relative;z-index:1}.btn-claim .claim-label svg{height:17px;width:17px}.claim-progress{background:hsla(0,0%,100%,.28);inset-block:0;inset-inline-start:0;position:absolute;transition:width .5s ease-out}.err-scrim{animation:err-fade .14s ease;background:rgba(31,41,55,.38);display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:20}.err-card{animation:err-pop .18s cubic-bezier(.2,.85,.3,1.18);background:var(--paper);border-end-end-radius:8px;border-inline-start:3px solid #c0392b;border-start-end-radius:8px;box-shadow:0 2px 6px rgba(16,24,40,.14),0 18px 44px rgba(16,24,40,.26);max-width:100%;padding:16px 18px 14px;position:relative;width:432px}@keyframes err-fade{0%{opacity:0}}@keyframes err-pop{0%{opacity:0;transform:translateY(7px) scale(.97)}}.err-head{align-items:center;border-bottom:1px dashed #ecc8c2;display:flex;gap:10px;margin-bottom:11px;padding-bottom:10px;padding-inline-end:26px}.err-ic{background:#fdecea;border-radius:50%;color:#c0392b;display:grid;flex:0 0 auto;height:31px;place-items:center;width:31px}.err-ic svg{height:17px;width:17px}.err-title{font-size:14.5px;font-weight:700;letter-spacing:.01em}.err-msg{color:#44403c;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.err-foot{display:flex;justify-content:flex-end;margin-top:14px}.btn-err-ok{background:#fdecea;border:1px solid #f1b8b0;border-radius:6px;color:#7f1d1d;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:7px 26px;transition:background .15s,border-color .15s}.btn-err-ok:hover{background:#fbdbd7;border-color:#c0392b}.btn-err-ok:focus-visible{box-shadow:0 0 0 3px rgba(192,57,43,.22);outline:none}.compact .stage{padding:10px}.compact .v-body{padding-block:12px 14px;padding-inline:20px 18px}.compact .item-row{gap:10px;padding:2px 0 8px}.compact .item-name{font-size:15.5px}.compact .btn-print{margin-top:5px;padding:3px 10px}.compact .specs{padding:7px 0 8px}.compact .spec .val{font-size:12.5px;margin-top:2px}.compact .notices{gap:7px;margin-top:8px}.compact .notice{padding-block:7px;padding-inline:11px 10px}.compact .ntc-body{font-size:12px;line-height:1.45}.compact .ntc-body br+br{display:none}.compact .notice .ntc-body ul{margin-top:4px}.compact .confirm{margin-top:6px;padding-top:6px}.compact .doc-thumb{max-height:68px;max-width:120px}.compact .voucher.side .stub{padding:14px 16px}.compact .voucher.bottom .stub{padding-block:10px 12px;padding-inline:20px 18px}.compact .voucher.side .field{margin-bottom:8px}.compact .field label,.compact .field-label{margin-bottom:3px}.compact .field input{height:34px;padding:0 10px}.compact .scanzone{padding:9px 10px 8px}.compact .voucher.side .scanzone{margin-bottom:10px}.compact .qr-ic{height:30px;width:30px}.compact .qr-ic svg{height:17px;width:17px}.compact .scanzone input{font-size:13px;padding:5px 2px}.compact .scan-hint{margin-top:6px}.compact .upload{padding:8px 10px}.compact .stub-spacer{min-height:10px}.compact .btn-claim{font-size:14px;height:34px}.compact .voucher.side .btn-claim{padding:0 10px}.compact .voucher.bottom .btn-claim{padding:0 26px}@media (max-width:900px){.voucher.side{display:block;width:700px}.voucher.side .stub{border-inline-start:none;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.voucher.side .perf{background-repeat:repeat-x;background-size:11px 2px;inset-inline:0;bottom:auto;height:2px;top:-1px;width:auto}.voucher.side .punch{bottom:auto;top:-8px}.voucher.side .punch.p1{inset-inline-start:-8px}.voucher.side .punch.p2{inset-inline-end:-8px;inset-inline-start:auto}}@media (max-width:560px){.doc-row{flex-direction:column}.doc-thumb-btn{align-self:center}.voucher.bottom .btn-claim{flex:1 1 100%}}.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}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mt-\\[4px\\]{margin-top:4px}.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-\\[16px\\]{gap:16px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[12px\\]{padding:12px}.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-center{text-align:center}.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-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end: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%}.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))}.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-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.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)}.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-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)}.disabled\\:cursor-wait:disabled{cursor:wait}.disabled\\:opacity-60:disabled{opacity:.6}.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}.visible{visibility:visible}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}";
|
|
90
37
|
|
|
91
38
|
const VehicleItemClaimForm = class {
|
|
92
39
|
constructor(hostRef) {
|
|
@@ -97,11 +44,59 @@ const VehicleItemClaimForm = class {
|
|
|
97
44
|
this.uploadProgress = 0;
|
|
98
45
|
this.isOpened = false;
|
|
99
46
|
this.isLoading = false;
|
|
47
|
+
this.compact = false;
|
|
48
|
+
this.claimError = '';
|
|
100
49
|
this.confirmationStates = {};
|
|
101
50
|
this.errors = {};
|
|
102
51
|
this.inputs = {
|
|
103
52
|
documents: [],
|
|
104
53
|
};
|
|
54
|
+
this.suppressMeasure = false;
|
|
55
|
+
this.onWindowKeyDown = (event) => {
|
|
56
|
+
if (event.key !== 'Escape')
|
|
57
|
+
return;
|
|
58
|
+
if (this.claimError)
|
|
59
|
+
this.dismissError();
|
|
60
|
+
else
|
|
61
|
+
this.close();
|
|
62
|
+
};
|
|
63
|
+
this.onWindowResize = () => this.measureCompact();
|
|
64
|
+
this.dismissError = () => {
|
|
65
|
+
var _a;
|
|
66
|
+
this.claimError = '';
|
|
67
|
+
// Scanner-gun retry flow: put the cursor back in the scan field with the
|
|
68
|
+
// stale code selected so the next scan replaces it.
|
|
69
|
+
if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode') {
|
|
70
|
+
setTimeout(() => {
|
|
71
|
+
const input = this.el.shadowRoot.querySelector('input[type="text"]');
|
|
72
|
+
if (input && !input.disabled) {
|
|
73
|
+
input.focus();
|
|
74
|
+
input.select();
|
|
75
|
+
}
|
|
76
|
+
}, 50);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
/**
|
|
80
|
+
* Vertical compact is MEASURED, never a fixed media query: render full-size,
|
|
81
|
+
* compare the voucher against the viewport, and squeeze only on overflow.
|
|
82
|
+
* Re-runs on resize/orientation and whenever the voucher resizes (warning
|
|
83
|
+
* images/fonts loading). If even compact overflows, the scrim scrolls.
|
|
84
|
+
*/
|
|
85
|
+
this.measureCompact = () => {
|
|
86
|
+
var _a, _b;
|
|
87
|
+
if (!this.isOpened)
|
|
88
|
+
return;
|
|
89
|
+
const scrim = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.claim-scrim');
|
|
90
|
+
const voucher = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.voucher');
|
|
91
|
+
if (!scrim || !voucher)
|
|
92
|
+
return;
|
|
93
|
+
this.suppressMeasure = true;
|
|
94
|
+
scrim.classList.remove('compact'); // measure at full size
|
|
95
|
+
const fits = voucher.offsetHeight + VehicleItemClaimForm.STAGE_PADDING <= scrim.clientHeight;
|
|
96
|
+
scrim.classList.toggle('compact', !fits);
|
|
97
|
+
this.compact = !fits; // keep the rendered class in sync with the DOM toggle
|
|
98
|
+
requestAnimationFrame(() => (this.suppressMeasure = false));
|
|
99
|
+
};
|
|
105
100
|
this.setErrorValue = (errorName, value) => {
|
|
106
101
|
const previousError = (this.errors[errorName] || {});
|
|
107
102
|
this.errors = Object.assign(Object.assign({}, this.errors), { [errorName]: Object.assign(Object.assign({}, previousError), value) });
|
|
@@ -173,6 +168,8 @@ const VehicleItemClaimForm = class {
|
|
|
173
168
|
};
|
|
174
169
|
this.submit = async () => {
|
|
175
170
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
171
|
+
if (this.claimError)
|
|
172
|
+
return;
|
|
176
173
|
if (!this.getIsFormValid())
|
|
177
174
|
return this.focusEmptyInputs();
|
|
178
175
|
if (!this.getIsFormConfirmed())
|
|
@@ -244,6 +241,8 @@ const VehicleItemClaimForm = class {
|
|
|
244
241
|
documents: [],
|
|
245
242
|
};
|
|
246
243
|
this.isLoading = false;
|
|
244
|
+
this.compact = false;
|
|
245
|
+
this.claimError = '';
|
|
247
246
|
this.confirmationStates = {};
|
|
248
247
|
};
|
|
249
248
|
this.clearFile = (event) => {
|
|
@@ -266,15 +265,20 @@ const VehicleItemClaimForm = class {
|
|
|
266
265
|
}
|
|
267
266
|
};
|
|
268
267
|
this.onKeyDown = (event) => {
|
|
269
|
-
if (event.key === 'Enter')
|
|
268
|
+
if (event.key === 'Enter' && !this.claimError)
|
|
270
269
|
this.submit();
|
|
271
270
|
};
|
|
271
|
+
this.openWarningImage = (event, imageUrl) => {
|
|
272
|
+
const thumbnail = event.currentTarget.querySelector('.doc-thumb');
|
|
273
|
+
if (thumbnail)
|
|
274
|
+
triangleAlert.openImageViewer.bind(this)(thumbnail, imageUrl);
|
|
275
|
+
};
|
|
272
276
|
}
|
|
273
277
|
onImageViewerToggles(newValue) {
|
|
274
278
|
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
275
279
|
if (newValue === null) {
|
|
276
280
|
setTimeout(() => {
|
|
277
|
-
this.closeModalListenerRef =
|
|
281
|
+
this.closeModalListenerRef = this.onWindowKeyDown;
|
|
278
282
|
window.addEventListener('keydown', this.closeModalListenerRef);
|
|
279
283
|
}, 200);
|
|
280
284
|
}
|
|
@@ -284,8 +288,12 @@ const VehicleItemClaimForm = class {
|
|
|
284
288
|
document.body.style.overflow = 'hidden';
|
|
285
289
|
this.focusInputs();
|
|
286
290
|
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
287
|
-
this.closeModalListenerRef =
|
|
291
|
+
this.closeModalListenerRef = this.onWindowKeyDown;
|
|
288
292
|
window.addEventListener('keydown', this.closeModalListenerRef);
|
|
293
|
+
window.addEventListener('resize', this.onWindowResize);
|
|
294
|
+
// Measure once the opened content has rendered, and again after late layout (fonts).
|
|
295
|
+
requestAnimationFrame(() => this.measureCompact());
|
|
296
|
+
setTimeout(() => this.measureCompact(), 150);
|
|
289
297
|
}
|
|
290
298
|
onIsLoadingChange(newValue) {
|
|
291
299
|
if (this.loadingStateChange)
|
|
@@ -296,6 +304,7 @@ const VehicleItemClaimForm = class {
|
|
|
296
304
|
return;
|
|
297
305
|
this.isOpened = false;
|
|
298
306
|
document.body.style.overflow = 'auto';
|
|
307
|
+
window.removeEventListener('resize', this.onWindowResize);
|
|
299
308
|
await new Promise(r => setTimeout(r, 500));
|
|
300
309
|
this.resetState();
|
|
301
310
|
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
@@ -303,36 +312,69 @@ const VehicleItemClaimForm = class {
|
|
|
303
312
|
async setFileUploadProgression(uploadPercentage) {
|
|
304
313
|
this.uploadProgress = uploadPercentage;
|
|
305
314
|
}
|
|
315
|
+
/**
|
|
316
|
+
* Shows the claim-failure dialog (replaces the old browser alert()).
|
|
317
|
+
* The caller keeps re-throwing after this — the rejection resets the form's
|
|
318
|
+
* loading state and keeps it open for retry.
|
|
319
|
+
*/
|
|
320
|
+
async showError(message) {
|
|
321
|
+
this.claimError = message || this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater;
|
|
322
|
+
setTimeout(() => {
|
|
323
|
+
const okButton = this.el.shadowRoot.querySelector('.btn-err-ok');
|
|
324
|
+
if (okButton)
|
|
325
|
+
okButton.focus();
|
|
326
|
+
}, 50);
|
|
327
|
+
}
|
|
328
|
+
componentDidRender() {
|
|
329
|
+
var _a, _b;
|
|
330
|
+
const voucher = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.voucher');
|
|
331
|
+
if (voucher === this.observedVoucherEl)
|
|
332
|
+
return;
|
|
333
|
+
(_b = this.voucherResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
334
|
+
this.observedVoucherEl = voucher || undefined;
|
|
335
|
+
if (!voucher)
|
|
336
|
+
return;
|
|
337
|
+
if (!this.voucherResizeObserver) {
|
|
338
|
+
this.voucherResizeObserver = new ResizeObserver(() => {
|
|
339
|
+
if (!this.suppressMeasure)
|
|
340
|
+
this.measureCompact();
|
|
341
|
+
});
|
|
342
|
+
}
|
|
343
|
+
this.voucherResizeObserver.observe(voucher);
|
|
344
|
+
}
|
|
345
|
+
disconnectedCallback() {
|
|
346
|
+
var _a;
|
|
347
|
+
(_a = this.voucherResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
348
|
+
this.observedVoucherEl = undefined;
|
|
349
|
+
window.removeEventListener('resize', this.onWindowResize);
|
|
350
|
+
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
351
|
+
}
|
|
306
352
|
// #endregion
|
|
307
353
|
render() {
|
|
308
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y
|
|
354
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
309
355
|
const isQRScannerForm = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode';
|
|
356
|
+
// The ONLY layout driver: no document uploader → single-column bottom-stub voucher.
|
|
357
|
+
const isBottomStub = !((_b = this.item) === null || _b === void 0 ? void 0 : _b.showDocumentUploader);
|
|
310
358
|
const disableInputs = !this.getIsFormConfirmed() || this.isLoading;
|
|
311
359
|
const isFormValid = this.getIsFormValid();
|
|
312
|
-
|
|
360
|
+
const hasDocuments = !!((_d = (_c = this.inputs) === null || _c === void 0 ? void 0 : _c.documents) === null || _d === void 0 ? void 0 : _d.length);
|
|
361
|
+
const showUploadProgress = this.isLoading && ((_e = this.item) === null || _e === void 0 ? void 0 : _e.showDocumentUploader) && hasDocuments;
|
|
362
|
+
return (index.h(index.Host, { key: 'da59397141fde6cf3abe0960291444545ff84855', translate: "no" }, index.h(triangleAlert.ImageViewer, { key: 'f6e7226cf59333baa08b49d6fbdbd3d422dcc223', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => triangleAlert.closeImageViewer.bind(this)() }), index.h("div", { key: '749a1114014726fd2fc4e3fa5e47efedb41f086c', dir: this.locale.sharedLocales.direction, class: cn.cn('claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0', {
|
|
313
363
|
'opacity-1 scale-100 pointer-events-auto': this.isOpened,
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
background: `linear-gradient(to right, rgba(219, 234, 254, ${Math.min(0.1 + this.uploadProgress / 100, 1)}), rgba(191, 219, 254, ${Math.min(0.15 + this.uploadProgress / 100, 1)}), rgba(147, 197, 253, ${Math.min(0.2 + this.uploadProgress / 100, 1)}))`,
|
|
324
|
-
}, class: "absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out" }))) : (index.h("div", { class: "text-[16px] text-[#3071a9] font-semibold" }, this.locale.processing)))), ((_k = this.item) === null || _k === void 0 ? void 0 : _k.showDocumentUploader) && (index.h("div", { key: '0f7d7ff149c98fad673676453214e46690f73dcb', class: "flex mb-[16px] w-full flex-col" }, index.h("input", { key: '67a11a161799a76947c1f202afee0dca017d134b', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), index.h("div", { key: '69d2eeed08a3e438167d7abcac0c0ebd561a9f5e', onClick: this.onDocumentButtonClicked, class: cn.cn('overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]', { 'pointer-events-none bg-[#d5d5d5] cursor-default': disableInputs }) }, index.h("div", { key: '99d1f4d9e8218b504afa671d148edb770fa5bc65', title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, class: "max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis" }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_l = this === null || this === void 0 ? void 0 : this.item) === null || _l === void 0 ? void 0 : _l.documentUploaderIsRequired) && !((_m = this.inputs) === null || _m === void 0 ? void 0 : _m.documents.length) && (index.h("span", { key: '62980124a5c71834fbce70a9f84b77750c8d7617', class: cn.cn('ps-[4px] text-red-500', { 'text-white': disableInputs }) }, "*"))), index.h("button", { key: '621f3062f8d0f2df57a2fd57d01f67f516cebd9c', onClick: this.clearFile, class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
|
|
325
|
-
'pointer-events-none cursor-default': !((_o = this.inputs) === null || _o === void 0 ? void 0 : _o.documents.length),
|
|
326
|
-
}) }, index.h(AttachIcon, { key: '91448d2d3b784e700337c731ef08cd5ee8ec3545', class: cn.cn('size-[24px] absolute transition duration-500', { '-translate-y-[32px]': !!((_p = this.inputs) === null || _p === void 0 ? void 0 : _p.documents.length) }) }), index.h(addIcon.AddIcon, { key: '317553061ca86c0dcebb550957f8144b85897681', class: cn.cn('size-[24px] rotate-[45deg] absolute transition translate-y-[32px] duration-500', { 'translate-y-0': !!((_q = this.inputs) === null || _q === void 0 ? void 0 : _q.documents.length) }) }))), index.h("flexible-container", { key: '0fe92e873f6bf7669f13b7a041213355272df442', isOpened: !!((_s = (_r = this.errors) === null || _r === void 0 ? void 0 : _r.documents) === null || _s === void 0 ? void 0 : _s.show) }, index.h("div", { key: 'e387cf32127437be4b85629f2235ba81fac3c6d9', class: "text-red-700 w-fit mx-auto pt-[8px]" }, ((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.text) === 'documentLimitError'
|
|
364
|
+
'compact': this.compact,
|
|
365
|
+
}) }, index.h("div", { key: 'd0e9d66f744caa597be9c2ac01c8d1c4944bbd3f', class: "stage" }, index.h("div", { key: '8f81ff0568e53c08e9bf77c7dc53b1216749a4f6', class: cn.cn('voucher', { side: !isBottomStub, bottom: isBottomStub, qr: isQRScannerForm }) }, index.h("button", { key: 'e6043b92097a6f3ac5e930c4cf2ce1664bc95618', disabled: this.isLoading, onClick: this.close.bind(this), class: "btn-close", "aria-label": "Close" }, index.h(addIcon.AddIcon, { key: '52f125376f9059c910cc7000937c62c45f0919a9', class: "stroke-[1.5px]" })), index.h("section", { key: 'e538087491f2d8107de4078c20458bc831061e82', class: "v-body" }, index.h("div", { key: 'a10c31ed43c3048cf934827061c96108aa9ce888', class: "item-row" }, index.h("div", { key: 'f355cff26b47ce4d7db51c5fa65cf3657e3c96ef' }, !!((_f = this.item) === null || _f === void 0 ? void 0 : _f.type) && index.h("span", { key: 'f979ea8e79fb967eceb1c3c357cc50cc25a8b940', class: "item-type" }, this.item.type), index.h("div", { key: '9d9da2691690a66ce2eadcbb841fe06efc28c3f7', class: "item-name" }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.name)), index.h("div", { key: '163f69ffa5411362bfbbf44977959c0e20c7ed8a', class: "vin-stamp" }, index.h("div", { key: '26c295247ab893339686a6989c3c5494d28e8d57', class: "lab" }, this.locale.vin), index.h("div", { key: '36aa7885d4ec4b87fa0fa76873f7c707b7df40dc', class: "vin", dir: "ltr" }, this.vin), !!((_h = this.item) === null || _h === void 0 ? void 0 : _h.printUrl) && (index.h("button", { key: '6f68bda6d2702ad3d854aed116e4feea8c3def59', class: "btn-print", onClick: () => window.open(this.item.printUrl, '_blank').focus() }, index.h(PrinterIcon, { key: 'f2f227a493dde68f875b1ab43e90877a53d0a805' }), this.locale.print)))), index.h("div", { key: '084524797bb66a99f315e56e69a3ae7e3af2cb4f', class: "specs" }, index.h("div", { key: '30bd1624aca8d58ab35399afc6211ca692aa00b8', class: "spec" }, index.h("div", { key: '78f57a6e0e15de982da07f96ad2aafbc484c7652', class: "lab" }, this.locale.activationDate), index.h("div", { key: '5367aa7b2664dd38a74b5be358b886987cf2859e', class: "val", dir: "ltr" }, ((_j = this.item) === null || _j === void 0 ? void 0 : _j.activatedAt) || '—')), index.h("div", { key: '1f35393a35cefb632a99f79bc7890e86e34d0a5f', class: "spec" }, index.h("div", { key: '966f209cd54bfbbc9970633f2d0c8c6d75a6197a', class: "lab" }, this.locale.expireDate), index.h("div", { key: '78434a6e02848f294f141220ea77c2ed0cdbace7', class: "val", dir: "ltr" }, ((_k = this.item) === null || _k === void 0 ? void 0 : _k.expiresAt) || '—')), index.h("div", { key: '099b959c1e81017bf8df393c373aae64634ef8d4', class: "spec pkg" }, index.h("div", { key: 'aed1f1e638f19f6aa406a645a6a2d037252c543f', class: "lab" }, this.locale.packageCode), index.h("div", { key: '469080fb39ddf6159706c048b251f1459af7cab1', class: "val", dir: "ltr" }, ((_l = this.item) === null || _l === void 0 ? void 0 : _l.packageCode) || '—'))), Array.isArray((_m = this.item) === null || _m === void 0 ? void 0 : _m.warnings) && !!this.item.warnings.length && (index.h("div", { key: '5abaf9ddbb641dad94676c3a6010103762b96621', class: "notices" }, this.item.warnings.map(warning => (index.h("div", { key: warning.key, class: cn.cn('notice', { info: !(warning === null || warning === void 0 ? void 0 : warning.confirmationText) }) }, index.h("div", { class: "doc-row" }, index.h("div", { class: "ntc-body", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (index.h("button", { class: "doc-thumb-btn", title: this.locale.expand, onClick: event => this.openWarningImage(event, warning === null || warning === void 0 ? void 0 : warning.imageUrl) }, index.h("span", { class: "thumb-overlay" }, index.h("img", { src: triangleAlert.eyeSvg }), this.locale.expand), index.h("img", { class: "doc-thumb", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (index.h("div", { class: "confirm" }, index.h("label", { class: cn.cn({ disabled: this.isLoading }) }, index.h("input", { type: "checkbox", class: "sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), index.h("span", { class: "cbx-face" }, index.h(checkIcon.CheckIcon, null)), warning === null || warning === void 0 ? void 0 :
|
|
366
|
+
warning.confirmationText))))))))), index.h("aside", { key: 'd6bda81bd664c01b356d3eb12161acea1099f12d', class: "stub" }, index.h("div", { key: 'd29fbbca986e0f2c3852d2e93e8b0bb159903c3d', class: "perf" }), index.h("span", { key: '9ab5b9fec7753e971febe2a48f8e6930fc7c510e', class: "punch p1" }), index.h("span", { key: '3c272e95d94e5dbffc499e7f30b880382527194f', class: "punch p2" }), isQRScannerForm && index.h("div", { key: '2abb6ca40b0d6529a5133b05405bb90fe5baebe9', class: "field-label" }, this.locale.qrCode), index.h("div", { key: '5d850f9f0b682b82cd57b386cd7338e32186f940', class: "claim-area" }, isQRScannerForm ? (index.h("div", { class: cn.cn('scanzone', { disabled: disableInputs }) }, index.h("div", { class: "sz-row" }, index.h("span", { class: "qr-ic" }, index.h(qrCodeScan.QrCodeScanIcon, null)), index.h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: () => {
|
|
367
|
+
if (!this.claimError)
|
|
368
|
+
this.focusInputs();
|
|
369
|
+
}, onKeyDown: this.onKeyDown, value: (_o = this.inputs) === null || _o === void 0 ? void 0 : _o.qrCode, placeholder: this.locale.scanTheVoucher, onInput: event => this.setInputValue('qrCode', event.target.value) })), index.h("div", { class: "scan-hint" }, index.h("span", { class: "dot" }), this.locale.scanHint))) : ([
|
|
370
|
+
index.h("div", { class: "field", key: "invoice" }, index.h("label", null, this.locale.invoice), index.h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_p = this.inputs) === null || _p === void 0 ? void 0 : _p.invoice, placeholder: this.locale.invoice, onInput: event => this.setInputValue('invoice', event.target.value) })),
|
|
371
|
+
index.h("div", { class: "field", key: "jobNumber" }, index.h("label", null, this.locale.jobNumber), index.h("input", { dir: "ltr", type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_q = this.inputs) === null || _q === void 0 ? void 0 : _q.jobNumber, placeholder: this.locale.jobNumber, onInput: event => this.setInputValue('jobNumber', event.target.value) })),
|
|
372
|
+
]), ((_r = this.item) === null || _r === void 0 ? void 0 : _r.showDocumentUploader) && (index.h("div", { key: 'bac0fca30a06bbd4f780f9c5f40adbccde305e22', class: "upload-wrap" }, index.h("input", { key: 'ace5aea8989f5cf3889a5d18836a4cb676a83edc', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), index.h("div", { key: '0fd638467a3c679405e55f8ef392e489a472e7aa', class: cn.cn('upload', { disabled: disableInputs }), onClick: this.onDocumentButtonClicked }, index.h("span", { key: '3a8674271e9cd225a0801f5083a3c7b379a5e81b', class: "ic" }, index.h(AttachIcon, { key: 'fbe0bb4d64f257f6811f155dd449a61a9552f59c' })), index.h("span", { key: '40c3885a03f4c8c7411c0aa81e388cb6d7a294a3', class: "upload-text" }, index.h("span", { key: 'b63cad490d12502e6b8ed0ef502a8e6721728612', class: "ut", title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_s = this === null || this === void 0 ? void 0 : this.item) === null || _s === void 0 ? void 0 : _s.documentUploaderIsRequired) && !hasDocuments && index.h("span", { key: '9d57d7be2c7dfa68ff9e7bd8ff00c4cfae4874c8', class: "req" }, "*")), index.h("span", { key: '5c07264c992562d2f54857204aff74907168d5f7', class: "us" }, this.locale.uploadHint)), hasDocuments && (index.h("button", { key: '2607e7a57c474b60d448afaf392f0177d3a1c677', class: "upload-clear", onClick: this.clearFile, "aria-label": "Clear" }, index.h(addIcon.AddIcon, { key: 'abd8c4ae75469d676b44630ec390f0c97e53de53' })))), index.h("flexible-container", { key: '6d7359fdb45e287e640094744d5956cf53ac8301', isOpened: !!((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.show) }, index.h("div", { key: '9aae0e253888306bd60a96b3988c0e4ec669bbd1', class: "upload-error" }, ((_w = (_v = this.errors) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.text) === 'documentLimitError'
|
|
327
373
|
? this.locale.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
|
|
328
|
-
: this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), index.h("flexible-container", { key: '
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
}) }, index.h("span", { title: doc.name, class: "truncate ps-[16px] py-[8px]" }, doc.name), index.h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
|
|
333
|
-
'pointer-events-none cursor-default': !((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents.length),
|
|
334
|
-
}) }, index.h(addIcon.AddIcon, { class: "size-[24px] rotate-[45deg]" }))));
|
|
335
|
-
}))))), isQRScannerForm && (index.h("div", { key: '375abba2793426ae52b32c0141f00d332bf2ac52', class: "overflow-hidden w-full" }, index.h("input", { key: '7436124a915cf6e25ca0e969691d47d1f0994a26', dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: this.focusInputs, onKeyDown: this.onKeyDown, value: (_z = this.inputs) === null || _z === void 0 ? void 0 : _z.qrCode, placeholder: this.locale.qrCode, onInput: event => this.setInputValue('qrCode', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }))), !isQRScannerForm && (index.h("div", { key: '60036624de049b92960934151313d9b434e7a804', class: "flex w-full overflow-hidden gap-[75px]" }, index.h("input", { key: 'bf4106a5ba29dee60e3b91ed47eadb285aeb74b6', dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_0 = this.inputs) === null || _0 === void 0 ? void 0 : _0.invoice, placeholder: this.locale.invoice, onInput: event => this.setInputValue('invoice', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }), index.h("input", { key: '3c82270341197a6eb8f63f2f6b66d423b9d4fad4', dir: "ltr", type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_1 = this.inputs) === null || _1 === void 0 ? void 0 : _1.jobNumber, placeholder: this.locale.jobNumber, onInput: event => this.setInputValue('jobNumber', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }))), index.h("button", { key: '2c715224ce746e3e02afd14b8dcd293ed954f7d3', onClick: this.submit, disabled: !isFormValid || disableInputs, class: "text-[22px] transition duration-500 hover: mt-[16px] disabled:opacity-50 text-white w-full max-w-[250px] px-[8px] h-[40px] enabled:hover:scale-110 flex gap-[8px] border rounded-[4px] enabled:shadow items-center justify-center border-[#27ae60] bg-[#32b267] enabled:hover:border-[#27ae5fc1] enabled:hover:bg-[#32b267c7]" }, index.h(printIcon.ActivationIcon, { key: '9e782a666f34d4250a69649fe66f98bd2d28ac87', class: "size-[30px] [&_circle]:fill-white stroke-white text-red-300" }), index.h("span", { key: 'af691122a32e4d3127c259b8120de67d44149bb8' }, this.locale.claim))), index.h("div", { key: '4d5bc8ad8d5520ed45057dc1e83b00a36b59627c', class: "shrink-0 h-[16px]" })))));
|
|
374
|
+
: this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), index.h("flexible-container", { key: '2b8b58fb85c0f72e1f345683b2473eb7dbaf347c', isOpened: hasDocuments, containerClasses: "" }, index.h("div", { key: '1ca1049a49bdeda7a36aaa0901d54c48825b307a', class: "chips" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => (index.h("div", { class: cn.cn('chip', { disabled: disableInputs }) }, index.h("span", { title: doc.name }, doc.name), index.h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), "aria-label": "Remove" }, index.h(addIcon.AddIcon, null))))))))), index.h("div", { key: 'cacc0655c1229650511845b0b1a3c26771cc1502', class: "stub-spacer" }), index.h("button", { key: '989a68fdc7136d31175f3da1fbb792bb32db7e53', class: cn.cn('btn-claim', { loading: this.isLoading }), onClick: this.submit, disabled: !isFormValid || disableInputs }, this.isLoading && index.h("span", { key: '8c2ab52b850df2532515d3cbf6d6b1cd6b7423f9', class: "claim-progress", style: { width: `${showUploadProgress ? this.uploadProgress : 100}%` } }), index.h("span", { key: '51980598775c415af221b03a4e98531dd0c3c787', class: "claim-label" }, !this.isLoading && index.h(checkIcon.CheckIcon, { key: '57c1451eeb6cf3d27e16f6b725bd91c5c0d508dc' }), index.h("span", { key: '8de39a61f36d6f6643878b00f9b17144cbc331cb' }, this.isLoading ? `${this.locale.processing}${showUploadProgress ? ` ${this.uploadProgress}%` : ''}` : this.locale.claim))))))), !!this.claimError && (index.h("div", { key: '974d3aac912f866ebe7438aadef20282039e2610', class: "err-scrim", onClick: event => {
|
|
375
|
+
if (event.target === event.currentTarget)
|
|
376
|
+
this.dismissError();
|
|
377
|
+
} }, index.h("div", { key: 'c126f1a7b9f3c73013a3702e242d12fb8117e21e', class: "err-card", role: "alertdialog", "aria-modal": "true" }, index.h("button", { key: '04e0c94e3020bcb0e157528b8bb7657d10b6268a', class: "btn-close", onClick: this.dismissError, "aria-label": "Close" }, index.h(addIcon.AddIcon, { key: '8cd2594652df58daac2c1f3011084fe929fc010d', class: "stroke-[1.5px]" })), index.h("div", { key: '5942b3fdc8332a6a602ac5576cdc1740041fb786', class: "err-head" }, index.h("span", { key: 'beb50caa98181db7f2bc754efdb12c74676c11a6', class: "err-ic" }, index.h(triangleAlert.TriangleAlertIcon, { key: 'ed068350462b9507b92e47f82ee1df1806b20a4f' })), index.h("span", { key: '68382e0427b295e94ef870e8249d592eca839124', class: "err-title" }, this.locale.claimFailed)), index.h("div", { key: 'd430ee90f4807f6d2327fa868d1ab43699a7bca5', class: "err-msg" }, this.claimError), index.h("div", { key: '42df2fb1ad543039ba5a44b2cbb3869b24750e11', class: "err-foot" }, index.h("button", { key: '305cfb133043be2a1ae75780cbbb0c42a64942e7', class: "btn-err-ok", onClick: this.dismissError }, this.locale.ok))))))));
|
|
336
378
|
}
|
|
337
379
|
get el() { return index.getElement(this); }
|
|
338
380
|
static get watchers() { return {
|
|
@@ -340,6 +382,8 @@ const VehicleItemClaimForm = class {
|
|
|
340
382
|
"isLoading": ["onIsLoadingChange"]
|
|
341
383
|
}; }
|
|
342
384
|
};
|
|
385
|
+
/** Full-mode stage padding (18px × 2) — the voucher must fit inside it to stay full-size. */
|
|
386
|
+
VehicleItemClaimForm.STAGE_PADDING = 36;
|
|
343
387
|
VehicleItemClaimForm.style = vehicleItemClaimFormCss;
|
|
344
388
|
|
|
345
389
|
exports.shift_tabs = ShiftTabs;
|