@cartbot/vehicle-search-beta 3.0.39 → 3.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/js/vehicle-search.es.js +507 -506
- package/dist/js/vehicle-search.js +18 -18
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as a, jsxs as I, Fragment as
|
|
2
|
-
import { useState as N, useEffect as P, useRef as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { Combobox as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
1
|
+
import { jsx as a, jsxs as I, Fragment as Te } from "react/jsx-runtime";
|
|
2
|
+
import { useState as N, useEffect as P, useRef as K, useMemo as Qe, useCallback as F } from "react";
|
|
3
|
+
import It from "react-dom";
|
|
4
|
+
import Lt from "js-cookie";
|
|
5
|
+
import { Combobox as Vt, ComboboxInput as Dt, ComboboxButton as Ft, ComboboxOptions as Ot, ComboboxOption as Ut } from "@headlessui/react";
|
|
6
|
+
import Tt from "fuzzysearch";
|
|
7
|
+
import mt from "pluralize";
|
|
8
8
|
import me from "clsx";
|
|
9
|
-
import { MeiliSearch as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
const Yt = `@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}}@layer theme{:root,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}vehicle-search,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--vs-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--vs-default-font-feature-settings,normal);font-variation-settings:var(--vs-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--vs-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--vs-default-mono-font-feature-settings,normal);font-variation-settings:var(--vs-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.partbot-mmyvs-container{--partbot-theme:0 188 125;--partbot-button-color:0 153 102;--partbot-button-hover-color:0 188 125;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Partbot","Inter",Helvetica,sans-serif;--partbot-padding:.5rem;--partbot-input-shadow:0 1px 2px 0 #0000000d;--partbot-input-border-color:229 231 235;--partbot-input-border-width:1px}[class*="vs:"]:before,[class*="vs:"]:after,[class^=vehicle-search-]:before,[class^=vehicle-search-]:after{box-sizing:border-box;--tw-content:"";border:0 solid}[class*="vs:"],[class^=vehicle-search-]{box-sizing:border-box;border:0 solid}.vehicle-search-select{text-transform:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.partbot-mmyvs-container{top:calc(var(--vs-spacing)*0);right:calc(var(--vs-spacing)*0);left:calc(var(--vs-spacing)*0);z-index:10000;background-color:rgb(var(--partbot-mobile-background-color));padding:calc(var(--vs-spacing)*8);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:fixed}@media (min-width:48rem){.partbot-mmyvs-container{z-index:10;padding:calc(var(--vs-spacing)*0);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;position:relative;top:auto;left:auto;right:auto}}.partbot-mmyvs-container{transform:translateY(-100vh)}@media (min-width:768px){.partbot-mmyvs-container{transform:translateY(0)}}.partbot-mmyvs-container.active{transform:translateY(0)}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--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(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--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(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.vs\\:pointer-events-auto{pointer-events:auto}.vs\\:pointer-events-none{pointer-events:none}.vs\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vs\\:absolute{position:absolute}.vs\\:fixed{position:fixed}.vs\\:relative{position:relative}.vs\\:inset-0{inset:calc(var(--vs-spacing)*0)}.vs\\:inset-y-0{inset-block:calc(var(--vs-spacing)*0)}.vs\\:right-0{right:calc(var(--vs-spacing)*0)}.vs\\:right-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.95\\)\\]{right:calc(var(--partbot-font-size)*1.95)}.vs\\:z-10{z-index:10}.vs\\:z-99999\\!{z-index:99999!important}.vs\\:m-0{margin:calc(var(--vs-spacing)*0)}.vs\\:mt-2{margin-top:calc(var(--vs-spacing)*2)}.vs\\:mt-4{margin-top:calc(var(--vs-spacing)*4)}.vs\\:mb-1{margin-bottom:calc(var(--vs-spacing)*1)}.vs\\:block{display:block}.vs\\:flex{display:flex}.vs\\:flex\\!{display:flex!important}.vs\\:grid{display:grid}.vs\\:inline-flex{display:inline-flex}.vs\\:inline-flex\\!{display:inline-flex!important}.vs\\:h-5{height:calc(var(--vs-spacing)*5)}.vs\\:h-\\[13px\\]{height:13px}.vs\\:h-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{height:calc(var(--partbot-font-size)*.9)!important}.vs\\:h-full{height:100%}.vs\\:max-h-60\\!{max-height:calc(var(--vs-spacing)*60)!important}.vs\\:w-\\(--input-width\\){width:var(--input-width)}.vs\\:w-5{width:calc(var(--vs-spacing)*5)}.vs\\:w-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{width:calc(var(--partbot-font-size)*.9)!important}.vs\\:w-auto\\!{width:auto!important}.vs\\:w-full{width:100%}.vs\\:w-full\\!{width:100%!important}.vs\\:shrink\\!{flex-shrink:1!important}.vs\\:shrink-0\\!{flex-shrink:0!important}.vs\\:animate-spin{animation:var(--vs-animate-spin)}.vs\\:cursor-default{cursor:default}.vs\\:cursor-pointer{cursor:pointer}.vs\\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.vs\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.vs\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.vs\\:flex-col{flex-direction:column}.vs\\:items-center{align-items:center}.vs\\:justify-between{justify-content:space-between}.vs\\:justify-center{justify-content:center}.vs\\:justify-end{justify-content:flex-end}.vs\\:gap-3{gap:calc(var(--vs-spacing)*3)}:where(.vs\\:space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--vs-spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--vs-spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.vs\\:space-x-\\[calc\\(var\\(--partbot-padding\\)\\*0\\.25\\)\\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--partbot-padding)*.25)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--partbot-padding)*.25)*calc(1 - var(--tw-space-x-reverse)))}.vs\\:overflow-auto{overflow:auto}.vs\\:overflow-hidden{overflow:hidden}.vs\\:rounded-\\(--partbot-button-border-radius\\){border-radius:var(--partbot-button-border-radius)}.vs\\:rounded-\\[min\\(var\\(--partbot-button-border-radius\\)\\,0\\.89rem\\)\\]{border-radius:min(var(--partbot-button-border-radius),.89rem)}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:bg-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{background-color:rgb(var(--partbot-theme))}.vs\\:bg-stone-900{background-color:var(--vs-color-stone-900)}.vs\\:bg-transparent{background-color:#0000}.vs\\:bg-white{background-color:var(--vs-color-white)}.vs\\:p-\\(--partbot-padding\\){padding:var(--partbot-padding)}.vs\\:p-2{padding:calc(var(--vs-spacing)*2)}.vs\\:px-1\\.5{padding-inline:calc(var(--vs-spacing)*1.5)}.vs\\:px-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-inline:calc(var(--partbot-padding)*1.3)}.vs\\:py-\\(--partbot-padding\\){padding-block:var(--partbot-padding)}.vs\\:py-1{padding-block:calc(var(--vs-spacing)*1)}.vs\\:pr-\\(--partbot-padding\\){padding-right:var(--partbot-padding)}.vs\\:pr-2{padding-right:calc(var(--vs-spacing)*2)}.vs\\:pr-10{padding-right:calc(var(--vs-spacing)*10)}.vs\\:pr-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-right:calc(var(--partbot-padding)*1.3)}.vs\\:pb-4{padding-bottom:calc(var(--vs-spacing)*4)}.vs\\:pl-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-left:calc(var(--partbot-padding)*1.3)}.vs\\:text-center{text-align:center}.vs\\:text-left{text-align:left}.vs\\:font-\\(family-name\\:--partbot-font-family\\){font-family:var(--partbot-font-family)}.vs\\:font-sans{font-family:var(--vs-font-sans)}.vs\\:text-base{font-size:var(--vs-text-base);line-height:var(--tw-leading,var(--vs-text-base--line-height))}.vs\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}.vs\\:text-\\[10px\\]{font-size:10px}.vs\\:leading-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.5\\)\\]{--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5)}.vs\\:leading-none{--tw-leading:1;line-height:1}.vs\\:leading-normal{--tw-leading:var(--vs-leading-normal);line-height:var(--vs-leading-normal)}.vs\\:font-bold{--tw-font-weight:var(--vs-font-weight-bold);font-weight:var(--vs-font-weight-bold)}.vs\\:font-bold\\!{--tw-font-weight:var(--vs-font-weight-bold)!important;font-weight:var(--vs-font-weight-bold)!important}.vs\\:font-medium{--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium)}.vs\\:font-normal{--tw-font-weight:var(--vs-font-weight-normal);font-weight:var(--vs-font-weight-normal)}.vs\\:font-semibold{--tw-font-weight:var(--vs-font-weight-semibold);font-weight:var(--vs-font-weight-semibold)}.vs\\:whitespace-pre-wrap{white-space:pre-wrap}.vs\\:text-\\[rgb\\(var\\(--partbot-button-label-color\\)\\)\\]{color:rgb(var(--partbot-button-label-color))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{color:rgb(var(--partbot-theme))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]\\!{color:rgb(var(--partbot-theme))!important}.vs\\:text-black{color:var(--vs-color-black)}.vs\\:text-red-300{color:var(--vs-color-red-300)}.vs\\:text-red-300\\!{color:var(--vs-color-red-300)!important}.vs\\:text-stone-400{color:var(--vs-color-stone-400)}.vs\\:text-stone-900{color:var(--vs-color-stone-900)}.vs\\:text-white{color:var(--vs-color-white)}.vs\\:no-underline{text-decoration-line:none}.vs\\:opacity-0{opacity:0}.vs\\:opacity-75{opacity:.75}.vs\\:shadow-\\(--partbot-input-shadow\\){--tw-shadow:var(--partbot-input-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-stone-200{--tw-ring-color:var(--vs-color-stone-200)}.vs\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vs\\:outline-none{--tw-outline-style:none;outline-style:none}.vs\\:placeholder\\:text-stone-600::placeholder{color:var(--vs-color-stone-600)}@media (hover:hover){.vs\\:hover\\:border-none:hover{--tw-border-style:none;border-style:none}.vs\\:hover\\:bg-theme:hover{background-color:rgb(var(--partbot-theme))}.vs\\:hover\\:text-button-label:hover{color:rgb(var(--partbot-button-label-color))}.vs\\:hover\\:text-red-500:hover{color:var(--vs-color-red-500)}.vs\\:hover\\:opacity-100:hover{opacity:1}.vs\\:hover\\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.vs\\:focus\\:border-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{border-color:rgb(var(--partbot-theme))}.vs\\:focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:focus\\:ring-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{--tw-ring-color:rgb(var(--partbot-theme))}.vs\\:focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.vs\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.vs\\:disabled\\:text-stone-400\\!:disabled{color:var(--vs-color-stone-400)!important}.vs\\:disabled\\:opacity-100\\!:disabled{opacity:1!important}.vs\\:disabled\\:placeholder\\:text-stone-400:disabled::placeholder{color:var(--vs-color-stone-400)}@media (min-width:40rem){.vs\\:sm\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}}@media (min-width:48rem){.vs\\:md\\:col-span-3{grid-column:span 3/span 3}.vs\\:md\\:mt-3{margin-top:calc(var(--vs-spacing)*3)}.vs\\:md\\:hidden{display:none}.vs\\:md\\:hidden\\!{display:none!important}.vs\\:md\\:max-w-\\[400px\\]{max-width:400px}.vs\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.vs\\:md\\:items-end{align-items:flex-end}.vs\\:md\\:justify-center{justify-content:center}.vs\\:md\\:justify-end{justify-content:flex-end}.vs\\:md\\:gap-5{gap:calc(var(--vs-spacing)*5)}.vs\\:md\\:pr-1\\.5{padding-right:calc(var(--vs-spacing)*1.5)}}@media (min-width:64rem){.vs\\:lg\\:col-span-1{grid-column:span 1/span 1}.vs\\:lg\\:mx-auto{margin-inline:auto}.vs\\:lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.vehicle-search-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative!important}:where(.vehicle-search-btn>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--vs-spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--vs-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}.vehicle-search-btn{border-radius:var(--partbot-button-border-radius);border-style:var(--tw-border-style);background-color:rgb(var(--partbot-button-color));padding-inline:var(--partbot-padding);padding-block:var(--partbot-padding);font-family:var(--partbot-font-family);font-size:var(--partbot-font-size);--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5);--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium);white-space:nowrap;color:rgb(var(--partbot-button-label-color));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));border-width:1px;border-color:#0000;text-decoration-line:none}@media (hover:hover){.vehicle-search-btn:hover{background-color:rgb(var(--partbot-button-hover-color));color:rgb(var(--partbot-button-hover-label-color))}}.vehicle-search-btn:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:rgb(var(--partbot-theme));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.vehicle-search-btn:disabled{pointer-events:none;opacity:.5}.vehicle-search-btn>*{pointer-events:none}.partbot-input-border{border-width:var(--partbot-input-border-width);border-color:rgb(var(--partbot-input-border-color));border-style:solid}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}`;
|
|
14
|
-
function
|
|
15
|
-
return /* @__PURE__ */ a("span", { className:
|
|
9
|
+
import { MeiliSearch as gt } from "meilisearch";
|
|
10
|
+
import Rt from "lodash/debounce.js";
|
|
11
|
+
import Yt from "tinycolor2";
|
|
12
|
+
import We from "posthog-js";
|
|
13
|
+
const Zt = `@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}}@layer theme{:root,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}vehicle-search,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--vs-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--vs-default-font-feature-settings,normal);font-variation-settings:var(--vs-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--vs-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--vs-default-mono-font-feature-settings,normal);font-variation-settings:var(--vs-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.partbot-mmyvs-container{--partbot-theme:0 188 125;--partbot-button-color:0 153 102;--partbot-button-hover-color:0 188 125;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Partbot","Inter",Helvetica,sans-serif;--partbot-padding:.5rem;--partbot-input-shadow:0 1px 2px 0 #0000000d;--partbot-input-border-color:229 231 235;--partbot-input-border-width:1px}[class*="vs:"]:before,[class*="vs:"]:after,[class^=vehicle-search-]:before,[class^=vehicle-search-]:after{box-sizing:border-box;--tw-content:"";border:0 solid}[class*="vs:"],[class^=vehicle-search-]{box-sizing:border-box;border:0 solid}.vehicle-search-select{text-transform:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.partbot-mmyvs-container{top:calc(var(--vs-spacing)*0);right:calc(var(--vs-spacing)*0);left:calc(var(--vs-spacing)*0);z-index:10000;background-color:rgb(var(--partbot-mobile-background-color));padding:calc(var(--vs-spacing)*8);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:fixed}@media (min-width:48rem){.partbot-mmyvs-container{z-index:10;padding:calc(var(--vs-spacing)*0);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;position:relative;top:auto;left:auto;right:auto}}.partbot-mmyvs-container{transform:translateY(-100vh)}@media (min-width:768px){.partbot-mmyvs-container{transform:translateY(0)}}.partbot-mmyvs-container.active{transform:translateY(0)}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--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(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--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(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.vs\\:pointer-events-auto{pointer-events:auto}.vs\\:pointer-events-none{pointer-events:none}.vs\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vs\\:absolute{position:absolute}.vs\\:fixed{position:fixed}.vs\\:relative{position:relative}.vs\\:inset-0{inset:calc(var(--vs-spacing)*0)}.vs\\:inset-y-0{inset-block:calc(var(--vs-spacing)*0)}.vs\\:right-0{right:calc(var(--vs-spacing)*0)}.vs\\:right-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.95\\)\\]{right:calc(var(--partbot-font-size)*1.95)}.vs\\:z-10{z-index:10}.vs\\:z-99999\\!{z-index:99999!important}.vs\\:m-0{margin:calc(var(--vs-spacing)*0)}.vs\\:mt-2{margin-top:calc(var(--vs-spacing)*2)}.vs\\:mt-4{margin-top:calc(var(--vs-spacing)*4)}.vs\\:mb-1{margin-bottom:calc(var(--vs-spacing)*1)}.vs\\:block{display:block}.vs\\:flex{display:flex}.vs\\:flex\\!{display:flex!important}.vs\\:grid{display:grid}.vs\\:inline-flex{display:inline-flex}.vs\\:inline-flex\\!{display:inline-flex!important}.vs\\:h-5{height:calc(var(--vs-spacing)*5)}.vs\\:h-\\[13px\\]{height:13px}.vs\\:h-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{height:calc(var(--partbot-font-size)*.9)!important}.vs\\:h-full{height:100%}.vs\\:max-h-60\\!{max-height:calc(var(--vs-spacing)*60)!important}.vs\\:w-\\(--input-width\\){width:var(--input-width)}.vs\\:w-5{width:calc(var(--vs-spacing)*5)}.vs\\:w-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{width:calc(var(--partbot-font-size)*.9)!important}.vs\\:w-auto\\!{width:auto!important}.vs\\:w-full{width:100%}.vs\\:w-full\\!{width:100%!important}.vs\\:shrink\\!{flex-shrink:1!important}.vs\\:shrink-0\\!{flex-shrink:0!important}.vs\\:animate-spin{animation:var(--vs-animate-spin)}.vs\\:cursor-default{cursor:default}.vs\\:cursor-pointer{cursor:pointer}.vs\\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.vs\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.vs\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.vs\\:flex-col{flex-direction:column}.vs\\:items-center{align-items:center}.vs\\:justify-between{justify-content:space-between}.vs\\:justify-center{justify-content:center}.vs\\:justify-end{justify-content:flex-end}.vs\\:gap-3{gap:calc(var(--vs-spacing)*3)}:where(.vs\\:space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--vs-spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--vs-spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.vs\\:space-x-\\[calc\\(var\\(--partbot-padding\\)\\*0\\.25\\)\\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--partbot-padding)*.25)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--partbot-padding)*.25)*calc(1 - var(--tw-space-x-reverse)))}.vs\\:overflow-auto{overflow:auto}.vs\\:overflow-hidden{overflow:hidden}.vs\\:rounded-\\(--partbot-button-border-radius\\){border-radius:var(--partbot-button-border-radius)}.vs\\:rounded-\\[min\\(var\\(--partbot-button-border-radius\\)\\,0\\.89rem\\)\\]{border-radius:min(var(--partbot-button-border-radius),.89rem)}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:bg-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{background-color:rgb(var(--partbot-theme))}.vs\\:bg-stone-900{background-color:var(--vs-color-stone-900)}.vs\\:bg-transparent{background-color:#0000}.vs\\:bg-white{background-color:var(--vs-color-white)}.vs\\:p-\\(--partbot-padding\\){padding:var(--partbot-padding)}.vs\\:p-2{padding:calc(var(--vs-spacing)*2)}.vs\\:px-1\\.5{padding-inline:calc(var(--vs-spacing)*1.5)}.vs\\:px-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-inline:calc(var(--partbot-padding)*1.3)}.vs\\:py-\\(--partbot-padding\\){padding-block:var(--partbot-padding)}.vs\\:py-1{padding-block:calc(var(--vs-spacing)*1)}.vs\\:pr-\\(--partbot-padding\\){padding-right:var(--partbot-padding)}.vs\\:pr-2{padding-right:calc(var(--vs-spacing)*2)}.vs\\:pr-10{padding-right:calc(var(--vs-spacing)*10)}.vs\\:pr-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-right:calc(var(--partbot-padding)*1.3)}.vs\\:pb-4{padding-bottom:calc(var(--vs-spacing)*4)}.vs\\:pl-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-left:calc(var(--partbot-padding)*1.3)}.vs\\:text-center{text-align:center}.vs\\:text-left{text-align:left}.vs\\:font-\\(family-name\\:--partbot-font-family\\){font-family:var(--partbot-font-family)}.vs\\:font-sans{font-family:var(--vs-font-sans)}.vs\\:text-base{font-size:var(--vs-text-base);line-height:var(--tw-leading,var(--vs-text-base--line-height))}.vs\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}.vs\\:text-\\[10px\\]{font-size:10px}.vs\\:leading-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.5\\)\\]{--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5)}.vs\\:leading-none{--tw-leading:1;line-height:1}.vs\\:leading-normal{--tw-leading:var(--vs-leading-normal);line-height:var(--vs-leading-normal)}.vs\\:font-bold{--tw-font-weight:var(--vs-font-weight-bold);font-weight:var(--vs-font-weight-bold)}.vs\\:font-bold\\!{--tw-font-weight:var(--vs-font-weight-bold)!important;font-weight:var(--vs-font-weight-bold)!important}.vs\\:font-medium{--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium)}.vs\\:font-normal{--tw-font-weight:var(--vs-font-weight-normal);font-weight:var(--vs-font-weight-normal)}.vs\\:font-semibold{--tw-font-weight:var(--vs-font-weight-semibold);font-weight:var(--vs-font-weight-semibold)}.vs\\:whitespace-pre-wrap{white-space:pre-wrap}.vs\\:text-\\[rgb\\(var\\(--partbot-button-label-color\\)\\)\\]{color:rgb(var(--partbot-button-label-color))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{color:rgb(var(--partbot-theme))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]\\!{color:rgb(var(--partbot-theme))!important}.vs\\:text-black{color:var(--vs-color-black)}.vs\\:text-red-300{color:var(--vs-color-red-300)}.vs\\:text-red-300\\!{color:var(--vs-color-red-300)!important}.vs\\:text-stone-400{color:var(--vs-color-stone-400)}.vs\\:text-stone-900{color:var(--vs-color-stone-900)}.vs\\:text-white{color:var(--vs-color-white)}.vs\\:no-underline{text-decoration-line:none}.vs\\:opacity-0{opacity:0}.vs\\:opacity-75{opacity:.75}.vs\\:shadow-\\(--partbot-input-shadow\\){--tw-shadow:var(--partbot-input-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-stone-200{--tw-ring-color:var(--vs-color-stone-200)}.vs\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vs\\:outline-none{--tw-outline-style:none;outline-style:none}.vs\\:placeholder\\:text-stone-600::placeholder{color:var(--vs-color-stone-600)}@media (hover:hover){.vs\\:hover\\:border-none:hover{--tw-border-style:none;border-style:none}.vs\\:hover\\:bg-theme:hover{background-color:rgb(var(--partbot-theme))}.vs\\:hover\\:text-button-label:hover{color:rgb(var(--partbot-button-label-color))}.vs\\:hover\\:text-red-500:hover{color:var(--vs-color-red-500)}.vs\\:hover\\:opacity-100:hover{opacity:1}.vs\\:hover\\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.vs\\:focus\\:border-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{border-color:rgb(var(--partbot-theme))}.vs\\:focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:focus\\:ring-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{--tw-ring-color:rgb(var(--partbot-theme))}.vs\\:focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.vs\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.vs\\:disabled\\:text-stone-400\\!:disabled{color:var(--vs-color-stone-400)!important}.vs\\:disabled\\:opacity-100\\!:disabled{opacity:1!important}.vs\\:disabled\\:placeholder\\:text-stone-400:disabled::placeholder{color:var(--vs-color-stone-400)}@media (min-width:40rem){.vs\\:sm\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}}@media (min-width:48rem){.vs\\:md\\:col-span-3{grid-column:span 3/span 3}.vs\\:md\\:mt-3{margin-top:calc(var(--vs-spacing)*3)}.vs\\:md\\:hidden{display:none}.vs\\:md\\:hidden\\!{display:none!important}.vs\\:md\\:max-w-\\[400px\\]{max-width:400px}.vs\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.vs\\:md\\:items-end{align-items:flex-end}.vs\\:md\\:justify-center{justify-content:center}.vs\\:md\\:justify-end{justify-content:flex-end}.vs\\:md\\:gap-5{gap:calc(var(--vs-spacing)*5)}.vs\\:md\\:pr-1\\.5{padding-right:calc(var(--vs-spacing)*1.5)}}@media (min-width:64rem){.vs\\:lg\\:col-span-1{grid-column:span 1/span 1}.vs\\:lg\\:mx-auto{margin-inline:auto}.vs\\:lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.vehicle-search-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative!important}:where(.vehicle-search-btn>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--vs-spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--vs-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}.vehicle-search-btn{border-radius:var(--partbot-button-border-radius);border-style:var(--tw-border-style);background-color:rgb(var(--partbot-button-color));padding-inline:var(--partbot-padding);padding-block:var(--partbot-padding);font-family:var(--partbot-font-family);font-size:var(--partbot-font-size);--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5);--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium);white-space:nowrap;color:rgb(var(--partbot-button-label-color));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));border-width:1px;border-color:#0000;text-decoration-line:none}@media (hover:hover){.vehicle-search-btn:hover{background-color:rgb(var(--partbot-button-hover-color));color:rgb(var(--partbot-button-hover-label-color))}}.vehicle-search-btn:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:rgb(var(--partbot-theme));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.vehicle-search-btn:disabled{pointer-events:none;opacity:.5}.vehicle-search-btn>*{pointer-events:none}.partbot-input-border{border-width:var(--partbot-input-border-width);border-color:rgb(var(--partbot-input-border-color));border-style:solid}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}`;
|
|
14
|
+
function Ht({ className: f }) {
|
|
15
|
+
return /* @__PURE__ */ a("span", { className: f, children: /* @__PURE__ */ a(
|
|
16
16
|
"svg",
|
|
17
17
|
{
|
|
18
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -99,11 +99,11 @@ function Zt({ className: h }) {
|
|
|
99
99
|
}
|
|
100
100
|
) });
|
|
101
101
|
}
|
|
102
|
-
function
|
|
102
|
+
function Xe({ className: f = "" }) {
|
|
103
103
|
return /* @__PURE__ */ a(
|
|
104
104
|
"svg",
|
|
105
105
|
{
|
|
106
|
-
className:
|
|
106
|
+
className: f,
|
|
107
107
|
xmlns: "http://www.w3.org/2000/svg",
|
|
108
108
|
width: "32",
|
|
109
109
|
height: "32",
|
|
@@ -114,42 +114,42 @@ function Je({ className: h = "" }) {
|
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
116
|
function oe({
|
|
117
|
-
label:
|
|
118
|
-
items:
|
|
119
|
-
selected:
|
|
117
|
+
label: f,
|
|
118
|
+
items: m,
|
|
119
|
+
selected: u,
|
|
120
120
|
refine: J,
|
|
121
121
|
showPopular: L,
|
|
122
122
|
bgDark: X,
|
|
123
123
|
sortOptions: Y = !0,
|
|
124
124
|
showLabel: T = !1,
|
|
125
|
-
isMobile:
|
|
125
|
+
isMobile: q = !1,
|
|
126
126
|
loading: Z = !1,
|
|
127
127
|
shouldBeActive: B = !1
|
|
128
128
|
// True when parent fields are selected and this field tried to load
|
|
129
129
|
}) {
|
|
130
|
-
const [pe,
|
|
131
|
-
|
|
132
|
-
}, ne = (
|
|
133
|
-
|
|
130
|
+
const [pe, g] = N(""), [M, z] = N(u || null), ve = (s) => {
|
|
131
|
+
z(s), g(""), !(s && s.value === (u == null ? void 0 : u.value)) && J(s);
|
|
132
|
+
}, ne = (s) => {
|
|
133
|
+
s.preventDefault(), s.stopPropagation(), g(""), z(null), J("");
|
|
134
134
|
};
|
|
135
135
|
P(() => {
|
|
136
|
-
|
|
137
|
-
}, [
|
|
136
|
+
g(""), z(u || null);
|
|
137
|
+
}, [u, m]);
|
|
138
138
|
let ie = /* @__PURE__ */ new Set(), w = [];
|
|
139
|
-
|
|
140
|
-
String(
|
|
141
|
-
j = j.trim(), j &&
|
|
142
|
-
...
|
|
139
|
+
m && (m.forEach((s) => {
|
|
140
|
+
String(s.value).split(/,(?![^(]*\))/).forEach((j) => {
|
|
141
|
+
j = j.trim(), j && Tt(pe, j.toLowerCase()) && !ie.has(j.toLowerCase()) && (ie.add(j.toLowerCase()), w.push({
|
|
142
|
+
...s,
|
|
143
143
|
value: j,
|
|
144
|
-
refinement:
|
|
144
|
+
refinement: s.value
|
|
145
145
|
}));
|
|
146
146
|
});
|
|
147
|
-
}), w.length === 0 && (w =
|
|
148
|
-
const V = w.filter((
|
|
147
|
+
}), w.length === 0 && (w = m));
|
|
148
|
+
const V = w.filter((s) => s.popularity > 0).slice(0, 11);
|
|
149
149
|
Y && (w = w.filter(
|
|
150
|
-
(
|
|
150
|
+
(s) => !V.includes(s)
|
|
151
151
|
), w.sort(
|
|
152
|
-
(
|
|
152
|
+
(s, b) => s.value.localeCompare(b.value, "en", { numeric: !0 })
|
|
153
153
|
), w = V.concat(w));
|
|
154
154
|
const be = !w || w.length === 0;
|
|
155
155
|
return /* @__PURE__ */ I("div", { className: "vs:relative vs:flex vs:flex-col", children: [
|
|
@@ -157,38 +157,38 @@ function oe({
|
|
|
157
157
|
"span",
|
|
158
158
|
{
|
|
159
159
|
className: `${X ? "vs:text-white" : "vs:text-black"} vs:mb-1 vs:block vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:font-(family-name:--partbot-font-family)`,
|
|
160
|
-
children:
|
|
160
|
+
children: f
|
|
161
161
|
}
|
|
162
162
|
),
|
|
163
|
-
|
|
163
|
+
q && /* @__PURE__ */ I("div", { className: "vs:relative vs:flex vs:flex-col", children: [
|
|
164
164
|
/* @__PURE__ */ I(
|
|
165
165
|
"select",
|
|
166
166
|
{
|
|
167
|
-
onChange: (
|
|
168
|
-
const
|
|
169
|
-
(j) => j.value.toString() ===
|
|
167
|
+
onChange: (s) => {
|
|
168
|
+
const b = w.find(
|
|
169
|
+
(j) => j.value.toString() === s.target.value.toString()
|
|
170
170
|
);
|
|
171
|
-
|
|
171
|
+
b && ve(b);
|
|
172
172
|
},
|
|
173
173
|
className: "vehicle-search-select vs:relative vs:w-full vs:cursor-default vs:overflow-hidden vs:rounded-(--partbot-button-border-radius) partbot-input-border vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-(--partbot-input-shadow) vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:disabled:opacity-100! vs:disabled:text-stone-400! vs:sm:text-(length:--partbot-font-size) vs:font-(family-name:--partbot-font-family) vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)]",
|
|
174
174
|
tabIndex: -1,
|
|
175
175
|
disabled: !(w && w.length),
|
|
176
|
-
value:
|
|
176
|
+
value: M ? M.value : "",
|
|
177
177
|
children: [
|
|
178
|
-
/* @__PURE__ */ a("option", { value: "", disabled: !0, children:
|
|
179
|
-
V.length > 0 ? /* @__PURE__ */ I(
|
|
180
|
-
/* @__PURE__ */ a("optgroup", { label: `Popular ${
|
|
181
|
-
/* @__PURE__ */ a("optgroup", { label: `All ${
|
|
182
|
-
(
|
|
183
|
-
(
|
|
178
|
+
/* @__PURE__ */ a("option", { value: "", disabled: !0, children: f }),
|
|
179
|
+
V.length > 0 ? /* @__PURE__ */ I(Te, { children: [
|
|
180
|
+
/* @__PURE__ */ a("optgroup", { label: `Popular ${mt(f)}`, children: V.map((s) => /* @__PURE__ */ a("option", { value: s.refinement, children: s.value }, s.value)) }),
|
|
181
|
+
/* @__PURE__ */ a("optgroup", { label: `All ${mt(f)}`, children: w.filter(
|
|
182
|
+
(s) => !V.some(
|
|
183
|
+
(b) => b.value === s.value
|
|
184
184
|
)
|
|
185
|
-
).map((
|
|
186
|
-
] }) : w.map((
|
|
185
|
+
).map((s) => /* @__PURE__ */ a("option", { value: s.refinement, children: s.value }, s.value)) })
|
|
186
|
+
] }) : w.map((s) => /* @__PURE__ */ a("option", { value: s.refinement, children: s.value }, s.value))
|
|
187
187
|
]
|
|
188
188
|
}
|
|
189
189
|
),
|
|
190
|
-
Z && /* @__PURE__ */ a("div", { className: "vs:absolute vs:inset-y-0 vs:right-[calc(var(--partbot-font-size)*1.95)] vs:items-center vs:pr-(--partbot-padding) vs:text-[rgb(var(--partbot-theme))]! vs:pointer-events-none vs:flex vs:justify-center", children: /* @__PURE__ */ a(
|
|
191
|
-
!Z && (
|
|
190
|
+
Z && /* @__PURE__ */ a("div", { className: "vs:absolute vs:inset-y-0 vs:right-[calc(var(--partbot-font-size)*1.95)] vs:items-center vs:pr-(--partbot-padding) vs:text-[rgb(var(--partbot-theme))]! vs:pointer-events-none vs:flex vs:justify-center", children: /* @__PURE__ */ a(Xe, { className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin vs:text-[rgb(var(--partbot-theme))]!" }) }),
|
|
191
|
+
!Z && (M == null ? void 0 : M.value) && /* @__PURE__ */ a(
|
|
192
192
|
"button",
|
|
193
193
|
{
|
|
194
194
|
onClick: ne,
|
|
@@ -209,10 +209,10 @@ function oe({
|
|
|
209
209
|
}
|
|
210
210
|
)
|
|
211
211
|
] }),
|
|
212
|
-
!
|
|
213
|
-
|
|
212
|
+
!q && /* @__PURE__ */ I(
|
|
213
|
+
Vt,
|
|
214
214
|
{
|
|
215
|
-
value:
|
|
215
|
+
value: M || null,
|
|
216
216
|
onChange: ve,
|
|
217
217
|
virtual: { options: w },
|
|
218
218
|
disabled: be,
|
|
@@ -220,19 +220,19 @@ function oe({
|
|
|
220
220
|
children: [
|
|
221
221
|
/* @__PURE__ */ I("div", { className: "vs:flex vs:h-full", children: [
|
|
222
222
|
/* @__PURE__ */ a(
|
|
223
|
-
|
|
223
|
+
Dt,
|
|
224
224
|
{
|
|
225
225
|
autoComplete: "off",
|
|
226
226
|
spellCheck: "false",
|
|
227
|
-
placeholder: be && B && !Z ? "N/A" :
|
|
227
|
+
placeholder: be && B && !Z ? "N/A" : f,
|
|
228
228
|
className: "vs:w-full vs:cursor-default vs:rounded-(--partbot-button-border-radius) partbot-input-border vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-(--partbot-input-shadow) vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-(family-name:--partbot-font-family) vs:text-stone-900 vs:placeholder:text-stone-600 vs:disabled:placeholder:text-stone-400 vs:disabled:cursor-not-allowed",
|
|
229
|
-
displayValue: (
|
|
230
|
-
onChange: (
|
|
231
|
-
title:
|
|
229
|
+
displayValue: (s) => (s == null ? void 0 : s.value) || "",
|
|
230
|
+
onChange: (s) => g(s.target.value),
|
|
231
|
+
title: f
|
|
232
232
|
}
|
|
233
233
|
),
|
|
234
234
|
/* @__PURE__ */ I("div", { className: "vs:absolute vs:pointer-events-none vs:h-full vs:right-0 vs:flex vs:space-x-[calc(var(--partbot-padding)*0.25)] vs:items-center", children: [
|
|
235
|
-
(
|
|
235
|
+
(M == null ? void 0 : M.value) && /* @__PURE__ */ a(
|
|
236
236
|
"button",
|
|
237
237
|
{
|
|
238
238
|
onClick: ne,
|
|
@@ -252,7 +252,7 @@ function oe({
|
|
|
252
252
|
)
|
|
253
253
|
}
|
|
254
254
|
),
|
|
255
|
-
/* @__PURE__ */ a(
|
|
255
|
+
/* @__PURE__ */ a(Ft, { className: "vs:inset-y-0 vs:flex vs:items-center vs:pr-[calc(var(--partbot-padding)*1.3)] vs:pointer-events-auto vs:bg-transparent vs:border-none vs:outline-none", children: Z ? /* @__PURE__ */ a(Xe, { className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-stone-400 vs:animate-spin" }) : /* @__PURE__ */ a(
|
|
256
256
|
"svg",
|
|
257
257
|
{
|
|
258
258
|
className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-stone-400",
|
|
@@ -267,36 +267,36 @@ function oe({
|
|
|
267
267
|
] })
|
|
268
268
|
] }),
|
|
269
269
|
/* @__PURE__ */ a(
|
|
270
|
-
|
|
270
|
+
Ot,
|
|
271
271
|
{
|
|
272
272
|
portal: !0,
|
|
273
273
|
anchor: "bottom start",
|
|
274
274
|
className: "vs:w-(--input-width) vs:z-99999! vs:max-h-60! vs:overflow-auto vs:rounded-[min(var(--partbot-button-border-radius),0.89rem)] vs:bg-white vs:py-1 vs:text-base vs:shadow-lg vs:ring-1 vs:ring-stone-200 vs:focus:outline-none vs:sm:text-(length:--partbot-font-size) empty:vs:invisible vs:mt-2",
|
|
275
|
-
children: ({ option:
|
|
276
|
-
const
|
|
277
|
-
(j) => j.value ===
|
|
275
|
+
children: ({ option: s }) => {
|
|
276
|
+
const b = s && V.some(
|
|
277
|
+
(j) => j.value === s.value
|
|
278
278
|
);
|
|
279
279
|
return /* @__PURE__ */ a(
|
|
280
|
-
|
|
280
|
+
Ut,
|
|
281
281
|
{
|
|
282
|
-
value:
|
|
282
|
+
value: s,
|
|
283
283
|
className: ({ focus: j }) => me(
|
|
284
284
|
"vs:group vs:relative vs:w-full vs:cursor-default vs:py-(--partbot-padding) vs:px-[calc(var(--partbot-padding)*1.3)] vs:text-left vs:border-none",
|
|
285
285
|
j ? "vs:bg-[rgb(var(--partbot-theme))] vs:text-[rgb(var(--partbot-button-label-color))]" : "vs:bg-white vs:text-stone-900 vs:hover:bg-theme vs:hover:text-button-label",
|
|
286
|
-
|
|
286
|
+
b && "vs:font-bold!"
|
|
287
287
|
),
|
|
288
288
|
children: ({ selected: j }) => /* @__PURE__ */ I("div", { className: "vs:flex vs:w-full vs:items-center vs:justify-between", children: [
|
|
289
289
|
/* @__PURE__ */ a(
|
|
290
290
|
"span",
|
|
291
291
|
{
|
|
292
292
|
className: me(
|
|
293
|
-
|
|
293
|
+
s.value === (u == null ? void 0 : u.value) ? "vs:font-semibold" : "vs:font-normal",
|
|
294
294
|
"vs:block vs:font-(family-name:--partbot-font-family) vs:whitespace-pre-wrap vs:text-left vs:text-(length:--partbot-font-size) vs:leading-none"
|
|
295
295
|
),
|
|
296
|
-
children:
|
|
296
|
+
children: s.value
|
|
297
297
|
}
|
|
298
298
|
),
|
|
299
|
-
|
|
299
|
+
s.value === (u == null ? void 0 : u.value) && /* @__PURE__ */ a(
|
|
300
300
|
"span",
|
|
301
301
|
{
|
|
302
302
|
className: me(
|
|
@@ -328,56 +328,56 @@ function oe({
|
|
|
328
328
|
)
|
|
329
329
|
] });
|
|
330
330
|
}
|
|
331
|
-
const
|
|
331
|
+
const Kt = "3.0.41";
|
|
332
332
|
console.info(
|
|
333
|
-
`Vehicle Search v${
|
|
333
|
+
`Vehicle Search v${Kt} powered by Partbot https://mmyvs.partbot.io`
|
|
334
334
|
);
|
|
335
|
-
function
|
|
336
|
-
const
|
|
337
|
-
return
|
|
335
|
+
function Ue(f = [], m = []) {
|
|
336
|
+
const u = [];
|
|
337
|
+
return f.forEach((J) => {
|
|
338
338
|
const [L, ...X] = J.split(":"), Y = X.join(":");
|
|
339
339
|
if (Y.includes(" > ")) {
|
|
340
|
-
const T = Y.split(" > "),
|
|
340
|
+
const T = Y.split(" > "), q = T[T.length - 1].trim();
|
|
341
341
|
if (L !== "make" && T.length >= 2) {
|
|
342
342
|
const Z = T[0].trim();
|
|
343
|
-
|
|
343
|
+
u.push(`make = "${Z}"`);
|
|
344
344
|
}
|
|
345
|
-
|
|
345
|
+
u.push(`${L} = "${q}"`);
|
|
346
346
|
} else
|
|
347
|
-
|
|
348
|
-
}),
|
|
349
|
-
|
|
350
|
-
}),
|
|
347
|
+
u.push(`${L} = "${Y}"`);
|
|
348
|
+
}), m.forEach((J) => {
|
|
349
|
+
u.push(J);
|
|
350
|
+
}), u.length > 0 ? u.join(" AND ") : null;
|
|
351
351
|
}
|
|
352
|
-
function O(
|
|
353
|
-
return String(
|
|
352
|
+
function O(f) {
|
|
353
|
+
return String(f || "").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toUpperCase().trim().replace(/\s+/g, " ");
|
|
354
354
|
}
|
|
355
|
-
function xe(
|
|
356
|
-
return String(
|
|
355
|
+
function xe(f) {
|
|
356
|
+
return String(f || "").split(">").pop().trim();
|
|
357
357
|
}
|
|
358
|
-
function
|
|
359
|
-
return !
|
|
360
|
-
(L) =>
|
|
361
|
-
) ?
|
|
362
|
-
(L) =>
|
|
358
|
+
function Je(f, m, u) {
|
|
359
|
+
return !u || u.size === 0 || !Array.isArray(f) || !f.some(
|
|
360
|
+
(L) => u.has(O(m(L)))
|
|
361
|
+
) ? f : f.filter(
|
|
362
|
+
(L) => u.has(O(m(L)))
|
|
363
363
|
);
|
|
364
364
|
}
|
|
365
|
-
function
|
|
366
|
-
apiKey:
|
|
367
|
-
makes:
|
|
368
|
-
models:
|
|
365
|
+
function qt({
|
|
366
|
+
apiKey: f,
|
|
367
|
+
makes: m = "",
|
|
368
|
+
models: u = "",
|
|
369
369
|
vehicleScopeTokens: J = "",
|
|
370
370
|
yearTokens: L = "",
|
|
371
371
|
callbackUrl: X = "",
|
|
372
372
|
layout: Y = "row",
|
|
373
373
|
fields: T,
|
|
374
|
-
fieldPrefix:
|
|
374
|
+
fieldPrefix: q = "",
|
|
375
375
|
showBranding: Z = !0,
|
|
376
376
|
showLabels: B = !1,
|
|
377
377
|
mobileFullWidthButton: pe = !0,
|
|
378
|
-
mobileDrawer:
|
|
379
|
-
modifyQueryString:
|
|
380
|
-
onChange:
|
|
378
|
+
mobileDrawer: g = !0,
|
|
379
|
+
modifyQueryString: M = !0,
|
|
380
|
+
onChange: z,
|
|
381
381
|
buttonLabel: ve = "Search",
|
|
382
382
|
showButton: ne = !0,
|
|
383
383
|
onSubmit: ie,
|
|
@@ -385,14 +385,14 @@ function Kt({
|
|
|
385
385
|
useStoreVehicles: V = !0,
|
|
386
386
|
fieldOrder: be = "MMY",
|
|
387
387
|
// "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
|
|
388
|
-
enableFeatureFlags:
|
|
388
|
+
enableFeatureFlags: s = !0,
|
|
389
389
|
// Use api.cartbot.io instead of api.partbot.io
|
|
390
|
-
yearOptional:
|
|
390
|
+
yearOptional: b = !1,
|
|
391
391
|
// Make year selection optional, only requiring make + model
|
|
392
392
|
mobileButtonLabel: j = "Select Vehicle"
|
|
393
393
|
// Label for mobile drawer trigger button
|
|
394
394
|
}) {
|
|
395
|
-
const ke =
|
|
395
|
+
const ke = K(null), Ce = K(null), we = K(null), y = K(null), D = K(null), ee = K(null), te = K(null), C = K(null), _e = K(null), R = K(!1), Me = K(!1), S = be === "YMM", [je, Re] = N([]), [Ne, se] = N([]), [ye, ze] = N([]), [Ge, Be] = N([]), [et, Pe] = N([]), [tt, Ie] = N([]), [rt, Le] = N([]), [ot, Ve] = N([]), wt = K([]), [ge, Se] = N([]), [e, Q] = N({
|
|
396
396
|
make: null,
|
|
397
397
|
model: null,
|
|
398
398
|
year: null,
|
|
@@ -401,34 +401,34 @@ function Kt({
|
|
|
401
401
|
variant: null,
|
|
402
402
|
engine: null,
|
|
403
403
|
engine_capacity: null
|
|
404
|
-
}), [
|
|
404
|
+
}), [yt, Ye] = N(!1), at = K([
|
|
405
405
|
"body",
|
|
406
406
|
"series",
|
|
407
407
|
"variant",
|
|
408
408
|
"engine",
|
|
409
409
|
"engine_capacity"
|
|
410
|
-
]),
|
|
411
|
-
T && T.length &&
|
|
410
|
+
]), De = K(
|
|
411
|
+
T && T.length && at.current ? T.split(",").filter((t) => {
|
|
412
412
|
var r;
|
|
413
|
-
return (r =
|
|
413
|
+
return (r = at.current) == null ? void 0 : r.includes(t);
|
|
414
414
|
}) : null
|
|
415
|
-
), [
|
|
416
|
-
|
|
417
|
-
), [
|
|
415
|
+
), [nt, $e] = N({}), ae = Qe(() => !m || typeof m != "string" ? /* @__PURE__ */ new Set() : new Set(
|
|
416
|
+
m.trim().split(",").map((t) => O(t)).filter(Boolean)
|
|
417
|
+
), [m]), le = Qe(
|
|
418
418
|
() => new Set(
|
|
419
|
-
Object.keys(
|
|
419
|
+
Object.keys(nt || {}).map(
|
|
420
420
|
(t) => O(t)
|
|
421
421
|
)
|
|
422
422
|
),
|
|
423
|
-
[
|
|
424
|
-
), [re,
|
|
423
|
+
[nt]
|
|
424
|
+
), [re, xt] = N(!1);
|
|
425
425
|
P(() => {
|
|
426
426
|
const t = navigator.userAgent;
|
|
427
|
-
|
|
427
|
+
xt(
|
|
428
428
|
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
|
|
429
429
|
t
|
|
430
430
|
)
|
|
431
|
-
),
|
|
431
|
+
), We.__loaded || We.init("phc_mLZkVvweXDfwCPYS7kSCxoAxgQUkw8fgyDiplKnleGw", {
|
|
432
432
|
api_host: "https://app.posthog.com",
|
|
433
433
|
autocapture: !1,
|
|
434
434
|
capture_pageview: !1,
|
|
@@ -436,21 +436,21 @@ function Kt({
|
|
|
436
436
|
disable_session_recording: !1
|
|
437
437
|
});
|
|
438
438
|
}, []);
|
|
439
|
-
const [ue,
|
|
440
|
-
if (!
|
|
439
|
+
const [ue, kt] = N({}), [Xt, Ct] = N(""), it = F(async () => {
|
|
440
|
+
if (!f)
|
|
441
441
|
return;
|
|
442
|
-
const r = `${
|
|
442
|
+
const r = `${s ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
|
|
443
443
|
try {
|
|
444
444
|
const n = await fetch(r, {
|
|
445
445
|
method: "POST",
|
|
446
446
|
headers: {
|
|
447
447
|
"Content-Type": "application/json",
|
|
448
|
-
Authorization: `Bearer ${
|
|
448
|
+
Authorization: `Bearer ${f}`
|
|
449
449
|
},
|
|
450
450
|
body: JSON.stringify(
|
|
451
451
|
(() => {
|
|
452
|
-
const
|
|
453
|
-
return w && (
|
|
452
|
+
const h = { use_store_vehicles: V };
|
|
453
|
+
return w && (h.store = w), h;
|
|
454
454
|
})()
|
|
455
455
|
)
|
|
456
456
|
});
|
|
@@ -460,39 +460,39 @@ function Kt({
|
|
|
460
460
|
merchant: o,
|
|
461
461
|
vehicle_makes: d,
|
|
462
462
|
vehicle_models: i,
|
|
463
|
-
meilisearch_search_key:
|
|
464
|
-
meilisearch_index_name:
|
|
465
|
-
algolia_search_key:
|
|
463
|
+
meilisearch_search_key: p,
|
|
464
|
+
meilisearch_index_name: l,
|
|
465
|
+
algolia_search_key: c,
|
|
466
466
|
// Fallback for backward compatibility
|
|
467
|
-
algolia_index_name:
|
|
467
|
+
algolia_index_name: $,
|
|
468
468
|
// Fallback for backward compatibility
|
|
469
|
-
store_index_name:
|
|
470
|
-
store_popular_makes:
|
|
469
|
+
store_index_name: A,
|
|
470
|
+
store_popular_makes: v,
|
|
471
471
|
// Array of popular make values for this store (from PostHog)
|
|
472
|
-
store_popular_models:
|
|
472
|
+
store_popular_models: x
|
|
473
473
|
// Object mapping makes to popular models: { "TOYOTA": ["HILUX", "LANDCRUISER"], ... }
|
|
474
|
-
} = await n.json(),
|
|
475
|
-
Ce.current = o, we.current =
|
|
476
|
-
...
|
|
477
|
-
refinement:
|
|
478
|
-
})), V && E ? typeof E == "object" && !Array.isArray(E) ? (y.current = E,
|
|
474
|
+
} = await n.json(), _ = d || [], E = i;
|
|
475
|
+
Ce.current = o, we.current = _.map((h) => ({
|
|
476
|
+
...h,
|
|
477
|
+
refinement: h.value
|
|
478
|
+
})), V && E ? typeof E == "object" && !Array.isArray(E) ? (y.current = E, $e(E)) : Array.isArray(E) ? (y.current = E.map((h) => h && h.value ? String(h.value).trim() : "").filter(Boolean), $e({})) : (y.current = [], $e({})) : (y.current = [], $e({})), D.current = Array.isArray(v) ? v.map((h) => String(h).trim().toUpperCase()) : null, ee.current = x || null, kt({
|
|
479
479
|
searchKey: "eeace38b64f52bf56ebb4fe8bd5837b3cd6c0ff9d7e272f76449d94b80cba86b",
|
|
480
480
|
indexName: "otto_v1_vehicles_production"
|
|
481
481
|
});
|
|
482
482
|
} catch (n) {
|
|
483
|
-
console.error("[VehicleSearch] Auth failed:", n),
|
|
483
|
+
console.error("[VehicleSearch] Auth failed:", n), Ct(n), $e({});
|
|
484
484
|
}
|
|
485
|
-
}, [
|
|
485
|
+
}, [f, w, V, s]);
|
|
486
486
|
P(() => {
|
|
487
|
-
|
|
488
|
-
}, [
|
|
487
|
+
it();
|
|
488
|
+
}, [it]), P(() => {
|
|
489
489
|
if (ue.searchKey) {
|
|
490
490
|
try {
|
|
491
|
-
te.current = new
|
|
491
|
+
te.current = new gt({
|
|
492
492
|
host: "https://search.partbot.io",
|
|
493
493
|
apiKey: ue.searchKey
|
|
494
|
-
}),
|
|
495
|
-
const t = new
|
|
494
|
+
}), C.current = te.current.index(ue.indexName);
|
|
495
|
+
const t = new gt({
|
|
496
496
|
host: "https://partbot-meilisearch-cache.partbot.workers.dev",
|
|
497
497
|
// Cloudflare Worker endpoint
|
|
498
498
|
apiKey: ue.searchKey
|
|
@@ -505,28 +505,28 @@ function Kt({
|
|
|
505
505
|
te.current = null;
|
|
506
506
|
};
|
|
507
507
|
}
|
|
508
|
-
}, [ue.searchKey,
|
|
509
|
-
const [G,
|
|
508
|
+
}, [ue.searchKey, f]);
|
|
509
|
+
const [G, _t] = N(!1), st = F(() => {
|
|
510
510
|
function t(i) {
|
|
511
511
|
if (!i) return "rgba(0,0,0,1)";
|
|
512
|
-
var
|
|
513
|
-
return
|
|
512
|
+
var p = r(), l = window.getComputedStyle(i).backgroundColor;
|
|
513
|
+
return l !== p ? l : i.parentElement ? t(i.parentElement) : "rgba(255,255,255,1)";
|
|
514
514
|
}
|
|
515
515
|
function r() {
|
|
516
516
|
var i = document.createElement("div");
|
|
517
517
|
document.head.appendChild(i);
|
|
518
|
-
var
|
|
519
|
-
return document.head.removeChild(i),
|
|
518
|
+
var p = window.getComputedStyle(i).backgroundColor;
|
|
519
|
+
return document.head.removeChild(i), p;
|
|
520
520
|
}
|
|
521
521
|
const n = document.querySelector("vehicle-search");
|
|
522
522
|
let o;
|
|
523
523
|
n ? o = t(n) : o = t(ke.current);
|
|
524
|
-
const d =
|
|
525
|
-
|
|
524
|
+
const d = Yt(o).isDark();
|
|
525
|
+
_t(d);
|
|
526
526
|
}, []);
|
|
527
527
|
P(() => {
|
|
528
528
|
async function t() {
|
|
529
|
-
if (!e.make || !
|
|
529
|
+
if (!e.make || !C.current)
|
|
530
530
|
return;
|
|
531
531
|
let r = [], n = [];
|
|
532
532
|
e.make && r.push(`make:${e.make.refinement}`), e.model && r.push(
|
|
@@ -539,24 +539,24 @@ function Kt({
|
|
|
539
539
|
), e.series && r.push(`series:${e.series.refinement}`), e.engine && r.push(`engine:${e.engine.refinement}`), e.engine_capacity && r.push(
|
|
540
540
|
`engine_capacity:${e.engine_capacity.refinement}`
|
|
541
541
|
);
|
|
542
|
-
let d = (await
|
|
543
|
-
filter:
|
|
542
|
+
let d = (await C.current.search("", {
|
|
543
|
+
filter: Ue(r, n),
|
|
544
544
|
attributesToRetrieve: ["otto_id"],
|
|
545
545
|
limit: 500
|
|
546
546
|
// Reduced from 1000 for faster queries
|
|
547
|
-
})).hits.map((
|
|
548
|
-
|
|
549
|
-
let
|
|
547
|
+
})).hits.map((l) => l.otto_id);
|
|
548
|
+
Se(d);
|
|
549
|
+
let p = {
|
|
550
550
|
...Object.fromEntries(
|
|
551
|
-
Object.entries(e || {}).map(([
|
|
551
|
+
Object.entries(e || {}).map(([l, c]) => [l, c && c.value || null]).filter(([l, c]) => c !== null)
|
|
552
552
|
),
|
|
553
553
|
merchant: Ce.current
|
|
554
554
|
};
|
|
555
|
-
|
|
555
|
+
We.capture("vehicle select", p);
|
|
556
556
|
}
|
|
557
557
|
t();
|
|
558
|
-
}, [e,
|
|
559
|
-
const
|
|
558
|
+
}, [e, C, b]);
|
|
559
|
+
const Ze = (t) => q ? `${q}${t}` : t, Mt = (t) => q ? t.replace(new RegExp(`^${q}`), "") : t, lt = F(() => {
|
|
560
560
|
const t = new URL(window.location.href).searchParams, r = [
|
|
561
561
|
"make",
|
|
562
562
|
"model",
|
|
@@ -565,86 +565,87 @@ function Kt({
|
|
|
565
565
|
"series",
|
|
566
566
|
"engine",
|
|
567
567
|
"engine_capacity"
|
|
568
|
-
], n = r.map(
|
|
569
|
-
for (const [
|
|
570
|
-
const
|
|
571
|
-
if (
|
|
572
|
-
const
|
|
573
|
-
if (
|
|
574
|
-
const
|
|
575
|
-
if (
|
|
576
|
-
const
|
|
577
|
-
/^\d{4}$/.test(
|
|
568
|
+
], n = r.map(Ze), o = {}, d = /^filter\.p\.m\.app--\d+--partbot\.vehicle_(\w+)$/;
|
|
569
|
+
for (const [l, c] of t.entries()) {
|
|
570
|
+
const $ = l.match(d);
|
|
571
|
+
if ($) {
|
|
572
|
+
const A = $[1];
|
|
573
|
+
if (A === "year_tokens" && c) {
|
|
574
|
+
const x = c.split("|");
|
|
575
|
+
if (x.length >= 3) {
|
|
576
|
+
const _ = x[2].trim();
|
|
577
|
+
/^\d{4}$/.test(_) && (o.year = _);
|
|
578
578
|
}
|
|
579
579
|
continue;
|
|
580
580
|
}
|
|
581
|
-
let
|
|
582
|
-
|
|
581
|
+
let v = A.replace(/s$/, "");
|
|
582
|
+
v === "engine_capacitie" && (v = "engine_capacity"), v === "bodie" && (v = "body"), v === "serie" && (v = "series"), r.includes(v) && (o[v] = c);
|
|
583
583
|
}
|
|
584
584
|
}
|
|
585
585
|
const i = Object.fromEntries(
|
|
586
|
-
[...t.entries()].filter(([
|
|
587
|
-
const
|
|
588
|
-
if (
|
|
589
|
-
const
|
|
590
|
-
return [
|
|
586
|
+
[...t.entries()].filter(([l]) => n.includes(l)).map(([l, c]) => {
|
|
587
|
+
const $ = Mt(l);
|
|
588
|
+
if ($ === "year" && c && /^\d{4}$/.test(c)) {
|
|
589
|
+
const A = parseInt(c, 10);
|
|
590
|
+
return [$, { value: A, refinement: A }];
|
|
591
591
|
}
|
|
592
|
-
return [
|
|
592
|
+
return [$, { value: c, refinement: c }];
|
|
593
593
|
})
|
|
594
594
|
);
|
|
595
|
-
for (const [
|
|
596
|
-
if (
|
|
597
|
-
if (
|
|
598
|
-
const
|
|
599
|
-
i[
|
|
595
|
+
for (const [l, c] of Object.entries(o))
|
|
596
|
+
if (c && c !== "[object Object]" && !i[l])
|
|
597
|
+
if (l === "year" && /^\d{4}$/.test(c)) {
|
|
598
|
+
const $ = parseInt(c, 10);
|
|
599
|
+
i[l] = { value: $, refinement: $ };
|
|
600
600
|
} else
|
|
601
|
-
i[
|
|
602
|
-
|
|
601
|
+
i[l] = { value: c, refinement: c };
|
|
602
|
+
const p = Object.keys(i).length > 0;
|
|
603
|
+
if (Me.current = p, !p)
|
|
603
604
|
try {
|
|
604
|
-
const
|
|
605
|
-
if (
|
|
606
|
-
const
|
|
607
|
-
if (
|
|
608
|
-
const
|
|
609
|
-
for (const
|
|
610
|
-
const
|
|
611
|
-
if (
|
|
612
|
-
if (
|
|
613
|
-
const
|
|
614
|
-
i[
|
|
615
|
-
value:
|
|
616
|
-
refinement:
|
|
605
|
+
const l = localStorage.getItem("partbot_selected_vehicle");
|
|
606
|
+
if (l) {
|
|
607
|
+
const c = JSON.parse(l);
|
|
608
|
+
if (c != null && c.vehicle) {
|
|
609
|
+
const $ = c.vehicle;
|
|
610
|
+
for (const A of r) {
|
|
611
|
+
const v = $[A];
|
|
612
|
+
if (v && typeof v == "string" && v.trim())
|
|
613
|
+
if (A === "year" && /^\d{4}$/.test(v)) {
|
|
614
|
+
const x = parseInt(v, 10);
|
|
615
|
+
i[A] = {
|
|
616
|
+
value: x,
|
|
617
|
+
refinement: x
|
|
617
618
|
};
|
|
618
619
|
} else
|
|
619
|
-
i[
|
|
620
|
-
else if (
|
|
621
|
-
if (
|
|
622
|
-
const
|
|
623
|
-
i[
|
|
624
|
-
value:
|
|
625
|
-
refinement:
|
|
620
|
+
i[A] = { value: v, refinement: v };
|
|
621
|
+
else if (v != null && v.value && typeof v.value == "string")
|
|
622
|
+
if (A === "year" && /^\d{4}$/.test(v.value)) {
|
|
623
|
+
const x = parseInt(v.value, 10);
|
|
624
|
+
i[A] = {
|
|
625
|
+
value: x,
|
|
626
|
+
refinement: x
|
|
626
627
|
};
|
|
627
628
|
} else
|
|
628
|
-
i[
|
|
629
|
-
value:
|
|
630
|
-
refinement:
|
|
629
|
+
i[A] = {
|
|
630
|
+
value: v.value,
|
|
631
|
+
refinement: v.value
|
|
631
632
|
};
|
|
632
633
|
}
|
|
633
634
|
}
|
|
634
635
|
}
|
|
635
636
|
} catch {
|
|
636
637
|
}
|
|
637
|
-
|
|
638
|
+
Q(i);
|
|
638
639
|
}, []), U = F(({ query: t, value: r, remove: n }) => {
|
|
639
|
-
if (
|
|
640
|
+
if (M && "URLSearchParams" in window) {
|
|
640
641
|
let o = new URLSearchParams(window.location.search);
|
|
641
|
-
t =
|
|
642
|
-
i =
|
|
642
|
+
t = Ze(t), t && r && o.set(t, r), t && !r && o.delete(t), n && n.forEach((i) => {
|
|
643
|
+
i = Ze(i), o.delete(i);
|
|
643
644
|
});
|
|
644
645
|
const d = window.location.pathname + "?" + o.toString();
|
|
645
646
|
window.history.pushState(null, "", d);
|
|
646
647
|
}
|
|
647
|
-
}, []),
|
|
648
|
+
}, []), zt = F(() => {
|
|
648
649
|
var n;
|
|
649
650
|
const t = {
|
|
650
651
|
vehicle_ids: ge,
|
|
@@ -655,40 +656,40 @@ function Kt({
|
|
|
655
656
|
detail: t
|
|
656
657
|
});
|
|
657
658
|
window.dispatchEvent(r), document.dispatchEvent(r), setTimeout(() => {
|
|
658
|
-
|
|
659
|
+
Ye(!1);
|
|
659
660
|
}, 900);
|
|
660
|
-
}, [ge, ie]),
|
|
661
|
-
var n, o, d, i,
|
|
661
|
+
}, [ge, ie]), ct = F(() => {
|
|
662
|
+
var n, o, d, i, p, l, c, $, A;
|
|
662
663
|
const t = {
|
|
663
664
|
vehicle_ids: ge,
|
|
664
665
|
vehicle: (n = e == null ? void 0 : e.make) != null && n.value ? e : {},
|
|
665
666
|
userSelected: R.current
|
|
666
667
|
// Flag to indicate if user actively selected
|
|
667
668
|
};
|
|
668
|
-
|
|
669
|
+
z && z(t);
|
|
669
670
|
const r = new CustomEvent("vehicle-search-change", {
|
|
670
671
|
detail: t
|
|
671
672
|
});
|
|
672
673
|
if (R.current === !0) {
|
|
673
674
|
localStorage.removeItem("partbot_plate_details");
|
|
674
|
-
const
|
|
675
|
-
description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((d = e.model) == null ? void 0 : d.value) || ""} ${((i = e.year) == null ? void 0 : i.value) || ""} ${((
|
|
675
|
+
const v = JSON.stringify({
|
|
676
|
+
description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((d = e.model) == null ? void 0 : d.value) || ""} ${((i = e.year) == null ? void 0 : i.value) || ""} ${((p = e.body) == null ? void 0 : p.value) || ""} ${((l = e.series) == null ? void 0 : l.value) || ""} ${((c = e.variant) == null ? void 0 : c.value) || ""} ${(($ = e.engine) == null ? void 0 : $.value) || ""} ${((A = e.engine_capacity) == null ? void 0 : A.value) || ""}`.trim(),
|
|
676
677
|
vehicle_ids: ge,
|
|
677
|
-
vehicle: e ? Object.entries(e).reduce((
|
|
678
|
+
vehicle: e ? Object.entries(e).reduce((x, [_, E]) => (x[_] = E != null && E.value ? E.value : {}, x), {}) : {}
|
|
678
679
|
});
|
|
679
680
|
localStorage.setItem(
|
|
680
681
|
"partbot_selected_vehicle",
|
|
681
|
-
|
|
682
|
-
),
|
|
682
|
+
v
|
|
683
|
+
), Lt.set("partbot_selected_vehicle", v, {
|
|
683
684
|
secure: !0
|
|
684
685
|
});
|
|
685
686
|
}
|
|
686
|
-
window.dispatchEvent(r), R.current && document.dispatchEvent(r),
|
|
687
|
-
|
|
687
|
+
window.dispatchEvent(r), (R.current || Me.current) && (document.dispatchEvent(r), Me.current = !1), wt.current = ge, setTimeout(() => {
|
|
688
|
+
Ye(!1);
|
|
688
689
|
}, 900);
|
|
689
|
-
}, [ge,
|
|
690
|
-
() =>
|
|
691
|
-
[
|
|
690
|
+
}, [ge, z]), he = Qe(
|
|
691
|
+
() => Rt(ct, 100),
|
|
692
|
+
[ct]
|
|
692
693
|
);
|
|
693
694
|
P(() => {
|
|
694
695
|
he();
|
|
@@ -696,7 +697,7 @@ function Kt({
|
|
|
696
697
|
he.cancel();
|
|
697
698
|
}, [he]), P(() => {
|
|
698
699
|
const t = () => {
|
|
699
|
-
R.current = !1, he.cancel(),
|
|
700
|
+
R.current = !1, he.cancel(), Q({
|
|
700
701
|
make: null,
|
|
701
702
|
model: null,
|
|
702
703
|
year: null,
|
|
@@ -705,7 +706,7 @@ function Kt({
|
|
|
705
706
|
variant: null,
|
|
706
707
|
engine: null,
|
|
707
708
|
engine_capacity: null
|
|
708
|
-
}),
|
|
709
|
+
}), Se([]);
|
|
709
710
|
};
|
|
710
711
|
return window.addEventListener("plate-search-change", t), () => {
|
|
711
712
|
window.removeEventListener(
|
|
@@ -715,7 +716,7 @@ function Kt({
|
|
|
715
716
|
};
|
|
716
717
|
}, [he]), P(() => {
|
|
717
718
|
const t = () => {
|
|
718
|
-
R.current = !1, he.cancel(),
|
|
719
|
+
R.current = !1, he.cancel(), Q({
|
|
719
720
|
make: null,
|
|
720
721
|
model: null,
|
|
721
722
|
year: null,
|
|
@@ -724,38 +725,38 @@ function Kt({
|
|
|
724
725
|
variant: null,
|
|
725
726
|
engine: null,
|
|
726
727
|
engine_capacity: null
|
|
727
|
-
}),
|
|
728
|
+
}), Se([]);
|
|
728
729
|
};
|
|
729
730
|
return document.addEventListener("partbot-clear-vehicle", t), () => {
|
|
730
731
|
document.removeEventListener("partbot-clear-vehicle", t);
|
|
731
732
|
};
|
|
732
733
|
}, [he]), P(() => {
|
|
733
|
-
ue.searchKey && (
|
|
734
|
-
}, [ue.searchKey,
|
|
735
|
-
|
|
734
|
+
ue.searchKey && (S || Nt(), lt());
|
|
735
|
+
}, [ue.searchKey, S, lt]), P(() => {
|
|
736
|
+
S && C.current && ye.length === 0 && !e.year && C.current.search("", {
|
|
736
737
|
attributesToRetrieve: ["year_from", "year_to"],
|
|
737
738
|
limit: 1e4
|
|
738
739
|
}).then(({ hits: t }) => {
|
|
739
|
-
const r = t.map((
|
|
740
|
+
const r = t.map((p) => p.year_from).filter(Boolean), n = t.map((p) => p.year_to).filter(Boolean), o = Math.min(...r), d = Math.max(...n), i = Array.from(
|
|
740
741
|
{ length: d - o + 1 },
|
|
741
|
-
(
|
|
742
|
+
(p, l) => ({ value: o + l, refinement: o + l })
|
|
742
743
|
).reverse();
|
|
743
|
-
|
|
744
|
+
ze(i);
|
|
744
745
|
}).catch((t) => {
|
|
745
746
|
console.error("[VehicleSearch] Error loading year range:", t);
|
|
746
747
|
});
|
|
747
|
-
}, [
|
|
748
|
-
typeof document > "u" ||
|
|
749
|
-
}, [
|
|
750
|
-
const
|
|
748
|
+
}, [S, ue.searchKey, ye.length, e.year]), P(() => {
|
|
749
|
+
typeof document > "u" || st();
|
|
750
|
+
}, [st]);
|
|
751
|
+
const dt = F(
|
|
751
752
|
(t) => {
|
|
752
|
-
R.current = !0, se([]), !
|
|
753
|
+
R.current = !0, se([]), !S && !b && ze([]), Be([]), Pe([]), Ie([]), Ve([]), Le([]), Q((r) => ({
|
|
753
754
|
make: t,
|
|
754
|
-
year:
|
|
755
|
+
year: S || b ? r.year : null
|
|
755
756
|
})), U({
|
|
756
757
|
query: "make",
|
|
757
758
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
758
|
-
remove:
|
|
759
|
+
remove: S ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : b ? [
|
|
759
760
|
"model",
|
|
760
761
|
"body",
|
|
761
762
|
"series",
|
|
@@ -771,25 +772,25 @@ function Kt({
|
|
|
771
772
|
"variant",
|
|
772
773
|
"engine_capacity"
|
|
773
774
|
]
|
|
774
|
-
}), t ||
|
|
775
|
+
}), t || Se([]);
|
|
775
776
|
},
|
|
776
|
-
[U,
|
|
777
|
-
),
|
|
777
|
+
[U, S, b]
|
|
778
|
+
), pt = F(
|
|
778
779
|
(t) => {
|
|
779
|
-
R.current = !0,
|
|
780
|
+
R.current = !0, Q((r) => ({
|
|
780
781
|
...r,
|
|
781
782
|
model: t !== "" ? t : null,
|
|
782
|
-
year:
|
|
783
|
+
year: S || b ? r.year : null,
|
|
783
784
|
// Preserve year in YMM mode or yearOptional mode
|
|
784
785
|
body: null,
|
|
785
786
|
series: null,
|
|
786
787
|
variant: null,
|
|
787
788
|
engine: null,
|
|
788
789
|
engine_capacity: null
|
|
789
|
-
})), !
|
|
790
|
+
})), !S && !b && ze([]), Be([]), Pe([]), Ie([]), Ve([]), Le([]), U({
|
|
790
791
|
query: "model",
|
|
791
792
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
792
|
-
remove:
|
|
793
|
+
remove: S ? ["body", "series", "engine", "variant", "engine_capacity"] : b ? ["body", "series", "engine", "variant", "engine_capacity"] : [
|
|
793
794
|
"year",
|
|
794
795
|
"body",
|
|
795
796
|
"series",
|
|
@@ -799,12 +800,12 @@ function Kt({
|
|
|
799
800
|
]
|
|
800
801
|
});
|
|
801
802
|
},
|
|
802
|
-
[U,
|
|
803
|
-
),
|
|
803
|
+
[U, S, b]
|
|
804
|
+
), vt = F(
|
|
804
805
|
(t) => {
|
|
805
|
-
R.current = !0,
|
|
806
|
+
R.current = !0, S ? (Re([]), se([]), Q({
|
|
806
807
|
year: t !== "" ? t : null
|
|
807
|
-
}), (!t || t === "") &&
|
|
808
|
+
}), (!t || t === "") && ze([])) : Q(b ? (r) => ({
|
|
808
809
|
...r,
|
|
809
810
|
year: t !== "" ? t : null
|
|
810
811
|
}) : (r) => ({
|
|
@@ -815,10 +816,10 @@ function Kt({
|
|
|
815
816
|
variant: null,
|
|
816
817
|
engine: null,
|
|
817
818
|
engine_capacity: null
|
|
818
|
-
})),
|
|
819
|
+
})), b || (Be([]), Pe([]), Ie([]), Ve([]), Le([])), U({
|
|
819
820
|
query: "year",
|
|
820
821
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
821
|
-
remove:
|
|
822
|
+
remove: S ? [
|
|
822
823
|
"make",
|
|
823
824
|
"model",
|
|
824
825
|
"body",
|
|
@@ -826,13 +827,13 @@ function Kt({
|
|
|
826
827
|
"variant",
|
|
827
828
|
"engine",
|
|
828
829
|
"engine_capacity"
|
|
829
|
-
] :
|
|
830
|
-
}), !
|
|
830
|
+
] : b ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
|
|
831
|
+
}), !b && (!t || t === "") && Se([]);
|
|
831
832
|
},
|
|
832
|
-
[U,
|
|
833
|
-
),
|
|
833
|
+
[U, S, b]
|
|
834
|
+
), St = F(
|
|
834
835
|
(t) => {
|
|
835
|
-
R.current = !0,
|
|
836
|
+
R.current = !0, Q((r) => ({
|
|
836
837
|
...r,
|
|
837
838
|
body: t !== "" ? t : null
|
|
838
839
|
})), U({
|
|
@@ -841,9 +842,9 @@ function Kt({
|
|
|
841
842
|
});
|
|
842
843
|
},
|
|
843
844
|
[U]
|
|
844
|
-
),
|
|
845
|
+
), $t = F(
|
|
845
846
|
(t) => {
|
|
846
|
-
R.current = !0,
|
|
847
|
+
R.current = !0, Q((r) => ({
|
|
847
848
|
...r,
|
|
848
849
|
series: t !== "" ? t : null
|
|
849
850
|
})), U({
|
|
@@ -852,9 +853,9 @@ function Kt({
|
|
|
852
853
|
});
|
|
853
854
|
},
|
|
854
855
|
[U]
|
|
855
|
-
),
|
|
856
|
+
), At = F(
|
|
856
857
|
(t) => {
|
|
857
|
-
R.current = !0,
|
|
858
|
+
R.current = !0, Q((r) => ({
|
|
858
859
|
...r,
|
|
859
860
|
variant: t !== "" ? t : null
|
|
860
861
|
})), U({
|
|
@@ -863,9 +864,9 @@ function Kt({
|
|
|
863
864
|
});
|
|
864
865
|
},
|
|
865
866
|
[U]
|
|
866
|
-
),
|
|
867
|
+
), Et = F(
|
|
867
868
|
(t) => {
|
|
868
|
-
R.current = !0,
|
|
869
|
+
R.current = !0, Q((r) => ({
|
|
869
870
|
...r,
|
|
870
871
|
engine: t !== "" ? t : null
|
|
871
872
|
})), U({
|
|
@@ -874,9 +875,9 @@ function Kt({
|
|
|
874
875
|
});
|
|
875
876
|
},
|
|
876
877
|
[U]
|
|
877
|
-
),
|
|
878
|
+
), jt = F(
|
|
878
879
|
(t) => {
|
|
879
|
-
R.current = !0,
|
|
880
|
+
R.current = !0, Q((r) => ({
|
|
880
881
|
...r,
|
|
881
882
|
engine_capacity: t !== "" ? t : null
|
|
882
883
|
})), U({
|
|
@@ -887,9 +888,9 @@ function Kt({
|
|
|
887
888
|
[U]
|
|
888
889
|
);
|
|
889
890
|
P(() => {
|
|
890
|
-
|
|
891
|
+
S && e.year && C.current && (async () => {
|
|
891
892
|
try {
|
|
892
|
-
const r = await
|
|
893
|
+
const r = await C.current.search("", {
|
|
893
894
|
filter: `year_from <= ${e.year.value} AND year_to >= ${e.year.value}`,
|
|
894
895
|
attributesToRetrieve: ["make", "make_popularity"],
|
|
895
896
|
limit: 1e4
|
|
@@ -912,25 +913,25 @@ function Kt({
|
|
|
912
913
|
)
|
|
913
914
|
));
|
|
914
915
|
const d = new Set(D.current || []);
|
|
915
|
-
d.size > 0 ? o.sort((i,
|
|
916
|
-
const
|
|
917
|
-
return
|
|
916
|
+
d.size > 0 ? o.sort((i, p) => {
|
|
917
|
+
const l = d.has(i.value), c = d.has(p.value);
|
|
918
|
+
return l && !c ? -1 : !l && c ? 1 : l && c ? D.current.indexOf(i.value) - D.current.indexOf(p.value) : i.value.localeCompare(p.value);
|
|
918
919
|
}) : o.sort(
|
|
919
|
-
(i,
|
|
920
|
-
),
|
|
920
|
+
(i, p) => p.popularity === i.popularity ? i.value.localeCompare(p.value) : p.popularity - i.popularity
|
|
921
|
+
), Re(o);
|
|
921
922
|
} catch (r) {
|
|
922
923
|
console.error("[VehicleSearch] Error loading makes for year:", r);
|
|
923
924
|
}
|
|
924
925
|
})();
|
|
925
|
-
}, [
|
|
926
|
-
const
|
|
926
|
+
}, [S, e.year, ae, le]);
|
|
927
|
+
const Nt = F(() => {
|
|
927
928
|
(async () => {
|
|
928
929
|
let r = [];
|
|
929
930
|
if (we.current && we.current.length)
|
|
930
931
|
r = we.current;
|
|
931
|
-
else if (
|
|
932
|
+
else if (C.current)
|
|
932
933
|
try {
|
|
933
|
-
const n = await
|
|
934
|
+
const n = await C.current.search("", {
|
|
934
935
|
attributesToRetrieve: ["make", "make_popularity"],
|
|
935
936
|
limit: 1e3
|
|
936
937
|
}), o = /* @__PURE__ */ new Map();
|
|
@@ -951,12 +952,12 @@ function Kt({
|
|
|
951
952
|
)), D.current && D.current.length > 0) {
|
|
952
953
|
const n = new Set(D.current);
|
|
953
954
|
r.sort((o, d) => {
|
|
954
|
-
const i = n.has(o.value),
|
|
955
|
-
return i && !
|
|
955
|
+
const i = n.has(o.value), p = n.has(d.value);
|
|
956
|
+
return i && !p ? -1 : !i && p ? 1 : i && p ? D.current.indexOf(o.value) - D.current.indexOf(d.value) : o.value.localeCompare(d.value);
|
|
956
957
|
});
|
|
957
958
|
} else
|
|
958
959
|
r.sort((n, o) => n.popularity === o.popularity ? n.value.localeCompare(o.value) : o.popularity - n.popularity);
|
|
959
|
-
|
|
960
|
+
Re(r);
|
|
960
961
|
})();
|
|
961
962
|
}, [ae, le]);
|
|
962
963
|
P(() => {
|
|
@@ -971,179 +972,179 @@ function Kt({
|
|
|
971
972
|
se([]);
|
|
972
973
|
return;
|
|
973
974
|
}
|
|
974
|
-
const i =
|
|
975
|
-
i.map((
|
|
976
|
-
),
|
|
977
|
-
let
|
|
978
|
-
if (
|
|
979
|
-
const
|
|
980
|
-
(
|
|
975
|
+
const i = u ? u.trim().split(",").map((x) => x.trim()).filter(Boolean) : [], p = new Set(
|
|
976
|
+
i.map((x) => O(x))
|
|
977
|
+
), l = typeof y.current == "object" && !Array.isArray(y.current) && y.current !== null ? y.current : null;
|
|
978
|
+
let c = [];
|
|
979
|
+
if (l && (c = l[r] || [], Array.isArray(c) || (c = []), c.length === 0)) {
|
|
980
|
+
const x = Object.keys(l).find(
|
|
981
|
+
(_) => O(_) === n
|
|
981
982
|
);
|
|
982
|
-
if (
|
|
983
|
-
const
|
|
984
|
-
|
|
983
|
+
if (x) {
|
|
984
|
+
const _ = l[x];
|
|
985
|
+
c = Array.isArray(_) ? _ : [];
|
|
985
986
|
}
|
|
986
987
|
}
|
|
987
|
-
const
|
|
988
|
-
|
|
989
|
-
(
|
|
988
|
+
const $ = new Set(
|
|
989
|
+
c.map(
|
|
990
|
+
(x) => O(x)
|
|
990
991
|
)
|
|
991
|
-
),
|
|
992
|
-
let
|
|
993
|
-
if (
|
|
994
|
-
Array.from(
|
|
995
|
-
(
|
|
992
|
+
), A = $.size > 0 ? $ : null;
|
|
993
|
+
let v = p;
|
|
994
|
+
if (p.size > 0 && $.size > 0 && (v = new Set(
|
|
995
|
+
Array.from(p).filter(
|
|
996
|
+
(x) => $.has(x)
|
|
996
997
|
)
|
|
997
|
-
)),
|
|
998
|
+
)), p.size > 0 && v.size === 0) {
|
|
998
999
|
se([]);
|
|
999
1000
|
return;
|
|
1000
1001
|
}
|
|
1001
|
-
if (V &&
|
|
1002
|
-
let
|
|
1003
|
-
value:
|
|
1004
|
-
refinement:
|
|
1002
|
+
if (V && c.length > 0) {
|
|
1003
|
+
let _ = c.map((h) => ({
|
|
1004
|
+
value: h,
|
|
1005
|
+
refinement: h,
|
|
1005
1006
|
popularity: 0
|
|
1006
1007
|
// Popularity will be used from PostHog for sorting
|
|
1007
1008
|
}));
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
(
|
|
1011
|
-
|
|
1012
|
-
),
|
|
1013
|
-
|
|
1014
|
-
(
|
|
1015
|
-
|
|
1009
|
+
_ = Je(
|
|
1010
|
+
_,
|
|
1011
|
+
(h) => h.value,
|
|
1012
|
+
v
|
|
1013
|
+
), _ = Je(
|
|
1014
|
+
_,
|
|
1015
|
+
(h) => h.value,
|
|
1016
|
+
A
|
|
1016
1017
|
);
|
|
1017
1018
|
const E = (t = ee.current) == null ? void 0 : t[r];
|
|
1018
1019
|
if (E && Array.isArray(E)) {
|
|
1019
|
-
const
|
|
1020
|
-
E.map((
|
|
1021
|
-
|
|
1020
|
+
const h = new Map(
|
|
1021
|
+
E.map((W, ce) => [
|
|
1022
|
+
W.toUpperCase(),
|
|
1022
1023
|
E.length - ce
|
|
1023
1024
|
])
|
|
1024
1025
|
);
|
|
1025
|
-
|
|
1026
|
-
const
|
|
1027
|
-
return
|
|
1026
|
+
_.sort((W, ce) => {
|
|
1027
|
+
const Oe = h.get(W.value.toUpperCase()) || 0, fe = h.get(ce.value.toUpperCase()) || 0;
|
|
1028
|
+
return Oe !== fe ? fe - Oe : W.value.localeCompare(ce.value);
|
|
1028
1029
|
});
|
|
1029
1030
|
} else
|
|
1030
|
-
|
|
1031
|
-
se(
|
|
1031
|
+
_.sort((h, W) => h.value.localeCompare(W.value));
|
|
1032
|
+
se(_);
|
|
1032
1033
|
return;
|
|
1033
1034
|
}
|
|
1034
|
-
if (!_e.current || !
|
|
1035
|
+
if (!_e.current || !f)
|
|
1035
1036
|
return;
|
|
1036
1037
|
_e.current.search("", {
|
|
1037
1038
|
filter: `make = "${e.make.refinement}"`,
|
|
1038
1039
|
limit: 1
|
|
1039
1040
|
// Only one document per make
|
|
1040
|
-
}).then((
|
|
1041
|
-
var
|
|
1042
|
-
const { hits:
|
|
1041
|
+
}).then((x) => {
|
|
1042
|
+
var ut, ht;
|
|
1043
|
+
const { hits: _ } = x;
|
|
1043
1044
|
let E = [];
|
|
1044
|
-
|
|
1045
|
-
let
|
|
1046
|
-
model: `${e.make.refinement} > ${
|
|
1047
|
-
model_popularity:
|
|
1048
|
-
})),
|
|
1049
|
-
Array.isArray(y.current) ?
|
|
1050
|
-
let ce =
|
|
1051
|
-
if (
|
|
1052
|
-
(
|
|
1053
|
-
O(
|
|
1045
|
+
_.length > 0 && _[0].models && (E = _[0].models);
|
|
1046
|
+
let h = E.map((k) => ({
|
|
1047
|
+
model: `${e.make.refinement} > ${k.name}`,
|
|
1048
|
+
model_popularity: k.popularity || 0
|
|
1049
|
+
})), W = [];
|
|
1050
|
+
Array.isArray(y.current) ? W = y.current : typeof y.current == "object" && y.current !== null ? W = c : typeof y.current == "string" && y.current.length && (W = y.current.split(",").map((k) => k.trim()).filter(Boolean));
|
|
1051
|
+
let ce = W;
|
|
1052
|
+
if (v.size > 0 && (ce = W.length ? W.filter(
|
|
1053
|
+
(k) => v.has(
|
|
1054
|
+
O(k)
|
|
1054
1055
|
)
|
|
1055
|
-
) : i,
|
|
1056
|
-
(
|
|
1056
|
+
) : i, h = h.filter(
|
|
1057
|
+
(k) => v.has(
|
|
1057
1058
|
O(
|
|
1058
|
-
xe(
|
|
1059
|
+
xe(k.model)
|
|
1059
1060
|
)
|
|
1060
1061
|
)
|
|
1061
1062
|
)), ce && ce.length > 0) {
|
|
1062
|
-
const
|
|
1063
|
+
const k = new Set(
|
|
1063
1064
|
ce.map((de) => O(de))
|
|
1064
1065
|
);
|
|
1065
|
-
|
|
1066
|
-
(de) =>
|
|
1066
|
+
h.some(
|
|
1067
|
+
(de) => k.has(
|
|
1067
1068
|
O(
|
|
1068
1069
|
xe(de.model)
|
|
1069
1070
|
)
|
|
1070
1071
|
)
|
|
1071
|
-
) && (
|
|
1072
|
-
(de) =>
|
|
1072
|
+
) && (h = h.filter(
|
|
1073
|
+
(de) => k.has(
|
|
1073
1074
|
O(
|
|
1074
1075
|
xe(de.model)
|
|
1075
1076
|
)
|
|
1076
1077
|
)
|
|
1077
1078
|
));
|
|
1078
1079
|
}
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
(
|
|
1082
|
-
|
|
1083
|
-
),
|
|
1084
|
-
const H = xe(
|
|
1080
|
+
h = Je(
|
|
1081
|
+
h,
|
|
1082
|
+
(k) => xe(k.model),
|
|
1083
|
+
A
|
|
1084
|
+
), h = h.filter((k) => xe(k.model) !== "").map((k) => {
|
|
1085
|
+
const H = xe(k.model);
|
|
1085
1086
|
return {
|
|
1086
1087
|
value: H,
|
|
1087
1088
|
refinement: H,
|
|
1088
|
-
popularity:
|
|
1089
|
+
popularity: k.model_popularity
|
|
1089
1090
|
};
|
|
1090
1091
|
});
|
|
1091
|
-
const
|
|
1092
|
+
const Oe = (ut = e.make) == null ? void 0 : ut.refinement, fe = (ht = ee.current) == null ? void 0 : ht[Oe];
|
|
1092
1093
|
if (fe && Array.isArray(fe) && fe.length > 0) {
|
|
1093
|
-
const
|
|
1094
|
+
const k = new Set(
|
|
1094
1095
|
fe.map((H) => String(H).trim().toUpperCase())
|
|
1095
1096
|
);
|
|
1096
|
-
|
|
1097
|
-
const
|
|
1098
|
-
if (
|
|
1099
|
-
if (!
|
|
1100
|
-
if (
|
|
1101
|
-
const
|
|
1102
|
-
(
|
|
1097
|
+
h.sort((H, de) => {
|
|
1098
|
+
const Ke = k.has(H.value), qe = k.has(de.value);
|
|
1099
|
+
if (Ke && !qe) return -1;
|
|
1100
|
+
if (!Ke && qe) return 1;
|
|
1101
|
+
if (Ke && qe) {
|
|
1102
|
+
const ft = fe.map(
|
|
1103
|
+
(Pt) => String(Pt).trim().toUpperCase()
|
|
1103
1104
|
);
|
|
1104
|
-
return
|
|
1105
|
+
return ft.indexOf(H.value) - ft.indexOf(de.value);
|
|
1105
1106
|
}
|
|
1106
1107
|
return H.value.localeCompare(de.value);
|
|
1107
1108
|
});
|
|
1108
1109
|
} else
|
|
1109
|
-
|
|
1110
|
-
se(
|
|
1111
|
-
}).catch((
|
|
1112
|
-
console.error("[VehicleSearch] Error loading models:",
|
|
1110
|
+
h.sort((k, H) => k.popularity === H.popularity ? k.value.localeCompare(H.value) : H.popularity - k.popularity);
|
|
1111
|
+
se(h);
|
|
1112
|
+
}).catch((x) => {
|
|
1113
|
+
console.error("[VehicleSearch] Error loading models:", x), se([]);
|
|
1113
1114
|
});
|
|
1114
1115
|
} else
|
|
1115
1116
|
se([]);
|
|
1116
1117
|
}, [
|
|
1117
1118
|
e.make,
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1119
|
+
u,
|
|
1120
|
+
f,
|
|
1121
|
+
S,
|
|
1121
1122
|
e.year,
|
|
1122
1123
|
V,
|
|
1123
1124
|
ae,
|
|
1124
1125
|
le
|
|
1125
1126
|
]), P(() => {
|
|
1126
|
-
if (
|
|
1127
|
+
if (C.current && e.make && e.model) {
|
|
1127
1128
|
let t = [
|
|
1128
1129
|
`model:${e.make.refinement} > ${e.model.refinement}`
|
|
1129
1130
|
];
|
|
1130
|
-
|
|
1131
|
+
b && (e.body && t.push(
|
|
1131
1132
|
`body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
|
|
1132
1133
|
), e.series && t.push(`series:${e.series.refinement}`), e.engine && t.push(`engine:${e.engine.refinement}`), e.engine_capacity && t.push(
|
|
1133
1134
|
`engine_capacity:${e.engine_capacity.refinement}`
|
|
1134
|
-
)),
|
|
1135
|
-
filter:
|
|
1135
|
+
)), C.current.search("", {
|
|
1136
|
+
filter: Ue(t, []),
|
|
1136
1137
|
attributesToRetrieve: ["year_from", "year_to", "otto_id"],
|
|
1137
1138
|
limit: 200
|
|
1138
1139
|
// Reduced from 1000 for faster queries
|
|
1139
1140
|
}).then(({ hits: r }) => {
|
|
1140
|
-
const n = r.map((
|
|
1141
|
-
let
|
|
1141
|
+
const n = r.map((l) => l.year_from), o = Math.min(...n), d = r.map((l) => l.year_to), i = Math.max(...d);
|
|
1142
|
+
let p = Array.apply(null, {
|
|
1142
1143
|
length: i + 1 - o
|
|
1143
|
-
}).map(function(
|
|
1144
|
-
return
|
|
1144
|
+
}).map(function(l, c) {
|
|
1145
|
+
return c + o;
|
|
1145
1146
|
});
|
|
1146
|
-
|
|
1147
|
+
p = p.reverse().map((l) => ({ value: l, refinement: l })), ze(p);
|
|
1147
1148
|
}).catch((r) => {
|
|
1148
1149
|
console.error("[VehicleSearch] Error fetching years:", r);
|
|
1149
1150
|
});
|
|
@@ -1151,21 +1152,21 @@ function Kt({
|
|
|
1151
1152
|
}, [
|
|
1152
1153
|
e.model,
|
|
1153
1154
|
e.make,
|
|
1154
|
-
|
|
1155
|
-
|
|
1155
|
+
S,
|
|
1156
|
+
b,
|
|
1156
1157
|
e.body,
|
|
1157
1158
|
e.series,
|
|
1158
1159
|
e.engine,
|
|
1159
1160
|
e.engine_capacity
|
|
1160
1161
|
]), P(() => {
|
|
1161
|
-
const t =
|
|
1162
|
-
if (
|
|
1162
|
+
const t = b ? e.make && e.model : e.year && e.make && e.model;
|
|
1163
|
+
if (C.current && t) {
|
|
1163
1164
|
const r = e.year ? [
|
|
1164
1165
|
`year_from <= ${e.year.value}`,
|
|
1165
1166
|
`year_to >= ${e.year.value}`
|
|
1166
1167
|
] : [];
|
|
1167
|
-
|
|
1168
|
-
filter:
|
|
1168
|
+
C.current.search("", {
|
|
1169
|
+
filter: Ue(
|
|
1169
1170
|
[`model:${e.make.refinement} > ${e.model.refinement}`],
|
|
1170
1171
|
r
|
|
1171
1172
|
),
|
|
@@ -1175,11 +1176,11 @@ function Kt({
|
|
|
1175
1176
|
n = [...new Map(n.map((o) => [o.body, o])).values()].map((o) => ({
|
|
1176
1177
|
value: o.body.match(/[^>]*$/)[0].trim(),
|
|
1177
1178
|
refinement: o.body.match(/[^>]*$/)[0].trim()
|
|
1178
|
-
})).filter((o) => o.value),
|
|
1179
|
+
})).filter((o) => o.value), Be(n);
|
|
1179
1180
|
});
|
|
1180
1181
|
}
|
|
1181
|
-
}, [e.year, e.make, e.model,
|
|
1182
|
-
const
|
|
1182
|
+
}, [e.year, e.make, e.model, b]);
|
|
1183
|
+
const Ae = F(({ hits: t, attribute: r, stateCallback: n }) => {
|
|
1183
1184
|
let o = [
|
|
1184
1185
|
...new Map(t.map((d) => [d[r], d])).values()
|
|
1185
1186
|
].map((d) => ({
|
|
@@ -1187,13 +1188,13 @@ function Kt({
|
|
|
1187
1188
|
refinement: d[r].match(/[^|]*$/)[0].trim()
|
|
1188
1189
|
})).filter((d) => d.refinement);
|
|
1189
1190
|
n(o);
|
|
1190
|
-
}, []),
|
|
1191
|
-
const t =
|
|
1191
|
+
}, []), Bt = F(() => {
|
|
1192
|
+
const t = De.current ? De.current.length + 3 : 3, r = ne ? t + 1 : t;
|
|
1192
1193
|
return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
|
|
1193
1194
|
}, [ne]);
|
|
1194
1195
|
P(() => {
|
|
1195
|
-
const t =
|
|
1196
|
-
if (
|
|
1196
|
+
const t = b ? e.make && e.model : e.make && e.model && e.year;
|
|
1197
|
+
if (C.current && t) {
|
|
1197
1198
|
let r = [
|
|
1198
1199
|
`make:${e.make.refinement}`,
|
|
1199
1200
|
`model:${e.make.refinement} > ${e.model.refinement}`,
|
|
@@ -1207,8 +1208,8 @@ function Kt({
|
|
|
1207
1208
|
`year_from <= ${e.year.value}`,
|
|
1208
1209
|
`year_to >= ${e.year.value}`
|
|
1209
1210
|
] : [];
|
|
1210
|
-
|
|
1211
|
-
filter:
|
|
1211
|
+
C.current.search("", {
|
|
1212
|
+
filter: Ue(r, n),
|
|
1212
1213
|
attributesToRetrieve: [
|
|
1213
1214
|
"series",
|
|
1214
1215
|
"engine_capacity",
|
|
@@ -1219,22 +1220,22 @@ function Kt({
|
|
|
1219
1220
|
],
|
|
1220
1221
|
limit: 1e3
|
|
1221
1222
|
}).then(({ hits: o }) => {
|
|
1222
|
-
|
|
1223
|
+
Ae({
|
|
1223
1224
|
hits: o,
|
|
1224
1225
|
attribute: "series",
|
|
1225
|
-
stateCallback:
|
|
1226
|
-
}),
|
|
1226
|
+
stateCallback: Pe
|
|
1227
|
+
}), Ae({
|
|
1227
1228
|
hits: o,
|
|
1228
1229
|
attribute: "variant",
|
|
1229
|
-
stateCallback:
|
|
1230
|
-
}),
|
|
1230
|
+
stateCallback: Ie
|
|
1231
|
+
}), Ae({
|
|
1231
1232
|
hits: o,
|
|
1232
1233
|
attribute: "engine",
|
|
1233
|
-
stateCallback:
|
|
1234
|
-
}),
|
|
1234
|
+
stateCallback: Le
|
|
1235
|
+
}), Ae({
|
|
1235
1236
|
hits: o,
|
|
1236
1237
|
attribute: "engine_capacity",
|
|
1237
|
-
stateCallback:
|
|
1238
|
+
stateCallback: Ve
|
|
1238
1239
|
});
|
|
1239
1240
|
});
|
|
1240
1241
|
}
|
|
@@ -1244,23 +1245,23 @@ function Kt({
|
|
|
1244
1245
|
e.variant,
|
|
1245
1246
|
e.engine,
|
|
1246
1247
|
e.engine_capacity,
|
|
1247
|
-
|
|
1248
|
+
Ae,
|
|
1248
1249
|
e.make,
|
|
1249
1250
|
e.model,
|
|
1250
1251
|
e.year,
|
|
1251
|
-
|
|
1252
|
+
b
|
|
1252
1253
|
]);
|
|
1253
|
-
const [
|
|
1254
|
+
const [Fe, He] = N(!1);
|
|
1254
1255
|
return P(() => {
|
|
1255
|
-
if (
|
|
1256
|
-
return
|
|
1256
|
+
if (g)
|
|
1257
|
+
return Fe ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1257
1258
|
document.body.style.overflow = "";
|
|
1258
1259
|
};
|
|
1259
|
-
}, [
|
|
1260
|
-
|
|
1260
|
+
}, [Fe, g]), /* @__PURE__ */ I(Te, { children: [
|
|
1261
|
+
g && /* @__PURE__ */ a(
|
|
1261
1262
|
"button",
|
|
1262
1263
|
{
|
|
1263
|
-
onClick: () =>
|
|
1264
|
+
onClick: () => He(!0),
|
|
1264
1265
|
type: "button",
|
|
1265
1266
|
className: me(
|
|
1266
1267
|
"vehicle-search-btn vs:md:hidden!",
|
|
@@ -1269,13 +1270,13 @@ function Kt({
|
|
|
1269
1270
|
children: /* @__PURE__ */ a("span", { children: j })
|
|
1270
1271
|
}
|
|
1271
1272
|
),
|
|
1272
|
-
|
|
1273
|
+
g && /* @__PURE__ */ a(
|
|
1273
1274
|
"div",
|
|
1274
1275
|
{
|
|
1275
|
-
onClick: () =>
|
|
1276
|
+
onClick: () => He(!1),
|
|
1276
1277
|
className: me(
|
|
1277
1278
|
"vs:z-10 vs:fixed vs:inset-0 vs:bg-stone-900 vs:transition-all vs:duration-300",
|
|
1278
|
-
|
|
1279
|
+
Fe ? "vs:opacity-75" : "vs:pointer-events-none vs:opacity-0"
|
|
1279
1280
|
)
|
|
1280
1281
|
}
|
|
1281
1282
|
),
|
|
@@ -1284,16 +1285,16 @@ function Kt({
|
|
|
1284
1285
|
{
|
|
1285
1286
|
className: me(
|
|
1286
1287
|
"partbot-mmyvs-container",
|
|
1287
|
-
|
|
1288
|
+
g && Fe && "active",
|
|
1288
1289
|
"w-full"
|
|
1289
1290
|
),
|
|
1290
1291
|
children: [
|
|
1291
|
-
|
|
1292
|
+
g && /* @__PURE__ */ I("div", { className: "vs:flex vs:justify-between vs:items-center vs:pb-4 vs:font-bold vs:text-white vs:md:hidden", children: [
|
|
1292
1293
|
/* @__PURE__ */ a("span", { children: "Select Vehicle" }),
|
|
1293
1294
|
/* @__PURE__ */ I(
|
|
1294
1295
|
"button",
|
|
1295
1296
|
{
|
|
1296
|
-
onClick: () =>
|
|
1297
|
+
onClick: () => He(!1),
|
|
1297
1298
|
type: "button",
|
|
1298
1299
|
className: "vs:appearance-none vs:bg-transparent vs:border-none vs:ring-none vs:outline-none vs:hover:border-none vs:hover:ring-none vs:hover:outline-none",
|
|
1299
1300
|
children: [
|
|
@@ -1318,17 +1319,17 @@ function Kt({
|
|
|
1318
1319
|
ref: ke,
|
|
1319
1320
|
className: me(
|
|
1320
1321
|
"vs:grid vs:gap-3",
|
|
1321
|
-
Y === "row" ? `${
|
|
1322
|
+
Y === "row" ? `${Bt()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
|
|
1322
1323
|
"vs:w-full vs:transition vs:lg:mx-auto"
|
|
1323
1324
|
),
|
|
1324
1325
|
children: [
|
|
1325
|
-
|
|
1326
|
+
S ? /* @__PURE__ */ I(Te, { children: [
|
|
1326
1327
|
/* @__PURE__ */ a(
|
|
1327
1328
|
oe,
|
|
1328
1329
|
{
|
|
1329
1330
|
label: "Year",
|
|
1330
1331
|
items: ye,
|
|
1331
|
-
refine:
|
|
1332
|
+
refine: vt,
|
|
1332
1333
|
selected: e.year,
|
|
1333
1334
|
bgDark: G,
|
|
1334
1335
|
showLabel: B,
|
|
@@ -1342,15 +1343,15 @@ function Kt({
|
|
|
1342
1343
|
oe,
|
|
1343
1344
|
{
|
|
1344
1345
|
label: "Make",
|
|
1345
|
-
items:
|
|
1346
|
-
refine:
|
|
1346
|
+
items: je,
|
|
1347
|
+
refine: dt,
|
|
1347
1348
|
selected: e.make,
|
|
1348
1349
|
showPopular: !0,
|
|
1349
1350
|
bgDark: G,
|
|
1350
1351
|
showLabel: B,
|
|
1351
1352
|
isMobile: re,
|
|
1352
1353
|
sortOptions: !1,
|
|
1353
|
-
loading: e.year &&
|
|
1354
|
+
loading: e.year && je.length === 0,
|
|
1354
1355
|
shouldBeActive: !!e.year
|
|
1355
1356
|
}
|
|
1356
1357
|
),
|
|
@@ -1358,32 +1359,32 @@ function Kt({
|
|
|
1358
1359
|
oe,
|
|
1359
1360
|
{
|
|
1360
1361
|
label: "Model",
|
|
1361
|
-
items:
|
|
1362
|
-
refine:
|
|
1362
|
+
items: Ne,
|
|
1363
|
+
refine: pt,
|
|
1363
1364
|
selected: e.model,
|
|
1364
1365
|
showPopular: !0,
|
|
1365
1366
|
bgDark: G,
|
|
1366
1367
|
showLabel: B,
|
|
1367
1368
|
isMobile: re,
|
|
1368
1369
|
sortOptions: !1,
|
|
1369
|
-
loading: e.make &&
|
|
1370
|
+
loading: e.make && Ne.length === 0,
|
|
1370
1371
|
shouldBeActive: !!e.make
|
|
1371
1372
|
}
|
|
1372
1373
|
)
|
|
1373
|
-
] }) : /* @__PURE__ */ I(
|
|
1374
|
+
] }) : /* @__PURE__ */ I(Te, { children: [
|
|
1374
1375
|
/* @__PURE__ */ a(
|
|
1375
1376
|
oe,
|
|
1376
1377
|
{
|
|
1377
1378
|
label: "Make",
|
|
1378
|
-
items:
|
|
1379
|
-
refine:
|
|
1379
|
+
items: je,
|
|
1380
|
+
refine: dt,
|
|
1380
1381
|
selected: e.make,
|
|
1381
1382
|
showPopular: !0,
|
|
1382
1383
|
bgDark: G,
|
|
1383
1384
|
showLabel: B,
|
|
1384
1385
|
isMobile: re,
|
|
1385
1386
|
sortOptions: !1,
|
|
1386
|
-
loading:
|
|
1387
|
+
loading: je.length === 0,
|
|
1387
1388
|
shouldBeActive: !0
|
|
1388
1389
|
}
|
|
1389
1390
|
),
|
|
@@ -1391,15 +1392,15 @@ function Kt({
|
|
|
1391
1392
|
oe,
|
|
1392
1393
|
{
|
|
1393
1394
|
label: "Model",
|
|
1394
|
-
items:
|
|
1395
|
-
refine:
|
|
1395
|
+
items: Ne,
|
|
1396
|
+
refine: pt,
|
|
1396
1397
|
selected: e.model,
|
|
1397
1398
|
showPopular: !0,
|
|
1398
1399
|
bgDark: G,
|
|
1399
1400
|
showLabel: B,
|
|
1400
1401
|
isMobile: re,
|
|
1401
1402
|
sortOptions: !1,
|
|
1402
|
-
loading: e.make &&
|
|
1403
|
+
loading: e.make && Ne.length === 0,
|
|
1403
1404
|
shouldBeActive: !!e.make
|
|
1404
1405
|
}
|
|
1405
1406
|
),
|
|
@@ -1408,7 +1409,7 @@ function Kt({
|
|
|
1408
1409
|
{
|
|
1409
1410
|
label: "Year",
|
|
1410
1411
|
items: ye,
|
|
1411
|
-
refine:
|
|
1412
|
+
refine: vt,
|
|
1412
1413
|
selected: e.year,
|
|
1413
1414
|
bgDark: G,
|
|
1414
1415
|
showLabel: B,
|
|
@@ -1419,7 +1420,7 @@ function Kt({
|
|
|
1419
1420
|
}
|
|
1420
1421
|
)
|
|
1421
1422
|
] }),
|
|
1422
|
-
|
|
1423
|
+
De.current && De.current.map((t) => {
|
|
1423
1424
|
let r = null;
|
|
1424
1425
|
switch (t) {
|
|
1425
1426
|
case "body":
|
|
@@ -1427,13 +1428,13 @@ function Kt({
|
|
|
1427
1428
|
oe,
|
|
1428
1429
|
{
|
|
1429
1430
|
label: "Body",
|
|
1430
|
-
items:
|
|
1431
|
-
refine:
|
|
1431
|
+
items: Ge,
|
|
1432
|
+
refine: St,
|
|
1432
1433
|
selected: e.body,
|
|
1433
1434
|
bgDark: G,
|
|
1434
1435
|
showLabel: B,
|
|
1435
1436
|
isMobile: re,
|
|
1436
|
-
loading: !!(e.make && e.model && e.year) &&
|
|
1437
|
+
loading: !!(e.make && e.model && e.year) && Ge.length === 0,
|
|
1437
1438
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1438
1439
|
},
|
|
1439
1440
|
"body"
|
|
@@ -1444,13 +1445,13 @@ function Kt({
|
|
|
1444
1445
|
oe,
|
|
1445
1446
|
{
|
|
1446
1447
|
label: "Series",
|
|
1447
|
-
items:
|
|
1448
|
-
refine:
|
|
1448
|
+
items: et,
|
|
1449
|
+
refine: $t,
|
|
1449
1450
|
selected: e.series,
|
|
1450
1451
|
bgDark: G,
|
|
1451
1452
|
showLabel: B,
|
|
1452
1453
|
isMobile: re,
|
|
1453
|
-
loading: !!(e.make && e.model && e.year) &&
|
|
1454
|
+
loading: !!(e.make && e.model && e.year) && et.length === 0,
|
|
1454
1455
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1455
1456
|
},
|
|
1456
1457
|
"series"
|
|
@@ -1461,13 +1462,13 @@ function Kt({
|
|
|
1461
1462
|
oe,
|
|
1462
1463
|
{
|
|
1463
1464
|
label: "Variant",
|
|
1464
|
-
items:
|
|
1465
|
-
refine:
|
|
1465
|
+
items: tt,
|
|
1466
|
+
refine: At,
|
|
1466
1467
|
selected: e.variant,
|
|
1467
1468
|
bgDark: G,
|
|
1468
1469
|
showLabel: B,
|
|
1469
1470
|
isMobile: re,
|
|
1470
|
-
loading: !!(e.make && e.model && e.year) &&
|
|
1471
|
+
loading: !!(e.make && e.model && e.year) && tt.length === 0,
|
|
1471
1472
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1472
1473
|
},
|
|
1473
1474
|
"variant"
|
|
@@ -1478,13 +1479,13 @@ function Kt({
|
|
|
1478
1479
|
oe,
|
|
1479
1480
|
{
|
|
1480
1481
|
label: "Engine Capacity",
|
|
1481
|
-
items:
|
|
1482
|
-
refine:
|
|
1482
|
+
items: ot,
|
|
1483
|
+
refine: jt,
|
|
1483
1484
|
selected: e.engine_capacity,
|
|
1484
1485
|
bgDark: G,
|
|
1485
1486
|
showLabel: B,
|
|
1486
1487
|
isMobile: re,
|
|
1487
|
-
loading: !!(e.make && e.model && e.year) &&
|
|
1488
|
+
loading: !!(e.make && e.model && e.year) && ot.length === 0,
|
|
1488
1489
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1489
1490
|
},
|
|
1490
1491
|
"engine_capacity"
|
|
@@ -1495,13 +1496,13 @@ function Kt({
|
|
|
1495
1496
|
oe,
|
|
1496
1497
|
{
|
|
1497
1498
|
label: "Engine",
|
|
1498
|
-
items:
|
|
1499
|
-
refine:
|
|
1499
|
+
items: rt,
|
|
1500
|
+
refine: Et,
|
|
1500
1501
|
selected: e.engine,
|
|
1501
1502
|
bgDark: G,
|
|
1502
1503
|
showLabel: B,
|
|
1503
1504
|
isMobile: re,
|
|
1504
|
-
loading: !!(e.make && e.model && e.year) &&
|
|
1505
|
+
loading: !!(e.make && e.model && e.year) && rt.length === 0,
|
|
1505
1506
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1506
1507
|
},
|
|
1507
1508
|
"engine"
|
|
@@ -1515,11 +1516,11 @@ function Kt({
|
|
|
1515
1516
|
{
|
|
1516
1517
|
className: "vehicle-search-btn",
|
|
1517
1518
|
onClick: () => {
|
|
1518
|
-
|
|
1519
|
+
Ye(!0), X && !ie ? window.location.href = X + window.location.search : zt();
|
|
1519
1520
|
},
|
|
1520
1521
|
children: [
|
|
1521
1522
|
/* @__PURE__ */ a("span", { children: ve }),
|
|
1522
|
-
|
|
1523
|
+
yt && /* @__PURE__ */ a(Xe, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
|
|
1523
1524
|
]
|
|
1524
1525
|
}
|
|
1525
1526
|
) })
|
|
@@ -1544,7 +1545,7 @@ function Kt({
|
|
|
1544
1545
|
className: `${G ? "vs:text-white" : "vs:text-black"} vs:flex vs:items-center vs:space-x-1.5 vs:px-1.5 vs:text-center vs:leading-normal vs:text-[10px] vs:opacity-75 vs:transition vs:hover:opacity-100 vs:font-sans vs:no-underline vs:m-0 pb-1.5`,
|
|
1545
1546
|
children: [
|
|
1546
1547
|
/* @__PURE__ */ a("span", { children: "Powered by" }),
|
|
1547
|
-
/* @__PURE__ */ a(
|
|
1548
|
+
/* @__PURE__ */ a(Ht, { className: "vs:inline-flex vs:h-[13px]" })
|
|
1548
1549
|
]
|
|
1549
1550
|
}
|
|
1550
1551
|
)
|
|
@@ -1555,43 +1556,43 @@ function Kt({
|
|
|
1555
1556
|
)
|
|
1556
1557
|
] });
|
|
1557
1558
|
}
|
|
1558
|
-
let
|
|
1559
|
-
function
|
|
1559
|
+
let bt = !1, Ee = !1;
|
|
1560
|
+
function Qt(f) {
|
|
1560
1561
|
var B, pe;
|
|
1561
|
-
const
|
|
1562
|
-
if (!
|
|
1562
|
+
const m = f.shadowRoot;
|
|
1563
|
+
if (!m) {
|
|
1563
1564
|
console.error("[ShadowDOMPatch] No shadow root found");
|
|
1564
1565
|
return;
|
|
1565
1566
|
}
|
|
1566
|
-
const
|
|
1567
|
-
if (!
|
|
1567
|
+
const u = m.children[1];
|
|
1568
|
+
if (!u) {
|
|
1568
1569
|
console.error("[ShadowDOMPatch] No mount point found in shadow root");
|
|
1569
1570
|
return;
|
|
1570
1571
|
}
|
|
1571
|
-
if (new MutationObserver((
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1572
|
+
if (new MutationObserver((g) => {
|
|
1573
|
+
g.forEach((M) => {
|
|
1574
|
+
M.addedNodes.forEach((z) => {
|
|
1575
|
+
z.nodeType === 1 && z.id === "headlessui-portal-root" && (u.appendChild(z), Ee = !0);
|
|
1575
1576
|
});
|
|
1576
|
-
}),
|
|
1577
|
-
|
|
1578
|
-
|
|
1577
|
+
}), g.forEach((M) => {
|
|
1578
|
+
M.removedNodes.forEach((z) => {
|
|
1579
|
+
z.nodeType === 1 && z.id === "headlessui-portal-root" && (u.querySelector(
|
|
1579
1580
|
"#headlessui-portal-root"
|
|
1580
|
-
) || (
|
|
1581
|
+
) || (Ee = !1));
|
|
1581
1582
|
});
|
|
1582
1583
|
});
|
|
1583
1584
|
}).observe(document.body, {
|
|
1584
1585
|
childList: !0
|
|
1585
|
-
}), new MutationObserver((
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1586
|
+
}), new MutationObserver((g) => {
|
|
1587
|
+
g.forEach((M) => {
|
|
1588
|
+
M.removedNodes.forEach((z) => {
|
|
1589
|
+
z.nodeType === 1 && z.id === "headlessui-portal-root" && (Ee = !1);
|
|
1589
1590
|
});
|
|
1590
1591
|
});
|
|
1591
|
-
}).observe(
|
|
1592
|
+
}).observe(u, {
|
|
1592
1593
|
childList: !0,
|
|
1593
1594
|
subtree: !0
|
|
1594
|
-
}),
|
|
1595
|
+
}), bt)
|
|
1595
1596
|
return;
|
|
1596
1597
|
const X = (B = Object.getOwnPropertyDescriptor(
|
|
1597
1598
|
Document.prototype,
|
|
@@ -1599,8 +1600,8 @@ function qt(h) {
|
|
|
1599
1600
|
)) == null ? void 0 : B.get;
|
|
1600
1601
|
Object.defineProperty(Document.prototype, "activeElement", {
|
|
1601
1602
|
get: function() {
|
|
1602
|
-
const
|
|
1603
|
-
return
|
|
1603
|
+
const g = X == null ? void 0 : X.call(this);
|
|
1604
|
+
return g === f ? m.activeElement : g;
|
|
1604
1605
|
}
|
|
1605
1606
|
});
|
|
1606
1607
|
const Y = (pe = Object.getOwnPropertyDescriptor(
|
|
@@ -1609,20 +1610,20 @@ function qt(h) {
|
|
|
1609
1610
|
)) == null ? void 0 : pe.get;
|
|
1610
1611
|
Object.defineProperty(Event.prototype, "target", {
|
|
1611
1612
|
get: function() {
|
|
1612
|
-
const
|
|
1613
|
-
return
|
|
1613
|
+
const g = Y == null ? void 0 : Y.call(this);
|
|
1614
|
+
return g === f ? this.composedPath()[0] : g;
|
|
1614
1615
|
}
|
|
1615
1616
|
});
|
|
1616
|
-
const T = (
|
|
1617
|
+
const T = (g) => {
|
|
1617
1618
|
try {
|
|
1618
|
-
return document.body &&
|
|
1619
|
+
return document.body && g === document.body.style;
|
|
1619
1620
|
} catch {
|
|
1620
1621
|
return !1;
|
|
1621
1622
|
}
|
|
1622
|
-
},
|
|
1623
|
-
CSSStyleDeclaration.prototype.setProperty = function(
|
|
1624
|
-
if (!(T(this) &&
|
|
1625
|
-
return
|
|
1623
|
+
}, q = CSSStyleDeclaration.prototype.setProperty;
|
|
1624
|
+
CSSStyleDeclaration.prototype.setProperty = function(g, M, z) {
|
|
1625
|
+
if (!(T(this) && g === "overflow" && M === "hidden" && Ee))
|
|
1626
|
+
return q.call(this, g, M, z);
|
|
1626
1627
|
};
|
|
1627
1628
|
const Z = Object.getOwnPropertyDescriptor(
|
|
1628
1629
|
CSSStyleDeclaration.prototype,
|
|
@@ -1632,28 +1633,28 @@ function qt(h) {
|
|
|
1632
1633
|
get: function() {
|
|
1633
1634
|
return Z.get.call(this);
|
|
1634
1635
|
},
|
|
1635
|
-
set: function(
|
|
1636
|
-
if (!(T(this) &&
|
|
1637
|
-
return Z.set.call(this,
|
|
1636
|
+
set: function(g) {
|
|
1637
|
+
if (!(T(this) && g === "hidden" && Ee))
|
|
1638
|
+
return Z.set.call(this, g);
|
|
1638
1639
|
}
|
|
1639
|
-
}),
|
|
1640
|
+
}), bt = !0;
|
|
1640
1641
|
}
|
|
1641
|
-
const
|
|
1642
|
-
class
|
|
1642
|
+
const Wt = "/css/vehicle-search.css", pr = Wt;
|
|
1643
|
+
class Jt extends HTMLElement {
|
|
1643
1644
|
connectedCallback() {
|
|
1644
1645
|
if (!document.getElementById("vehicle-search-inter-font")) {
|
|
1645
1646
|
const y = document.createElement("link");
|
|
1646
1647
|
y.id = "vehicle-search-inter-font", y.rel = "stylesheet", y.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap", document.head.appendChild(y);
|
|
1647
1648
|
}
|
|
1648
|
-
let
|
|
1649
|
-
|
|
1650
|
-
const
|
|
1649
|
+
let m = document.createElement("style");
|
|
1650
|
+
m.textContent = Zt;
|
|
1651
|
+
const u = document.createElement("div"), J = this.attachShadow({ mode: "open" }), L = (y, D, ee) => {
|
|
1651
1652
|
let te;
|
|
1652
1653
|
if (this.hasAttribute(D)) {
|
|
1653
|
-
const
|
|
1654
|
-
if (/^#[0-9A-F]{6}$/i.test(
|
|
1655
|
-
const _e = parseInt(
|
|
1656
|
-
te = `${_e} ${R} ${
|
|
1654
|
+
const C = this.getAttribute(D);
|
|
1655
|
+
if (/^#[0-9A-F]{6}$/i.test(C)) {
|
|
1656
|
+
const _e = parseInt(C.slice(1, 3), 16), R = parseInt(C.slice(3, 5), 16), Me = parseInt(C.slice(5, 7), 16);
|
|
1657
|
+
te = `${_e} ${R} ${Me}`;
|
|
1657
1658
|
}
|
|
1658
1659
|
}
|
|
1659
1660
|
return te = te || ee, `:host { --${y}: ${te}; } .partbot-mmyvs-container { --${y}: ${te}; }`;
|
|
@@ -1670,7 +1671,7 @@ class Wt extends HTMLElement {
|
|
|
1670
1671
|
"partbot-button-hover-color",
|
|
1671
1672
|
"data-button-hover-color",
|
|
1672
1673
|
"0 0 0"
|
|
1673
|
-
),
|
|
1674
|
+
), q = L(
|
|
1674
1675
|
"partbot-button-label-color",
|
|
1675
1676
|
"data-button-label-color",
|
|
1676
1677
|
"255 255 255"
|
|
@@ -1682,7 +1683,7 @@ class Wt extends HTMLElement {
|
|
|
1682
1683
|
"partbot-mobile-background-color",
|
|
1683
1684
|
"data-mobile-background-color",
|
|
1684
1685
|
"0 0 0"
|
|
1685
|
-
), pe = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; } .partbot-mmyvs-container { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; }`,
|
|
1686
|
+
), pe = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; } .partbot-mmyvs-container { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; }`, g = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; } .partbot-mmyvs-container { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; }`, M = `:host { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; } .partbot-mmyvs-container { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; }`, z = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; } .partbot-mmyvs-container { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; }`;
|
|
1686
1687
|
const ve = this.getAttribute("data-input-shadow"), ne = ve === "none" ? "none" : ve || "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
1687
1688
|
let ie = `:host { --partbot-input-shadow: ${ne}; } .partbot-mmyvs-container { --partbot-input-shadow: ${ne}; }`;
|
|
1688
1689
|
const w = this.getAttribute("data-input-border-color");
|
|
@@ -1693,9 +1694,9 @@ class Wt extends HTMLElement {
|
|
|
1693
1694
|
V = `${y} ${D} ${ee}`;
|
|
1694
1695
|
} else /^\d+\s+\d+\s+\d+$/.test(w) && (V = w);
|
|
1695
1696
|
let be = `:host { --partbot-input-border-color: ${V}; } .partbot-mmyvs-container { --partbot-input-border-color: ${V}; }`;
|
|
1696
|
-
const
|
|
1697
|
-
let
|
|
1698
|
-
|
|
1697
|
+
const s = this.getAttribute("data-input-border-width") || "1px";
|
|
1698
|
+
let b = `:host { --partbot-input-border-width: ${s}; } .partbot-mmyvs-container { --partbot-input-border-width: ${s}; }`;
|
|
1699
|
+
m.textContent += X, m.textContent += Y, m.textContent += T, m.textContent += q, m.textContent += Z, m.textContent += B, m.textContent += pe, m.textContent += g, m.textContent += M, m.textContent += z, m.textContent += ie, m.textContent += be, m.textContent += b, J.appendChild(m), J.appendChild(u);
|
|
1699
1700
|
const j = this.getAttribute("data-api-key");
|
|
1700
1701
|
if (!j) {
|
|
1701
1702
|
console.warn("Missing attributes: " + (j ? "" : "data-api-key "));
|
|
@@ -1705,18 +1706,18 @@ class Wt extends HTMLElement {
|
|
|
1705
1706
|
for (let y = 0; y < ke.length; y++) {
|
|
1706
1707
|
const { name: D, value: ee } = ke[y];
|
|
1707
1708
|
if (D.startsWith("data-")) {
|
|
1708
|
-
const te = D.slice(5).replace(/-([a-z])/g, (
|
|
1709
|
+
const te = D.slice(5).replace(/-([a-z])/g, (C) => C[1].toUpperCase());
|
|
1709
1710
|
Ce[te] = ee === "true" ? !0 : ee === "false" ? !1 : ee;
|
|
1710
1711
|
}
|
|
1711
1712
|
}
|
|
1712
|
-
|
|
1713
|
-
const we = /* @__PURE__ */ a(
|
|
1714
|
-
|
|
1713
|
+
Qt(this);
|
|
1714
|
+
const we = /* @__PURE__ */ a(qt, { ...Ce });
|
|
1715
|
+
It.render(we, u);
|
|
1715
1716
|
}
|
|
1716
1717
|
}
|
|
1717
|
-
customElements.define("vehicle-search",
|
|
1718
|
+
customElements.define("vehicle-search", Jt);
|
|
1718
1719
|
export {
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1720
|
+
qt as VehicleSearch,
|
|
1721
|
+
qt as default,
|
|
1722
|
+
pr as vehicleSearchCssUrl
|
|
1722
1723
|
};
|