adp-web-components 0.0.95 → 0.0.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (431) hide show
  1. package/dist/cjs/add-icon-BpfeU8T4.js +13 -0
  2. package/dist/cjs/app-globals-D2j2HjfX.js +11 -0
  3. package/dist/cjs/arrow-up-icon-B_nvUxUm.js +12 -0
  4. package/dist/cjs/check-icon-gbrTPAKV.js +12 -0
  5. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +15 -17
  6. package/dist/cjs/demo-form.cjs.entry.js +214 -0
  7. package/dist/cjs/{empty-table-icon-PdTX6gpI.js → empty-table-icon-BKTk1lZZ.js} +1 -1
  8. package/dist/cjs/flexible-container.cjs.entry.js +2 -2
  9. package/dist/cjs/form-checkbox_3.cjs.entry.js +109 -0
  10. package/dist/cjs/form-dialog_8.cjs.entry.js +230 -287
  11. package/dist/cjs/form-input-label-B4EsaC9R.js +30 -0
  12. package/dist/cjs/{get-local-language-CCn1p4nM.js → get-local-language-C_B5UpUK.js} +233 -15
  13. package/dist/cjs/{index-BjyafrBw.js → index-CW-dkZVH.js} +185 -115
  14. package/dist/cjs/information-table.cjs.entry.js +2 -2
  15. package/dist/cjs/loader.cjs.js +4 -3
  16. package/dist/cjs/loading-spinner.cjs.entry.js +2 -2
  17. package/dist/cjs/{material-card-Cd0L1Get.js → material-card-DFd5SQVC.js} +1 -1
  18. package/dist/cjs/part-lookup.cjs.entry.js +5 -5
  19. package/dist/cjs/{type-ZkbQVCRR.js → phone-validator-DI1aq9s6.js} +1637 -1837
  20. package/dist/cjs/{print-icon-C4ASnhAO.js → print-icon-CeXvXhF8.js} +1 -1
  21. package/dist/cjs/shift-accordion.cjs.entry.js +2 -2
  22. package/dist/cjs/shift-checkbox.cjs.entry.js +33 -0
  23. package/dist/cjs/shift-components.cjs.js +5 -4
  24. package/dist/cjs/shift-slider.cjs.entry.js +3 -3
  25. package/dist/cjs/shift-switch.cjs.entry.js +32 -0
  26. package/dist/cjs/shift-tab-content.cjs.entry.js +3 -3
  27. package/dist/cjs/shift-tabs_2.cjs.entry.js +19 -24
  28. package/dist/cjs/{type-D8rizwvZ.js → type-Bv0xlV1X.js} +1 -1
  29. package/dist/cjs/{type-CWFawTeP.js → type-ovX9euBp.js} +1 -1
  30. package/dist/cjs/vehicle-accessories_6.cjs.entry.js +30 -33
  31. package/dist/cjs/{vehicle-info-layout-Dp2Po_uc.js → vehicle-info-layout-CvgBHkXb.js} +1 -1
  32. package/dist/cjs/vehicle-lookup.cjs.entry.js +5 -5
  33. package/dist/cjs/vehicle-quotation-form.cjs.entry.js +444 -0
  34. package/dist/cjs/vin-extractor.cjs.entry.js +3 -3
  35. package/dist/collection/collection-manifest.json +9 -4
  36. package/dist/collection/components/components/empty.css +1 -0
  37. package/dist/collection/components/components/flexible-container.css +1 -1
  38. package/dist/collection/components/components/information-table.css +1 -1
  39. package/dist/collection/components/components/loading-spinner.css +1 -1
  40. package/dist/collection/components/components/shift-accordion.css +1 -1
  41. package/dist/collection/components/components/shift-checkbox.js +216 -0
  42. package/dist/collection/components/components/shift-slider.css +1 -1
  43. package/dist/collection/components/components/shift-slider.js +1 -1
  44. package/dist/collection/components/components/shift-switch.js +215 -0
  45. package/dist/collection/components/components/shift-tab-content.css +1 -1
  46. package/dist/collection/components/components/shift-tab-content.js +1 -1
  47. package/dist/collection/components/components/shift-tabs.css +1 -1
  48. package/dist/collection/components/components/shift-tabs.js +2 -2
  49. package/dist/collection/components/form-elements/components/form-error-message.js +9 -0
  50. package/dist/collection/components/form-elements/components/form-input-label.js +10 -0
  51. package/dist/collection/components/form-elements/components/form-input-prefix.js +10 -0
  52. package/dist/collection/components/form-elements/form-checkbox.js +188 -0
  53. package/dist/collection/components/form-elements/form-dialog.js +75 -51
  54. package/dist/collection/components/form-elements/form-input.js +43 -172
  55. package/dist/collection/components/form-elements/form-inputs.css +1 -0
  56. package/dist/collection/components/form-elements/form-phone-number.js +251 -0
  57. package/dist/collection/components/form-elements/form-select.js +152 -117
  58. package/dist/collection/components/form-elements/form-shadow-input.js +7 -5
  59. package/dist/collection/components/form-elements/form-structure-error.js +3 -3
  60. package/dist/collection/components/form-elements/form-structure.js +63 -110
  61. package/dist/collection/components/form-elements/form-submit.js +74 -63
  62. package/dist/collection/components/form-elements/form-switch.js +188 -0
  63. package/dist/collection/components/form-elements/form-text-area.js +27 -160
  64. package/dist/collection/components/forms/demo/element-mapper.js +41 -0
  65. package/dist/collection/components/forms/demo/structure.js +15 -0
  66. package/dist/collection/components/forms/demo/themes.css +1 -0
  67. package/dist/collection/components/forms/demo/validations.js +34 -0
  68. package/dist/collection/components/forms/{service-booking-form.js → demo-form.js} +164 -101
  69. package/dist/collection/components/forms/vehicle-quotation/VehicleImageViewer.js +50 -0
  70. package/dist/collection/components/forms/vehicle-quotation/element-mapper.js +139 -0
  71. package/dist/collection/components/forms/vehicle-quotation/structure.js +34 -0
  72. package/dist/collection/components/forms/{service-booking/form.css → vehicle-quotation/themes.css} +1 -1
  73. package/dist/collection/components/forms/vehicle-quotation/validations.js +42 -0
  74. package/dist/collection/components/forms/vehicle-quotation.js +327 -0
  75. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  76. package/dist/collection/components/part-lookup/dead-stock-lookup.js +2 -2
  77. package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
  78. package/dist/collection/components/part-lookup/distributor-lookup.js +2 -2
  79. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  80. package/dist/collection/components/part-lookup/part-lookup.css +1 -1
  81. package/dist/collection/components/vehicle-lookup/vehicle-accessories.css +1 -1
  82. package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +2 -2
  83. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.css +1 -1
  84. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +4 -11
  85. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.css +1 -1
  86. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.js +8 -8
  87. package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
  88. package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +1 -1
  89. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.css +1 -1
  90. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.js +5 -3
  91. package/dist/collection/components/vehicle-lookup/vehicle-service-history.css +1 -1
  92. package/dist/collection/components/vehicle-lookup/vehicle-service-history.js +1 -1
  93. package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -1
  94. package/dist/collection/components/vehicle-lookup/vehicle-specification.js +1 -1
  95. package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.css +1 -1
  96. package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.js +4 -4
  97. package/dist/collection/components/vin-extractor/vin-extractor.css +1 -1
  98. package/dist/collection/components/vin-extractor/vin-extractor.js +1 -1
  99. package/dist/collection/{global/lib → features/form-hook}/form-hook.js +72 -11
  100. package/dist/collection/features/form-hook/gist-loader.js +25 -0
  101. package/dist/collection/features/form-hook/index.js +11 -0
  102. package/dist/collection/features/form-hook/interface.js +1 -0
  103. package/dist/collection/features/form-hook/phone-validator.js +11 -0
  104. package/dist/collection/features/form-hook/render-structure.js +36 -0
  105. package/dist/collection/features/multi-lingual/get-local-language.js +5 -0
  106. package/dist/collection/features/multi-lingual/types.js +2 -0
  107. package/dist/collection/global/assets/add-icon.js +1 -1
  108. package/dist/collection/global/assets/loader-icon.js +6 -0
  109. package/dist/collection/global/assets/tick-icon.js +6 -0
  110. package/dist/collection/global/lib/fetch-json.js +12 -0
  111. package/dist/collection/global/lib/get-language-from-url.js +17 -0
  112. package/dist/collection/global/lib/get-nested-value.js +9 -0
  113. package/dist/collection/global/lib/parse-loose-json.js +23 -0
  114. package/dist/collection/global/types/generated/vehicle-lookup/paint-thickness-inspection-dto.js +1 -0
  115. package/dist/collection/global/types/generated/vehicle-lookup/paint-thickness-inspection-panel-dto.js +1 -0
  116. package/dist/collection/locale-mapper.js +10 -2
  117. package/dist/collection/locales/forms/contactUs/type.js +6 -2
  118. package/dist/collection/locales/forms/demo/type.js +30 -0
  119. package/dist/collection/locales/forms/type.js +3 -1
  120. package/dist/collection/locales/forms/vehicleQuotation/type.js +40 -0
  121. package/dist/collection/locales/general/type.js +1 -1
  122. package/dist/collection/locales/generalTicketTypes/type.js +1 -10
  123. package/dist/components/dead-stock-lookup.js +1 -1
  124. package/dist/components/{service-booking-form.d.ts → demo-form.d.ts} +4 -4
  125. package/dist/components/demo-form.js +5 -0
  126. package/dist/components/distributor-lookup.js +1 -1
  127. package/dist/components/flexible-container.js +1 -1
  128. package/dist/components/form-checkbox.d.ts +11 -0
  129. package/dist/components/form-checkbox.js +5 -0
  130. package/dist/components/form-dialog.js +1 -1
  131. package/dist/components/form-input.js +1 -1
  132. package/dist/components/form-phone-number.d.ts +11 -0
  133. package/dist/components/form-phone-number.js +5 -0
  134. package/dist/components/form-select.js +1 -1
  135. package/dist/components/form-shadow-input.js +1 -1
  136. package/dist/components/form-structure-error.js +1 -1
  137. package/dist/components/form-structure.js +1 -1
  138. package/dist/components/form-submit.js +1 -1
  139. package/dist/components/form-switch.d.ts +11 -0
  140. package/dist/components/form-switch.js +5 -0
  141. package/dist/components/form-text-area.js +1 -1
  142. package/dist/components/index.js +1 -1
  143. package/dist/components/information-table.js +1 -1
  144. package/dist/components/loading-spinner.js +1 -1
  145. package/dist/components/manufacturer-lookup.js +1 -1
  146. package/dist/components/{p-B68G_Ld3.js → p-1_IG0jXf.js} +1 -1
  147. package/dist/components/p-B2MwZoPq.js +5 -0
  148. package/dist/components/p-B2beUAyz.js +5 -0
  149. package/dist/components/p-B3Uao1Ha.js +5 -0
  150. package/dist/components/p-BC0ykyCl.js +5 -0
  151. package/dist/components/p-BGTo_J4_.js +5 -0
  152. package/dist/components/{p-DOmV6aKY.js → p-BJ7Y_0HH.js} +1 -1
  153. package/dist/components/p-BXBJhfKx.js +5 -0
  154. package/dist/components/p-BXfdBBWy.js +5 -0
  155. package/dist/components/p-B_Awuajg.js +5 -0
  156. package/dist/components/p-BziBwpva.js +5 -0
  157. package/dist/components/p-C-I1G2GL.js +5 -0
  158. package/dist/components/p-CGKHe5aV.js +5 -0
  159. package/dist/components/p-CQnGszy6.js +5 -0
  160. package/dist/components/p-C_jDd3e_.js +5 -0
  161. package/dist/components/p-C_ozk0lR.js +5 -0
  162. package/dist/components/p-Cgt5s_xn.js +5 -0
  163. package/dist/components/p-Chfe8TId.js +5 -0
  164. package/dist/components/p-CnHfmo0x.js +5 -0
  165. package/dist/components/p-Cs2-cikp.js +5 -0
  166. package/dist/components/p-CtOrqs6B.js +5 -0
  167. package/dist/components/p-D0IHkGuC.js +5 -0
  168. package/dist/components/p-D3BMiplT.js +5 -0
  169. package/dist/components/p-D9VJI-bd.js +5 -0
  170. package/dist/components/p-DB29Litl.js +5 -0
  171. package/dist/components/p-DC7E4vgR.js +5 -0
  172. package/dist/components/p-DLNC6ubn.js +5 -0
  173. package/dist/components/p-DRK0oYuz.js +5 -0
  174. package/dist/components/p-DRnxC_Dv.js +5 -0
  175. package/dist/components/p-DW3sRsIe.js +5 -0
  176. package/dist/components/p-DijSwhFz.js +5 -0
  177. package/dist/components/p-DkCCdt6S.js +5 -0
  178. package/dist/components/p-Dn3zEIrl.js +5 -0
  179. package/dist/components/p-DvwR_CeT.js +5 -0
  180. package/dist/components/p-M7q3SKiP.js +5 -0
  181. package/dist/components/p-Xrfzb9z7.js +5 -0
  182. package/dist/components/p-nDe1Tx7N.js +5 -0
  183. package/dist/components/part-lookup.js +1 -1
  184. package/dist/components/shift-accordion.js +1 -1
  185. package/dist/components/{contact-us-form.d.ts → shift-checkbox.d.ts} +4 -4
  186. package/dist/components/shift-checkbox.js +5 -0
  187. package/dist/components/shift-slider.js +1 -1
  188. package/dist/components/shift-switch.d.ts +11 -0
  189. package/dist/components/shift-switch.js +5 -0
  190. package/dist/components/shift-tab-content.js +1 -1
  191. package/dist/components/shift-tabs.js +1 -1
  192. package/dist/components/vehicle-accessories.js +1 -1
  193. package/dist/components/vehicle-claimable-items.js +1 -1
  194. package/dist/components/vehicle-item-claim-form.js +1 -1
  195. package/dist/components/vehicle-lookup.js +1 -1
  196. package/dist/components/vehicle-paint-thickness.js +1 -1
  197. package/dist/components/vehicle-quotation-form.d.ts +11 -0
  198. package/dist/components/vehicle-quotation-form.js +5 -0
  199. package/dist/components/vehicle-service-history.js +1 -1
  200. package/dist/components/vehicle-specification.js +1 -1
  201. package/dist/components/vehicle-warranty-details.js +1 -1
  202. package/dist/components/vin-extractor.js +1 -1
  203. package/dist/esm/add-icon-BYuh_IBk.js +11 -0
  204. package/dist/esm/app-globals-FlE3HjBb.js +9 -0
  205. package/dist/esm/arrow-up-icon-DxOdc6k0.js +10 -0
  206. package/dist/esm/check-icon-DVWsrBK6.js +10 -0
  207. package/dist/esm/dead-stock-lookup_3.entry.js +14 -16
  208. package/dist/esm/demo-form.entry.js +212 -0
  209. package/dist/esm/{empty-table-icon-DvQk12N9.js → empty-table-icon-CBc6OV9P.js} +1 -1
  210. package/dist/esm/flexible-container.entry.js +2 -2
  211. package/dist/esm/form-checkbox_3.entry.js +105 -0
  212. package/dist/esm/form-dialog_8.entry.js +230 -287
  213. package/dist/esm/form-input-label-D5w5EH3F.js +26 -0
  214. package/dist/esm/{get-local-language-BOB5F5ZP.js → get-local-language-uS6vNigf.js} +231 -16
  215. package/dist/esm/{index-CikEOqe0.js → index-BnEa9hGL.js} +184 -114
  216. package/dist/esm/information-table.entry.js +2 -2
  217. package/dist/esm/loader.js +4 -3
  218. package/dist/esm/loading-spinner.entry.js +2 -2
  219. package/dist/esm/{material-card-DiAl-884.js → material-card-KRdYdM6Z.js} +1 -1
  220. package/dist/esm/part-lookup.entry.js +5 -5
  221. package/dist/esm/{type-DQUNYPN-.js → phone-validator-CDkKaNS8.js} +1635 -1834
  222. package/dist/esm/{print-icon-Dn5kQmLo.js → print-icon-FGeHkj8F.js} +1 -1
  223. package/dist/esm/shift-accordion.entry.js +2 -2
  224. package/dist/esm/shift-checkbox.entry.js +31 -0
  225. package/dist/esm/shift-components.js +5 -4
  226. package/dist/esm/shift-slider.entry.js +3 -3
  227. package/dist/esm/shift-switch.entry.js +30 -0
  228. package/dist/esm/shift-tab-content.entry.js +3 -3
  229. package/dist/esm/shift-tabs_2.entry.js +17 -22
  230. package/dist/esm/{type-CUrex2XJ.js → type-Ct-uDjGf.js} +1 -1
  231. package/dist/esm/{type-BfKkCp-Z.js → type-DmjYUDuJ.js} +1 -1
  232. package/dist/esm/vehicle-accessories_6.entry.js +30 -33
  233. package/dist/esm/{vehicle-info-layout-CNGGKAia.js → vehicle-info-layout-gB294hFH.js} +1 -1
  234. package/dist/esm/vehicle-lookup.entry.js +5 -5
  235. package/dist/esm/vehicle-quotation-form.entry.js +442 -0
  236. package/dist/esm/vin-extractor.entry.js +3 -3
  237. package/dist/locales/forms/ar.json +8 -1
  238. package/dist/locales/forms/contactUs/ar.json +5 -1
  239. package/dist/locales/forms/contactUs/en.json +5 -1
  240. package/dist/locales/forms/contactUs/ku.json +5 -1
  241. package/dist/locales/forms/contactUs/ru.json +5 -1
  242. package/dist/locales/forms/contactUs/type.ts +26 -19
  243. package/dist/locales/forms/demo/ar.json +24 -0
  244. package/dist/locales/forms/demo/en.json +24 -0
  245. package/dist/locales/forms/demo/ku.json +24 -0
  246. package/dist/locales/forms/demo/ru.json +24 -0
  247. package/dist/locales/forms/demo/type.ts +31 -0
  248. package/dist/locales/forms/en.json +8 -1
  249. package/dist/locales/forms/ku.json +8 -1
  250. package/dist/locales/forms/ru.json +5 -1
  251. package/dist/locales/forms/type.ts +4 -1
  252. package/dist/locales/forms/vehicleQuotation/ar.json +34 -0
  253. package/dist/locales/forms/vehicleQuotation/en.json +34 -0
  254. package/dist/locales/forms/vehicleQuotation/ku.json +34 -0
  255. package/dist/locales/forms/vehicleQuotation/ru.json +34 -0
  256. package/dist/locales/forms/vehicleQuotation/type.ts +38 -0
  257. package/dist/locales/general/ar.json +0 -1
  258. package/dist/locales/general/en.json +0 -1
  259. package/dist/locales/general/ku.json +0 -1
  260. package/dist/locales/general/ru.json +0 -1
  261. package/dist/locales/general/type.ts +1 -1
  262. package/dist/locales/generalTicketTypes/ar.json +0 -2
  263. package/dist/locales/generalTicketTypes/en.json +0 -2
  264. package/dist/locales/generalTicketTypes/ku.json +0 -2
  265. package/dist/locales/generalTicketTypes/ru.json +0 -2
  266. package/dist/locales/generalTicketTypes/type.ts +1 -10
  267. package/dist/shift-components/p-0788630d.entry.js +5 -0
  268. package/dist/shift-components/{p-0c8bbdd0.entry.js → p-087fef54.entry.js} +1 -1
  269. package/dist/shift-components/p-203a857e.entry.js +5 -0
  270. package/dist/shift-components/p-3901EPA-.js +5 -0
  271. package/dist/shift-components/p-540f78fd.entry.js +5 -0
  272. package/dist/shift-components/p-54d04a69.entry.js +5 -0
  273. package/dist/shift-components/p-5595a43e.entry.js +5 -0
  274. package/dist/shift-components/p-6153b149.entry.js +5 -0
  275. package/dist/shift-components/{p-277c8a5b.entry.js → p-82cd67f3.entry.js} +1 -1
  276. package/dist/shift-components/p-8d9be2dc.entry.js +5 -0
  277. package/dist/shift-components/p-9464bc69.entry.js +5 -0
  278. package/dist/shift-components/{p-B8ZR3r4y.js → p-B-n4m635.js} +1 -1
  279. package/dist/shift-components/{p-DzSZ47FV.js → p-BK6OxaNt.js} +1 -1
  280. package/dist/shift-components/{p-Wtw8qj6x.js → p-BWuXL_w2.js} +1 -1
  281. package/dist/shift-components/p-Beoi5LCx.js +5 -0
  282. package/dist/shift-components/p-BgARsXBh.js +5 -0
  283. package/dist/shift-components/p-BnEa9hGL.js +6 -0
  284. package/dist/shift-components/p-BuKksSjk.js +5 -0
  285. package/dist/shift-components/p-Bzq1Jrq5.js +5 -0
  286. package/dist/shift-components/p-DB9dXavJ.js +5 -0
  287. package/dist/shift-components/p-DL_G203I.js +5 -0
  288. package/dist/shift-components/{p-Bx6q5cq-.js → p-DpQp5gau.js} +1 -1
  289. package/dist/shift-components/p-acd07f69.entry.js +5 -0
  290. package/dist/shift-components/p-b0ebebd3.entry.js +5 -0
  291. package/dist/shift-components/p-b8ae2d0d.entry.js +5 -0
  292. package/dist/shift-components/p-bc10e8d1.entry.js +5 -0
  293. package/dist/shift-components/p-c46ecd64.entry.js +5 -0
  294. package/dist/shift-components/p-dec7a90a.entry.js +5 -0
  295. package/dist/shift-components/p-e298ef79.entry.js +5 -0
  296. package/dist/shift-components/{p-238f5df0.entry.js → p-e67ec123.entry.js} +1 -1
  297. package/dist/shift-components/p-eL99WkVm.js +5 -0
  298. package/dist/shift-components/p-jtkSIgt7.js +5 -0
  299. package/dist/shift-components/shift-components.esm.js +1 -1
  300. package/dist/types/components/components/shift-checkbox.d.ts +15 -0
  301. package/dist/types/components/components/shift-switch.d.ts +15 -0
  302. package/dist/types/components/form-elements/components/form-error-message.d.ts +7 -0
  303. package/dist/types/components/form-elements/components/form-input-label.d.ts +7 -0
  304. package/dist/types/components/form-elements/components/form-input-prefix.d.ts +7 -0
  305. package/dist/types/components/form-elements/form-checkbox.d.ts +17 -0
  306. package/dist/types/components/form-elements/form-dialog.d.ts +7 -9
  307. package/dist/types/components/form-elements/form-input.d.ts +8 -19
  308. package/dist/types/components/form-elements/form-phone-number.d.ts +23 -0
  309. package/dist/types/components/form-elements/form-select.d.ts +19 -19
  310. package/dist/types/components/form-elements/form-shadow-input.d.ts +1 -1
  311. package/dist/types/components/form-elements/form-structure.d.ts +11 -19
  312. package/dist/types/components/form-elements/form-submit.d.ts +9 -10
  313. package/dist/types/components/form-elements/form-switch.d.ts +17 -0
  314. package/dist/types/components/form-elements/form-text-area.d.ts +5 -15
  315. package/dist/types/components/forms/demo/element-mapper.d.ts +6 -0
  316. package/dist/types/components/forms/demo/structure.d.ts +12 -0
  317. package/dist/types/components/forms/demo/validations.d.ts +32 -0
  318. package/dist/types/components/forms/demo-form.d.ts +41 -0
  319. package/dist/types/components/forms/vehicle-quotation/VehicleImageViewer.d.ts +8 -0
  320. package/dist/types/components/forms/vehicle-quotation/element-mapper.d.ts +6 -0
  321. package/dist/types/components/forms/vehicle-quotation/structure.d.ts +0 -0
  322. package/dist/types/components/forms/vehicle-quotation/validations.d.ts +34 -0
  323. package/dist/types/components/forms/vehicle-quotation.d.ts +38 -0
  324. package/dist/types/components.d.ts +321 -234
  325. package/dist/types/features/form-hook/form-hook.d.ts +57 -0
  326. package/dist/types/features/form-hook/gist-loader.d.ts +2 -0
  327. package/dist/types/features/form-hook/index.d.ts +7 -0
  328. package/dist/types/features/form-hook/inputs/form-input.d.ts +4 -0
  329. package/dist/types/features/form-hook/inputs/form-select.d.ts +12 -0
  330. package/dist/types/features/form-hook/interface.d.ts +79 -0
  331. package/dist/types/features/form-hook/phone-validator.d.ts +9 -0
  332. package/dist/types/features/form-hook/render-structure.d.ts +3 -0
  333. package/dist/types/features/multi-lingual/get-local-language.d.ts +2 -1
  334. package/dist/types/features/multi-lingual/types.d.ts +33 -0
  335. package/dist/types/global/assets/add-icon.d.ts +1 -0
  336. package/dist/types/global/assets/loader-icon.d.ts +6 -0
  337. package/dist/types/global/assets/tick-icon.d.ts +6 -0
  338. package/dist/types/global/lib/fetch-json.d.ts +1 -0
  339. package/dist/types/global/lib/get-language-from-url.d.ts +2 -0
  340. package/dist/types/global/lib/get-nested-value.d.ts +1 -0
  341. package/dist/types/global/lib/parse-loose-json.d.ts +1 -0
  342. package/dist/types/global/types/generated/vehicle-lookup/paint-thickness-inspection-dto.d.ts +6 -0
  343. package/dist/types/global/types/generated/vehicle-lookup/paint-thickness-inspection-panel-dto.d.ts +7 -0
  344. package/dist/types/global/types/generated/vehicle-lookup/vehicle-lookup-dto.d.ts +2 -2
  345. package/dist/types/locale-mapper.d.ts +3 -1
  346. package/dist/types/locales/forms/contactUs/type.d.ts +9 -0
  347. package/dist/types/locales/forms/demo/type.d.ts +49 -0
  348. package/dist/types/locales/forms/type.d.ts +13 -0
  349. package/dist/types/locales/forms/vehicleQuotation/type.d.ts +68 -0
  350. package/dist/types/locales/forms/wrapper-type.d.ts +21 -0
  351. package/dist/types/locales/general/type.d.ts +0 -2
  352. package/dist/types/locales/generalTicketTypes/type.d.ts +0 -4
  353. package/dist/types/locales/vehicleLookup/serviceHistory/type.d.ts +2 -2
  354. package/dist/types/locales/vehicleLookup/wrapper-type.d.ts +2 -2
  355. package/dist/types/stencil-public-runtime.d.ts +12 -5
  356. package/package.json +5 -3
  357. package/dist/cjs/contact-us-form.cjs.entry.js +0 -198
  358. package/dist/cjs/service-booking-form.cjs.entry.js +0 -198
  359. package/dist/collection/components/form-elements/form-dialog.css +0 -1
  360. package/dist/collection/components/form-elements/form-input.css +0 -1
  361. package/dist/collection/components/form-elements/form-select.css +0 -1
  362. package/dist/collection/components/form-elements/form-shadow-input.css +0 -1
  363. package/dist/collection/components/form-elements/form-structure-error.css +0 -1
  364. package/dist/collection/components/form-elements/form-structure.css +0 -1
  365. package/dist/collection/components/form-elements/form-submit.css +0 -1
  366. package/dist/collection/components/form-elements/form-text-area.css +0 -1
  367. package/dist/collection/components/forms/contact-us/element-mapper.js +0 -88
  368. package/dist/collection/components/forms/contact-us/form.css +0 -1
  369. package/dist/collection/components/forms/contact-us/validations.js +0 -19
  370. package/dist/collection/components/forms/contact-us-form.js +0 -295
  371. package/dist/collection/components/forms/service-booking/element-mapper.js +0 -88
  372. package/dist/collection/components/forms/service-booking/validations.js +0 -19
  373. package/dist/collection/global/lib/validate-form-structure.js +0 -47
  374. package/dist/components/contact-us-form.js +0 -5
  375. package/dist/components/p-0PjZRWut.js +0 -5
  376. package/dist/components/p-11ylorNL.js +0 -5
  377. package/dist/components/p-B2qqkU3A.js +0 -5
  378. package/dist/components/p-B6j7vssc.js +0 -5
  379. package/dist/components/p-BF4ShuLZ.js +0 -5
  380. package/dist/components/p-BGe0MyLF.js +0 -5
  381. package/dist/components/p-BKq17ywX.js +0 -5
  382. package/dist/components/p-BSP1ayje.js +0 -5
  383. package/dist/components/p-BVPVJguA.js +0 -5
  384. package/dist/components/p-BhjL0HMA.js +0 -5
  385. package/dist/components/p-BjSLaXGX.js +0 -5
  386. package/dist/components/p-Bm8G-DAp.js +0 -5
  387. package/dist/components/p-CIaM3UPL.js +0 -5
  388. package/dist/components/p-CcP_EtCu.js +0 -5
  389. package/dist/components/p-CtpTKsfq.js +0 -5
  390. package/dist/components/p-D8xszt8E.js +0 -5
  391. package/dist/components/p-DXGHyX7G.js +0 -5
  392. package/dist/components/p-Di5SfFwc.js +0 -5
  393. package/dist/components/p-DyaIfEgq.js +0 -5
  394. package/dist/components/p-P3fAKtye.js +0 -5
  395. package/dist/components/p-QMinV6Ic.js +0 -5
  396. package/dist/components/p-TyreGxpg.js +0 -5
  397. package/dist/components/p-alw0x13e.js +0 -5
  398. package/dist/components/p-eQuyMB7o.js +0 -5
  399. package/dist/components/p-x0cm6Jgv.js +0 -5
  400. package/dist/components/service-booking-form.js +0 -5
  401. package/dist/esm/contact-us-form.entry.js +0 -196
  402. package/dist/esm/service-booking-form.entry.js +0 -196
  403. package/dist/shift-components/p-03f093e0.entry.js +0 -5
  404. package/dist/shift-components/p-077e4c82.entry.js +0 -5
  405. package/dist/shift-components/p-42218765.entry.js +0 -5
  406. package/dist/shift-components/p-43a8b998.entry.js +0 -5
  407. package/dist/shift-components/p-55558c0f.entry.js +0 -5
  408. package/dist/shift-components/p-55c5a5ea.entry.js +0 -5
  409. package/dist/shift-components/p-701e3fb0.entry.js +0 -5
  410. package/dist/shift-components/p-8d7b1edb.entry.js +0 -5
  411. package/dist/shift-components/p-BSpTbUWi.js +0 -5
  412. package/dist/shift-components/p-CTkDt6jM.js +0 -5
  413. package/dist/shift-components/p-CikEOqe0.js +0 -6
  414. package/dist/shift-components/p-DPgWys0Y.js +0 -5
  415. package/dist/shift-components/p-bc419485.entry.js +0 -5
  416. package/dist/shift-components/p-e8e37708.entry.js +0 -5
  417. package/dist/shift-components/p-f1181125.entry.js +0 -5
  418. package/dist/shift-components/p-f760aaa3.entry.js +0 -5
  419. package/dist/shift-components/p-fyqwD4fB.js +0 -5
  420. package/dist/types/components/forms/contact-us/element-mapper.d.ts +0 -3
  421. package/dist/types/components/forms/contact-us/validations.d.ts +0 -26
  422. package/dist/types/components/forms/contact-us-form.d.ts +0 -32
  423. package/dist/types/components/forms/service-booking/element-mapper.d.ts +0 -3
  424. package/dist/types/components/forms/service-booking/validations.d.ts +0 -26
  425. package/dist/types/components/forms/service-booking-form.d.ts +0 -32
  426. package/dist/types/global/lib/form-hook.d.ts +0 -47
  427. package/dist/types/global/lib/validate-form-structure.d.ts +0 -3
  428. package/dist/types/global/types/forms.d.ts +0 -64
  429. package/dist/types/global/types/general.d.ts +0 -23
  430. /package/dist/collection/{global/types/forms.js → features/form-hook/inputs/form-input.js} +0 -0
  431. /package/dist/collection/{global/types/general.js → features/form-hook/inputs/form-select.js} +0 -0
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{d as n}from"./p-BGe0MyLF.js";const r=t(class extends e{constructor(){super(),this.__registerHost(),this.openedItems=[],this.toggleAccordion=t=>{this.openedItems=this.openedItems.includes(t)?this.openedItems.filter((e=>e!==t)):[...this.openedItems,t]}}render(){return i("div",{key:"4498324a987ce89af52c218812f6f4ecb6229a83",class:"flex w-full flex-col gap-[4px]"},this.items.map(((t,e)=>i("div",{key:t.label+e,class:"w-full rounded border"},i("button",{onClick:()=>this.toggleAccordion(t),class:"w-full flex flex-col items-start"},i("div",{class:"flex items-center justify-between mx-auto text-[17px] py-[4px] w-[calc(100%-20px)]"},i("span",null,t.label),i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:o("transition-all duration-500",{"rotate-180":this.openedItems.includes(t)})},i("path",{d:"m6 9 6 6 6-6"}))),i("div",{class:"transition-all duration-500",style:{height:this.openedItems.includes(t)?"6px":"0px"}}),i("flexible-container",{isOpened:this.openedItems.includes(t)},t.content))))))}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.w-full{width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}'}},[0,"shift-accordion",{items:[16],accordionClasses:[1,"accordion-classes"],accordionContentClasses:[1,"accordion-content-classes"],openedItems:[32]}]);function a(){"undefined"!=typeof customElements&&["shift-accordion","flexible-container"].forEach((t=>{switch(t){case"shift-accordion":customElements.get(t)||customElements.define(t,r);break;case"flexible-container":customElements.get(t)||n()}}))}a();const s=r,l=a;export{s as ShiftAccordion,l as defineCustomElement}
5
+ import{p as t,H as e,h as i}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{d as n}from"./p-DB29Litl.js";const r=t(class extends e{constructor(){super(),this.__registerHost(),this.openedItems=[],this.toggleAccordion=t=>{this.openedItems=this.openedItems.includes(t)?this.openedItems.filter((e=>e!==t)):[...this.openedItems,t]}}render(){return i("div",{key:"4498324a987ce89af52c218812f6f4ecb6229a83",class:"flex w-full flex-col gap-[4px]"},this.items.map(((t,e)=>i("div",{key:t.label+e,class:"w-full rounded border"},i("button",{onClick:()=>this.toggleAccordion(t),class:"w-full flex flex-col items-start"},i("div",{class:"flex items-center justify-between mx-auto text-[17px] py-[4px] w-[calc(100%-20px)]"},i("span",null,t.label),i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:o("transition-all duration-500",{"rotate-180":this.openedItems.includes(t)})},i("path",{d:"m6 9 6 6 6-6"}))),i("div",{class:"transition-all duration-500",style:{height:this.openedItems.includes(t)?"6px":"0px"}}),i("flexible-container",{isOpened:this.openedItems.includes(t)},t.content))))))}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.w-full{width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.static{position:static}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[256,"shift-accordion",{items:[16],accordionClasses:[1,"accordion-classes"],accordionContentClasses:[1,"accordion-content-classes"],openedItems:[32]}]);function a(){"undefined"!=typeof customElements&&["shift-accordion","flexible-container"].forEach((t=>{switch(t){case"shift-accordion":customElements.get(t)||customElements.define(t,r);break;case"flexible-container":customElements.get(t)||n()}}))}a();const s=r,l=a;export{s as ShiftAccordion,l as defineCustomElement}
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../types/components";
2
2
 
