adp-web-components 0.3.17 → 0.3.18

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 (223) hide show
  1. package/dist/cjs/branch-slot-dropdown_15.cjs.entry.js +14 -14
  2. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +5 -5
  3. package/dist/cjs/flexible-container.cjs.entry.js +1 -1
  4. package/dist/cjs/form-checkbox.cjs.entry.js +1 -1
  5. package/dist/cjs/form-date-picker.cjs.entry.js +1 -1
  6. package/dist/cjs/form-input_7.cjs.entry.js +7 -7
  7. package/dist/cjs/form-switch.cjs.entry.js +1 -1
  8. package/dist/cjs/form-time-picker.cjs.entry.js +1 -1
  9. package/dist/cjs/{functions-CapMfTHh.js → functions-C9XsBzrL.js} +1 -1
  10. package/dist/cjs/general-form.cjs.entry.js +3 -3
  11. package/dist/cjs/general-inquiry-form.cjs.entry.js +3 -3
  12. package/dist/cjs/{get-local-language-BTd95PxT.js → get-local-language-BnUadlVY.js} +1 -1
  13. package/dist/cjs/{get-mock-files-CbmOXs70.js → get-mock-files-Dr5dpq1N.js} +1 -1
  14. package/dist/cjs/information-table.cjs.entry.js +1 -1
  15. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  16. package/dist/cjs/manufacturer-part-lookup.cjs.entry.js +2 -2
  17. package/dist/cjs/part-lookup.cjs.entry.js +2 -2
  18. package/dist/cjs/service-booking-form.cjs.entry.js +3 -3
  19. package/dist/cjs/shift-accordion.cjs.entry.js +1 -1
  20. package/dist/cjs/shift-checkbox.cjs.entry.js +1 -1
  21. package/dist/cjs/shift-switch.cjs.entry.js +1 -1
  22. package/dist/cjs/shift-tab-content.cjs.entry.js +1 -1
  23. package/dist/cjs/shift-tabs_2.cjs.entry.js +2 -2
  24. package/dist/cjs/ssc-lookup-form.cjs.entry.js +3 -3
  25. package/dist/cjs/test-drive-form.cjs.entry.js +3 -3
  26. package/dist/cjs/vehicle-accessories_8.cjs.entry.js +9 -9
  27. package/dist/cjs/vehicle-lookup.cjs.entry.js +3 -3
  28. package/dist/cjs/vehicle-quotation-form.cjs.entry.js +3 -3
  29. package/dist/collection/components/components/empty.css +1 -1
  30. package/dist/collection/components/components/flexible-container.css +1 -1
  31. package/dist/collection/components/components/information-table.css +1 -1
  32. package/dist/collection/components/components/loading-spinner.css +1 -1
  33. package/dist/collection/components/components/shift-accordion.css +1 -1
  34. package/dist/collection/components/components/shift-portal.css +1 -1
  35. package/dist/collection/components/components/shift-select-dropdown.css +1 -1
  36. package/dist/collection/components/components/shift-select.css +1 -1
  37. package/dist/collection/components/components/shift-tab-content.css +1 -1
  38. package/dist/collection/components/components/shift-tabs.css +1 -1
  39. package/dist/collection/components/form-elements/form-dialog.css +1 -1
  40. package/dist/collection/components/form-elements/form-inputs.css +1 -1
  41. package/dist/collection/components/forms/defaults/style.css +1 -1
  42. package/dist/collection/components/forms/vehicle-quotation/themes.css +1 -1
  43. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  44. package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
  45. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  46. package/dist/collection/components/part-lookup/manufacturer-part-lookup.css +1 -1
  47. package/dist/collection/components/part-lookup/part-lookup.css +1 -1
  48. package/dist/collection/components/vehicle-lookup/vehicle-accessories.css +1 -1
  49. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.css +1 -1
  50. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.css +1 -1
  51. package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
  52. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.css +1 -1
  53. package/dist/collection/components/vehicle-lookup/vehicle-sale-information.css +1 -1
  54. package/dist/collection/components/vehicle-lookup/vehicle-service-history.css +1 -1
  55. package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -1
  56. package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.css +1 -1
  57. package/dist/collection/components/vehicle-lookup/vehicle-warranty-timeline.css +1 -1
  58. package/dist/collection/components/vin-extractor/vin-extractor.css +1 -1
  59. package/dist/components/branch-slot-picker.js +1 -1
  60. package/dist/components/dead-stock-lookup.js +1 -1
  61. package/dist/components/distributor-lookup.js +1 -1
  62. package/dist/components/flexible-container.js +1 -1
  63. package/dist/components/form-checkbox.js +1 -1
  64. package/dist/components/form-date-picker.js +1 -1
  65. package/dist/components/form-dialog.js +1 -1
  66. package/dist/components/form-file.js +1 -1
  67. package/dist/components/form-input-preview.js +1 -1
  68. package/dist/components/form-input.js +1 -1
  69. package/dist/components/form-phone-number.js +1 -1
  70. package/dist/components/form-picker-input.js +1 -1
  71. package/dist/components/form-select.js +1 -1
  72. package/dist/components/form-shadow-input.js +1 -1
  73. package/dist/components/form-stepper-control.js +1 -1
  74. package/dist/components/form-stepper-submit.js +1 -1
  75. package/dist/components/form-stepper.js +1 -1
  76. package/dist/components/form-structure-error.js +1 -1
  77. package/dist/components/form-structure.js +1 -1
  78. package/dist/components/form-submit.js +1 -1
  79. package/dist/components/form-switch.js +1 -1
  80. package/dist/components/form-text-area.js +1 -1
  81. package/dist/components/form-time-picker.js +1 -1
  82. package/dist/components/form-vin-input.js +1 -1
  83. package/dist/components/general-form.js +1 -1
  84. package/dist/components/general-inquiry-form.js +1 -1
  85. package/dist/components/information-table.js +1 -1
  86. package/dist/components/loading-spinner.js +1 -1
  87. package/dist/components/manufacturer-lookup.js +1 -1
  88. package/dist/components/manufacturer-part-lookup.js +1 -1
  89. package/dist/components/{p-DZQhS99P.js → p-B0lK-5c_.js} +1 -1
  90. package/dist/components/{p-EoN2IaOf.js → p-B0tcNl8W.js} +1 -1
  91. package/dist/components/{p-F4VzDY-B.js → p-B6EgLMus.js} +1 -1
  92. package/dist/components/{p-Bcv_qG7-.js → p-BMnQwtNn.js} +1 -1
  93. package/dist/components/p-BQHywBX6.js +5 -0
  94. package/dist/components/{p-C8Fy2Klg.js → p-BUczNscD.js} +1 -1
  95. package/dist/components/{p-DImbCxFg.js → p-BVdlf8rx.js} +1 -1
  96. package/dist/components/{p-CwxWHXzb.js → p-B_jDD5xI.js} +1 -1
  97. package/dist/components/{p-DtVCrSOs.js → p-Bb4mauUH.js} +1 -1
  98. package/dist/components/{p-D12wu2Oa.js → p-Be01Kv65.js} +1 -1
  99. package/dist/components/{p-DB5uNT4l.js → p-BiaT4YFg.js} +1 -1
  100. package/dist/components/{p-5mX6k-uD.js → p-Bl_BMBad.js} +1 -1
  101. package/dist/components/{p-CJCaVu6N.js → p-BmQrqnnJ.js} +1 -1
  102. package/dist/components/{p-D5ojUQdR.js → p-BogCz_yJ.js} +1 -1
  103. package/dist/components/{p-B2FtamaW.js → p-Bs5AIefE.js} +1 -1
  104. package/dist/components/p-BvFDjUZZ.js +5 -0
  105. package/dist/components/{p-Ca9L7aPX.js → p-C2trAVtF.js} +1 -1
  106. package/dist/components/{p-BK8Fk0y2.js → p-C31A3MHr.js} +1 -1
  107. package/dist/components/{p-D4X-HiT-.js → p-CNqcMKLv.js} +1 -1
  108. package/dist/components/{p-DSfE_ZAA.js → p-CZWmJ1vV.js} +1 -1
  109. package/dist/components/{p-B7gfOpxv.js → p-Cg4l7ICV.js} +1 -1
  110. package/dist/components/{p-B__72-PA.js → p-Ci6LbIzY.js} +1 -1
  111. package/dist/components/{p-D_8ZonSn.js → p-Ci6k5mSb.js} +1 -1
  112. package/dist/components/{p-B2e_NNFM.js → p-CuTemmgW.js} +1 -1
  113. package/dist/components/{p-DmklwK8t.js → p-D0oXezbg.js} +1 -1
  114. package/dist/components/{p-BcDVkdxZ.js → p-D7wRHBb3.js} +1 -1
  115. package/dist/components/{p-CdtkLtmq.js → p-D9pKibY5.js} +1 -1
  116. package/dist/components/{p-quwVhPuC.js → p-DBKG_o1-.js} +1 -1
  117. package/dist/components/{p-TME4xyqD.js → p-DG-IgRFW.js} +1 -1
  118. package/dist/components/{p-o72oMgff.js → p-DTdm5I7a.js} +1 -1
  119. package/dist/components/{p-CGvoW1Qj.js → p-DcB3e3j1.js} +1 -1
  120. package/dist/components/{p-DSKxl1bw.js → p-DgJ9CCPI.js} +1 -1
  121. package/dist/components/{p-CADxWthH.js → p-Dhi7g1w3.js} +1 -1
  122. package/dist/components/{p-DfJDXDyd.js → p-Dlm9wHfQ.js} +1 -1
  123. package/dist/components/{p-DcggdAuA.js → p-DlqfD7uh.js} +1 -1
  124. package/dist/components/{p-CWb13Qt2.js → p-DsMy6H9e.js} +1 -1
  125. package/dist/components/{p-BOQyGOIh.js → p-Dseg250d.js} +1 -1
  126. package/dist/components/p-EVz84xxv.js +5 -0
  127. package/dist/components/{p-DGpQUIZ3.js → p-SnXklPq9.js} +1 -1
  128. package/dist/components/{p-CDQ5F3Oe.js → p-TtDq4UV5.js} +1 -1
  129. package/dist/components/{p-CFAD5EiT.js → p-gzdpekMI.js} +1 -1
  130. package/dist/components/{p-C5dzR7bo.js → p-k8G1hnHC.js} +1 -1
  131. package/dist/components/{p-Dr_ggnvT.js → p-l738xIxs.js} +1 -1
  132. package/dist/components/{p-DUqMUqii.js → p-oZMLGlUq.js} +1 -1
  133. package/dist/components/{p-CzefTd4Z.js → p-uPiGNvhQ.js} +1 -1
  134. package/dist/components/part-lookup.js +1 -1
  135. package/dist/components/service-booking-form.js +1 -1
  136. package/dist/components/shift-accordion.js +1 -1
  137. package/dist/components/shift-checkbox.js +1 -1
  138. package/dist/components/shift-portal.js +1 -1
  139. package/dist/components/shift-select-dropdown.js +1 -1
  140. package/dist/components/shift-select.js +1 -1
  141. package/dist/components/shift-slider.js +1 -1
  142. package/dist/components/shift-switch.js +1 -1
  143. package/dist/components/shift-tab-content.js +1 -1
  144. package/dist/components/shift-tabs.js +1 -1
  145. package/dist/components/ssc-lookup-form.js +1 -1
  146. package/dist/components/test-drive-form.js +1 -1
  147. package/dist/components/vehicle-accessories.js +1 -1
  148. package/dist/components/vehicle-claimable-items.js +1 -1
  149. package/dist/components/vehicle-item-claim-form.js +1 -1
  150. package/dist/components/vehicle-lookup.js +1 -1
  151. package/dist/components/vehicle-paint-thickness.js +1 -1
  152. package/dist/components/vehicle-quotation-form.js +1 -1
  153. package/dist/components/vehicle-sale-information.js +1 -1
  154. package/dist/components/vehicle-service-history.js +1 -1
  155. package/dist/components/vehicle-specification.js +1 -1
  156. package/dist/components/vehicle-warranty-details.js +1 -1
  157. package/dist/components/vehicle-warranty-timeline.js +1 -1
  158. package/dist/components/vin-extractor.js +1 -1
  159. package/dist/esm/branch-slot-dropdown_15.entry.js +14 -14
  160. package/dist/esm/dead-stock-lookup_3.entry.js +5 -5
  161. package/dist/esm/flexible-container.entry.js +1 -1
  162. package/dist/esm/form-checkbox.entry.js +1 -1
  163. package/dist/esm/form-date-picker.entry.js +1 -1
  164. package/dist/esm/form-input_7.entry.js +7 -7
  165. package/dist/esm/form-switch.entry.js +1 -1
  166. package/dist/esm/form-time-picker.entry.js +1 -1
  167. package/dist/esm/{functions-f8layAOa.js → functions-COLiDjnd.js} +1 -1
  168. package/dist/esm/general-form.entry.js +3 -3
  169. package/dist/esm/general-inquiry-form.entry.js +3 -3
  170. package/dist/esm/{get-local-language-CmpioiFI.js → get-local-language-CACck9dv.js} +1 -1
  171. package/dist/esm/{get-mock-files-CmnMeDzZ.js → get-mock-files-BEIYZlS_.js} +1 -1
  172. package/dist/esm/information-table.entry.js +1 -1
  173. package/dist/esm/loading-spinner.entry.js +1 -1
  174. package/dist/esm/manufacturer-part-lookup.entry.js +2 -2
  175. package/dist/esm/part-lookup.entry.js +2 -2
  176. package/dist/esm/service-booking-form.entry.js +3 -3
  177. package/dist/esm/shift-accordion.entry.js +1 -1
  178. package/dist/esm/shift-checkbox.entry.js +1 -1
  179. package/dist/esm/shift-switch.entry.js +1 -1
  180. package/dist/esm/shift-tab-content.entry.js +1 -1
  181. package/dist/esm/shift-tabs_2.entry.js +2 -2
  182. package/dist/esm/ssc-lookup-form.entry.js +3 -3
  183. package/dist/esm/test-drive-form.entry.js +3 -3
  184. package/dist/esm/vehicle-accessories_8.entry.js +9 -9
  185. package/dist/esm/vehicle-lookup.entry.js +3 -3
  186. package/dist/esm/vehicle-quotation-form.entry.js +3 -3
  187. package/dist/integration-manifest.json +1 -1
  188. package/dist/shift-components/{p-Dv0taHW_.js → p--JyU3LyU.js} +1 -1
  189. package/dist/shift-components/{p-e91deefd.entry.js → p-1923fdb9.entry.js} +1 -1
  190. package/dist/shift-components/{p-ac83e668.entry.js → p-34dffc00.entry.js} +1 -1
  191. package/dist/shift-components/{p-a4d06261.entry.js → p-48a9feb9.entry.js} +1 -1
  192. package/dist/shift-components/{p-6fe01a86.entry.js → p-537507ee.entry.js} +1 -1
  193. package/dist/shift-components/{p-9bd6d0fc.entry.js → p-6263bc0c.entry.js} +1 -1
  194. package/dist/shift-components/{p-99886c58.entry.js → p-65aad39b.entry.js} +1 -1
  195. package/dist/shift-components/p-6fa1121c.entry.js +5 -0
  196. package/dist/shift-components/{p-9eb16d35.entry.js → p-782fe0e1.entry.js} +1 -1
  197. package/dist/shift-components/{p-69790bdc.entry.js → p-853f1b8b.entry.js} +1 -1
  198. package/dist/shift-components/{p-e38e8bc1.entry.js → p-9a6450f6.entry.js} +1 -1
  199. package/dist/shift-components/{p-D3VH35M_.js → p-D0Md1Xf7.js} +1 -1
  200. package/dist/shift-components/{p-6be90f56.entry.js → p-a0d13479.entry.js} +1 -1
  201. package/dist/shift-components/{p-9d1bbc0c.entry.js → p-a91ed0fc.entry.js} +1 -1
  202. package/dist/shift-components/{p-37058771.entry.js → p-ac91d4ce.entry.js} +1 -1
  203. package/dist/shift-components/{p-9fc72034.entry.js → p-b1270d98.entry.js} +1 -1
  204. package/dist/shift-components/{p-e3071e5c.entry.js → p-b2048d87.entry.js} +1 -1
  205. package/dist/shift-components/{p-8de8abd6.entry.js → p-bb172fc4.entry.js} +1 -1
  206. package/dist/shift-components/{p-f092c7a2.entry.js → p-c4cf0a18.entry.js} +1 -1
  207. package/dist/shift-components/{p-4ab917bc.entry.js → p-c66b18c9.entry.js} +1 -1
  208. package/dist/shift-components/{p-9c94056c.entry.js → p-c9a7e5ab.entry.js} +1 -1
  209. package/dist/shift-components/{p-8191cc0c.entry.js → p-cfcfdb20.entry.js} +1 -1
  210. package/dist/shift-components/{p-902c5265.entry.js → p-e7a99998.entry.js} +1 -1
  211. package/dist/shift-components/{p-e4fcf87e.entry.js → p-ec2a7d65.entry.js} +1 -1
  212. package/dist/shift-components/{p-96190191.entry.js → p-f2b86186.entry.js} +1 -1
  213. package/dist/shift-components/p-fa7a961c.entry.js +5 -0
  214. package/dist/shift-components/{p-ddec153e.entry.js → p-fdf94f65.entry.js} +1 -1
  215. package/dist/shift-components/{p-DaBIJj2P.js → p-jmNTa9tM.js} +1 -1
  216. package/dist/shift-components/shift-components.esm.js +1 -1
  217. package/dist/stencil-docs.json +1 -1
  218. package/package.json +1 -1
  219. package/dist/components/p-CDB3gNwK.js +0 -5
  220. package/dist/components/p-Cke96B5F.js +0 -5
  221. package/dist/components/p-P_JhivkA.js +0 -5
  222. package/dist/shift-components/p-60b86b74.entry.js +0 -5
  223. package/dist/shift-components/p-eb460e63.entry.js +0 -5
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{t,p as e,H as a,h as o,a as r}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{d as n}from"./p-DZQhS99P.js";const s=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.clearAnimationClasses=t=>{const e=this.el.getElementsByClassName(`tab-${t}`)[0];return e.classList.remove("slide-content-out"),e.classList.remove("slide-content-in"),e}}async onActiveIndexChange(t,e){this.lastActiveComponent=e,clearTimeout(this.ChildUpdatesActionTimeout);const a=this.clearAnimationClasses(e),o=this.clearAnimationClasses(t);a.classList.add("slide-content-out"),o.classList.add("slide-content-in")}render(){return o(r,{key:"9afa04fe49e984ec8cf047b810b04add18ef145d",translate:"no"},o("flexible-container",{key:"07bf70119918aae9e2a11520b10a2d8f8a0e4ac1"},Object.entries(this.components).map((([t,e])=>o("div",{onAnimationEnd:()=>this.clearAnimationClasses(t),class:i("!w-full transition !duration-0",`tab-${t}`,{"absolute opacity-0 top-0 !pointer-events-none [&_*]:!pointer-events-none translate-x-[-200%] translate-y-[200%]":t!==this.activeComponent})},e)))))}get el(){return this}static get watchers(){return{activeComponent:[{onActiveIndexChange:0}]}}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;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.slide-content-in{animation:slideContentIn .35s ease-out forwards}@keyframes slideContentIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.slide-content-out{animation:slideContentOut .35s ease-out forwards}@keyframes slideContentOut{0%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-200%) translateX(-200%)}}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.relative{position:relative}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.top-0{top:0}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.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-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.block{display:block}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.resize{resize:both}.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}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-500{transition-duration:.5s!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-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%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.gap-\\[4px\\]{gap:4px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.end-0{inset-inline-end:0}.top-full{top:100%}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.gap-\\[6px\\]{gap:6px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-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-\\[15px\\]{padding-bottom:15px;padding-top:15px}.text-\\[17px\\]{font-size:17px}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.h-\\[25px\\]{height:25px}.h-\\[8px\\]{height:8px}.pt-\\[40px\\]{padding-top:40px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[0,"shift-tab-content",{activeComponent:[1,"active-component"],components:[16],lastActiveComponent:[32]},void 0,{activeComponent:[{onActiveIndexChange:0}]}]);function p(){"undefined"!=typeof customElements&&["shift-tab-content","flexible-container"].forEach((e=>{switch(e){case"shift-tab-content":customElements.get(t(e))||customElements.define(t(e),s);break;case"flexible-container":customElements.get(t(e))||n()}}))}p();export{s as S,p as d}
5
+ import{t,p as e,H as o,h as a,a as r}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{d as n}from"./p-B0lK-5c_.js";const s=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.clearAnimationClasses=t=>{const e=this.el.getElementsByClassName(`tab-${t}`)[0];return e.classList.remove("slide-content-out"),e.classList.remove("slide-content-in"),e}}async onActiveIndexChange(t,e){this.lastActiveComponent=e,clearTimeout(this.ChildUpdatesActionTimeout);const o=this.clearAnimationClasses(e),a=this.clearAnimationClasses(t);o.classList.add("slide-content-out"),a.classList.add("slide-content-in")}render(){return a(r,{key:"9afa04fe49e984ec8cf047b810b04add18ef145d",translate:"no"},a("flexible-container",{key:"07bf70119918aae9e2a11520b10a2d8f8a0e4ac1"},Object.entries(this.components).map((([t,e])=>a("div",{onAnimationEnd:()=>this.clearAnimationClasses(t),class:i("!w-full transition !duration-0",`tab-${t}`,{"absolute opacity-0 top-0 !pointer-events-none [&_*]:!pointer-events-none translate-x-[-200%] translate-y-[200%]":t!==this.activeComponent})},e)))))}get el(){return this}static get watchers(){return{activeComponent:[{onActiveIndexChange:0}]}}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;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.slide-content-in{animation:slideContentIn .35s ease-out forwards}@keyframes slideContentIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.slide-content-out{animation:slideContentOut .35s ease-out forwards}@keyframes slideContentOut{0%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-200%) translateX(-200%)}}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[16px\\]{padding:16px}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.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)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.flex-col{flex-direction:column}.pb-\\[16px\\]{padding-bottom:16px}.me-1{margin-inline-end:.25rem}.relative{position:relative}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.top-0{top:0}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.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-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.block{display:block}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-500{transition-duration:.5s!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}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-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%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mt-\\[4px\\]{margin-top:4px}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[12px\\]{padding:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.end-0{inset-inline-end:0}.top-full{top:100%}.me-\\[16px\\]{margin-inline-end:16px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.text-\\[17px\\]{font-size:17px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\: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}.fixed{position:fixed}.h-\\[25px\\]{height:25px}.h-\\[8px\\]{height:8px}.pt-\\[40px\\]{padding-top:40px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[0,"shift-tab-content",{activeComponent:[1,"active-component"],components:[16],lastActiveComponent:[32]},void 0,{activeComponent:[{onActiveIndexChange:0}]}]);function p(){"undefined"!=typeof customElements&&["shift-tab-content","flexible-container"].forEach((e=>{switch(e){case"shift-tab-content":customElements.get(t(e))||customElements.define(t(e),s);break;case"flexible-container":customElements.get(t(e))||n()}}))}p();export{s as S,p as d}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{t,p as e,H as i,h as a,a as o}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as n}from"./p-CUREVASG.js";const s="cameraFacingMode",l=e(class extends i{constructor(t){super(),!1!==t&&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.manualCaptureLabel="",this.manualCaptureHint="",this.isOpen=!1,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.videoInputs=[],this.manualCaptureLoading=!1,this.facingMode="user"===localStorage.getItem(s)?"user":"environment",this.backCameraDeviceId="",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),this.applyAutofocus()}),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 new Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&n(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&&n(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})).getTracks().forEach((t=>t.stop()))}catch(t){throw new Error("no camera access")}if("denied"===e.state)throw new Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw new Error("No Camera Found");this.videoInputs=i,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.withAutofocus=t=>Object.assign(Object.assign({},t),{advanced:[{focusMode:"continuous"}]}),this.openFacing=t=>navigator.mediaDevices.getUserMedia({video:this.withAutofocus({facingMode:{exact:t}})}).catch((()=>navigator.mediaDevices.getUserMedia({video:this.withAutofocus({facingMode:t})}))),this.openDeviceId=t=>navigator.mediaDevices.getUserMedia({video:this.withAutofocus({deviceId:{exact:t}})}),this.getCameraStream=async t=>{try{return"user"===t?await this.openFacing("user"):await this.openBackCamera()}catch(e){return this.verbose&&console.warn("vin-extractor camera selection failed, using default",e),this.openFacing(t)}},this.openBackCamera=async()=>{var t,e,i,a;if(this.backCameraDeviceId)try{return await this.openDeviceId(this.backCameraDeviceId)}catch(t){this.backCameraDeviceId=""}const o=await this.openFacing("environment"),r=o.getVideoTracks()[0],n=null===(t=null==r?void 0:r.getCapabilities)||void 0===t?void 0:t.call(r);this.verbose&&console.log("vin-extractor default back lens",null===(i=null===(e=null==r?void 0:r.getSettings)||void 0===e?void 0:e.call(r))||void 0===i?void 0:i.deviceId,n);const s=/android/i.test(navigator.userAgent);if(!n||this.lensAutofocuses(n)||!Array.isArray(n.focusMode)&&!s)return o;const l=null===(a=null==r?void 0:r.getSettings)||void 0===a?void 0:a.call(r).deviceId;o.getTracks().forEach((t=>t.stop()));const d=await this.pickBackCameraDeviceId(l);if(d)try{const t=await this.openDeviceId(d);return this.backCameraDeviceId=d,this.verbose&&console.log("vin-extractor selected back lens",d),t}catch(t){}return this.openFacing("environment")},this.pickBackCameraDeviceId=async t=>{var e,i,a,o,r;let n;try{n=await navigator.mediaDevices.enumerateDevices()}catch(t){return null}let s=null,l=-1;for(const d of n){if("videoinput"!==d.kind||d.deviceId===t)continue;const n=(d.label||"").toLowerCase();if(n.includes("front")||n.includes("face")||n.includes("user"))continue;let c=null;try{c=await this.openDeviceId(d.deviceId);const t=c.getVideoTracks()[0],n=null!==(i=null===(e=null==t?void 0:t.getCapabilities)||void 0===e?void 0:e.call(t))&&void 0!==i?i:{},h=null!==(o=null===(a=null==t?void 0:t.getSettings)||void 0===a?void 0:a.call(t))&&void 0!==o?o:{},p=null!==(r=n.facingMode)&&void 0!==r?r:h.facingMode?[h.facingMode]:[];if(p.includes("user")&&!p.includes("environment"))continue;const u=this.scoreCamera(n);this.verbose&&console.log("vin-extractor probe",d.label||d.deviceId,{score:u,caps:n}),u>l&&(l=u,s=h.deviceId||d.deviceId)}catch(t){this.verbose&&console.warn("vin-extractor probe failed",d.label||d.deviceId,t)}finally{null==c||c.getTracks().forEach((t=>t.stop()))}}return s},this.lensAutofocuses=t=>{var e;const i=null!==(e=null==t?void 0:t.focusMode)&&void 0!==e?e:[];return i.includes("continuous")||i.includes("single-shot")||!!(null==t?void 0:t.focusDistance)},this.scoreCamera=t=>{var e,i,a,o;const r=(null!==(i=null===(e=null==t?void 0:t.width)||void 0===e?void 0:e.max)&&void 0!==i?i:0)*(null!==(o=null===(a=null==t?void 0:t.height)||void 0===a?void 0:a.max)&&void 0!==o?o:0);return(this.lensAutofocuses(t)?1e12:0)+r+((null==t?void 0:t.torch)?1e6:0)},this.startCamera=async()=>{try{if(this.streamRef=await this.getCameraStream(this.facingMode),this.videoPlayer){this.videoPlayer.srcObject=this.streamRef;try{await this.videoPlayer.play()}catch(t){}}this.manualCaptureLoading=!1,this.applyAutofocus()}catch(t){throw this.verbose&&console.error(t),new Error("Error accessing camera: ")}},this.applyAutofocus=async()=>{var t,e,i,a;try{const o=null===(e=null===(t=this.streamRef)||void 0===t?void 0:t.getVideoTracks)||void 0===e?void 0:e.call(t)[0];if(!o||"function"!=typeof o.getCapabilities)return;const r=o.getCapabilities(),n=null!==(i=null==r?void 0:r.focusMode)&&void 0!==i?i:[];this.verbose&&(console.log("vin-extractor camera capabilities",r),console.log("vin-extractor camera settings",null===(a=o.getSettings)||void 0===a?void 0:a.call(o))),n.includes("continuous")?await o.applyConstraints({advanced:[{focusMode:"continuous"}]}):n.includes("single-shot")&&await o.applyConstraints({advanced:[{focusMode:"single-shot"}]})}catch(t){this.verbose&&console.warn("vin-extractor autofocus not applied",t)}},this.closeScanner=()=>{var t;if(this.isCameraReady=!1,this.manualCaptureLoading=!1,null===(t=this.abortController)||void 0===t||t.abort(),clearTimeout(this.frameCaptureTimeoutRef),this.codeReader&&this.codeReader.reset(),this.videoPlayer){try{this.videoPlayer.pause()}catch(t){}this.videoPlayer.srcObject=null}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=()=>{this.videoInputs.length<=1||(this.facingMode="environment"===this.facingMode?"user":"environment",localStorage.setItem(s,this.facingMode),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,o=a?t.width:t.videoWidth,r=a?t.height:t.videoHeight;let n=o,s=r;if(Math.max(o,r)>i){const t=i/Math.max(o,r);n=Math.round(o*t),s=Math.round(r*t)}return e.width=n,e.height=s,e.getContext("2d").drawImage(t,0,0,n,s),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 a(o,{key:"eaf5dc6e076444916c00028e322b3b6402e4321e",translate:"no"},a("slot",{key:"be2273b5fb3f36d111aff846d38c154b2e9da550"}),a("input",Object.assign({key:"3fe186770bdb1593820b1514de65d93bd738f33b",class:"vin-extractor-input",type:"file",accept:"image/*","aria-label":"Upload VIN image"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),a("canvas",{key:"74fa5018b796311cfb1206d14dcf6b3f858a7e55",class:"video-canvas hidden","aria-hidden":"true"}),!this.uploaderButtonId&&a("div",{key:"a5ae31db15c4604130d8f1404a0726272fcedaff",onClick:()=>this.isOpen=!1,role:"dialog","aria-modal":t.toString(),"aria-label":this.title||"VIN Scanner","aria-hidden":(!t).toString(),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]"},a("div",{key:"b7da59d22a912fef2707a891f46030c6a1b4d1ab",role:"document",onClick:t=>t.stopPropagation(),"aria-expanded":t.toString(),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)},a("div",{key:"f8ae5b1fd167e79015559644fe0dc792cdcd0e3e",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?a("button",{type:"button","aria-label":"Switch camera",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"},a("svg",{width:"24",height:"24",fill:"none","stroke-width":"2","aria-hidden":"true",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`}},a("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),a("path",{d:"M21 3v5h-5"}),a("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),a("path",{d:"M8 16H3v5"}))):a("div",{class:"size-8","aria-hidden":"true"}),a("h1",{key:"91c56dfe207bc52041a6cf2be62c5850f5624675",class:"text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label",part:"form-input-label"},this.title),a("button",{key:"bc018b20c1ea817dbdcd5aae846e008de1f1b036",type:"button","aria-label":"Close scanner",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"},a("svg",{key:"757e14f25b86d93080237e80372997bd9c80b6c2",fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"84455cdd6380423f2be56b8aa36d39435686291f",d:"M18 6 6 18"}),a("path",{key:"c68dd2a5c221ede6969539677b48698dc46e4bd6",d:"m6 6 12 12"})))),this.manualCapture&&!!this.manualCaptureHint&&!this.manualCaptureLoading&&a("p",{key:"e7a1bd61c895985c6a42deb3104f21309a846942","aria-hidden":"true",class:"vin-extractor-manual-capture-hint absolute left-1/2 -translate-x-1/2 bottom-[88px] z-10 m-0 px-3 py-1 rounded-full bg-black/55 text-white text-center text-[13px] leading-[1.3] whitespace-nowrap pointer-events-none"},this.manualCaptureHint),this.manualCapture&&a("button",{key:"c39e85a986f57282d038db94eaba4413a1fea804",type:"button",part:"vin-extractor-capture-button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),"aria-label":this.manualCaptureLoading?"Capturing...":this.manualCaptureLabel||"Capture VIN",class:r("vin-extractor-capture-button 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] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4",this.manualCaptureLabel?"px-6 min-w-[140px] gap-2 text-[15px] font-medium whitespace-nowrap":"w-[100px]")},this.manualCaptureLoading?a("svg",{fill:"none","stroke-width":"2","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:r("animate-spin animate-spin-v",this.manualCaptureLabel?"size-[22px]":"size-full")},a("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):this.manualCaptureLabel?a("span",null,this.manualCaptureLabel):a("svg",{fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("circle",{cx:"12",cy:"13",r:"3"}))),a("video",{key:"5d245e88fe6e740d1b2f59add369d62b17debd0d",autoPlay:!0,id:"video",playsInline:!0,"aria-label":"Camera preview",class:"video-player aspect-video bg-black min-w-full min-h-full object-cover object-center"}))))}get el(){return this}static get watchers(){return{isOpen:[{isOpenHandler:0}],readSticker:[{QRChanged:0}],isAnimating:[{animationHandler:0}]}}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;}: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))}.animate-spin{animation:spin 1s linear infinite}.outline{outline-style:solid}.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:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.vin-extractor-capture-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.vin-extractor-capture-button:focus{outline:none!important}.vin-extractor-capture-button:focus-visible{outline:2px solid transparent;outline-offset:2px}@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-hidden=false]{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}}.animate-spin,.animate-spin-v{animation:spin-v 1s linear infinite}@keyframes spin-v{to{transform:rotate(1turn)}}.static{position:static}.absolute{position:absolute}.end-3\\.5{inset-inline-end:.875rem}.top-1\\/2{top:50%}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.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-\\[140px\\]{min-width:140px}.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))}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.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-black\\/55{background-color:rgba(0,0,0,.55)}.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}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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-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}.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\\: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-\\[24px\\]{font-size:24px}.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))}}.min-h-\\[150px\\]{min-height:150px}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.resize{resize:both}.\\!h-auto{height:auto!important}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[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"],manualCaptureLabel:[1,"manual-capture-label"],manualCaptureHint:[1,"manual-capture-hint"],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],facingMode:[32],setBlazorRef:[64],open:[64],close:[64]},void 0,{isOpen:[{isOpenHandler:0}],readSticker:[{QRChanged:0}],isAnimating:[{animationHandler:0}]}]);function d(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((e=>{"vin-extractor"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}d();export{l as V,d}
5
+ import{t,p as e,H as i,h as a,a as o}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{v as n}from"./p-CUREVASG.js";const s="cameraFacingMode",l=e(class extends i{constructor(t){super(),!1!==t&&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.manualCaptureLabel="",this.manualCaptureHint="",this.isOpen=!1,this.isAnimating=!1,this.isCameraReady=!1,this.switchRotateDegree=0,this.containerAnimation="",this.videoInputs=[],this.manualCaptureLoading=!1,this.facingMode="user"===localStorage.getItem(s)?"user":"environment",this.backCameraDeviceId="",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),this.applyAutofocus()}),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 new Error("Failed to fetch OCR result");this.verbose&&console.log(e);const i=await e.text();(this.skipValidation||i.trim()&&n(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&&n(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})).getTracks().forEach((t=>t.stop()))}catch(t){throw new Error("no camera access")}if("denied"===e.state)throw new Error("no camera access");const i=(await navigator.mediaDevices.enumerateDevices()).filter((t=>"videoinput"===t.kind));if(0===i.length)throw new Error("No Camera Found");this.videoInputs=i,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.withAutofocus=t=>Object.assign(Object.assign({},t),{advanced:[{focusMode:"continuous"}]}),this.openFacing=t=>navigator.mediaDevices.getUserMedia({video:this.withAutofocus({facingMode:{exact:t}})}).catch((()=>navigator.mediaDevices.getUserMedia({video:this.withAutofocus({facingMode:t})}))),this.openDeviceId=t=>navigator.mediaDevices.getUserMedia({video:this.withAutofocus({deviceId:{exact:t}})}),this.getCameraStream=async t=>{try{return"user"===t?await this.openFacing("user"):await this.openBackCamera()}catch(e){return this.verbose&&console.warn("vin-extractor camera selection failed, using default",e),this.openFacing(t)}},this.openBackCamera=async()=>{var t,e,i,a;if(this.backCameraDeviceId)try{return await this.openDeviceId(this.backCameraDeviceId)}catch(t){this.backCameraDeviceId=""}const o=await this.openFacing("environment"),r=o.getVideoTracks()[0],n=null===(t=null==r?void 0:r.getCapabilities)||void 0===t?void 0:t.call(r);this.verbose&&console.log("vin-extractor default back lens",null===(i=null===(e=null==r?void 0:r.getSettings)||void 0===e?void 0:e.call(r))||void 0===i?void 0:i.deviceId,n);const s=/android/i.test(navigator.userAgent);if(!n||this.lensAutofocuses(n)||!Array.isArray(n.focusMode)&&!s)return o;const l=null===(a=null==r?void 0:r.getSettings)||void 0===a?void 0:a.call(r).deviceId;o.getTracks().forEach((t=>t.stop()));const d=await this.pickBackCameraDeviceId(l);if(d)try{const t=await this.openDeviceId(d);return this.backCameraDeviceId=d,this.verbose&&console.log("vin-extractor selected back lens",d),t}catch(t){}return this.openFacing("environment")},this.pickBackCameraDeviceId=async t=>{var e,i,a,o,r;let n;try{n=await navigator.mediaDevices.enumerateDevices()}catch(t){return null}let s=null,l=-1;for(const d of n){if("videoinput"!==d.kind||d.deviceId===t)continue;const n=(d.label||"").toLowerCase();if(n.includes("front")||n.includes("face")||n.includes("user"))continue;let c=null;try{c=await this.openDeviceId(d.deviceId);const t=c.getVideoTracks()[0],n=null!==(i=null===(e=null==t?void 0:t.getCapabilities)||void 0===e?void 0:e.call(t))&&void 0!==i?i:{},h=null!==(o=null===(a=null==t?void 0:t.getSettings)||void 0===a?void 0:a.call(t))&&void 0!==o?o:{},p=null!==(r=n.facingMode)&&void 0!==r?r:h.facingMode?[h.facingMode]:[];if(p.includes("user")&&!p.includes("environment"))continue;const u=this.scoreCamera(n);this.verbose&&console.log("vin-extractor probe",d.label||d.deviceId,{score:u,caps:n}),u>l&&(l=u,s=h.deviceId||d.deviceId)}catch(t){this.verbose&&console.warn("vin-extractor probe failed",d.label||d.deviceId,t)}finally{null==c||c.getTracks().forEach((t=>t.stop()))}}return s},this.lensAutofocuses=t=>{var e;const i=null!==(e=null==t?void 0:t.focusMode)&&void 0!==e?e:[];return i.includes("continuous")||i.includes("single-shot")||!!(null==t?void 0:t.focusDistance)},this.scoreCamera=t=>{var e,i,a,o;const r=(null!==(i=null===(e=null==t?void 0:t.width)||void 0===e?void 0:e.max)&&void 0!==i?i:0)*(null!==(o=null===(a=null==t?void 0:t.height)||void 0===a?void 0:a.max)&&void 0!==o?o:0);return(this.lensAutofocuses(t)?1e12:0)+r+((null==t?void 0:t.torch)?1e6:0)},this.startCamera=async()=>{try{if(this.streamRef=await this.getCameraStream(this.facingMode),this.videoPlayer){this.videoPlayer.srcObject=this.streamRef;try{await this.videoPlayer.play()}catch(t){}}this.manualCaptureLoading=!1,this.applyAutofocus()}catch(t){throw this.verbose&&console.error(t),new Error("Error accessing camera: ")}},this.applyAutofocus=async()=>{var t,e,i,a;try{const o=null===(e=null===(t=this.streamRef)||void 0===t?void 0:t.getVideoTracks)||void 0===e?void 0:e.call(t)[0];if(!o||"function"!=typeof o.getCapabilities)return;const r=o.getCapabilities(),n=null!==(i=null==r?void 0:r.focusMode)&&void 0!==i?i:[];this.verbose&&(console.log("vin-extractor camera capabilities",r),console.log("vin-extractor camera settings",null===(a=o.getSettings)||void 0===a?void 0:a.call(o))),n.includes("continuous")?await o.applyConstraints({advanced:[{focusMode:"continuous"}]}):n.includes("single-shot")&&await o.applyConstraints({advanced:[{focusMode:"single-shot"}]})}catch(t){this.verbose&&console.warn("vin-extractor autofocus not applied",t)}},this.closeScanner=()=>{var t;if(this.isCameraReady=!1,this.manualCaptureLoading=!1,null===(t=this.abortController)||void 0===t||t.abort(),clearTimeout(this.frameCaptureTimeoutRef),this.codeReader&&this.codeReader.reset(),this.videoPlayer){try{this.videoPlayer.pause()}catch(t){}this.videoPlayer.srcObject=null}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=()=>{this.videoInputs.length<=1||(this.facingMode="environment"===this.facingMode?"user":"environment",localStorage.setItem(s,this.facingMode),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,o=a?t.width:t.videoWidth,r=a?t.height:t.videoHeight;let n=o,s=r;if(Math.max(o,r)>i){const t=i/Math.max(o,r);n=Math.round(o*t),s=Math.round(r*t)}return e.width=n,e.height=s,e.getContext("2d").drawImage(t,0,0,n,s),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 a(o,{key:"eaf5dc6e076444916c00028e322b3b6402e4321e",translate:"no"},a("slot",{key:"be2273b5fb3f36d111aff846d38c154b2e9da550"}),a("input",Object.assign({key:"3fe186770bdb1593820b1514de65d93bd738f33b",class:"vin-extractor-input",type:"file",accept:"image/*","aria-label":"Upload VIN image"},this.captureEnvironment?{capture:"environment"}:{},{hidden:!0})),a("canvas",{key:"74fa5018b796311cfb1206d14dcf6b3f858a7e55",class:"video-canvas hidden","aria-hidden":"true"}),!this.uploaderButtonId&&a("div",{key:"a5ae31db15c4604130d8f1404a0726272fcedaff",onClick:()=>this.isOpen=!1,role:"dialog","aria-modal":t.toString(),"aria-label":this.title||"VIN Scanner","aria-hidden":(!t).toString(),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]"},a("div",{key:"b7da59d22a912fef2707a891f46030c6a1b4d1ab",role:"document",onClick:t=>t.stopPropagation(),"aria-expanded":t.toString(),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)},a("div",{key:"f8ae5b1fd167e79015559644fe0dc792cdcd0e3e",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?a("button",{type:"button","aria-label":"Switch camera",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"},a("svg",{width:"24",height:"24",fill:"none","stroke-width":"2","aria-hidden":"true",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`}},a("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"}),a("path",{d:"M21 3v5h-5"}),a("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"}),a("path",{d:"M8 16H3v5"}))):a("div",{class:"size-8","aria-hidden":"true"}),a("h1",{key:"91c56dfe207bc52041a6cf2be62c5850f5624675",class:"text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label",part:"form-input-label"},this.title),a("button",{key:"bc018b20c1ea817dbdcd5aae846e008de1f1b036",type:"button","aria-label":"Close scanner",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"},a("svg",{key:"757e14f25b86d93080237e80372997bd9c80b6c2",fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"84455cdd6380423f2be56b8aa36d39435686291f",d:"M18 6 6 18"}),a("path",{key:"c68dd2a5c221ede6969539677b48698dc46e4bd6",d:"m6 6 12 12"})))),this.manualCapture&&!!this.manualCaptureHint&&!this.manualCaptureLoading&&a("p",{key:"e7a1bd61c895985c6a42deb3104f21309a846942","aria-hidden":"true",class:"vin-extractor-manual-capture-hint absolute left-1/2 -translate-x-1/2 bottom-[88px] z-10 m-0 px-3 py-1 rounded-full bg-black/55 text-white text-center text-[13px] leading-[1.3] whitespace-nowrap pointer-events-none"},this.manualCaptureHint),this.manualCapture&&a("button",{key:"c39e85a986f57282d038db94eaba4413a1fea804",type:"button",part:"vin-extractor-capture-button",disabled:this.manualCaptureLoading,onClick:this.captureFrame.bind(this,!0),"aria-label":this.manualCaptureLoading?"Capturing...":this.manualCaptureLabel||"Capture VIN",class:r("vin-extractor-capture-button 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] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4",this.manualCaptureLabel?"px-6 min-w-[140px] gap-2 text-[15px] font-medium whitespace-nowrap":"w-[100px]")},this.manualCaptureLoading?a("svg",{fill:"none","stroke-width":"2","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg",class:r("animate-spin animate-spin-v",this.manualCaptureLabel?"size-[22px]":"size-full")},a("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})):this.manualCaptureLabel?a("span",null,this.manualCaptureLabel):a("svg",{fill:"none","stroke-width":"2",class:"size-full","aria-hidden":"true",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},a("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"}),a("circle",{cx:"12",cy:"13",r:"3"}))),a("video",{key:"5d245e88fe6e740d1b2f59add369d62b17debd0d",autoPlay:!0,id:"video",playsInline:!0,"aria-label":"Camera preview",class:"video-player aspect-video bg-black min-w-full min-h-full object-cover object-center"}))))}get el(){return this}static get watchers(){return{isOpen:[{isOpenHandler:0}],readSticker:[{QRChanged:0}],isAnimating:[{animationHandler:0}]}}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;}: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))}.animate-spin{animation:spin 1s linear infinite}.outline{outline-style:solid}.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:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.vin-extractor-capture-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.vin-extractor-capture-button:focus{outline:none!important}.vin-extractor-capture-button:focus-visible{outline:2px solid transparent;outline-offset:2px}@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-hidden=false]{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}}.animate-spin,.animate-spin-v{animation:spin-v 1s linear infinite}@keyframes spin-v{to{transform:rotate(1turn)}}.static{position:static}.absolute{position:absolute}.end-3\\.5{inset-inline-end:.875rem}.top-1\\/2{top:50%}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.size-\\[90\\%\\]{height:90%;width:90%}.h-\\[70\\%\\]{height:70%}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.\\!uppercase{text-transform:uppercase!important}.\\!text-\\[\\#576675\\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}}.enabled\\:hover\\:\\!text-black\\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\\:\\!pointer-events-none:disabled{pointer-events:none!important}.disabled\\:\\!opacity-0:disabled{opacity:0!important}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.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-\\[140px\\]{min-width:140px}.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))}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.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-black\\/55{background-color:rgba(0,0,0,.55)}.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}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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-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}.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\\: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-\\[24px\\]{font-size:24px}.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))}}.min-h-\\[150px\\]{min-height:150px}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!h-auto{height:auto!important}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[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"],manualCaptureLabel:[1,"manual-capture-label"],manualCaptureHint:[1,"manual-capture-hint"],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],facingMode:[32],setBlazorRef:[64],open:[64],close:[64]},void 0,{isOpen:[{isOpenHandler:0}],readSticker:[{QRChanged:0}],isAnimating:[{animationHandler:0}]}]);function d(){"undefined"!=typeof customElements&&["vin-extractor"].forEach((e=>{"vin-extractor"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}d();export{l as V,d}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{t as e,p as t,H as o,h as r,a as i}from"./index.js";import{c as a}from"./p-BK16Cn81.js";const n=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost()}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("shift-checkbox")[0]}async getInputRef(){return this.inputRef}async getIsChecked(){return this.inputRef.checked}render(){return r(i,{key:"b45d88031101c25ea8e2f6f798211a289375e8b7",translate:"no"},r("label",{key:"cbc8dcaaa21070bc89c92f185bc4b00e64a83642",part:"shift-checkbox",class:a("relative flex items-center cursor-pointer select-none",{"opacity-75 cursor-default":this.disabled})},r("input",{key:"dfd298b78f3cc126e49210b20e9f6a61a4fd030a",type:"checkbox",value:"true",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.onChange,class:"shift-checkbox peer hidden"}),r("div",{key:"4a93a84691dee680986a8c087d935db5c3170845",class:"relative w-[50px] h-[24px] rounded-full border-2 border-blue-300 bg-blue-100 peer-checked:bg-blue-500 peer-checked:[&_div]:translate-x-[28px] peer-checked:border-blue-500 transition-colors duration-300"},r("div",{key:"9444d8f8a3eeedfede5e5e61b399d8bb3ab55abc",class:"absolute top-[-2px] left-[-2px] size-[24px] rounded-full bg-white shadow-md transition-all duration-300 peer-checked:bg-blue-500"})),r("span",{key:"f3e2a52734ce2cb99fd32b9ee6b9a3bf746d186c",class:"ms-2 text-gray-700"},this.label)))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-300{transition-duration:.3s!important}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.static{position:static}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}'}},[0,"shift-switch",{name:[1],label:[1],checked:[4],disabled:[4],componentId:[1,"component-id"],componentClass:[1,"component-class"],onChange:[16],getInputRef:[64],getIsChecked:[64]}]);function s(){"undefined"!=typeof customElements&&["shift-switch"].forEach((t=>{"shift-switch"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}s();export{n as S,s as d}
5
+ import{t as e,p as t,H as o,h as r,a as i}from"./index.js";import{c as a}from"./p-BK16Cn81.js";const n=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost()}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("shift-checkbox")[0]}async getInputRef(){return this.inputRef}async getIsChecked(){return this.inputRef.checked}render(){return r(i,{key:"b45d88031101c25ea8e2f6f798211a289375e8b7",translate:"no"},r("label",{key:"cbc8dcaaa21070bc89c92f185bc4b00e64a83642",part:"shift-checkbox",class:a("relative flex items-center cursor-pointer select-none",{"opacity-75 cursor-default":this.disabled})},r("input",{key:"dfd298b78f3cc126e49210b20e9f6a61a4fd030a",type:"checkbox",value:"true",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.onChange,class:"shift-checkbox peer hidden"}),r("div",{key:"4a93a84691dee680986a8c087d935db5c3170845",class:"relative w-[50px] h-[24px] rounded-full border-2 border-blue-300 bg-blue-100 peer-checked:bg-blue-500 peer-checked:[&_div]:translate-x-[28px] peer-checked:border-blue-500 transition-colors duration-300"},r("div",{key:"9444d8f8a3eeedfede5e5e61b399d8bb3ab55abc",class:"absolute top-[-2px] left-[-2px] size-[24px] rounded-full bg-white shadow-md transition-all duration-300 peer-checked:bg-blue-500"})),r("span",{key:"f3e2a52734ce2cb99fd32b9ee6b9a3bf746d186c",class:"ms-2 text-gray-700"},this.label)))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-300{transition-duration:.3s!important}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}'}},[0,"shift-switch",{name:[1],label:[1],checked:[4],disabled:[4],componentId:[1,"component-id"],componentClass:[1,"component-class"],onChange:[16],getInputRef:[64],getIsChecked:[64]}]);function s(){"undefined"!=typeof customElements&&["shift-switch"].forEach((t=>{"shift-switch"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}s();export{n as S,s as d}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{h as e}from"./index.js";import{L as l}from"./p-5NIYyHI-.js";import{c as a}from"./p-BK16Cn81.js";import{C as o}from"./p-CLdijNKL.js";import{d as i}from"./p-BILW0yP6.js";import{a as n}from"./p-D4X-HiT-.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const d=({form:o})=>{var i,n,r,d;o.addWatcher("vehicle");let v=o.getValue("vehicle");const c=!!v,s=null===(i=o.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):o.context.vehicleList&&o.context.vehicleList[0]&&(p=null===(d=null===(r=o.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===d?void 0:d.image,v=o.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:o&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const o=new FileReader;o.onloadend=()=>{t[a]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(o,p,v),g=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:a("vehicle-image-wrapper",{loading:g})},e("div",{part:a("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:a("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),c=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(d,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:o})=>{var i,n;const r=null===(i=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===i?void 0:i.toLowerCase(),t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let d,c=-1;return(null==a?void 0:a.dynamic)?(d=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const o=v(e,l["item-value"]),i=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?i:o,label:i};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),d.forEach(((e,l)=>{var o,i;a.defaultValue||!r||(null===(o=null==e?void 0:e.label)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.value}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(d=(await u.json()).data,d=d.map(((e,l)=>{var o,i,n,t,u;return a.defaultValue||!r||(null===(o=null==e?void 0:e.GradeName)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.id}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(d=await u.json(),d=d.map(((e,l)=>{var o,i;return a.defaultValue||!r||(null===(o=null==e?void 0:e.Title)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.ID}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),o.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:c>-1?null===(n=d[c])||void 0===n?void 0:n.value:"",d},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.branchApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.vacancyApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.cityApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(o,null)})),bookingSlot:({form:l,language:a,props:o})=>{var i,n,r,t,u,d,v,c,s,p,g,m;l.addWatcher("companyBranchId");const b=null==l?void 0:l.getValue("companyBranchId"),h=null===(n=null===(i=l.context.companyBranchIdList)||void 0===i?void 0:i.find((e=>e.value===b)))||void 0===n?void 0:n.meta,f=(null!==(r=null==h?void 0:h.Departments)&&void 0!==r?r:[]).map((e=>e.IntegrationId)).filter(Boolean),y=(null!==(t=null==h?void 0:h.Brands)&&void 0!==t?t:[]).map((e=>e.IntegrationId)).filter(Boolean),O=null!==(v=null!==(d=(null!==(u=null==o?void 0:o.departmentPreference)&&void 0!==u?u:["showroom"]).find((e=>f.includes(e))))&&void 0!==d?d:f[0])&&void 0!==v?v:"";return e("branch-slot-picker",Object.assign({},o,{form:l,key:null==o?void 0:o.name,language:a,calendarApi:null==o?void 0:o.calendarApi,companyId:null!==(c=null==h?void 0:h.CompanyIntegrationId)&&void 0!==c?c:"",branchId:null!==(s=null==h?void 0:h.IntegrationId)&&void 0!==s?s:"",departmentId:null!==(p=null==o?void 0:o.departmentId)&&void 0!==p?p:O,brandId:null!==(m=null!==(g=null==o?void 0:o.brandId)&&void 0!==g?g:y[0])&&void 0!==m?m:"",isDisabled:!h}))},time:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(a.span)&&Array.isArray(a.min)&&Array.isArray(a.max)&&a.format){let l=n({offsets:a.min});const o=n({offsets:a.max});for(;i.isBefore(l,o)||i.isEqual(l,o);)e.push({value:i.format(l,a.format),label:i.format(l,a.format)}),l=n({offsets:a.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const o=(null==a?void 0:a.min)||(new Date).getFullYear()-20,i=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=o;e<=i;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,o,i,r,t,u,d,v;let c=[...n];return(null==a?void 0:a.firstOption)&&(c=[{label:(null===(o=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===o?void 0:o[e])||"",value:(null===(r=null===(i=null==a?void 0:a.firstOption)||void 0===i?void 0:i.value)||void 0===r?void 0:r[e])||""},...c]),(null==a?void 0:a.lastOption)&&(c=[...c,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(d=null==a?void 0:a.lastOption)||void 0===d?void 0:d.value)||void 0===v?void 0:v[e])||""}]),c},language:l}))},currentVehicleBrand:({form:l,language:a,props:o,locale:i})=>e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{var a;const o=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(o,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,key:null==o?void 0:o.name,fetcher:async({})=>{var e,a;if(!n)return[];const o=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return o?[...o.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,o,i,n;return[{value:"yes",label:null===(o=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===o?void 0:o.yes},{value:"no",label:null===(n=null===(i=null==a?void 0:a.localization)||void 0===i?void 0:i[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{const l=null==o?void 0:o.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...n.Models.map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},key:null==o?void 0:o.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{c as g}
5
+ import{h as e}from"./index.js";import{L as l}from"./p-5NIYyHI-.js";import{c as a}from"./p-BK16Cn81.js";import{C as o}from"./p-CLdijNKL.js";import{d as i}from"./p-BILW0yP6.js";import{a as n}from"./p-CNqcMKLv.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const d=({form:o})=>{var i,n,r,d;o.addWatcher("vehicle");let v=o.getValue("vehicle");const c=!!v,s=null===(i=o.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):o.context.vehicleList&&o.context.vehicleList[0]&&(p=null===(d=null===(r=o.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===d?void 0:d.image,v=o.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:o&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const o=new FileReader;o.onloadend=()=>{t[a]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(o,p,v),g=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:a("vehicle-image-wrapper",{loading:g})},e("div",{part:a("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:a("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),c=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(d,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:o})=>{var i,n;const r=null===(i=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===i?void 0:i.toLowerCase(),t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let d,c=-1;return(null==a?void 0:a.dynamic)?(d=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const o=v(e,l["item-value"]),i=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?i:o,label:i};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),d.forEach(((e,l)=>{var o,i;a.defaultValue||!r||(null===(o=null==e?void 0:e.label)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.value}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(d=(await u.json()).data,d=d.map(((e,l)=>{var o,i,n,t,u;return a.defaultValue||!r||(null===(o=null==e?void 0:e.GradeName)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.id}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(d=await u.json(),d=d.map(((e,l)=>{var o,i;return a.defaultValue||!r||(null===(o=null==e?void 0:e.Title)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.ID}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),o.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:c>-1?null===(n=d[c])||void 0===n?void 0:n.value:"",d},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.branchApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.vacancyApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.cityApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(o,null)})),bookingSlot:({form:l,language:a,props:o})=>{var i,n,r,t,u,d,v,c,s,p,g,m;l.addWatcher("companyBranchId");const b=null==l?void 0:l.getValue("companyBranchId"),h=null===(n=null===(i=l.context.companyBranchIdList)||void 0===i?void 0:i.find((e=>e.value===b)))||void 0===n?void 0:n.meta,f=(null!==(r=null==h?void 0:h.Departments)&&void 0!==r?r:[]).map((e=>e.IntegrationId)).filter(Boolean),y=(null!==(t=null==h?void 0:h.Brands)&&void 0!==t?t:[]).map((e=>e.IntegrationId)).filter(Boolean),O=null!==(v=null!==(d=(null!==(u=null==o?void 0:o.departmentPreference)&&void 0!==u?u:["showroom"]).find((e=>f.includes(e))))&&void 0!==d?d:f[0])&&void 0!==v?v:"";return e("branch-slot-picker",Object.assign({},o,{form:l,key:null==o?void 0:o.name,language:a,calendarApi:null==o?void 0:o.calendarApi,companyId:null!==(c=null==h?void 0:h.CompanyIntegrationId)&&void 0!==c?c:"",branchId:null!==(s=null==h?void 0:h.IntegrationId)&&void 0!==s?s:"",departmentId:null!==(p=null==o?void 0:o.departmentId)&&void 0!==p?p:O,brandId:null!==(m=null!==(g=null==o?void 0:o.brandId)&&void 0!==g?g:y[0])&&void 0!==m?m:"",isDisabled:!h}))},time:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(a.span)&&Array.isArray(a.min)&&Array.isArray(a.max)&&a.format){let l=n({offsets:a.min});const o=n({offsets:a.max});for(;i.isBefore(l,o)||i.isEqual(l,o);)e.push({value:i.format(l,a.format),label:i.format(l,a.format)}),l=n({offsets:a.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const o=(null==a?void 0:a.min)||(new Date).getFullYear()-20,i=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=o;e<=i;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,o,i,r,t,u,d,v;let c=[...n];return(null==a?void 0:a.firstOption)&&(c=[{label:(null===(o=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===o?void 0:o[e])||"",value:(null===(r=null===(i=null==a?void 0:a.firstOption)||void 0===i?void 0:i.value)||void 0===r?void 0:r[e])||""},...c]),(null==a?void 0:a.lastOption)&&(c=[...c,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(d=null==a?void 0:a.lastOption)||void 0===d?void 0:d.value)||void 0===v?void 0:v[e])||""}]),c},language:l}))},currentVehicleBrand:({form:l,language:a,props:o,locale:i})=>e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{var a;const o=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(o,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,key:null==o?void 0:o.name,fetcher:async({})=>{var e,a;if(!n)return[];const o=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return o?[...o.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,o,i,n;return[{value:"yes",label:null===(o=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===o?void 0:o.yes},{value:"no",label:null===(n=null===(i=null==a?void 0:a.localization)||void 0===i?void 0:i[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{const l=null==o?void 0:o.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...n.Models.map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},key:null==o?void 0:o.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{c as g}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{t,p as e,H as o,h as i,a as r}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{A as s}from"./p-BzsXkZqy.js";import{g as p}from"./p-BacLEn39.js";import{d}from"./p-B__72-PA.js";import{d as l}from"./p-B2FtamaW.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.hasTick=!0,this.hasArrow=!0,this.gap=8,this.searchValue="",this.name="",this.isOpen=!1,this.direction="ltr",this.selectedValue="",this.clearable=!1,this.searchable=!1,this.options=[],this.reverseOptions=!1,this.forceOpenUpwards=!1,this.dropdownAncestorClasses="",this.dropdownEl=null,this.boundKeyDown=t=>this.handleKeyDown(t),this.setDropdownRef=t=>{this.dropdownEl=t},this.toggleDropdown=()=>{this.isOpen&&!this.searchable?this.updateContext({isOpen:!1}):this.openDropdown()},this.openDropdown=()=>{this.adjustDropdownPosition(),this.updateContext({isOpen:!0})},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,e=this.getInputEl();if(!t||!e)return;const o=e.getBoundingClientRect();if(!this.isInputInView(o))return void this.updateContext({isOpen:!1});t.style.setProperty("--shift-select-width",`${o.width}px`);const i=t.offsetHeight,r=window.innerHeight-o.bottom-this.gap,a=this.forceOpenUpwards||r<i&&o.top-this.gap>r?o.top-i-this.gap:o.bottom+this.gap;t.style.setProperty("--shift-select-left",`${o.left}px`),t.style.setProperty("--shift-select-top",`${a}px`)},this.closeDropdown=t=>{const e=t.composedPath();e.includes(this.el)||this.dropdownEl&&e.includes(this.dropdownEl)||this.updateContext({isOpen:!1})},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;const e=t.target;this.dropdownEl&&(this.dropdownEl===e||this.dropdownEl.contains(e))||this.adjustDropdownPosition()},this.onSearchInput=t=>{this.updateContext({searchValue:t.target.value,selectedValue:""})},this.clearInput=()=>{this.updateContext({searchValue:"",selectedValue:""}),this.el.getElementsByClassName("form-input-select")[0].focus(),this.isOpen||this.openDropdown()}}async componentDidLoad(){document.addEventListener("click",this.closeDropdown),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-select ${p(this.el)}`}getInputEl(){return this.el.getElementsByClassName("form-input-select")[0]}isInputInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&this.updateContext({isOpen:!1})}async disconnectedCallback(){document.removeEventListener("click",this.closeDropdown),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0)}render(){const t=this.options.find((t=>this.selectedValue===t.value)),e={name:this.name,isOpen:this.isOpen,options:this.options,hasTick:this.hasTick,hasArrow:this.hasArrow,direction:this.direction,isLoading:this.isLoading,renderOption:this.renderOption,selectedValue:this.selectedValue,setElementRef:this.setDropdownRef,reverseOptions:this.reverseOptions,noSelectionText:this.noSelectionText,handleSelection:this.handleSelection,fullRenderOption:this.fullRenderOption,fetchingErrorText:this.fetchingErrorText};return i(r,{key:"ce777b61c8a909d1b6fe7382707ef393a59c5840",translate:"no"},i("div",{key:"6de77eea9db40a6c1e90a6bee793cbe530c01d79",part:`${this.name}-container form-input-container`,class:a("form-input-container",{open:this.isOpen,disabled:this.disableInput,disableInput:this.disableInput})},i("slot",{key:"ba33322103ddbfdd451810127f1f66faa89d9d45"}),i("input",{key:"e917abcbbfbfa042479ebf94d8e5431570e79f1a",type:"text",disabled:this.disableInput,part:`${this.name}-input-select form-input-select`,value:this.searchable?this.searchValue:(null==t?void 0:t.label)||"",readOnly:!this.searchable,onInput:this.onSearchInput,onClick:this.toggleDropdown,placeholder:this.placeholder,class:a("form-input-style form-input-select",{"form-input-error-style":this.isError})}),i("div",{key:"6ab1c59a3510bf71848f845d8c38d01544c72c7f",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:a("form-input-select-icon-container cursor-pointer",{"pointer-events-none!":!((t||this.searchValue)&&this.clearable)})},(t||this.searchValue)&&this.clearable?i(s,{part:`${this.name}-cross-icon`,onClick:this.clearInput,class:"form-input-select-icon cross"}):this.hasArrow&&i(n,{part:`${this.name}-arrow-icon select-arrow`,class:"cursor-pointer form-input-select-icon pointer-events-none! arrow"})),!1,i("shift-portal",{key:"eca71bdd2d0449c1806f85bcd7e3148b2af325d8",tag:"shift-select-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:e})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.block{display:block}.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)}.hidden{display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!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!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.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-black\\/55{background-color:rgba(0,0,0,.55)}.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}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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}.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}.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\\: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-\\[24px\\]{font-size:24px}.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))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[260,"shift-select",{hasTick:[4,"has-tick"],hasArrow:[4,"has-arrow"],gap:[2],searchValue:[1,"search-value"],name:[1],isError:[4,"is-error"],isLoading:[4,"is-loading"],placeholder:[1],disableInput:[4,"disable-input"],isOpen:[4,"is-open"],noSelectionText:[1,"no-selection-text"],direction:[1],selectedValue:[1,"selected-value"],clearable:[4],searchable:[4],options:[16],reverseOptions:[4,"reverse-options"],forceOpenUpwards:[4,"force-open-upwards"],fetchingErrorText:[8,"fetching-error-text"],handleSelection:[16],onSelection:[16],renderOption:[16],updateContext:[16],fullRenderOption:[16],dropdownAncestorClasses:[32]}]);function h(){"undefined"!=typeof customElements&&["shift-select","shift-portal","shift-select-dropdown"].forEach((e=>{switch(e){case"shift-select":customElements.get(t(e))||customElements.define(t(e),c);break;case"shift-portal":customElements.get(t(e))||d();break;case"shift-select-dropdown":customElements.get(t(e))||l()}}))}h();export{c as S,h as d}
5
+ import{t,p as e,H as o,h as i,a as r}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{A as s}from"./p-BzsXkZqy.js";import{g as p}from"./p-BacLEn39.js";import{d}from"./p-Ci6LbIzY.js";import{d as l}from"./p-Bs5AIefE.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.hasTick=!0,this.hasArrow=!0,this.gap=8,this.searchValue="",this.name="",this.isOpen=!1,this.direction="ltr",this.selectedValue="",this.clearable=!1,this.searchable=!1,this.options=[],this.reverseOptions=!1,this.forceOpenUpwards=!1,this.dropdownAncestorClasses="",this.dropdownEl=null,this.boundKeyDown=t=>this.handleKeyDown(t),this.setDropdownRef=t=>{this.dropdownEl=t},this.toggleDropdown=()=>{this.isOpen&&!this.searchable?this.updateContext({isOpen:!1}):this.openDropdown()},this.openDropdown=()=>{this.adjustDropdownPosition(),this.updateContext({isOpen:!0})},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,e=this.getInputEl();if(!t||!e)return;const o=e.getBoundingClientRect();if(!this.isInputInView(o))return void this.updateContext({isOpen:!1});t.style.setProperty("--shift-select-width",`${o.width}px`);const i=t.offsetHeight,r=window.innerHeight-o.bottom-this.gap,a=this.forceOpenUpwards||r<i&&o.top-this.gap>r?o.top-i-this.gap:o.bottom+this.gap;t.style.setProperty("--shift-select-left",`${o.left}px`),t.style.setProperty("--shift-select-top",`${a}px`)},this.closeDropdown=t=>{const e=t.composedPath();e.includes(this.el)||this.dropdownEl&&e.includes(this.dropdownEl)||this.updateContext({isOpen:!1})},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;const e=t.target;this.dropdownEl&&(this.dropdownEl===e||this.dropdownEl.contains(e))||this.adjustDropdownPosition()},this.onSearchInput=t=>{this.updateContext({searchValue:t.target.value,selectedValue:""})},this.clearInput=()=>{this.updateContext({searchValue:"",selectedValue:""}),this.el.getElementsByClassName("form-input-select")[0].focus(),this.isOpen||this.openDropdown()}}async componentDidLoad(){document.addEventListener("click",this.closeDropdown),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-select ${p(this.el)}`}getInputEl(){return this.el.getElementsByClassName("form-input-select")[0]}isInputInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&this.updateContext({isOpen:!1})}async disconnectedCallback(){document.removeEventListener("click",this.closeDropdown),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0)}render(){const t=this.options.find((t=>this.selectedValue===t.value)),e={name:this.name,isOpen:this.isOpen,options:this.options,hasTick:this.hasTick,hasArrow:this.hasArrow,direction:this.direction,isLoading:this.isLoading,renderOption:this.renderOption,selectedValue:this.selectedValue,setElementRef:this.setDropdownRef,reverseOptions:this.reverseOptions,noSelectionText:this.noSelectionText,handleSelection:this.handleSelection,fullRenderOption:this.fullRenderOption,fetchingErrorText:this.fetchingErrorText};return i(r,{key:"ce777b61c8a909d1b6fe7382707ef393a59c5840",translate:"no"},i("div",{key:"6de77eea9db40a6c1e90a6bee793cbe530c01d79",part:`${this.name}-container form-input-container`,class:a("form-input-container",{open:this.isOpen,disabled:this.disableInput,disableInput:this.disableInput})},i("slot",{key:"ba33322103ddbfdd451810127f1f66faa89d9d45"}),i("input",{key:"e917abcbbfbfa042479ebf94d8e5431570e79f1a",type:"text",disabled:this.disableInput,part:`${this.name}-input-select form-input-select`,value:this.searchable?this.searchValue:(null==t?void 0:t.label)||"",readOnly:!this.searchable,onInput:this.onSearchInput,onClick:this.toggleDropdown,placeholder:this.placeholder,class:a("form-input-style form-input-select",{"form-input-error-style":this.isError})}),i("div",{key:"6ab1c59a3510bf71848f845d8c38d01544c72c7f",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:a("form-input-select-icon-container cursor-pointer",{"pointer-events-none!":!((t||this.searchValue)&&this.clearable)})},(t||this.searchValue)&&this.clearable?i(s,{part:`${this.name}-cross-icon`,onClick:this.clearInput,class:"form-input-select-icon cross"}):this.hasArrow&&i(n,{part:`${this.name}-arrow-icon select-arrow`,class:"cursor-pointer form-input-select-icon pointer-events-none! arrow"})),!1,i("shift-portal",{key:"eca71bdd2d0449c1806f85bcd7e3148b2af325d8",tag:"shift-select-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:e})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.block{display:block}.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)}.hidden{display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!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!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.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-black\\/55{background-color:rgba(0,0,0,.55)}.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}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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}.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}.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\\: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-\\[24px\\]{font-size:24px}.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))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.flex-col{flex-direction:column}.pb-\\[16px\\]{padding-bottom:16px}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[260,"shift-select",{hasTick:[4,"has-tick"],hasArrow:[4,"has-arrow"],gap:[2],searchValue:[1,"search-value"],name:[1],isError:[4,"is-error"],isLoading:[4,"is-loading"],placeholder:[1],disableInput:[4,"disable-input"],isOpen:[4,"is-open"],noSelectionText:[1,"no-selection-text"],direction:[1],selectedValue:[1,"selected-value"],clearable:[4],searchable:[4],options:[16],reverseOptions:[4,"reverse-options"],forceOpenUpwards:[4,"force-open-upwards"],fetchingErrorText:[8,"fetching-error-text"],handleSelection:[16],onSelection:[16],renderOption:[16],updateContext:[16],fullRenderOption:[16],dropdownAncestorClasses:[32]}]);function h(){"undefined"!=typeof customElements&&["shift-select","shift-portal","shift-select-dropdown"].forEach((e=>{switch(e){case"shift-select":customElements.get(t(e))||customElements.define(t(e),c);break;case"shift-portal":customElements.get(t(e))||d();break;case"shift-select-dropdown":customElements.get(t(e))||l()}}))}h();export{c as S,h as d}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import"./index.js";import{v as e}from"./p-CdtkLtmq.js";const t={"part-lookup":"generated/standard-dealer/part-lookup.json","vehicle-lookup":"generated/standard-dealer/vehicle-lookup.json"},o={};async function n(n,r=""){const a=t[n];if(!a||!a.length)throw new Error(`Mock file not found for: ${n}`);const c=await async function(t,n){if(o[t])return await o[t];try{let r;r=n&&n.trim().length?n:`https://cdn.jsdelivr.net/npm/adp-web-components@${e}/dist/mocks/${t}`;const a=fetch(r).then((e=>(e.ok||delete o[t],e.json())));o[t]=a;const c=await a,s=Object.keys(c).length;return console.log(`✅ Loaded mock: ${t} (${s} items)`),console.table(Object.entries(c).map((([e,t])=>({key:e,value:t})))),o[t]=c,c}catch(e){return delete o[t],{}}}(a,r);return c}export{n as g}
5
+ import"./index.js";import{v as e}from"./p-D9pKibY5.js";const t={"part-lookup":"generated/standard-dealer/part-lookup.json","vehicle-lookup":"generated/standard-dealer/vehicle-lookup.json"},o={};async function n(n,r=""){const a=t[n];if(!a||!a.length)throw new Error(`Mock file not found for: ${n}`);const c=await async function(t,n){if(o[t])return await o[t];try{let r;r=n&&n.trim().length?n:`https://cdn.jsdelivr.net/npm/adp-web-components@${e}/dist/mocks/${t}`;const a=fetch(r).then((e=>(e.ok||delete o[t],e.json())));o[t]=a;const c=await a,s=Object.keys(c).length;return console.log(`✅ Loaded mock: ${t} (${s} items)`),console.table(Object.entries(c).map((([e,t])=>({key:e,value:t})))),o[t]=c,c}catch(e){return delete o[t],{}}}(a,r);return c}export{n as g}