3
- interface ContactUsForm extends Components.ContactUsForm, HTMLElement {}
4
- export const ContactUsForm: {
5
- prototype: ContactUsForm;
6
- new (): ContactUsForm;
3
+ interface ShiftCheckbox extends Components.ShiftCheckbox, HTMLElement {}
4
+ export const ShiftCheckbox: {
5
+ prototype: ShiftCheckbox;
6
+ new (): ShiftCheckbox;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{S as o,d as s}from"./p-DvwR_CeT.js";const p=o,r=s;export{p as ShiftCheckbox,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,a as n}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{d as r}from"./p-BGe0MyLF.js";const a=t(class extends e{constructor(){super(),this.__registerHost()}async componentDidLoad(){this.flexibleContainerRef=this.el.getElementsByTagName("flexible-container")[0]}async onActiveIndexChange(t){clearTimeout(this.ChildUpdatesActionTimeout);const e=this.el.getElementsByClassName("element-number-"+t)[0];e&&function(t){return function t(e){if(e.nodeType===Node.ELEMENT_NODE){const i=e;if(i.tagName.toLowerCase().startsWith("flexible-container"))return!0;const n=null==i?void 0:i.shadowRoot;return n?t(n):Array.from(i.children).some(t)}return e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&Array.from(e.children).some(t)}(t)}(e)?(this.flexibleContainerRef.stopAnimation=!1,this.ChildUpdatesActionTimeout=setTimeout((()=>{this.flexibleContainerRef.stopAnimation=!0}),600)):this.flexibleContainerRef.stopAnimation=!1}render(){return i(n,{key:"63f17a495edda31831c6fd88531c8350c3b4e97b"},i("flexible-container",{key:"e479c2d4998690957c0d7df665a966a8ac2d99b2",stopAnimation:!0,classes:"relative"},this.components.map(((t,e)=>i("div",{class:o("w-full transition !duration-1000","element-number-"+e,{"opacity-0 absolute top-0 !pointer-events-none [&_*]:!pointer-events-none":this.activeIndex!==e,"translate-x-[110%]":this.activeIndex<e,"-translate-x-[110%]":this.activeIndex>e})},t())))))}get el(){return this}static get watchers(){return{activeIndex:["onActiveIndexChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.w-full{width:100%}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[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))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.opacity-0{opacity:0}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}'}},[0,"shift-slider",{components:[16],activeIndex:[2,"active-index"]},void 0,{activeIndex:["onActiveIndexChange"]}]);function s(){"undefined"!=typeof customElements&&["shift-slider","flexible-container"].forEach((t=>{switch(t){case"shift-slider":customElements.get(t)||customElements.define(t,a);break;case"flexible-container":customElements.get(t)||r()}}))}s();const l=a,c=s;export{l as ShiftSlider,c as defineCustomElement}
5
+ import{p as t,H as e,h as i,a as n}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{d as r}from"./p-DB29Litl.js";const a=t(class extends e{constructor(){super(),this.__registerHost()}async componentDidLoad(){this.flexibleContainerRef=this.el.getElementsByTagName("flexible-container")[0]}async onActiveIndexChange(t){clearTimeout(this.ChildUpdatesActionTimeout);const e=this.el.getElementsByClassName("element-number-"+t)[0];e&&function(t){return function t(e){if(e.nodeType===Node.ELEMENT_NODE){const i=e;if(i.tagName.toLowerCase().startsWith("flexible-container"))return!0;const n=null==i?void 0:i.shadowRoot;return n?t(n):Array.from(i.children).some(t)}return e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&Array.from(e.children).some(t)}(t)}(e)?(this.flexibleContainerRef.stopAnimation=!1,this.ChildUpdatesActionTimeout=setTimeout((()=>{this.flexibleContainerRef.stopAnimation=!0}),600)):this.flexibleContainerRef.stopAnimation=!1}render(){return i(n,{key:"ab3f80fbfee5ab47d9b7364b2e064da939635615"},i("flexible-container",{key:"0bbe66daa44d09068ac24a4f990e270ee9bdeda9",stopAnimation:!0,classes:"relative"},this.components.map(((t,e)=>i("div",{class:o("w-full transition !duration-1000","element-number-"+e,{"opacity-0 absolute top-0 !pointer-events-none [&_*]:!pointer-events-none":this.activeIndex!==e,"translate-x-[110%]":this.activeIndex<e,"-translate-x-[110%]":this.activeIndex>e})},t())))))}get el(){return this}static get watchers(){return{activeIndex:["onActiveIndexChange"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.w-full{width:100%}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[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))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.opacity-0{opacity:0}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.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)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.duration-500{transition-duration:.5s}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[256,"shift-slider",{components:[16],activeIndex:[2,"active-index"]},void 0,{activeIndex:["onActiveIndexChange"]}]);function s(){"undefined"!=typeof customElements&&["shift-slider","flexible-container"].forEach((t=>{switch(t){case"shift-slider":customElements.get(t)||customElements.define(t,a);break;case"flexible-container":customElements.get(t)||r()}}))}s();const l=a,d=s;export{l as ShiftSlider,d as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface ShiftSwitch extends Components.ShiftSwitch, HTMLElement {}
4
+ export const ShiftSwitch: {
5
+ prototype: ShiftSwitch;
6
+ new (): ShiftSwitch;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{S as o,d as s}from"./p-CGKHe5aV.js";const a=o,p=s;export{a as ShiftSwitch,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{S as o,d as s}from"./p-QMinV6Ic.js";const p=o,r=s;export{p as ShiftTabContent,r as defineCustomElement}
5
+ import{S as o,d as s}from"./p-C-I1G2GL.js";const p=o,r=s;export{p as ShiftTabContent,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{S as o,d as s}from"./p-DXGHyX7G.js";const p=o,r=s;export{p as ShiftTabs,r as defineCustomElement}
5
+ import{S as s,d as o}from"./p-DW3sRsIe.js";const p=s,r=o;export{p as ShiftTabs,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-BKq17ywX.js";const p=o,r=s;export{p as VehicleAccessories,r as defineCustomElement}
5
+ import{V as o,d as s}from"./p-BXfdBBWy.js";const p=o,r=s;export{p as VehicleAccessories,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-BSP1ayje.js";const a=o,p=s;export{a as VehicleClaimableItems,p as defineCustomElement}
5
+ import{V as o,d as s}from"./p-DijSwhFz.js";const p=o,r=s;export{p as VehicleClaimableItems,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-BVPVJguA.js";const p=o,r=s;export{p as VehicleItemClaimForm,r as defineCustomElement}
5
+ import{V as s,d as o}from"./p-CtOrqs6B.js";const r=s,t=o;export{r as VehicleItemClaimForm,t as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,a as o}from"./index.js";import{v as r}from"./p-CUREVASG.js";import{c as a,s,g as n,a as l}from"./p-CIaM3UPL.js";import{w as c,d as h}from"./p-BF4ShuLZ.js";import{a as p,d}from"./p-BKq17ywX.js";import{s as g,d as w}from"./p-Bm8G-DAp.js";import{p as f,d as b}from"./p-x0cm6Jgv.js";import{S as m,d as u}from"./p-0PjZRWut.js";import{c as v,d as x}from"./p-BSP1ayje.js";import{V as y}from"./p-B1fdQNyr.js";import{d as k}from"./p-BGe0MyLF.js";import{d as j}from"./p-eQuyMB7o.js";import{d as z}from"./p-BhjL0HMA.js";import{d as E}from"./p-QMinV6Ic.js";import{d as L}from"./p-DXGHyX7G.js";import{d as O}from"./p-BVPVJguA.js";const S=a({warranty:c,accessories:p,specification:g,claimableItems:v,paintThickness:f,serviceHistory:m}),D={vehicleAccessories:"vehicle-accessories",vehicleSpecification:"vehicle-specification",vehiclePaintThickness:"vehicle-paint-thickness",vehicleServiceHistory:"vehicle-service-history",vehicleClaimableItems:"vehicle-claimable-items",vehicleWarrantyDetails:"vehicle-warranty-details"},C=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.locale=s.getDefault(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.blazorDynamicClaimActivate="",this.wrapperErrorState="",this.currentVin="",this.isError=!1,this.isLoading=!1,this.syncErrorAcrossComponents=t=>{this.isError=!0,this.errorKey=t,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.isLoading=t,this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"vehicleLookup",S),l(t)]);this.locale=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("vehicle-accessories")[0],e=this.el.getElementsByTagName("vehicle-claimable-items")[0],i=this.el.getElementsByTagName("vehicle-service-history")[0],o=this.el.getElementsByTagName("vehicle-warranty-details")[0],r=this.el.getElementsByTagName("vehicle-paint-thickness")[0],a=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[D.vehicleClaimableItems]:e,[D.vehicleServiceHistory]:i,[D.vehicleWarrantyDetails]:o,[D.vehicleAccessories]:t,[D.vehiclePaintThickness]:r,[D.vehicleSpecification]:a},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))})),e&&this.dynamicClaimActivate&&(e.activate=this.dynamicClaimActivate),e&&(e.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)})}handleLoadData(t,e){this.isError=!1,this.currentVin=t.vin||"",Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.fetchData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",this.componentsList[D.vehicleClaimableItems].headers=e,i)return""==t?this.wrapperErrorState=this.locale.errors.vinNumberRequired:r(t)?void i.fetchData(t,e):this.wrapperErrorState=this.locale.errors.invalidVin}render(){const t={[D.vehicleAccessories]:{},[D.vehicleSpecification]:{},[D.vehicleClaimableItems]:{},[D.vehiclePaintThickness]:{},[D.vehicleServiceHistory]:{},[D.vehicleWarrantyDetails]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}if(!Object.values(D).includes(this.activeElement))return i("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const e={"vehicle-specification":i("vehicle-specification",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[D.vehicleSpecification])),"vehicle-accessories":i("vehicle-accessories",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[D.vehicleAccessories])),"vehicle-warranty-details":i("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":"true",isDev:this.isDev,"show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[D.vehicleWarrantyDetails]),i("slot",null)),"vehicle-service-history":i("vehicle-service-history",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[D.vehicleServiceHistory])),"vehicle-paint-thickness":i("vehicle-paint-thickness",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[D.vehiclePaintThickness])),"vehicle-claimable-items":i("vehicle-claimable-items",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[D.vehicleClaimableItems]))};return i(o,null,i(y,{isError:this.isError,header:this.currentVin,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.locale.errors[this.errorKey]||this.locale.errors.wildCard},i("shift-tab-content",{components:e,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}'}},[4,"vehicle-lookup",{language:[1],activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],childrenProps:[1,"children-props"],blazorErrorStateListener:[1,"blazor-error-state-listener"],errorStateListener:[16,"error-state-listener"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],loadingStateChanged:[16,"loading-state-changed"],dynamicClaimActivate:[16,"dynamic-claim-activate"],blazorDynamicClaimActivate:[1,"blazor-dynamic-claim-activate"],locale:[32],errorKey:[32],wrapperErrorState:[32],currentVin:[32],isError:[32],isLoading:[32],blazorRef:[32],handleLoadData:[64],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function B(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","loading-spinner","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-service-history","vehicle-specification","vehicle-warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,C);break;case"flexible-container":customElements.get(t)||k();break;case"information-table":customElements.get(t)||j();break;case"loading-spinner":customElements.get(t)||z();break;case"shift-tab-content":customElements.get(t)||E();break;case"shift-tabs":customElements.get(t)||L();break;case"vehicle-accessories":customElements.get(t)||d();break;case"vehicle-claimable-items":customElements.get(t)||x();break;case"vehicle-item-claim-form":customElements.get(t)||O();break;case"vehicle-paint-thickness":customElements.get(t)||b();break;case"vehicle-service-history":customElements.get(t)||u();break;case"vehicle-specification":customElements.get(t)||w();break;case"vehicle-warranty-details":customElements.get(t)||h()}}))}B();const M=C,q=B;export{M as VehicleLookup,q as defineCustomElement}
5
+ import{p as t,H as e,h as r,a}from"./index.js";import{v as o}from"./p-CUREVASG.js";import{c as i,s,a as n,g as c}from"./p-Chfe8TId.js";import{w as l,d as p}from"./p-B_Awuajg.js";import{a as d,d as h}from"./p-BXfdBBWy.js";import{s as w,d as x}from"./p-BziBwpva.js";import{p as b,d as g}from"./p-B3Uao1Ha.js";import{S as f,d as v}from"./p-D9VJI-bd.js";import{c as u,d as y}from"./p-DijSwhFz.js";import{V as m}from"./p-B1fdQNyr.js";import{d as k}from"./p-DB29Litl.js";import{d as z}from"./p-DRK0oYuz.js";import{d as j}from"./p-CQnGszy6.js";import{d as E}from"./p-C-I1G2GL.js";import{d as X}from"./p-DW3sRsIe.js";import{d as Y}from"./p-CtOrqs6B.js";const L=i({warranty:l,accessories:d,specification:w,claimableItems:u,paintThickness:b,serviceHistory:f}),O={vehicleAccessories:"vehicle-accessories",vehicleSpecification:"vehicle-specification",vehiclePaintThickness:"vehicle-paint-thickness",vehicleServiceHistory:"vehicle-service-history",vehicleClaimableItems:"vehicle-claimable-items",vehicleWarrantyDetails:"vehicle-warranty-details"},S=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.locale=s.getDefault(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.blazorDynamicClaimActivate="",this.wrapperErrorState="",this.currentVin="",this.isError=!1,this.isLoading=!1,this.syncErrorAcrossComponents=t=>{this.isError=!0,this.errorKey=t,Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.isLoading=t,this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const e=await Promise.all([n(t,"vehicleLookup",L),c(t)]);this.locale=e[1]}async componentDidLoad(){const t=this.el.getElementsByTagName("vehicle-accessories")[0],e=this.el.getElementsByTagName("vehicle-claimable-items")[0],r=this.el.getElementsByTagName("vehicle-service-history")[0],a=this.el.getElementsByTagName("vehicle-warranty-details")[0],o=this.el.getElementsByTagName("vehicle-paint-thickness")[0],i=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[O.vehicleClaimableItems]:e,[O.vehicleServiceHistory]:r,[O.vehicleWarrantyDetails]:a,[O.vehicleAccessories]:t,[O.vehiclePaintThickness]:o,[O.vehicleSpecification]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))})),e&&this.dynamicClaimActivate&&(e.activate=this.dynamicClaimActivate),e&&(e.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)})}handleLoadData(t,e){this.isError=!1,this.currentVin=t.vin||"",Object.values(this.componentsList).forEach((r=>{null!==r&&r!==e&&t&&r.fetchData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const r=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",this.componentsList[O.vehicleClaimableItems].headers=e,r)return""==t?this.wrapperErrorState=this.locale.errors.vinNumberRequired:o(t)?void r.fetchData(t,e):this.wrapperErrorState=this.locale.errors.invalidVin}render(){const t={[O.vehicleAccessories]:{},[O.vehicleSpecification]:{},[O.vehicleClaimableItems]:{},[O.vehiclePaintThickness]:{},[O.vehicleServiceHistory]:{},[O.vehicleWarrantyDetails]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((r=>{"object"==typeof e[r]&&(t[r]=e[r])}))}}catch(t){console.error(t)}if(!Object.values(O).includes(this.activeElement))return r("div",{class:"w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center"},"Invalid tag");const e={"vehicle-specification":r("vehicle-specification",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O.vehicleSpecification])),"vehicle-accessories":r("vehicle-accessories",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O.vehicleAccessories])),"vehicle-warranty-details":r("vehicle-warranty-details",Object.assign({coreOnly:!0,"show-ssc":"true",isDev:this.isDev,"show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O.vehicleWarrantyDetails]),r("slot",null)),"vehicle-service-history":r("vehicle-service-history",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O.vehicleServiceHistory])),"vehicle-paint-thickness":r("vehicle-paint-thickness",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O.vehiclePaintThickness])),"vehicle-claimable-items":r("vehicle-claimable-items",Object.assign({coreOnly:!0,isDev:this.isDev,"base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[O.vehicleClaimableItems]))};return r(a,null,r(m,{isError:this.isError,header:this.currentVin,isLoading:this.isLoading,direction:this.locale.direction,errorMessage:this.locale.errors[this.errorKey]||this.locale.errors.wildCard},r("shift-tab-content",{components:e,activeComponent:this.activeElement})))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.border-b{border-bottom-width:1px}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.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}.fixed{position:fixed}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}'}},[260,"vehicle-lookup",{language:[1],activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],childrenProps:[1,"children-props"],blazorErrorStateListener:[1,"blazor-error-state-listener"],errorStateListener:[16,"error-state-listener"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],loadingStateChanged:[16,"loading-state-changed"],dynamicClaimActivate:[16,"dynamic-claim-activate"],blazorDynamicClaimActivate:[1,"blazor-dynamic-claim-activate"],locale:[32],errorKey:[32],wrapperErrorState:[32],currentVin:[32],isError:[32],isLoading:[32],blazorRef:[32],handleLoadData:[64],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function D(){"undefined"!=typeof customElements&&["vehicle-lookup","flexible-container","information-table","loading-spinner","shift-tab-content","shift-tabs","vehicle-accessories","vehicle-claimable-items","vehicle-item-claim-form","vehicle-paint-thickness","vehicle-service-history","vehicle-specification","vehicle-warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,S);break;case"flexible-container":customElements.get(t)||k();break;case"information-table":customElements.get(t)||z();break;case"loading-spinner":customElements.get(t)||j();break;case"shift-tab-content":customElements.get(t)||E();break;case"shift-tabs":customElements.get(t)||X();break;case"vehicle-accessories":customElements.get(t)||h();break;case"vehicle-claimable-items":customElements.get(t)||y();break;case"vehicle-item-claim-form":customElements.get(t)||Y();break;case"vehicle-paint-thickness":customElements.get(t)||g();break;case"vehicle-service-history":customElements.get(t)||v();break;case"vehicle-specification":customElements.get(t)||x();break;case"vehicle-warranty-details":customElements.get(t)||p()}}))}D();const C=S,B=D;export{C as VehicleLookup,B as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-x0cm6Jgv.js";const m=o,p=s;export{m as VehiclePaintThickness,p as defineCustomElement}
5
+ import{V as o,d as a}from"./p-B3Uao1Ha.js";const s=o,p=a;export{s as VehiclePaintThickness,p as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface VehicleQuotationForm extends Components.VehicleQuotationForm, HTMLElement {}
4
+ export const VehicleQuotationForm: {
5
+ prototype: VehicleQuotationForm;
6
+ new (): VehicleQuotationForm;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{h as e,f as t,p as i,H as a,a as o}from"./index.js";import{y as r,c as n,b as s,e as l,f as c,a as h}from"./p-Chfe8TId.js";import{g as d,F as u,a as m}from"./p-DC7E4vgR.js";import{c as p}from"./p-BK16Cn81.js";import{d as f}from"./p-DB29Litl.js";import{d as g}from"./p-B2MwZoPq.js";import{d as b}from"./p-Dn3zEIrl.js";import{d as w}from"./p-D3BMiplT.js";import{d as v}from"./p-M7q3SKiP.js";import{d as y}from"./p-CnHfmo0x.js";import{d as x}from"./p-DkCCdt6S.js";import{d as k}from"./p-BC0ykyCl.js";import{d as j}from"./p-DRnxC_Dv.js";const P=r(["Vehicle","Please select a Vehicle","This field is required.","Choose","Contact Information","Full name","Full name is required","Full name minimum","Phone number","Phone number is required","Phone number format invalid","Dealer","Select a dealer","Dealer is required","Preferred purchasing method","Select the purchasing method","Cash","Flexible","Your current car","Do you own a vehicle?","Please answer this field","Yes","No","Your current vehicle","Vehicle Model","Others","Form submitted successfully.","Preferred contact time","Please select a time","Morning","Noon","Afternoon"]),C=d(),V=n({vehicle:s().meta({label:"Vehicle",placeholder:"Please select a Vehicle"}).required("This field is required."),name:s().meta({label:"Full name",placeholder:"Full name"}).required("Full name is required").min(3,"Full name minimum"),phone:s().meta({label:"Phone number",placeholder:"Phone number"}).required("Phone number is required").test("libphonenumber-validation","Phone number format invalid",(()=>C.isValid())),dealer:s().meta({label:"Dealer",placeholder:"Select a dealer"}).required("Dealer is required"),paymentType:s().meta({label:"Preferred purchasing method",placeholder:"Select the purchasing method"}),contactTime:s().meta({label:"Preferred contact time",placeholder:"Please select a time"}),ownVehicle:s().meta({label:"Do you own a vehicle?",placeholder:"Do you own a vehicle?"}).required("Please answer this field"),currentVehicleBrand:s().meta({label:"Your current vehicle",placeholder:"Your current vehicle"}).when("ownVehicle",{is:e=>"yes"===e,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()}),currentVehicleModel:s().meta({label:"Vehicle Model",placeholder:"Vehicle Model"}).when(["ownVehicle","currentVehicleBrand"],{is:(e,t)=>"yes"===e&&"others"!==t,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()})}),M=t=>e("svg",{class:t.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M12 2v4"}),e("path",{d:"m16.2 7.8 2.9-2.9"}),e("path",{d:"M18 12h4"}),e("path",{d:"m16.2 16.2 2.9 2.9"}),e("path",{d:"M12 18v4"}),e("path",{d:"m4.9 19.1 2.9-2.9"}),e("path",{d:"M2 12h4"}),e("path",{d:"m4.9 4.9 2.9 2.9"})),E={};let L="";const z=({form:t})=>{var i,a,o;t.addWatcher("vehicle");let r=t.getValue("vehicle"),n=!!r;const s=null===(i=t.context.vehicleList)||void 0===i?void 0:i.find((e=>""+(null==e?void 0:e.ID)===r));let l;s?(l=null==s?void 0:s.Image,r=s.ID):t.context.vehicleList&&t.context.vehicleList[0]&&(l=null===(o=null===(a=t.context.vehicleList[0])||void 0===a?void 0:a.meta)||void 0===o?void 0:o.image,r=t.context.vehicleList[0].value);let c=!1;return E[r]?L=E[r]:t&&l&&r&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const a=new FileReader;a.onloadend=()=>{E[i]=a.result,e.rerender({rerenderForm:!0})},a.readAsDataURL(t)})).catch((e=>{console.log(e)}))})(t,l,r),c=!0),e("flexible-container",{isOpened:n},e("div",{class:p("vehicle-image-wrapper",{loading:c})},e("div",{class:"loading-wrapper"},e(M,{class:"img"})),e("img",{src:L,alt:"toyota vehicle"})))},D={submit:({props:t})=>e("form-submit",Object.assign({},t)),name:({props:t})=>e("form-input",Object.assign({},t)),phone:({props:t,isLoading:i})=>e("form-phone-number",Object.assign({},t,{isLoading:i,defaultValue:C.default,validator:C})),vehicle:({form:i,language:a,props:o})=>{var r;const n=new URLSearchParams(window.location.search).get(null===(r=i.context.structure.data)||void 0===r?void 0:r.vehicleIdQueryParam);return e("form-select",Object.assign({},o,{defaultValue:n,searchable:!0,fetcher:async({signal:e})=>{var o;const r=null===(o=i.context.structure)||void 0===o?void 0:o.data.vehicleApi,n=await fetch(r,{signal:e,headers:{"Accept-Language":a}});return i.context.vehicleList=await n.json(),t(i.formStructure),i.context.vehicleList.map((e=>({label:e.Title,value:""+e.ID,meta:{image:e.Image}})))},language:a}))},dealer:({form:t,language:i,props:a})=>e("form-select",Object.assign({},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var a;const o=null===(a=t.context.structure)||void 0===a?void 0:a.data.dealerApi,r=await fetch(o,{signal:e,headers:{"Accept-Language":i}});return t.context.dealerList=(await r.json()).map((e=>({label:e.Name,value:""+e.ID}))),t.context.dealerList},language:i})),paymentType:({language:t,props:i,locale:a})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Cash",label:null==a?void 0:a.Cash},{value:"FlexiblePaymentPlan",label:a.Flexible}],language:t})),contactTime:({language:t,props:i,locale:a})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Morning",label:null==a?void 0:a.Morning},{value:"Noon",label:null==a?void 0:a.Noon},{value:"Afternoon",label:null==a?void 0:a.Afternoon}],language:t})),ownVehicle:({language:t,props:i,locale:a})=>e("form-select",Object.assign({},i,{fetcher:async({})=>[{value:"yes",label:null==a?void 0:a.Yes},{value:"no",label:null==a?void 0:a.No}],language:t})),currentVehicleBrand:({form:t,language:i,props:a,locale:o})=>{t.addWatcher("ownVehicle");const r="yes"===t.getValue("ownVehicle");return e("form-select",Object.assign({},a,{searchable:!0,fetcher:async({signal:e})=>{var a;const r=null===(a=t.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return t.context.currentVehiclesList=await n.json(),[...t.context.currentVehiclesList.map((e=>({label:e.name,value:""+e.id}))),{value:"others",label:o.Others}]},language:i,resetKey:r,isRequired:r,isDisabled:!r}))},currentVehicleModel:({form:t,language:i,props:a,locale:o})=>{t.addWatcher("ownVehicle"),t.addWatcher("currentVehicleBrand");const r="yes"===t.getValue("ownVehicle"),n=t.getValue("currentVehicleBrand");return e("form-select",Object.assign({},a,{searchable:!0,fetcher:async({})=>{var e;if(!n)return[];const i=null===(e=t.context.currentVehiclesList)||void 0===e?void 0:e.find((e=>""+(null==e?void 0:e.id)===n));return i?[...null==i?void 0:i.models.map((e=>({label:e.name,value:""+e.id}))),{value:"others",label:o.Others}]:[]},language:i,resetKey:n,fetcherKey:n,isRequired:r&&"others"!==n,isDisabled:!n||"others"===n}))},vehicleImage:({form:t})=>e(z,{form:t}),choose:({locale:t})=>e("h1",{class:"section-title"},t.Choose),"current car":({locale:t})=>e("h1",{class:"section-title"},t["Your current car"]),"contact information":({locale:t})=>e("h1",{class:"section-title"},t["Contact Information"])};async function O(e){const t=await fetch(e);if(!t.ok)throw Error("HTTP error! status: "+t.status);return await t.json()}const q=i(class extends a{constructor(){super(),this.__registerHost(),this.language="en",this.locale=Object.assign({sharedFormLocales:l.getDefault()},P.getDefault()),this.isLoading=!1,this.form=new u(this,V)}async changeLanguage(e){const[t,i]=await Promise.all([c(e),h(e,"forms.vehicleQuotation",P)]);this.locale=Object.assign(Object.assign({},t),i),this.localeLanguage=e,this.form.rerender({rerenderAll:!0})}setIsLoading(e){this.isLoading=e,this.loadingChanges&&this.loadingChanges(!0)}setErrorCallback(e){(null==e?void 0:e.message)&&(this.errorMessage=e.message),this.errorCallback&&this.errorCallback(e)}setSuccessCallback(e){this.successCallback&&this.successCallback(e)}async componentWillLoad(){if(this.language=function(){const e=document.URL.toLocaleLowerCase();return console.log(e),e.includes("/en")||e.includes("/english")?"en":e.includes("/ar")||e.includes("/arabic")?"ar":e.includes("/ku")||e.includes("/kurdish")||e.includes("/sorani")?"ku":(e.includes("/ru")||e.includes("russian"),"en")}(),this.structure)await this.changeLanguage(this.language);else if(this.gistId){const[e]=await Promise.all([m(this.gistId),this.changeLanguage(this.language)]);this.structure=e}else if(this.structureUrl){await this.changeLanguage(this.language);const[e]=await Promise.all([O(this.structureUrl),this.changeLanguage(this.language)]);this.structure=e}this.localeLanguage=this.language}async formSubmit(e){var t,i,a,o,r,n;try{this.setIsLoading(!0);const s=null===(t=this.structure.data)||void 0===t?void 0:t.nameContactedVehicles,l={name:e.name,phone:e.phone,companyBranchId:e.dealer,vehicleQuotationType:null===(i=this.structure.data)||void 0===i?void 0:i.quotationType,preferredContactTime:(null==e?void 0:e.contactTime)||"NotSpecified",preferredPaymentMethod:(null==e?void 0:e.paymentType)||"NotSpecified"};if(s){if(l.vehicle=(null===(a=this.vehicleList.find((t=>""+t.ID===e.vehicle)))||void 0===a?void 0:a.Title)||"","yes"===(null==e?void 0:e.ownVehicle)){const t=this.currentVehiclesList.find((t=>""+t.id===e.currentVehicleBrand))||!1;let i;t&&(i=t.models.find((t=>""+t.id===e.currentVehicleModel))||!1),l.currentOrTradeInVehicle=`${(null==t?void 0:t.name)||this.locale.Others} - ${(null==i?void 0:i.name)||this.locale.Others}`}}else l.vehicle=e.vehicle,l.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(l.additionalData.youCurrentVehicle=e.currentVehicleBrand||this.locale.Others,l.additionalData.vehicleModel=e.currentVehicleModel||this.locale.Others);const c=await grecaptcha.execute(null===(o=this.structure.data)||void 0===o?void 0:o.recaptchaKey,{action:"submit"}),h=await fetch(null===(r=this.structure.data)||void 0===r?void 0:r.requestUrl,{method:"POST",headers:{"Recaptcha-Token":c,Brand:null===(n=this.structure.data)||void 0===n?void 0:n.brandId,"Accept-Language":this.localeLanguage||"en","Content-Type":"application/json"},body:JSON.stringify(l)});if(console.log(h),!h.ok){const e=await(null==h?void 0:h.text());throw Error(e)}{const e=await(null==h?void 0:h.json());this.setSuccessCallback(e),this.form.openDialog(),setTimeout((()=>{this.form.reset(),this.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){var e;try{const t=null===(e=this.structure.data)||void 0===e?void 0:e.recaptchaKey;if(t){const e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${t}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}render(){var t;return e(o,{key:"87d337e393b054925aee2e22e90d9c37e56720db",class:"vehicle-quotation-"+(null===(t=this.structure.data)||void 0===t?void 0:t.theme)},e("form-structure",{key:"69d2ba18ba48b60215849686df40e520399f3eea",form:this.form,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,language:this.localeLanguage,errorMessage:this.errorMessage,formElementMapper:D,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"86054548ab7f9f80c32f8695ea13a9ab5cc8bc6e"})))}get el(){return this}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.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}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.\\!h-auto{height:auto!important}.w-full{width:100%}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.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)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.duration-500{transition-duration:.5s}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hidden{display:none}.relative{position:relative}.size-\\[70px\\]{height:70px;width:70px}.stroke-green-700{stroke:#15803d}.opacity-0{opacity:0}'}},[260,"vehicle-quotation-form",{language:[1537],gistId:[1,"gist-id"],structureUrl:[1,"structure-url"],errorCallback:[16,"error-callback"],successCallback:[16,"success-callback"],loadingChanges:[16,"loading-changes"],structure:[1040],locale:[32],errorMessage:[32],isLoading:[32],localeLanguage:[32]},void 0,{language:["changeLanguage"]}]);function S(){"undefined"!=typeof customElements&&["vehicle-quotation-form","flexible-container","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit"].forEach((e=>{switch(e){case"vehicle-quotation-form":customElements.get(e)||customElements.define(e,q);break;case"flexible-container":customElements.get(e)||f();break;case"form-dialog":customElements.get(e)||g();break;case"form-input":customElements.get(e)||b();break;case"form-phone-number":customElements.get(e)||w();break;case"form-select":customElements.get(e)||v();break;case"form-shadow-input":customElements.get(e)||y();break;case"form-structure":customElements.get(e)||x();break;case"form-structure-error":customElements.get(e)||k();break;case"form-submit":customElements.get(e)||j()}}))}S();const T=q,F=S;export{T as VehicleQuotationForm,F as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-0PjZRWut.js";const t=o,p=s;export{t as VehicleServiceHistory,p as defineCustomElement}
5
+ import{V as o,d as s}from"./p-D9VJI-bd.js";const p=o,r=s;export{p as VehicleServiceHistory,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as p}from"./p-Bm8G-DAp.js";const s=o,m=p;export{s as VehicleSpecification,m as defineCustomElement}
5
+ import{V as o,d as p}from"./p-BziBwpva.js";const s=o,a=p;export{s as VehicleSpecification,a as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-BF4ShuLZ.js";const p=o,r=s;export{p as VehicleWarrantyDetails,r as defineCustomElement}
5
+ import{V as o,d as s}from"./p-B_Awuajg.js";const a=o,p=s;export{a as VehicleWarrantyDetails,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as o}from"./p-CUREVASG.js";const s="activeCameraId",n=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.title="",this.captureInterval=2e3,this.verbose=!1,this.useOcr=!1,this.readSticker=!1,this.captureEnvironment=!1,this.manualCapture=!1,this.skipValidation=!1,this.isOpen=!1,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.videoInputs=[],this.manualCaptureLoading=!1,this.activeCameraId=localStorage.getItem(s)||"",this.registerFileUploader=()=>{!this.readSticker||this.codeReader?(this.fileButton=document.querySelector("#"+this.uploaderButtonId),this.fileInput=this.el.shadowRoot.querySelector(".vin-extractor-input"),this.fileButton.removeEventListener("click",this.onFileUploaderClick),this.fileInput.removeEventListener("change",this.onFileUploaderChange),this.fileButton.addEventListener("click",this.onFileUploaderClick),this.fileInput.addEventListener("change",this.onFileUploaderChange)):setTimeout((()=>{this.componentDidLoad()}),100)},this.onFileUploaderClick=()=>{this.fileInput.click()},this.onFileUploaderChange=()=>{var t;const e=null===(t=this.fileInput.files)||void 0===t?void 0:t[0];if(!e)return;const i=new Image,a=new FileReader;a.onload=()=>{i.src=a.result},i.onload=async()=>{this.handleOnProcessing(!0);const t=await this.processCanvasFromSource(i,this.videoCanvas);await this.handleImage(t),this.handleOnProcessing(!1)},a.readAsDataURL(e)},this.triggerCallback=(t,...e)=>{var i;t&&("function"==typeof t?t(...e):this.blazorRef&&"string"==typeof t&&t&&(null===(i=this.blazorRef)||void 0===i||i.invokeMethodAsync(t,...e)))},this.handleError=t=>{this.triggerCallback(this.onError,t)},this.handleExtract=t=>{this.triggerCallback(this.onExtract,t)},this.handleOnProcessing=t=>{this.triggerCallback(this.onProcessing,t)},this.captureFrame=async(t=!1)=>{if(!this.isOpen)return;if(!this.videoPlayer||!this.videoCanvas)return this.componentDidLoad();this.handleOnProcessing(!0),t&&(this.videoPlayer.pause(),this.manualCaptureLoading=!0);const e=await this.processCanvasFromSource(this.videoPlayer,this.videoCanvas);this.handleImage(e),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval),this.handleOnProcessing(!1)),t&&setTimeout((()=>{this.videoPlayer.play(),this.manualCaptureLoading=!1,this.handleOnProcessing(!1)}),1e3)},this.handleImage=async t=>{this.readSticker&&await this.stickerHandler(t),this.useOcr&&this.ocrEndpoint&&await this.ocrHandler(t)},this.ocrHandler=async t=>{try{const e=await fetch(this.ocrEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},signal:this.abortController.signal,body:JSON.stringify({image:t.split(",")[1]})});if(!e.ok)throw Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&o(i))&&this.handleExtract(i)}catch(t){this.handleError(t)}},this.stickerHandler=async t=>{try{this.verbose&&console.log("try detecting sticker");const e=(await this.codeReader.decodeFromImage(void 0,t)).getText();if(this.verbose&&console.log(e),e.trim())if(this.skipValidation)this.handleExtract(e.trim());else{const t=e.replace(/[qo]/g,"0").replace(/i/g,"1").replace(/ /g,"");17===t.length&&o(t)&&this.handleExtract(t)}}catch(t){this.handleError(t)}},this.openScanner=async()=>{var t;try{null===(t=this.abortController)||void 0===t||t.abort(),this.abortController=new AbortController;const e=await navigator.permissions.query({name:"camera"});if("prompt"===e.state)try{await navigator.mediaDevices.getUserMedia({video:!0})}catch(t){throw Error("no camera access")}if("denied"===e.state)throw Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw Error("No Camera Found");if(this.videoInputs=i,!i.some((t=>t.deviceId===this.activeCameraId))){const t=i.find((({label:t})=>t.toLowerCase().includes("back")||t.toLowerCase().includes("environment")))||i[0];this.activeCameraId=t.deviceId,localStorage.setItem(s,this.activeCameraId)}await this.startCamera(),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval+300)),document&&(document.body.style.overflow="hidden"),this.isCameraReady=!0,this.containerAnimation="show-container"}catch(t){this.handleError(t)}},this.startCamera=async()=>{try{const t={video:{deviceId:this.activeCameraId}};this.streamRef=await navigator.mediaDevices.getUserMedia(t),this.videoPlayer&&(this.videoPlayer.srcObject=this.streamRef,this.videoPlayer.play()),this.manualCaptureLoading=!1}catch(t){throw this.verbose&&console.error(t),Error("Error accessing camera: ")}},this.closeScanner=()=>{this.isCameraReady=!1,this.abortController.abort(),clearTimeout(this.frameCaptureTimeoutRef),this.codeReader&&this.codeReader.reset(),document&&(document.body.style.overflow="auto"),this.containerAnimation="hide-container"},this.stopCamera=()=>{this.streamRef&&(this.streamRef.getTracks().forEach((t=>t.stop())),this.streamRef=null)},this.switchCamera=()=>{if(this.videoInputs.length>1){const t=this.videoInputs.findIndex((t=>t.deviceId===this.activeCameraId));this.activeCameraId=this.videoInputs[(t+1)%this.videoInputs.length].deviceId,localStorage.setItem(s,this.activeCameraId),this.stopCamera(),this.startCamera(),this.switchRotateDegree+=90}}}async componentDidLoad(){if(this.videoPlayer=this.el.shadowRoot.querySelector(".video-player"),this.videoCanvas=this.el.shadowRoot.querySelector(".video-canvas"),this.abortController=new AbortController,!this.readSticker&&this.uploaderButtonId&&this.registerFileUploader(),this.readSticker){const t="https://unpkg.com/@zxing/library@0.21.3/umd/index.min.js",e=Array.from(document.scripts).some((e=>e.src===t));if(e&&this.uploaderButtonId&&this.registerFileUploader(),e){if(!this.codeReader)try{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}catch(t){setTimeout((()=>{this.componentDidLoad()}),100)}}else{const e=document.createElement("script");e.src=t,e.defer=!0,document.head.appendChild(e),e.onload=()=>{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}}}}async setBlazorRef(t){this.blazorRef=t}async processCanvasFromSource(t,e,i=400){try{const a=t instanceof HTMLImageElement,r=a?t.width:t.videoWidth,o=a?t.height:t.videoHeight;let s=r,n=o;if(Math.max(r,o)>i){const t=i/Math.max(r,o);s=Math.round(r*t),n=Math.round(o*t)}return e.width=s,e.height=n,e.getContext("2d").drawImage(t,0,0,s,n),e.toDataURL("image/png")}catch(t){return this.handleError(t),""}}async open(){this.isOpen=!0}async close(){this.isOpen=!1}isOpenHandler(t){t?this.openScanner():this.closeScanner(),this.triggerCallback(this.onOpenChange,t)}QRChanged(t){t&&this.componentDidLoad()}animationHandler(t){t||this.isOpen||this.stopCamera()}render(){const t=this.isOpen&&this.isCameraReady&&(this.useOcr||this.readSticker);return i(a,{key:"98a1c5d51d6af8185e78f6e6a96cb49022b94a22"},i("slot",{key:"ddb94ab40e8ae57858f383af8ac0f99a79d27a4b"}),i("input",Object.assign({key:"489990f1d0edac7e4971d8fecbb0aa6ef87f515c",class:"vin-extractor-input",type:"file",accept:"image/*"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),i("canvas",{key:"354151d419d597b11319c632673f0854178cea94",class:"video-canvas hidden"}),!this.uploaderButtonId&&i("div",{key:"6ea70a9da437c4d1a24cbf37bd9176ef95bf2f75",onClick:()=>this.isOpen=!1,"aria-expanded":""+t,class:"vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]"},i("div",{key:"f60a998bac4eba4fc446422cd1d5b31b6359b4bb",onClick:t=>t.stopPropagation(),"aria-expanded":""+t,onAnimationEnd:()=>this.isAnimating=!1,onAnimationStart:()=>this.isAnimating=!0,class:r("vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500",this.containerAnimation)},i("div",{key:"52648c3b2044167ecc8b723491d1c4c72471b6be",class:"vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between"},this.videoInputs.length>1?i("button",{type:"button",onClick:this.switchCamera,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:"size-full transition-all duration-300",style:{rotate:this.switchRotateDegree+"deg"}},i("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),i("path",{d:"M21 3v5h-5"}),i("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),i("path",{d:"M8 16H3v5"}))):i("div",{class:"size-8"}),i("h1",{key:"a1902ca8239996fc722ff2aa5e54187f42ec45b6",class:"text-center md:text-3xl md:text-black text-slate-100 text-xl"},this.title),i("button",{key:"cd022cfbf1b98776931e2c0648e4bb6b3f52aa11",type:"button",onClick:()=>this.isOpen=!1,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{key:"6bc6cf39a43136dd3a306983ac465348c7af6f50",fill:"none","stroke-width":"2",class:"size-full",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"ae61bf2116852b86755bb70a24994ff4227275b1",d:"M18 6 6 18"}),i("path",{key:"c132a07dbf8f3def6169e81076277eeb6b938191",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"1ad026ca247970d615fb43b4d615cb6db133cd84",type:"button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),class:"absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4"},this.manualCaptureLoading?i("svg",{fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",class:"size-full animate-spin",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):i("svg",{fill:"none","stroke-width":"2",class:"size-full",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"}),i("circle",{cx:"12",cy:"13",r:"3"}))),i("video",{key:"09e8defdd65d4d3ff886eaf37816c372654da06e",id:"video",autoPlay:!0,playsInline:!0,class:"video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center"}))))}get el(){return this}static get watchers(){return{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.blur{--tw-blur:blur(8px);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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:rgba(0,0,0,.4);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.flex{display:flex}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:aspect-auto{aspect-ratio:auto}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[1,"vin-extractor",{title:[1],captureInterval:[2,"capture-interval"],verbose:[4],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],uploaderButtonId:[1,"uploader-button-id"],captureEnvironment:[4,"capture-environment"],manualCapture:[4,"manual-capture"],skipValidation:[4,"skip-validation"],ocrEndpoint:[1,"ocr-endpoint"],onExtract:[1,"on-extract"],onError:[1,"on-error"],onProcessing:[1,"on-processing"],onOpenChange:[1,"on-open-change"],streamRef:[32],isOpen:[32],isAnimating:[32],isCameraReady:[32],switchRotateDegree:[32],containerAnimation:[32],blazorRef:[32],videoInputs:[32],manualCaptureLoading:[32],activeCameraId:[32],setBlazorRef:[64],open:[64],close:[64]},void 0,{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}]);function c(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((t=>{"vin-extractor"===t&&(customElements.get(t)||customElements.define(t,n))}))}c();const d=n,l=c;export{d as VinExtractor,l as defineCustomElement}
5
+ import{p as t,H as e,h as i,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as o}from"./p-CUREVASG.js";const s="activeCameraId",n=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.title="",this.captureInterval=2e3,this.verbose=!1,this.useOcr=!1,this.readSticker=!1,this.captureEnvironment=!1,this.manualCapture=!1,this.skipValidation=!1,this.isOpen=!1,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.videoInputs=[],this.manualCaptureLoading=!1,this.activeCameraId=localStorage.getItem(s)||"",this.registerFileUploader=()=>{!this.readSticker||this.codeReader?(this.fileButton=document.querySelector("#"+this.uploaderButtonId),this.fileInput=this.el.shadowRoot.querySelector(".vin-extractor-input"),this.fileButton.removeEventListener("click",this.onFileUploaderClick),this.fileInput.removeEventListener("change",this.onFileUploaderChange),this.fileButton.addEventListener("click",this.onFileUploaderClick),this.fileInput.addEventListener("change",this.onFileUploaderChange)):setTimeout((()=>{this.componentDidLoad()}),100)},this.onFileUploaderClick=()=>{this.fileInput.click()},this.onFileUploaderChange=()=>{var t;const e=null===(t=this.fileInput.files)||void 0===t?void 0:t[0];if(!e)return;const i=new Image,a=new FileReader;a.onload=()=>{i.src=a.result},i.onload=async()=>{this.handleOnProcessing(!0);const t=await this.processCanvasFromSource(i,this.videoCanvas);await this.handleImage(t),this.handleOnProcessing(!1)},a.readAsDataURL(e)},this.triggerCallback=(t,...e)=>{var i;t&&("function"==typeof t?t(...e):this.blazorRef&&"string"==typeof t&&t&&(null===(i=this.blazorRef)||void 0===i||i.invokeMethodAsync(t,...e)))},this.handleError=t=>{this.triggerCallback(this.onError,t)},this.handleExtract=t=>{this.triggerCallback(this.onExtract,t)},this.handleOnProcessing=t=>{this.triggerCallback(this.onProcessing,t)},this.captureFrame=async(t=!1)=>{if(!this.isOpen)return;if(!this.videoPlayer||!this.videoCanvas)return this.componentDidLoad();this.handleOnProcessing(!0),t&&(this.videoPlayer.pause(),this.manualCaptureLoading=!0);const e=await this.processCanvasFromSource(this.videoPlayer,this.videoCanvas);this.handleImage(e),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval),this.handleOnProcessing(!1)),t&&setTimeout((()=>{this.videoPlayer.play(),this.manualCaptureLoading=!1,this.handleOnProcessing(!1)}),1e3)},this.handleImage=async t=>{this.readSticker&&await this.stickerHandler(t),this.useOcr&&this.ocrEndpoint&&await this.ocrHandler(t)},this.ocrHandler=async t=>{try{const e=await fetch(this.ocrEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},signal:this.abortController.signal,body:JSON.stringify({image:t.split(",")[1]})});if(!e.ok)throw Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&o(i))&&this.handleExtract(i)}catch(t){this.handleError(t)}},this.stickerHandler=async t=>{try{this.verbose&&console.log("try detecting sticker");const e=(await this.codeReader.decodeFromImage(void 0,t)).getText();if(this.verbose&&console.log(e),e.trim())if(this.skipValidation)this.handleExtract(e.trim());else{const t=e.replace(/[qo]/g,"0").replace(/i/g,"1").replace(/ /g,"");17===t.length&&o(t)&&this.handleExtract(t)}}catch(t){this.handleError(t)}},this.openScanner=async()=>{var t;try{null===(t=this.abortController)||void 0===t||t.abort(),this.abortController=new AbortController;const e=await navigator.permissions.query({name:"camera"});if("prompt"===e.state)try{await navigator.mediaDevices.getUserMedia({video:!0})}catch(t){throw Error("no camera access")}if("denied"===e.state)throw Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw Error("No Camera Found");if(this.videoInputs=i,!i.some((t=>t.deviceId===this.activeCameraId))){const t=i.find((({label:t})=>t.toLowerCase().includes("back")||t.toLowerCase().includes("environment")))||i[0];this.activeCameraId=t.deviceId,localStorage.setItem(s,this.activeCameraId)}await this.startCamera(),this.manualCapture||(this.frameCaptureTimeoutRef=setTimeout(this.captureFrame,this.captureInterval+300)),document&&(document.body.style.overflow="hidden"),this.isCameraReady=!0,this.containerAnimation="show-container"}catch(t){this.handleError(t)}},this.startCamera=async()=>{try{const t={video:{deviceId:this.activeCameraId}};this.streamRef=await navigator.mediaDevices.getUserMedia(t),this.videoPlayer&&(this.videoPlayer.srcObject=this.streamRef,this.videoPlayer.play()),this.manualCaptureLoading=!1}catch(t){throw this.verbose&&console.error(t),Error("Error accessing camera: ")}},this.closeScanner=()=>{this.isCameraReady=!1,this.abortController.abort(),clearTimeout(this.frameCaptureTimeoutRef),this.codeReader&&this.codeReader.reset(),document&&(document.body.style.overflow="auto"),this.containerAnimation="hide-container"},this.stopCamera=()=>{this.streamRef&&(this.streamRef.getTracks().forEach((t=>t.stop())),this.streamRef=null)},this.switchCamera=()=>{if(this.videoInputs.length>1){const t=this.videoInputs.findIndex((t=>t.deviceId===this.activeCameraId));this.activeCameraId=this.videoInputs[(t+1)%this.videoInputs.length].deviceId,localStorage.setItem(s,this.activeCameraId),this.stopCamera(),this.startCamera(),this.switchRotateDegree+=90}}}async componentDidLoad(){if(this.videoPlayer=this.el.shadowRoot.querySelector(".video-player"),this.videoCanvas=this.el.shadowRoot.querySelector(".video-canvas"),this.abortController=new AbortController,!this.readSticker&&this.uploaderButtonId&&this.registerFileUploader(),this.readSticker){const t="https://unpkg.com/@zxing/library@0.21.3/umd/index.min.js",e=Array.from(document.scripts).some((e=>e.src===t));if(e&&this.uploaderButtonId&&this.registerFileUploader(),e){if(!this.codeReader)try{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}catch(t){setTimeout((()=>{this.componentDidLoad()}),100)}}else{const e=document.createElement("script");e.src=t,e.defer=!0,document.head.appendChild(e),e.onload=()=>{ZXing&&(this.codeReader=new ZXing.BrowserMultiFormatReader)}}}}async setBlazorRef(t){this.blazorRef=t}async processCanvasFromSource(t,e,i=400){try{const a=t instanceof HTMLImageElement,r=a?t.width:t.videoWidth,o=a?t.height:t.videoHeight;let s=r,n=o;if(Math.max(r,o)>i){const t=i/Math.max(r,o);s=Math.round(r*t),n=Math.round(o*t)}return e.width=s,e.height=n,e.getContext("2d").drawImage(t,0,0,s,n),e.toDataURL("image/png")}catch(t){return this.handleError(t),""}}async open(){this.isOpen=!0}async close(){this.isOpen=!1}isOpenHandler(t){t?this.openScanner():this.closeScanner(),this.triggerCallback(this.onOpenChange,t)}QRChanged(t){t&&this.componentDidLoad()}animationHandler(t){t||this.isOpen||this.stopCamera()}render(){const t=this.isOpen&&this.isCameraReady&&(this.useOcr||this.readSticker);return i(a,{key:"0a38cc8a01e110c33db58a8fb7fcdd4a998c20ce"},i("slot",{key:"50bc67b07f41f5beb1039fca8aa9364e37ae4d20"}),i("input",Object.assign({key:"fae00af9bdc9971cff98c4b0f8b49f12ea915089",class:"vin-extractor-input",type:"file",accept:"image/*"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),i("canvas",{key:"12b8b638667c7ba86aed836818a0fe4bf255d5b0",class:"video-canvas hidden"}),!this.uploaderButtonId&&i("div",{key:"c0ad0ae7f4c28b2f4b01030ba8cbb5065cd7b619",onClick:()=>this.isOpen=!1,"aria-expanded":""+t,class:"vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]"},i("div",{key:"ee04c7950a0bcec8331c3ce73b0d6902c1046271",onClick:t=>t.stopPropagation(),"aria-expanded":""+t,onAnimationEnd:()=>this.isAnimating=!1,onAnimationStart:()=>this.isAnimating=!0,class:r("vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500",this.containerAnimation)},i("div",{key:"c86777ca248f90e286b58f021bf572c31e9b7eff",class:"vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between"},this.videoInputs.length>1?i("button",{type:"button",onClick:this.switchCamera,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{width:"24",height:"24",fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:"size-full transition-all duration-300",style:{rotate:this.switchRotateDegree+"deg"}},i("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),i("path",{d:"M21 3v5h-5"}),i("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),i("path",{d:"M8 16H3v5"}))):i("div",{class:"size-8"}),i("h1",{key:"c8049b59d722f37a44665469923a061a385df709",class:"text-center md:text-3xl md:text-black text-slate-100 text-xl"},this.title),i("button",{key:"75fdc0de51b4464f3e33b0d695620a1a9ad439ec",type:"button",onClick:()=>this.isOpen=!1,class:"size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700"},i("svg",{key:"6a9d3734b93b77c436428fd8e31dba9795b38c6c",fill:"none","stroke-width":"2",class:"size-full",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"bf376519283ab1e9033c98f2e25c1063a3fc9729",d:"M18 6 6 18"}),i("path",{key:"570c5de2528dd90fff1c3a22640396329dbb3c0a",d:"m6 6 12 12"})))),this.manualCapture&&i("button",{key:"e8568456e3115385b89357e24ee4dcea9bdd52ee",type:"button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),class:"absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4"},this.manualCaptureLoading?i("svg",{fill:"none","stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",class:"size-full animate-spin",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):i("svg",{fill:"none","stroke-width":"2",class:"size-full",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"}),i("circle",{cx:"12",cy:"13",r:"3"}))),i("video",{key:"96a7f91b60ad83584dffa6e67f1b998341d39c57",id:"video",autoPlay:!0,playsInline:!0,class:"video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center"}))))}get el(){return this}static get watchers(){return{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.blur{--tw-blur:blur(8px);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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{backdrop-filter:blur(6px)!important}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{backdrop-filter:blur(1.5px);background:rgba(0,0,0,.4);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.flex{display:flex}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:aspect-auto{aspect-ratio:auto}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[257,"vin-extractor",{title:[1],captureInterval:[2,"capture-interval"],verbose:[4],useOcr:[4,"use-ocr"],readSticker:[4,"read-sticker"],uploaderButtonId:[1,"uploader-button-id"],captureEnvironment:[4,"capture-environment"],manualCapture:[4,"manual-capture"],skipValidation:[4,"skip-validation"],ocrEndpoint:[1,"ocr-endpoint"],onExtract:[1,"on-extract"],onError:[1,"on-error"],onProcessing:[1,"on-processing"],onOpenChange:[1,"on-open-change"],streamRef:[32],isOpen:[32],isAnimating:[32],isCameraReady:[32],switchRotateDegree:[32],containerAnimation:[32],blazorRef:[32],videoInputs:[32],manualCaptureLoading:[32],activeCameraId:[32],setBlazorRef:[64],open:[64],close:[64]},void 0,{isOpen:["isOpenHandler"],readSticker:["QRChanged"],isAnimating:["animationHandler"]}]);function c(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((t=>{"vin-extractor"===t&&(customElements.get(t)||customElements.define(t,n))}))}c();const d=n,l=c;export{d as VinExtractor,l as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { h } from './index-BnEa9hGL.js';
6
+
7
+ const AddIcon = props => (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", class: props.class, stroke: "currentColor", "stroke-linecap": "round", onClick: props.onClick, "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
8
+ h("path", { d: "M5 12h14" }),
9
+ h("path", { d: "M12 5v14" })));
10
+
11
+ export { AddIcon as A };
@@ -0,0 +1,9 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { g as globalFn } from './index-BnEa9hGL.js';
6
+
7
+ const globalScripts = globalFn;
8
+
9
+ export { globalScripts as g };
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { h } from './index-BnEa9hGL.js';
6
+
7
+ const ArrowUpIcon = props => (h("svg", { class: props.class, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" },
8
+ h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })));
9
+
10
+ export { ArrowUpIcon as A };
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { h } from './index-BnEa9hGL.js';
6
+
7
+ const CheckIcon = props => (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" },
8
+ h("path", { d: "M20 6 9 17l-5-5" })));
9
+
10
+ export { CheckIcon as C };