@cartbot/vehicle-search-beta 3.0.6 → 3.0.8
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 +409 -407
- package/dist/js/vehicle-search.js +17 -17
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as n, jsxs as $, Fragment as xe } from "react/jsx-runtime";
|
|
2
|
-
import { useState as M, useEffect as L, useRef as Z, useCallback as j, useMemo as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { Combobox as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { MeiliSearch as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
const xt = `@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-border-style:solid;--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}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--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}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--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}}@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);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}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);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}: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);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}}@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}:root{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--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:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}vehicle-search{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--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:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}:host{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--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:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}[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\\: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{border-style:var(--tw-border-style);border-width:1px}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:border-stone-200{border-color:var(--vs-color-stone-200)}.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-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\\:shadow-sm{--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)}.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:var(--vs-color-theme)}.vs\\:hover\\:text-button-label:hover{color:var(--vs-color-button-label)}.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\\: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}}.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}@media (min-width:1024px){.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))}}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}`;
|
|
14
|
-
function
|
|
15
|
-
return /* @__PURE__ */ n("span", { className:
|
|
2
|
+
import { useState as M, useEffect as L, useRef as Z, useCallback as j, useMemo as dt } from "react";
|
|
3
|
+
import vt from "react-dom";
|
|
4
|
+
import pt from "js-cookie";
|
|
5
|
+
import { Combobox as ht, ComboboxInput as ut, ComboboxButton as ft, ComboboxOptions as mt, ComboboxOption as gt } from "@headlessui/react";
|
|
6
|
+
import bt from "fuzzysearch";
|
|
7
|
+
import Ue from "pluralize";
|
|
8
|
+
import te from "clsx";
|
|
9
|
+
import { MeiliSearch as wt } from "meilisearch";
|
|
10
|
+
import yt from "lodash/debounce";
|
|
11
|
+
import xt from "tinycolor2";
|
|
12
|
+
import Ne from "posthog-js";
|
|
13
|
+
const kt = `@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-border-style:solid;--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}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--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}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--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}}@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);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}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);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}: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);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}}@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}:root{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--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:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}vehicle-search{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--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:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}:host{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--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:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}[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\\: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{border-style:var(--tw-border-style);border-width:1px}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:border-stone-200{border-color:var(--vs-color-stone-200)}.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-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\\:shadow-sm{--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)}.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:var(--vs-color-theme)}.vs\\:hover\\:text-button-label:hover{color:var(--vs-color-button-label)}.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\\: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}}.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}@media (min-width:1024px){.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))}}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}`;
|
|
14
|
+
function Ct({ className: m }) {
|
|
15
|
+
return /* @__PURE__ */ n("span", { className: m, children: /* @__PURE__ */ n(
|
|
16
16
|
"svg",
|
|
17
17
|
{
|
|
18
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -99,11 +99,11 @@ function kt({ className: g }) {
|
|
|
99
99
|
}
|
|
100
100
|
) });
|
|
101
101
|
}
|
|
102
|
-
function
|
|
102
|
+
function je({ className: m = "" }) {
|
|
103
103
|
return /* @__PURE__ */ n(
|
|
104
104
|
"svg",
|
|
105
105
|
{
|
|
106
|
-
className:
|
|
106
|
+
className: m,
|
|
107
107
|
xmlns: "http://www.w3.org/2000/svg",
|
|
108
108
|
width: "32",
|
|
109
109
|
height: "32",
|
|
@@ -113,34 +113,34 @@ function Ne({ className: g = "" }) {
|
|
|
113
113
|
}
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
|
-
function
|
|
117
|
-
label:
|
|
116
|
+
function Q({
|
|
117
|
+
label: m,
|
|
118
118
|
items: f,
|
|
119
|
-
selected:
|
|
119
|
+
selected: v,
|
|
120
120
|
refine: D,
|
|
121
121
|
showPopular: I,
|
|
122
122
|
bgDark: F,
|
|
123
123
|
sortOptions: A = !0,
|
|
124
|
-
showLabel:
|
|
124
|
+
showLabel: U = !1,
|
|
125
125
|
isMobile: k = !1,
|
|
126
|
-
loading:
|
|
126
|
+
loading: Y = !1,
|
|
127
127
|
shouldBeActive: B = !1
|
|
128
128
|
// True when parent fields are selected and this field tried to load
|
|
129
129
|
}) {
|
|
130
|
-
const [
|
|
131
|
-
y(i), p(""), !(i && i.value === (
|
|
132
|
-
},
|
|
130
|
+
const [W, p] = M(""), [w, y] = M(v || null), O = (i) => {
|
|
131
|
+
y(i), p(""), !(i && i.value === (v == null ? void 0 : v.value)) && D(i);
|
|
132
|
+
}, K = (i) => {
|
|
133
133
|
i.preventDefault(), i.stopPropagation(), p(""), y(null), D("");
|
|
134
134
|
};
|
|
135
135
|
L(() => {
|
|
136
|
-
p(""), y(
|
|
137
|
-
}, [
|
|
138
|
-
let
|
|
136
|
+
p(""), y(v || null);
|
|
137
|
+
}, [v, f]);
|
|
138
|
+
let X = /* @__PURE__ */ new Set(), x = [];
|
|
139
139
|
f && (f.forEach((i) => {
|
|
140
|
-
String(i.value).split(/,(?![^(]*\))/).forEach((
|
|
141
|
-
|
|
140
|
+
String(i.value).split(/,(?![^(]*\))/).forEach((g) => {
|
|
141
|
+
g = g.trim(), g && bt(W, g.toLowerCase()) && !X.has(g.toLowerCase()) && (X.add(g.toLowerCase()), x.push({
|
|
142
142
|
...i,
|
|
143
|
-
value:
|
|
143
|
+
value: g,
|
|
144
144
|
refinement: i.value
|
|
145
145
|
}));
|
|
146
146
|
});
|
|
@@ -151,13 +151,13 @@ function K({
|
|
|
151
151
|
), x.sort(
|
|
152
152
|
(i, z) => i.value.localeCompare(z.value, "en", { numeric: !0 })
|
|
153
153
|
), x = C.concat(x));
|
|
154
|
-
const
|
|
154
|
+
const h = !x || x.length === 0;
|
|
155
155
|
return /* @__PURE__ */ $("div", { className: "vs:relative vs:flex vs:flex-col", children: [
|
|
156
|
-
|
|
156
|
+
U && /* @__PURE__ */ n(
|
|
157
157
|
"span",
|
|
158
158
|
{
|
|
159
159
|
className: `${F ? "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: m
|
|
161
161
|
}
|
|
162
162
|
),
|
|
163
163
|
k && /* @__PURE__ */ $("div", { className: "vs:relative vs:flex vs:flex-col", children: [
|
|
@@ -166,7 +166,7 @@ function K({
|
|
|
166
166
|
{
|
|
167
167
|
onChange: (i) => {
|
|
168
168
|
const z = x.find(
|
|
169
|
-
(
|
|
169
|
+
(g) => g.value.toString() === i.target.value.toString()
|
|
170
170
|
);
|
|
171
171
|
z && O(z);
|
|
172
172
|
},
|
|
@@ -175,10 +175,10 @@ function K({
|
|
|
175
175
|
disabled: !(x && x.length),
|
|
176
176
|
value: w ? w.value : "",
|
|
177
177
|
children: [
|
|
178
|
-
/* @__PURE__ */ n("option", { value: "", disabled: !0, children:
|
|
178
|
+
/* @__PURE__ */ n("option", { value: "", disabled: !0, children: m }),
|
|
179
179
|
C.length > 0 ? /* @__PURE__ */ $(xe, { children: [
|
|
180
|
-
/* @__PURE__ */ n("optgroup", { label: `Popular ${
|
|
181
|
-
/* @__PURE__ */ n("optgroup", { label: `All ${
|
|
180
|
+
/* @__PURE__ */ n("optgroup", { label: `Popular ${Ue(m)}`, children: C.map((i) => /* @__PURE__ */ n("option", { value: i.refinement, children: i.value }, i.value)) }),
|
|
181
|
+
/* @__PURE__ */ n("optgroup", { label: `All ${Ue(m)}`, children: x.filter(
|
|
182
182
|
(i) => !C.some(
|
|
183
183
|
(z) => z.value === i.value
|
|
184
184
|
)
|
|
@@ -187,11 +187,11 @@ function K({
|
|
|
187
187
|
]
|
|
188
188
|
}
|
|
189
189
|
),
|
|
190
|
-
|
|
191
|
-
!
|
|
190
|
+
Y && /* @__PURE__ */ n("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__ */ n(je, { 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
|
+
!Y && (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
|
|
192
192
|
"button",
|
|
193
193
|
{
|
|
194
|
-
onClick:
|
|
194
|
+
onClick: K,
|
|
195
195
|
tabIndex: -1,
|
|
196
196
|
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-red-300 vs:hover:text-red-500 vs:bg-transparent vs:border-none vs:outline-none vs:p-(--partbot-padding) vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:transition vs:pointer-events-auto vs:flex vs:justify-center",
|
|
197
197
|
children: /* @__PURE__ */ n(
|
|
@@ -210,32 +210,32 @@ function K({
|
|
|
210
210
|
)
|
|
211
211
|
] }),
|
|
212
212
|
!k && /* @__PURE__ */ $(
|
|
213
|
-
|
|
213
|
+
ht,
|
|
214
214
|
{
|
|
215
215
|
value: w || null,
|
|
216
216
|
onChange: O,
|
|
217
217
|
virtual: { options: x },
|
|
218
|
-
disabled:
|
|
218
|
+
disabled: h,
|
|
219
219
|
immediate: !0,
|
|
220
220
|
children: [
|
|
221
221
|
/* @__PURE__ */ $("div", { className: "vs:flex vs:h-full", children: [
|
|
222
222
|
/* @__PURE__ */ n(
|
|
223
|
-
|
|
223
|
+
ut,
|
|
224
224
|
{
|
|
225
225
|
autoComplete: "off",
|
|
226
226
|
spellCheck: "false",
|
|
227
|
-
placeholder:
|
|
227
|
+
placeholder: h && B ? "N/A" : m,
|
|
228
228
|
className: "vs:w-full vs:cursor-default vs:rounded-(--partbot-button-border-radius) vs:border vs:border-stone-200 vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-sm 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
229
|
displayValue: (i) => (i == null ? void 0 : i.value) || "",
|
|
230
230
|
onChange: (i) => p(i.target.value),
|
|
231
|
-
title:
|
|
231
|
+
title: m
|
|
232
232
|
}
|
|
233
233
|
),
|
|
234
234
|
/* @__PURE__ */ $("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
|
(w == null ? void 0 : w.value) && /* @__PURE__ */ n(
|
|
236
236
|
"button",
|
|
237
237
|
{
|
|
238
|
-
onClick:
|
|
238
|
+
onClick: K,
|
|
239
239
|
tabIndex: -1,
|
|
240
240
|
className: "vs:inset-y-0 vs:pr-2 vs:text-red-300 vs:hover:text-red-500 vs:bg-transparent vs:border-none vs:outline-none vs:p-2 vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:transition vs:pointer-events-auto vs:flex vs:items-center vs:justify-center vs:cursor-pointer",
|
|
241
241
|
children: /* @__PURE__ */ n(
|
|
@@ -252,7 +252,7 @@ function K({
|
|
|
252
252
|
)
|
|
253
253
|
}
|
|
254
254
|
),
|
|
255
|
-
/* @__PURE__ */ n(
|
|
255
|
+
/* @__PURE__ */ n(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: Y ? /* @__PURE__ */ n(je, { 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__ */ n(
|
|
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,39 +267,39 @@ function K({
|
|
|
267
267
|
] })
|
|
268
268
|
] }),
|
|
269
269
|
/* @__PURE__ */ n(
|
|
270
|
-
|
|
270
|
+
mt,
|
|
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
275
|
children: ({ option: i }) => {
|
|
276
276
|
const z = i && C.some(
|
|
277
|
-
(
|
|
277
|
+
(g) => g.value === i.value
|
|
278
278
|
);
|
|
279
279
|
return /* @__PURE__ */ n(
|
|
280
|
-
|
|
280
|
+
gt,
|
|
281
281
|
{
|
|
282
282
|
value: i,
|
|
283
|
-
className: ({ focus:
|
|
283
|
+
className: ({ focus: g }) => te(
|
|
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
|
+
g ? "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
|
z && "vs:font-bold!"
|
|
287
287
|
),
|
|
288
|
-
children: ({ selected:
|
|
288
|
+
children: ({ selected: g }) => /* @__PURE__ */ $("div", { className: "vs:flex vs:w-full vs:items-center vs:justify-between", children: [
|
|
289
289
|
/* @__PURE__ */ n(
|
|
290
290
|
"span",
|
|
291
291
|
{
|
|
292
|
-
className:
|
|
293
|
-
i.value === (
|
|
292
|
+
className: te(
|
|
293
|
+
i.value === (v == null ? void 0 : v.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
296
|
children: i.value
|
|
297
297
|
}
|
|
298
298
|
),
|
|
299
|
-
i.value === (
|
|
299
|
+
i.value === (v == null ? void 0 : v.value) && /* @__PURE__ */ n(
|
|
300
300
|
"span",
|
|
301
301
|
{
|
|
302
|
-
className:
|
|
302
|
+
className: te(
|
|
303
303
|
"vs:text-[rgb(var(--partbot-theme))]",
|
|
304
304
|
"vs:flex vs:items-center group-vs:hover:text-white"
|
|
305
305
|
),
|
|
@@ -329,50 +329,52 @@ function K({
|
|
|
329
329
|
] });
|
|
330
330
|
}
|
|
331
331
|
console.info("Vehicle Search powered by Partbot https://use.partbot.io");
|
|
332
|
-
function ce(
|
|
333
|
-
const
|
|
334
|
-
return
|
|
332
|
+
function ce(m = [], f = []) {
|
|
333
|
+
const v = [];
|
|
334
|
+
return m.forEach((D) => {
|
|
335
335
|
const [I, ...F] = D.split(":"), A = F.join(":");
|
|
336
336
|
if (A.includes(" > ")) {
|
|
337
|
-
const
|
|
338
|
-
if (I !== "make" &&
|
|
339
|
-
const
|
|
340
|
-
|
|
337
|
+
const U = A.split(" > "), k = U[U.length - 1].trim();
|
|
338
|
+
if (I !== "make" && U.length >= 2) {
|
|
339
|
+
const Y = U[0].trim();
|
|
340
|
+
v.push(`make = "${Y}"`);
|
|
341
341
|
}
|
|
342
|
-
|
|
342
|
+
v.push(`${I} = "${k}"`);
|
|
343
343
|
} else
|
|
344
|
-
|
|
344
|
+
v.push(`${I} = "${A}"`);
|
|
345
345
|
}), f.forEach((D) => {
|
|
346
|
-
|
|
347
|
-
}),
|
|
346
|
+
v.push(D);
|
|
347
|
+
}), v.length > 0 ? v.join(" AND ") : null;
|
|
348
348
|
}
|
|
349
|
-
function
|
|
350
|
-
apiKey:
|
|
349
|
+
function _t({
|
|
350
|
+
apiKey: m,
|
|
351
351
|
makes: f = "",
|
|
352
|
-
models:
|
|
352
|
+
models: v = "",
|
|
353
353
|
callbackUrl: D = "",
|
|
354
354
|
layout: I = "row",
|
|
355
355
|
fields: F,
|
|
356
356
|
fieldPrefix: A = "",
|
|
357
|
-
showBranding:
|
|
357
|
+
showBranding: U = !0,
|
|
358
358
|
showLabels: k = !1,
|
|
359
|
-
mobileFullWidthButton:
|
|
359
|
+
mobileFullWidthButton: Y = !0,
|
|
360
360
|
mobileDrawer: B = !0,
|
|
361
|
-
modifyQueryString:
|
|
361
|
+
modifyQueryString: W = !0,
|
|
362
362
|
onChange: p,
|
|
363
363
|
buttonLabel: w = "Search",
|
|
364
364
|
showButton: y = !0,
|
|
365
365
|
onSubmit: O,
|
|
366
|
-
store:
|
|
367
|
-
useStoreVehicles:
|
|
366
|
+
store: K,
|
|
367
|
+
useStoreVehicles: X = !0,
|
|
368
368
|
fieldOrder: x = "MMY",
|
|
369
369
|
// "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
|
|
370
370
|
enableFeatureFlags: C = !1,
|
|
371
371
|
// Use api.cartbot.io instead of api.partbot.io
|
|
372
|
-
yearOptional:
|
|
372
|
+
yearOptional: h = !1,
|
|
373
373
|
// Make year selection optional, only requiring make + model
|
|
374
|
+
mobileButtonLabel: i = "Select Vehicle"
|
|
375
|
+
// Label for mobile drawer trigger button
|
|
374
376
|
}) {
|
|
375
|
-
const
|
|
377
|
+
const z = Z(null), g = Z(null), ae = Z(null), G = Z(null), R = Z(null), ke = Z(null), Ce = Z(null), S = Z(null), J = Z(!1), _ = x === "YMM", [ve, _e] = M([]), [pe, ze] = M([]), [ne, se] = M([]), [Re, he] = M([]), [Te, ue] = M([]), [Ze, fe] = M([]), [Oe, me] = M([]), [He, ge] = M([]), qe = Z([]), [re, Se] = M([]), [e, H] = M({
|
|
376
378
|
make: null,
|
|
377
379
|
model: null,
|
|
378
380
|
year: null,
|
|
@@ -381,25 +383,25 @@ function Ct({
|
|
|
381
383
|
variant: null,
|
|
382
384
|
engine: null,
|
|
383
385
|
engine_capacity: null
|
|
384
|
-
}), [
|
|
386
|
+
}), [Qe, Me] = M(!1), Ae = Z([
|
|
385
387
|
"body",
|
|
386
388
|
"series",
|
|
387
389
|
"variant",
|
|
388
390
|
"engine",
|
|
389
391
|
"engine_capacity"
|
|
390
392
|
]), be = Z(
|
|
391
|
-
F && F.length &&
|
|
393
|
+
F && F.length && Ae.current ? F.split(",").filter((t) => {
|
|
392
394
|
var r;
|
|
393
|
-
return (r =
|
|
395
|
+
return (r = Ae.current) == null ? void 0 : r.includes(t);
|
|
394
396
|
}) : null
|
|
395
|
-
), [q,
|
|
397
|
+
), [q, Ke] = M(!1);
|
|
396
398
|
L(() => {
|
|
397
399
|
const t = navigator.userAgent;
|
|
398
|
-
|
|
400
|
+
Ke(
|
|
399
401
|
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
|
|
400
402
|
t
|
|
401
403
|
)
|
|
402
|
-
),
|
|
404
|
+
), Ne.__loaded || Ne.init("phc_mLZkVvweXDfwCPYS7kSCxoAxgQUkw8fgyDiplKnleGw", {
|
|
403
405
|
api_host: "https://app.posthog.com",
|
|
404
406
|
autocapture: !1,
|
|
405
407
|
capture_pageview: !1,
|
|
@@ -407,129 +409,129 @@ function Ct({
|
|
|
407
409
|
disable_session_recording: !1
|
|
408
410
|
});
|
|
409
411
|
}, []);
|
|
410
|
-
const [
|
|
411
|
-
if (!
|
|
412
|
+
const [oe, Je] = M({}), [$t, We] = M(""), Pe = j(async () => {
|
|
413
|
+
if (!m)
|
|
412
414
|
return;
|
|
413
415
|
const r = `${C ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
|
|
414
416
|
try {
|
|
415
|
-
const
|
|
417
|
+
const a = await fetch(r, {
|
|
416
418
|
method: "POST",
|
|
417
419
|
headers: {
|
|
418
420
|
"Content-Type": "application/json",
|
|
419
|
-
Authorization: `Bearer ${
|
|
421
|
+
Authorization: `Bearer ${m}`,
|
|
420
422
|
referrerPolicy: "no-referrer"
|
|
421
423
|
},
|
|
422
424
|
body: JSON.stringify(
|
|
423
425
|
(() => {
|
|
424
|
-
const N = { use_store_vehicles:
|
|
425
|
-
return
|
|
426
|
+
const N = { use_store_vehicles: X };
|
|
427
|
+
return K && (N.store = K), N;
|
|
426
428
|
})()
|
|
427
429
|
)
|
|
428
430
|
});
|
|
429
|
-
if (!
|
|
430
|
-
throw new Error(`Error: ${
|
|
431
|
+
if (!a.ok)
|
|
432
|
+
throw new Error(`Error: ${a.status} ${a.statusText}`);
|
|
431
433
|
const {
|
|
432
|
-
merchant:
|
|
433
|
-
vehicle_makes:
|
|
434
|
-
vehicle_models:
|
|
435
|
-
meilisearch_search_key:
|
|
436
|
-
meilisearch_index_name:
|
|
434
|
+
merchant: o,
|
|
435
|
+
vehicle_makes: s,
|
|
436
|
+
vehicle_models: l,
|
|
437
|
+
meilisearch_search_key: c,
|
|
438
|
+
meilisearch_index_name: d,
|
|
437
439
|
algolia_search_key: E,
|
|
438
440
|
// Fallback for backward compatibility
|
|
439
|
-
algolia_index_name:
|
|
441
|
+
algolia_index_name: ie,
|
|
440
442
|
// Fallback for backward compatibility
|
|
441
443
|
store_index_name: u,
|
|
442
444
|
store_popular_makes: b,
|
|
443
445
|
// Array of popular make values for this store (from PostHog)
|
|
444
446
|
store_popular_models: V
|
|
445
447
|
// Object mapping makes to popular models: { "TOYOTA": ["HILUX", "LANDCRUISER"], ... }
|
|
446
|
-
} = await
|
|
447
|
-
|
|
448
|
+
} = await a.json();
|
|
449
|
+
g.current = o, ae.current = (s || []).map((N) => ({
|
|
448
450
|
...N,
|
|
449
451
|
refinement: N.value
|
|
450
|
-
})),
|
|
452
|
+
})), G.current = Array.isArray(l) ? l.map((N) => N && N.value ? String(N.value).trim() : "").filter(Boolean) : [], R.current = Array.isArray(b) ? b.map((N) => String(N).trim().toUpperCase()) : null, console.log(
|
|
451
453
|
"[VehicleSearch] PostHog popular makes:",
|
|
452
|
-
|
|
453
|
-
),
|
|
454
|
+
R.current
|
|
455
|
+
), ke.current = V || null, console.log(
|
|
454
456
|
"[VehicleSearch] PostHog popular models:",
|
|
455
|
-
|
|
456
|
-
),
|
|
457
|
+
ke.current
|
|
458
|
+
), Je({
|
|
457
459
|
searchKey: "f0be4e6a192a51ad360e4f5886be389d34334bb930bb32e5cd6d32ceddba17ff",
|
|
458
460
|
indexName: "otto_v1_vehicles_production",
|
|
459
461
|
storeIndexName: u || "shopify_partbot-app-test_development"
|
|
460
462
|
});
|
|
461
|
-
} catch (
|
|
462
|
-
console.error("[VehicleSearch] Auth failed:",
|
|
463
|
+
} catch (a) {
|
|
464
|
+
console.error("[VehicleSearch] Auth failed:", a), We(a);
|
|
463
465
|
}
|
|
464
|
-
}, [
|
|
466
|
+
}, [m, K, X, C]);
|
|
465
467
|
L(() => {
|
|
466
|
-
|
|
467
|
-
}, [
|
|
468
|
-
if (
|
|
468
|
+
Pe();
|
|
469
|
+
}, [Pe]), L(() => {
|
|
470
|
+
if (oe.searchKey) {
|
|
469
471
|
try {
|
|
470
|
-
|
|
472
|
+
Ce.current = new wt({
|
|
471
473
|
host: "https://search.partbot.io",
|
|
472
|
-
apiKey:
|
|
473
|
-
}), S.current =
|
|
474
|
+
apiKey: oe.searchKey
|
|
475
|
+
}), S.current = Ce.current.index(oe.indexName);
|
|
474
476
|
} catch (t) {
|
|
475
477
|
console.error("[VehicleSearch] Failed to initialize Meilisearch:", t);
|
|
476
478
|
}
|
|
477
479
|
return () => {
|
|
478
|
-
|
|
480
|
+
Ce.current = null;
|
|
479
481
|
};
|
|
480
482
|
}
|
|
481
|
-
}, [
|
|
482
|
-
const [T,
|
|
483
|
-
function t(
|
|
484
|
-
if (!
|
|
485
|
-
var
|
|
486
|
-
return
|
|
483
|
+
}, [oe.searchKey, m]);
|
|
484
|
+
const [T, Xe] = M(!1), Ve = j(() => {
|
|
485
|
+
function t(l) {
|
|
486
|
+
if (!l) return "rgba(0,0,0,1)";
|
|
487
|
+
var c = r(), d = window.getComputedStyle(l).backgroundColor;
|
|
488
|
+
return d !== c ? d : l.parentElement ? t(l.parentElement) : "rgba(255,255,255,1)";
|
|
487
489
|
}
|
|
488
490
|
function r() {
|
|
489
|
-
var
|
|
490
|
-
document.head.appendChild(
|
|
491
|
-
var
|
|
492
|
-
return document.head.removeChild(
|
|
491
|
+
var l = document.createElement("div");
|
|
492
|
+
document.head.appendChild(l);
|
|
493
|
+
var c = window.getComputedStyle(l).backgroundColor;
|
|
494
|
+
return document.head.removeChild(l), c;
|
|
493
495
|
}
|
|
494
|
-
const
|
|
495
|
-
let
|
|
496
|
-
|
|
497
|
-
const
|
|
498
|
-
|
|
496
|
+
const a = document.querySelector("vehicle-search");
|
|
497
|
+
let o;
|
|
498
|
+
a ? o = t(a) : o = t(z.current);
|
|
499
|
+
const s = xt(o).isDark();
|
|
500
|
+
Xe(s);
|
|
499
501
|
}, []);
|
|
500
502
|
L(() => {
|
|
501
503
|
async function t() {
|
|
502
|
-
if (!
|
|
504
|
+
if (!e.make || !S.current)
|
|
503
505
|
return;
|
|
504
|
-
let
|
|
505
|
-
e.make &&
|
|
506
|
+
let r = [], a = [];
|
|
507
|
+
e.make && r.push(`make:${e.make.refinement}`), e.model && r.push(
|
|
506
508
|
`model:${e.make.refinement} > ${e.model.refinement}`
|
|
507
509
|
), e.year && (a = [
|
|
508
510
|
`year_from <= ${e.year.value}`,
|
|
509
511
|
`year_to >= ${e.year.value}`
|
|
510
|
-
]), e.body &&
|
|
512
|
+
]), e.body && r.push(
|
|
511
513
|
`body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
|
|
512
|
-
), e.series &&
|
|
514
|
+
), e.series && r.push(`series:${e.series.refinement}`), e.engine && r.push(`engine:${e.engine.refinement}`), e.engine_capacity && r.push(
|
|
513
515
|
`engine_capacity:${e.engine_capacity.refinement}`
|
|
514
516
|
);
|
|
515
517
|
let s = (await S.current.search("", {
|
|
516
|
-
filter: ce(
|
|
518
|
+
filter: ce(r, a),
|
|
517
519
|
attributesToRetrieve: ["otto_id"],
|
|
518
520
|
limit: 500
|
|
519
521
|
// Reduced from 1000 for faster queries
|
|
520
|
-
})).hits.map((
|
|
521
|
-
|
|
522
|
-
let
|
|
522
|
+
})).hits.map((d) => d.otto_id);
|
|
523
|
+
Se(s);
|
|
524
|
+
let c = {
|
|
523
525
|
...Object.fromEntries(
|
|
524
|
-
Object.entries(e || {}).map(([
|
|
526
|
+
Object.entries(e || {}).map(([d, E]) => [d, E && E.value || null]).filter(([d, E]) => E !== null)
|
|
525
527
|
),
|
|
526
|
-
merchant:
|
|
528
|
+
merchant: g.current
|
|
527
529
|
};
|
|
528
|
-
|
|
530
|
+
Ne.capture("vehicle select", c);
|
|
529
531
|
}
|
|
530
532
|
t();
|
|
531
|
-
}, [e, S,
|
|
532
|
-
const
|
|
533
|
+
}, [e, S, h]);
|
|
534
|
+
const $e = (t) => A ? `${A}${t}` : t, Ge = (t) => A ? t.replace(new RegExp(`^${A}`), "") : t, et = j(() => {
|
|
533
535
|
const t = new URL(window.location.href).searchParams, r = [
|
|
534
536
|
"make",
|
|
535
537
|
"model",
|
|
@@ -538,69 +540,69 @@ function Ct({
|
|
|
538
540
|
"series",
|
|
539
541
|
"engine",
|
|
540
542
|
"engine_capacity"
|
|
541
|
-
].map(
|
|
542
|
-
[...t.entries()].filter(([
|
|
543
|
+
].map($e), a = Object.fromEntries(
|
|
544
|
+
[...t.entries()].filter(([o]) => r.includes(o)).map(([o, s]) => [Ge(o), { value: s, refinement: s }])
|
|
543
545
|
);
|
|
544
|
-
H(
|
|
545
|
-
}, []), P = j(({ query: t, value: r, remove:
|
|
546
|
-
if (
|
|
547
|
-
let
|
|
548
|
-
t =
|
|
549
|
-
|
|
546
|
+
H(a);
|
|
547
|
+
}, []), P = j(({ query: t, value: r, remove: a }) => {
|
|
548
|
+
if (W && "URLSearchParams" in window) {
|
|
549
|
+
let o = new URLSearchParams(window.location.search);
|
|
550
|
+
t = $e(t), t && r && o.set(t, r), t && !r && o.delete(t), a && a.forEach((l) => {
|
|
551
|
+
l = $e(l), o.delete(l);
|
|
550
552
|
});
|
|
551
|
-
const
|
|
552
|
-
window.history.pushState(null, "",
|
|
553
|
+
const s = window.location.pathname + "?" + o.toString();
|
|
554
|
+
window.history.pushState(null, "", s);
|
|
553
555
|
}
|
|
554
|
-
}, []),
|
|
555
|
-
var
|
|
556
|
+
}, []), tt = j(() => {
|
|
557
|
+
var a;
|
|
556
558
|
const t = {
|
|
557
|
-
vehicle_ids:
|
|
558
|
-
vehicle: (
|
|
559
|
+
vehicle_ids: re,
|
|
560
|
+
vehicle: (a = e == null ? void 0 : e.make) != null && a.value ? e : {}
|
|
559
561
|
};
|
|
560
562
|
O && O(t);
|
|
561
563
|
const r = new CustomEvent("vehicle-search-submit", {
|
|
562
564
|
detail: t
|
|
563
565
|
});
|
|
564
566
|
document.dispatchEvent(r), setTimeout(() => {
|
|
565
|
-
|
|
567
|
+
Me(!1);
|
|
566
568
|
}, 900);
|
|
567
|
-
}, [
|
|
568
|
-
var o,
|
|
569
|
+
}, [re, O]), Le = j(() => {
|
|
570
|
+
var a, o, s, l, c, d, E, ie, u;
|
|
569
571
|
const t = {
|
|
570
|
-
vehicle_ids:
|
|
571
|
-
vehicle: (
|
|
572
|
+
vehicle_ids: re,
|
|
573
|
+
vehicle: (a = e == null ? void 0 : e.make) != null && a.value ? e : {}
|
|
572
574
|
};
|
|
573
575
|
p && p(t);
|
|
574
576
|
const r = new CustomEvent("vehicle-search-change", {
|
|
575
577
|
detail: t
|
|
576
578
|
});
|
|
577
|
-
if (
|
|
579
|
+
if (J.current === !0 && !localStorage.getItem("partbot_plate_details")) {
|
|
578
580
|
const b = JSON.stringify({
|
|
579
|
-
description: `${((
|
|
580
|
-
vehicle_ids:
|
|
581
|
-
vehicle: e ? Object.entries(e).reduce((V, [N,
|
|
581
|
+
description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((s = e.model) == null ? void 0 : s.value) || ""} ${((l = e.year) == null ? void 0 : l.value) || ""} ${((c = e.body) == null ? void 0 : c.value) || ""} ${((d = e.series) == null ? void 0 : d.value) || ""} ${((E = e.variant) == null ? void 0 : E.value) || ""} ${((ie = e.engine) == null ? void 0 : ie.value) || ""} ${((u = e.engine_capacity) == null ? void 0 : u.value) || ""}`.trim(),
|
|
582
|
+
vehicle_ids: re,
|
|
583
|
+
vehicle: e ? Object.entries(e).reduce((V, [N, ee]) => (V[N] = ee != null && ee.value ? ee.value : {}, V), {}) : {}
|
|
582
584
|
});
|
|
583
585
|
localStorage.setItem(
|
|
584
586
|
"partbot_selected_vehicle",
|
|
585
587
|
b
|
|
586
|
-
),
|
|
588
|
+
), pt.set("partbot_selected_vehicle", b, {
|
|
587
589
|
secure: !0
|
|
588
590
|
});
|
|
589
591
|
}
|
|
590
|
-
document.dispatchEvent(r),
|
|
591
|
-
|
|
592
|
+
document.dispatchEvent(r), qe.current = re, setTimeout(() => {
|
|
593
|
+
Me(!1);
|
|
592
594
|
}, 900);
|
|
593
|
-
}, [
|
|
594
|
-
() =>
|
|
595
|
-
[
|
|
595
|
+
}, [re, p]), we = dt(
|
|
596
|
+
() => yt(Le, 100),
|
|
597
|
+
[Le]
|
|
596
598
|
);
|
|
597
599
|
L(() => {
|
|
598
600
|
we();
|
|
599
|
-
}, [
|
|
601
|
+
}, [re, we]), L(() => () => {
|
|
600
602
|
we.cancel();
|
|
601
603
|
}, [we]), L(() => {
|
|
602
|
-
|
|
603
|
-
}, [
|
|
604
|
+
oe.searchKey && (_ || st(), et());
|
|
605
|
+
}, [oe.searchKey, _]), L(() => {
|
|
604
606
|
_ && S.current && ne.length === 0 && !e.year && (console.log(
|
|
605
607
|
"[VehicleSearch] YMM mode: Loading year range from dataset..."
|
|
606
608
|
), S.current.search("", {
|
|
@@ -612,37 +614,37 @@ function Ct({
|
|
|
612
614
|
t.length,
|
|
613
615
|
"hits for year range"
|
|
614
616
|
);
|
|
615
|
-
const r = t.map((
|
|
617
|
+
const r = t.map((c) => c.year_from).filter(Boolean), a = t.map((c) => c.year_to).filter(Boolean), o = Math.min(...r), s = Math.max(...a);
|
|
616
618
|
console.log(
|
|
617
619
|
"[VehicleSearch] YMM mode: Year range:",
|
|
618
|
-
|
|
620
|
+
o,
|
|
619
621
|
"-",
|
|
620
|
-
|
|
622
|
+
s
|
|
621
623
|
);
|
|
622
|
-
const
|
|
623
|
-
{ length:
|
|
624
|
-
(
|
|
624
|
+
const l = Array.from(
|
|
625
|
+
{ length: s - o + 1 },
|
|
626
|
+
(c, d) => ({ value: o + d, refinement: o + d })
|
|
625
627
|
).reverse();
|
|
626
628
|
console.log(
|
|
627
629
|
"[VehicleSearch] YMM mode: Setting",
|
|
628
|
-
|
|
630
|
+
l.length,
|
|
629
631
|
"years"
|
|
630
|
-
), se(
|
|
632
|
+
), se(l);
|
|
631
633
|
}).catch((t) => {
|
|
632
634
|
console.error("[VehicleSearch] Error loading year range:", t);
|
|
633
635
|
}));
|
|
634
|
-
}, [_,
|
|
635
|
-
typeof document > "u" ||
|
|
636
|
-
}, [
|
|
637
|
-
const
|
|
636
|
+
}, [_, oe.searchKey, ne.length, e.year]), L(() => {
|
|
637
|
+
typeof document > "u" || Ve();
|
|
638
|
+
}, [Ve]);
|
|
639
|
+
const Ie = j(
|
|
638
640
|
(t) => {
|
|
639
|
-
|
|
641
|
+
J.current = !0, ze([]), !_ && !h && se([]), he([]), ue([]), fe([]), ge([]), me([]), H((r) => ({
|
|
640
642
|
make: t,
|
|
641
|
-
year: _ ||
|
|
643
|
+
year: _ || h ? r.year : null
|
|
642
644
|
})), P({
|
|
643
645
|
query: "make",
|
|
644
646
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
645
|
-
remove: _ ? ["model", "body", "series", "engine", "variant", "engine_capacity"] :
|
|
647
|
+
remove: _ ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : h ? [
|
|
646
648
|
"model",
|
|
647
649
|
"body",
|
|
648
650
|
"series",
|
|
@@ -658,25 +660,25 @@ function Ct({
|
|
|
658
660
|
"variant",
|
|
659
661
|
"engine_capacity"
|
|
660
662
|
]
|
|
661
|
-
}), t ||
|
|
663
|
+
}), t || Se([]);
|
|
662
664
|
},
|
|
663
|
-
[P, _,
|
|
664
|
-
),
|
|
665
|
+
[P, _, h]
|
|
666
|
+
), Be = j(
|
|
665
667
|
(t) => {
|
|
666
|
-
|
|
668
|
+
J.current = !0, H((r) => ({
|
|
667
669
|
...r,
|
|
668
670
|
model: t !== "" ? t : null,
|
|
669
|
-
year: _ ||
|
|
671
|
+
year: _ || h ? r.year : null,
|
|
670
672
|
// Preserve year in YMM mode or yearOptional mode
|
|
671
673
|
body: null,
|
|
672
674
|
series: null,
|
|
673
675
|
variant: null,
|
|
674
676
|
engine: null,
|
|
675
677
|
engine_capacity: null
|
|
676
|
-
})), !_ && !
|
|
678
|
+
})), !_ && !h && se([]), he([]), ue([]), fe([]), ge([]), me([]), P({
|
|
677
679
|
query: "model",
|
|
678
680
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
679
|
-
remove: _ ? ["body", "series", "engine", "variant", "engine_capacity"] :
|
|
681
|
+
remove: _ ? ["body", "series", "engine", "variant", "engine_capacity"] : h ? ["body", "series", "engine", "variant", "engine_capacity"] : [
|
|
680
682
|
"year",
|
|
681
683
|
"body",
|
|
682
684
|
"series",
|
|
@@ -686,12 +688,12 @@ function Ct({
|
|
|
686
688
|
]
|
|
687
689
|
});
|
|
688
690
|
},
|
|
689
|
-
[P, _,
|
|
690
|
-
),
|
|
691
|
+
[P, _, h]
|
|
692
|
+
), De = j(
|
|
691
693
|
(t) => {
|
|
692
|
-
|
|
694
|
+
J.current = !0, _ ? (_e([]), ze([]), H({
|
|
693
695
|
year: t !== "" ? t : null
|
|
694
|
-
}), (!t || t === "") && se([])) : H(
|
|
696
|
+
}), (!t || t === "") && se([])) : H(h ? (r) => ({
|
|
695
697
|
...r,
|
|
696
698
|
year: t !== "" ? t : null
|
|
697
699
|
}) : (r) => ({
|
|
@@ -702,7 +704,7 @@ function Ct({
|
|
|
702
704
|
variant: null,
|
|
703
705
|
engine: null,
|
|
704
706
|
engine_capacity: null
|
|
705
|
-
})),
|
|
707
|
+
})), h || (he([]), ue([]), fe([]), ge([]), me([])), P({
|
|
706
708
|
query: "year",
|
|
707
709
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
708
710
|
remove: _ ? [
|
|
@@ -713,13 +715,13 @@ function Ct({
|
|
|
713
715
|
"variant",
|
|
714
716
|
"engine",
|
|
715
717
|
"engine_capacity"
|
|
716
|
-
] :
|
|
717
|
-
}), !
|
|
718
|
+
] : h ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
|
|
719
|
+
}), !h && (!t || t === "") && Se([]);
|
|
718
720
|
},
|
|
719
|
-
[P, _,
|
|
720
|
-
),
|
|
721
|
+
[P, _, h]
|
|
722
|
+
), rt = j(
|
|
721
723
|
(t) => {
|
|
722
|
-
|
|
724
|
+
J.current = !0, H((r) => ({
|
|
723
725
|
...r,
|
|
724
726
|
body: t !== "" ? t : null
|
|
725
727
|
})), P({
|
|
@@ -728,9 +730,9 @@ function Ct({
|
|
|
728
730
|
});
|
|
729
731
|
},
|
|
730
732
|
[P]
|
|
731
|
-
),
|
|
733
|
+
), ot = j(
|
|
732
734
|
(t) => {
|
|
733
|
-
|
|
735
|
+
J.current = !0, H((r) => ({
|
|
734
736
|
...r,
|
|
735
737
|
series: t !== "" ? t : null
|
|
736
738
|
})), P({
|
|
@@ -739,9 +741,9 @@ function Ct({
|
|
|
739
741
|
});
|
|
740
742
|
},
|
|
741
743
|
[P]
|
|
742
|
-
),
|
|
744
|
+
), at = j(
|
|
743
745
|
(t) => {
|
|
744
|
-
|
|
746
|
+
J.current = !0, H((r) => ({
|
|
745
747
|
...r,
|
|
746
748
|
variant: t !== "" ? t : null
|
|
747
749
|
})), P({
|
|
@@ -750,9 +752,9 @@ function Ct({
|
|
|
750
752
|
});
|
|
751
753
|
},
|
|
752
754
|
[P]
|
|
753
|
-
),
|
|
755
|
+
), nt = j(
|
|
754
756
|
(t) => {
|
|
755
|
-
|
|
757
|
+
J.current = !0, H((r) => ({
|
|
756
758
|
...r,
|
|
757
759
|
engine: t !== "" ? t : null
|
|
758
760
|
})), P({
|
|
@@ -761,9 +763,9 @@ function Ct({
|
|
|
761
763
|
});
|
|
762
764
|
},
|
|
763
765
|
[P]
|
|
764
|
-
),
|
|
766
|
+
), it = j(
|
|
765
767
|
(t) => {
|
|
766
|
-
|
|
768
|
+
J.current = !0, H((r) => ({
|
|
767
769
|
...r,
|
|
768
770
|
engine_capacity: t !== "" ? t : null
|
|
769
771
|
})), P({
|
|
@@ -780,67 +782,67 @@ function Ct({
|
|
|
780
782
|
filter: `year_from <= ${e.year.value} AND year_to >= ${e.year.value}`,
|
|
781
783
|
attributesToRetrieve: ["make", "make_popularity"],
|
|
782
784
|
limit: 1e4
|
|
783
|
-
}),
|
|
784
|
-
r.hits.forEach((
|
|
785
|
-
|
|
786
|
-
value:
|
|
787
|
-
refinement:
|
|
788
|
-
popularity:
|
|
785
|
+
}), a = /* @__PURE__ */ new Map();
|
|
786
|
+
r.hits.forEach((l) => {
|
|
787
|
+
l.make && !a.has(l.make) && a.set(l.make, {
|
|
788
|
+
value: l.make.toUpperCase(),
|
|
789
|
+
refinement: l.make.toUpperCase(),
|
|
790
|
+
popularity: l.make_popularity || 0
|
|
789
791
|
});
|
|
790
792
|
});
|
|
791
|
-
let
|
|
792
|
-
const
|
|
793
|
-
|
|
794
|
-
const
|
|
795
|
-
return
|
|
796
|
-
}) :
|
|
797
|
-
(
|
|
798
|
-
),
|
|
793
|
+
let o = Array.from(a.values());
|
|
794
|
+
const s = new Set(R.current || []);
|
|
795
|
+
s.size > 0 ? o.sort((l, c) => {
|
|
796
|
+
const d = s.has(l.value), E = s.has(c.value);
|
|
797
|
+
return d && !E ? -1 : !d && E ? 1 : d && E ? R.current.indexOf(l.value) - R.current.indexOf(c.value) : l.value.localeCompare(c.value);
|
|
798
|
+
}) : o.sort(
|
|
799
|
+
(l, c) => c.popularity === l.popularity ? l.value.localeCompare(c.value) : c.popularity - l.popularity
|
|
800
|
+
), _e(o);
|
|
799
801
|
} catch (r) {
|
|
800
802
|
console.error("[VehicleSearch] Error loading makes for year:", r);
|
|
801
803
|
}
|
|
802
804
|
})();
|
|
803
805
|
}, [_, e.year]);
|
|
804
|
-
const
|
|
806
|
+
const st = j(() => {
|
|
805
807
|
(async () => {
|
|
806
808
|
let r = [];
|
|
807
|
-
if (
|
|
808
|
-
r =
|
|
809
|
+
if (ae.current && ae.current.length)
|
|
810
|
+
r = ae.current;
|
|
809
811
|
else if (S.current)
|
|
810
812
|
try {
|
|
811
|
-
const
|
|
813
|
+
const a = await S.current.search("", {
|
|
812
814
|
attributesToRetrieve: ["make", "make_popularity"],
|
|
813
815
|
limit: 1e3
|
|
814
|
-
}),
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
value:
|
|
818
|
-
refinement:
|
|
819
|
-
popularity:
|
|
816
|
+
}), o = /* @__PURE__ */ new Map();
|
|
817
|
+
a.hits.forEach((s) => {
|
|
818
|
+
s.make && !o.has(s.make) && o.set(s.make, {
|
|
819
|
+
value: s.make.toUpperCase(),
|
|
820
|
+
refinement: s.make.toUpperCase(),
|
|
821
|
+
popularity: s.make_popularity || 0
|
|
820
822
|
});
|
|
821
|
-
}), r = Array.from(
|
|
822
|
-
} catch (
|
|
823
|
-
console.error("[VehicleSearch] Error loading makes:",
|
|
823
|
+
}), r = Array.from(o.values());
|
|
824
|
+
} catch (a) {
|
|
825
|
+
console.error("[VehicleSearch] Error loading makes:", a);
|
|
824
826
|
}
|
|
825
827
|
if (f && r.length) {
|
|
826
|
-
const
|
|
828
|
+
const a = f.trim().split(",").map((o) => o.trim().toUpperCase());
|
|
827
829
|
r = r.filter(
|
|
828
|
-
(
|
|
830
|
+
(o) => a.includes(o.value)
|
|
829
831
|
);
|
|
830
832
|
}
|
|
831
|
-
if (
|
|
832
|
-
const
|
|
833
|
-
r.sort((
|
|
834
|
-
const
|
|
835
|
-
return
|
|
833
|
+
if (R.current && R.current.length > 0) {
|
|
834
|
+
const a = new Set(R.current);
|
|
835
|
+
r.sort((o, s) => {
|
|
836
|
+
const l = a.has(o.value), c = a.has(s.value);
|
|
837
|
+
return l && !c ? -1 : !l && c ? 1 : l && c ? R.current.indexOf(o.value) - R.current.indexOf(s.value) : o.value.localeCompare(s.value);
|
|
836
838
|
});
|
|
837
839
|
} else
|
|
838
|
-
r.sort((
|
|
839
|
-
|
|
840
|
+
r.sort((a, o) => a.popularity === o.popularity ? a.value.localeCompare(o.value) : o.popularity - a.popularity);
|
|
841
|
+
_e(r);
|
|
840
842
|
})();
|
|
841
843
|
}, [f]);
|
|
842
844
|
L(() => {
|
|
843
|
-
if (S.current && e.make && e.make.refinement &&
|
|
845
|
+
if (S.current && e.make && e.make.refinement && m) {
|
|
844
846
|
let t = [`make:${e.make.refinement}`], r = [];
|
|
845
847
|
_ && e.year && (r = [
|
|
846
848
|
`year_from <= ${e.year.value}`,
|
|
@@ -850,61 +852,61 @@ function Ct({
|
|
|
850
852
|
attributesToRetrieve: ["model", "model_popularity", "otto_id"],
|
|
851
853
|
limit: 1e3
|
|
852
854
|
// Meilisearch can handle larger limits efficiently
|
|
853
|
-
}).then(({ hits:
|
|
854
|
-
var E,
|
|
855
|
-
const
|
|
856
|
-
let
|
|
857
|
-
if (
|
|
858
|
-
const u =
|
|
855
|
+
}).then(({ hits: a }) => {
|
|
856
|
+
var E, ie;
|
|
857
|
+
const o = Array.isArray(G.current) ? G.current : typeof G.current == "string" && G.current.length ? G.current.split(",").map((u) => u.trim()).filter(Boolean) : [];
|
|
858
|
+
let s = o;
|
|
859
|
+
if (v) {
|
|
860
|
+
const u = v.trim().split(",").map((V) => V.trim()).filter(Boolean), b = new Set(
|
|
859
861
|
u.map((V) => V.toLowerCase())
|
|
860
862
|
);
|
|
861
|
-
|
|
863
|
+
s = o.length ? o.filter(
|
|
862
864
|
(V) => b.has(String(V).toLowerCase())
|
|
863
|
-
) : u,
|
|
865
|
+
) : u, a = a.filter(
|
|
864
866
|
(V) => b.has(
|
|
865
867
|
V.model.match(/[^>]*$/)[0].trim().toLowerCase()
|
|
866
868
|
)
|
|
867
869
|
);
|
|
868
870
|
}
|
|
869
|
-
if (
|
|
871
|
+
if (s && s.length) {
|
|
870
872
|
const u = new Set(
|
|
871
|
-
|
|
873
|
+
s.map((b) => String(b).toLowerCase())
|
|
872
874
|
);
|
|
873
|
-
|
|
875
|
+
a = a.filter(
|
|
874
876
|
(b) => u.has(
|
|
875
877
|
b.model.match(/[^>]*$/)[0].trim().toLowerCase()
|
|
876
878
|
)
|
|
877
879
|
);
|
|
878
880
|
}
|
|
879
|
-
let
|
|
880
|
-
|
|
881
|
+
let l = /* @__PURE__ */ new Set();
|
|
882
|
+
a = a.filter((u) => u.model && u.model !== "" && !l.has(u.model) && u.model.match(/[^>]*$/)[0].trim() !== "" ? (l.add(u.model), !0) : !1), a = a.map((u) => ({
|
|
881
883
|
value: u.model.match(/[^>]*$/)[0].trim(),
|
|
882
884
|
refinement: u.model.match(/[^>]*$/)[0].trim(),
|
|
883
885
|
popularity: u.model_popularity
|
|
884
886
|
}));
|
|
885
|
-
const
|
|
886
|
-
if (
|
|
887
|
+
const c = (E = e.make) == null ? void 0 : E.refinement, d = (ie = ke.current) == null ? void 0 : ie[c];
|
|
888
|
+
if (d && Array.isArray(d) && d.length > 0) {
|
|
887
889
|
const u = new Set(
|
|
888
|
-
|
|
890
|
+
d.map((b) => String(b).trim().toUpperCase())
|
|
889
891
|
);
|
|
890
|
-
|
|
891
|
-
const N = u.has(b.value),
|
|
892
|
-
if (N && !
|
|
893
|
-
if (!N &&
|
|
894
|
-
if (N &&
|
|
895
|
-
const
|
|
896
|
-
(
|
|
892
|
+
a.sort((b, V) => {
|
|
893
|
+
const N = u.has(b.value), ee = u.has(V.value);
|
|
894
|
+
if (N && !ee) return -1;
|
|
895
|
+
if (!N && ee) return 1;
|
|
896
|
+
if (N && ee) {
|
|
897
|
+
const Fe = d.map(
|
|
898
|
+
(ct) => String(ct).trim().toUpperCase()
|
|
897
899
|
);
|
|
898
|
-
return
|
|
900
|
+
return Fe.indexOf(b.value) - Fe.indexOf(V.value);
|
|
899
901
|
}
|
|
900
902
|
return b.value.localeCompare(V.value);
|
|
901
903
|
});
|
|
902
904
|
} else
|
|
903
|
-
|
|
904
|
-
|
|
905
|
+
a.sort((u, b) => u.popularity === b.popularity ? u.value.localeCompare(b.value) : b.popularity - u.popularity);
|
|
906
|
+
ze(a);
|
|
905
907
|
});
|
|
906
908
|
}
|
|
907
|
-
}, [e.make,
|
|
909
|
+
}, [e.make, v, m]), L(() => {
|
|
908
910
|
if (S.current && e.make && e.model) {
|
|
909
911
|
console.log(
|
|
910
912
|
"[VehicleSearch] Fetching year range for:",
|
|
@@ -915,7 +917,7 @@ function Ct({
|
|
|
915
917
|
let t = [
|
|
916
918
|
`model:${e.make.refinement} > ${e.model.refinement}`
|
|
917
919
|
];
|
|
918
|
-
|
|
920
|
+
h && (e.body && t.push(
|
|
919
921
|
`body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
|
|
920
922
|
), e.series && t.push(`series:${e.series.refinement}`), e.engine && t.push(`engine:${e.engine.refinement}`), e.engine_capacity && t.push(
|
|
921
923
|
`engine_capacity:${e.engine_capacity.refinement}`
|
|
@@ -929,13 +931,13 @@ function Ct({
|
|
|
929
931
|
"[VehicleSearch] Year search returned hits:",
|
|
930
932
|
r.length
|
|
931
933
|
);
|
|
932
|
-
const
|
|
933
|
-
let
|
|
934
|
-
length:
|
|
935
|
-
}).map(function(
|
|
936
|
-
return E +
|
|
934
|
+
const a = r.map((d) => d.year_from), o = Math.min(...a), s = r.map((d) => d.year_to), l = Math.max(...s);
|
|
935
|
+
let c = Array.apply(null, {
|
|
936
|
+
length: l + 1 - o
|
|
937
|
+
}).map(function(d, E) {
|
|
938
|
+
return E + o;
|
|
937
939
|
});
|
|
938
|
-
|
|
940
|
+
c = c.reverse().map((d) => ({ value: d, refinement: d })), se(c);
|
|
939
941
|
}).catch((r) => {
|
|
940
942
|
console.error("[VehicleSearch] Error fetching years:", r);
|
|
941
943
|
});
|
|
@@ -944,13 +946,13 @@ function Ct({
|
|
|
944
946
|
e.model,
|
|
945
947
|
e.make,
|
|
946
948
|
_,
|
|
947
|
-
|
|
949
|
+
h,
|
|
948
950
|
e.body,
|
|
949
951
|
e.series,
|
|
950
952
|
e.engine,
|
|
951
953
|
e.engine_capacity
|
|
952
954
|
]), L(() => {
|
|
953
|
-
const t =
|
|
955
|
+
const t = h ? e.make && e.model : e.year && e.make && e.model;
|
|
954
956
|
if (S.current && t) {
|
|
955
957
|
const r = e.year ? [
|
|
956
958
|
`year_from <= ${e.year.value}`,
|
|
@@ -963,28 +965,28 @@ function Ct({
|
|
|
963
965
|
),
|
|
964
966
|
attributesToRetrieve: ["body", "otto_id"],
|
|
965
967
|
limit: 1e3
|
|
966
|
-
}).then(({ hits:
|
|
967
|
-
|
|
968
|
-
value:
|
|
969
|
-
refinement:
|
|
970
|
-
})).filter((
|
|
968
|
+
}).then(({ hits: a }) => {
|
|
969
|
+
a = [...new Map(a.map((o) => [o.body, o])).values()].map((o) => ({
|
|
970
|
+
value: o.body.match(/[^>]*$/)[0].trim(),
|
|
971
|
+
refinement: o.body.match(/[^>]*$/)[0].trim()
|
|
972
|
+
})).filter((o) => o.value), he(a);
|
|
971
973
|
});
|
|
972
974
|
}
|
|
973
|
-
}, [e.year, e.make, e.model,
|
|
974
|
-
const le = j(({ hits: t, attribute: r, stateCallback:
|
|
975
|
-
let
|
|
976
|
-
...new Map(t.map((
|
|
977
|
-
].map((
|
|
978
|
-
value:
|
|
979
|
-
refinement:
|
|
980
|
-
})).filter((
|
|
981
|
-
o
|
|
982
|
-
}, []),
|
|
975
|
+
}, [e.year, e.make, e.model, h]);
|
|
976
|
+
const le = j(({ hits: t, attribute: r, stateCallback: a }) => {
|
|
977
|
+
let o = [
|
|
978
|
+
...new Map(t.map((s) => [s[r], s])).values()
|
|
979
|
+
].map((s) => ({
|
|
980
|
+
value: s[r].match(/[^|]*$/)[0].trim(),
|
|
981
|
+
refinement: s[r].match(/[^|]*$/)[0].trim()
|
|
982
|
+
})).filter((s) => s.refinement);
|
|
983
|
+
a(o);
|
|
984
|
+
}, []), lt = j(() => {
|
|
983
985
|
const t = be.current ? be.current.length + 3 : 3, r = y ? t + 1 : t;
|
|
984
986
|
return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
|
|
985
987
|
}, [y]);
|
|
986
988
|
L(() => {
|
|
987
|
-
const t =
|
|
989
|
+
const t = h ? e.make && e.model : e.make && e.model && e.year;
|
|
988
990
|
if (S.current && t) {
|
|
989
991
|
let r = [
|
|
990
992
|
`make:${e.make.refinement}`,
|
|
@@ -994,13 +996,13 @@ function Ct({
|
|
|
994
996
|
e.variant ? `variant:${e.variant.refinement}` : "",
|
|
995
997
|
e.engine ? `engine:${e.engine.refinement}` : "",
|
|
996
998
|
e.engine_capacity ? `engine_capacity:${e.engine_capacity.refinement}` : ""
|
|
997
|
-
].filter((
|
|
998
|
-
const
|
|
999
|
+
].filter((o) => o);
|
|
1000
|
+
const a = e.year ? [
|
|
999
1001
|
`year_from <= ${e.year.value}`,
|
|
1000
1002
|
`year_to >= ${e.year.value}`
|
|
1001
1003
|
] : [];
|
|
1002
1004
|
S.current.search("", {
|
|
1003
|
-
filter: ce(r,
|
|
1005
|
+
filter: ce(r, a),
|
|
1004
1006
|
attributesToRetrieve: [
|
|
1005
1007
|
"series",
|
|
1006
1008
|
"engine_capacity",
|
|
@@ -1010,21 +1012,21 @@ function Ct({
|
|
|
1010
1012
|
"otto_id"
|
|
1011
1013
|
],
|
|
1012
1014
|
limit: 1e3
|
|
1013
|
-
}).then(({ hits:
|
|
1015
|
+
}).then(({ hits: o }) => {
|
|
1014
1016
|
le({
|
|
1015
|
-
hits:
|
|
1017
|
+
hits: o,
|
|
1016
1018
|
attribute: "series",
|
|
1017
1019
|
stateCallback: ue
|
|
1018
1020
|
}), le({
|
|
1019
|
-
hits:
|
|
1021
|
+
hits: o,
|
|
1020
1022
|
attribute: "variant",
|
|
1021
1023
|
stateCallback: fe
|
|
1022
1024
|
}), le({
|
|
1023
|
-
hits:
|
|
1025
|
+
hits: o,
|
|
1024
1026
|
attribute: "engine",
|
|
1025
1027
|
stateCallback: me
|
|
1026
1028
|
}), le({
|
|
1027
|
-
hits:
|
|
1029
|
+
hits: o,
|
|
1028
1030
|
attribute: "engine_capacity",
|
|
1029
1031
|
stateCallback: ge
|
|
1030
1032
|
});
|
|
@@ -1040,9 +1042,9 @@ function Ct({
|
|
|
1040
1042
|
e.make,
|
|
1041
1043
|
e.model,
|
|
1042
1044
|
e.year,
|
|
1043
|
-
|
|
1045
|
+
h
|
|
1044
1046
|
]);
|
|
1045
|
-
const [ye,
|
|
1047
|
+
const [ye, Ee] = M(!1);
|
|
1046
1048
|
return L(() => {
|
|
1047
1049
|
if (B)
|
|
1048
1050
|
return ye ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
@@ -1052,20 +1054,20 @@ function Ct({
|
|
|
1052
1054
|
B && /* @__PURE__ */ n(
|
|
1053
1055
|
"button",
|
|
1054
1056
|
{
|
|
1055
|
-
onClick: () =>
|
|
1057
|
+
onClick: () => Ee(!0),
|
|
1056
1058
|
type: "button",
|
|
1057
|
-
className:
|
|
1059
|
+
className: te(
|
|
1058
1060
|
"vehicle-search-btn vs:md:hidden!",
|
|
1059
|
-
|
|
1061
|
+
Y ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
|
|
1060
1062
|
),
|
|
1061
|
-
children: /* @__PURE__ */ n("span", { children:
|
|
1063
|
+
children: /* @__PURE__ */ n("span", { children: i })
|
|
1062
1064
|
}
|
|
1063
1065
|
),
|
|
1064
1066
|
B && /* @__PURE__ */ n(
|
|
1065
1067
|
"div",
|
|
1066
1068
|
{
|
|
1067
|
-
onClick: () =>
|
|
1068
|
-
className:
|
|
1069
|
+
onClick: () => Ee(!1),
|
|
1070
|
+
className: te(
|
|
1069
1071
|
"vs:z-10 vs:fixed vs:inset-0 vs:bg-stone-900 vs:transition-all vs:duration-300",
|
|
1070
1072
|
ye ? "vs:opacity-75" : "vs:pointer-events-none vs:opacity-0"
|
|
1071
1073
|
)
|
|
@@ -1074,18 +1076,18 @@ function Ct({
|
|
|
1074
1076
|
/* @__PURE__ */ $(
|
|
1075
1077
|
"div",
|
|
1076
1078
|
{
|
|
1077
|
-
className:
|
|
1079
|
+
className: te(
|
|
1078
1080
|
B && "partbot-mmyvs-container",
|
|
1079
1081
|
B && ye && "active",
|
|
1080
1082
|
"w-full"
|
|
1081
1083
|
),
|
|
1082
1084
|
children: [
|
|
1083
1085
|
B && /* @__PURE__ */ $("div", { className: "vs:flex vs:justify-between vs:items-center vs:pb-4 vs:font-bold vs:text-white vs:md:hidden", children: [
|
|
1084
|
-
/* @__PURE__ */ n("span", { children: "Select Vehicle
|
|
1086
|
+
/* @__PURE__ */ n("span", { children: "Select Vehicle" }),
|
|
1085
1087
|
/* @__PURE__ */ $(
|
|
1086
1088
|
"button",
|
|
1087
1089
|
{
|
|
1088
|
-
onClick: () =>
|
|
1090
|
+
onClick: () => Ee(!1),
|
|
1089
1091
|
type: "button",
|
|
1090
1092
|
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",
|
|
1091
1093
|
children: [
|
|
@@ -1107,20 +1109,20 @@ function Ct({
|
|
|
1107
1109
|
/* @__PURE__ */ $(
|
|
1108
1110
|
"div",
|
|
1109
1111
|
{
|
|
1110
|
-
ref:
|
|
1111
|
-
className:
|
|
1112
|
+
ref: z,
|
|
1113
|
+
className: te(
|
|
1112
1114
|
"vs:grid vs:gap-3",
|
|
1113
|
-
I === "row" ? `${
|
|
1115
|
+
I === "row" ? `${lt()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
|
|
1114
1116
|
"vs:w-full vs:transition vs:lg:mx-auto"
|
|
1115
1117
|
),
|
|
1116
1118
|
children: [
|
|
1117
1119
|
_ ? /* @__PURE__ */ $(xe, { children: [
|
|
1118
1120
|
/* @__PURE__ */ n(
|
|
1119
|
-
|
|
1121
|
+
Q,
|
|
1120
1122
|
{
|
|
1121
1123
|
label: "Year",
|
|
1122
1124
|
items: ne,
|
|
1123
|
-
refine:
|
|
1125
|
+
refine: De,
|
|
1124
1126
|
selected: e.year,
|
|
1125
1127
|
bgDark: T,
|
|
1126
1128
|
showLabel: k,
|
|
@@ -1130,11 +1132,11 @@ function Ct({
|
|
|
1130
1132
|
}
|
|
1131
1133
|
),
|
|
1132
1134
|
/* @__PURE__ */ n(
|
|
1133
|
-
|
|
1135
|
+
Q,
|
|
1134
1136
|
{
|
|
1135
1137
|
label: "Make",
|
|
1136
1138
|
items: ve,
|
|
1137
|
-
refine:
|
|
1139
|
+
refine: Ie,
|
|
1138
1140
|
selected: e.make,
|
|
1139
1141
|
showPopular: !0,
|
|
1140
1142
|
bgDark: T,
|
|
@@ -1145,11 +1147,11 @@ function Ct({
|
|
|
1145
1147
|
}
|
|
1146
1148
|
),
|
|
1147
1149
|
/* @__PURE__ */ n(
|
|
1148
|
-
|
|
1150
|
+
Q,
|
|
1149
1151
|
{
|
|
1150
1152
|
label: "Model",
|
|
1151
1153
|
items: pe,
|
|
1152
|
-
refine:
|
|
1154
|
+
refine: Be,
|
|
1153
1155
|
selected: e.model,
|
|
1154
1156
|
showPopular: !0,
|
|
1155
1157
|
bgDark: T,
|
|
@@ -1161,11 +1163,11 @@ function Ct({
|
|
|
1161
1163
|
)
|
|
1162
1164
|
] }) : /* @__PURE__ */ $(xe, { children: [
|
|
1163
1165
|
/* @__PURE__ */ n(
|
|
1164
|
-
|
|
1166
|
+
Q,
|
|
1165
1167
|
{
|
|
1166
1168
|
label: "Make",
|
|
1167
1169
|
items: ve,
|
|
1168
|
-
refine:
|
|
1170
|
+
refine: Ie,
|
|
1169
1171
|
selected: e.make,
|
|
1170
1172
|
showPopular: !0,
|
|
1171
1173
|
bgDark: T,
|
|
@@ -1176,11 +1178,11 @@ function Ct({
|
|
|
1176
1178
|
}
|
|
1177
1179
|
),
|
|
1178
1180
|
/* @__PURE__ */ n(
|
|
1179
|
-
|
|
1181
|
+
Q,
|
|
1180
1182
|
{
|
|
1181
1183
|
label: "Model",
|
|
1182
1184
|
items: pe,
|
|
1183
|
-
refine:
|
|
1185
|
+
refine: Be,
|
|
1184
1186
|
selected: e.model,
|
|
1185
1187
|
showPopular: !0,
|
|
1186
1188
|
bgDark: T,
|
|
@@ -1191,11 +1193,11 @@ function Ct({
|
|
|
1191
1193
|
}
|
|
1192
1194
|
),
|
|
1193
1195
|
/* @__PURE__ */ n(
|
|
1194
|
-
|
|
1196
|
+
Q,
|
|
1195
1197
|
{
|
|
1196
1198
|
label: "Year",
|
|
1197
1199
|
items: ne,
|
|
1198
|
-
refine:
|
|
1200
|
+
refine: De,
|
|
1199
1201
|
selected: e.year,
|
|
1200
1202
|
bgDark: T,
|
|
1201
1203
|
showLabel: k,
|
|
@@ -1210,11 +1212,11 @@ function Ct({
|
|
|
1210
1212
|
switch (t) {
|
|
1211
1213
|
case "body":
|
|
1212
1214
|
r = /* @__PURE__ */ n(
|
|
1213
|
-
|
|
1215
|
+
Q,
|
|
1214
1216
|
{
|
|
1215
1217
|
label: "Body",
|
|
1216
|
-
items:
|
|
1217
|
-
refine:
|
|
1218
|
+
items: Re,
|
|
1219
|
+
refine: rt,
|
|
1218
1220
|
selected: e.body,
|
|
1219
1221
|
bgDark: T,
|
|
1220
1222
|
showLabel: k,
|
|
@@ -1227,11 +1229,11 @@ function Ct({
|
|
|
1227
1229
|
break;
|
|
1228
1230
|
case "series":
|
|
1229
1231
|
r = /* @__PURE__ */ n(
|
|
1230
|
-
|
|
1232
|
+
Q,
|
|
1231
1233
|
{
|
|
1232
1234
|
label: "Series",
|
|
1233
|
-
items:
|
|
1234
|
-
refine:
|
|
1235
|
+
items: Te,
|
|
1236
|
+
refine: ot,
|
|
1235
1237
|
selected: e.series,
|
|
1236
1238
|
bgDark: T,
|
|
1237
1239
|
showLabel: k,
|
|
@@ -1244,11 +1246,11 @@ function Ct({
|
|
|
1244
1246
|
break;
|
|
1245
1247
|
case "variant":
|
|
1246
1248
|
r = /* @__PURE__ */ n(
|
|
1247
|
-
|
|
1249
|
+
Q,
|
|
1248
1250
|
{
|
|
1249
1251
|
label: "Variant",
|
|
1250
|
-
items:
|
|
1251
|
-
refine:
|
|
1252
|
+
items: Ze,
|
|
1253
|
+
refine: at,
|
|
1252
1254
|
selected: e.variant,
|
|
1253
1255
|
bgDark: T,
|
|
1254
1256
|
showLabel: k,
|
|
@@ -1261,11 +1263,11 @@ function Ct({
|
|
|
1261
1263
|
break;
|
|
1262
1264
|
case "engine_capacity":
|
|
1263
1265
|
r = /* @__PURE__ */ n(
|
|
1264
|
-
|
|
1266
|
+
Q,
|
|
1265
1267
|
{
|
|
1266
1268
|
label: "Engine Capacity",
|
|
1267
|
-
items:
|
|
1268
|
-
refine:
|
|
1269
|
+
items: He,
|
|
1270
|
+
refine: it,
|
|
1269
1271
|
selected: e.engine_capacity,
|
|
1270
1272
|
bgDark: T,
|
|
1271
1273
|
showLabel: k,
|
|
@@ -1278,11 +1280,11 @@ function Ct({
|
|
|
1278
1280
|
break;
|
|
1279
1281
|
case "engine":
|
|
1280
1282
|
r = /* @__PURE__ */ n(
|
|
1281
|
-
|
|
1283
|
+
Q,
|
|
1282
1284
|
{
|
|
1283
1285
|
label: "Engine",
|
|
1284
|
-
items:
|
|
1285
|
-
refine:
|
|
1286
|
+
items: Oe,
|
|
1287
|
+
refine: nt,
|
|
1286
1288
|
selected: e.engine,
|
|
1287
1289
|
bgDark: T,
|
|
1288
1290
|
showLabel: k,
|
|
@@ -1301,21 +1303,21 @@ function Ct({
|
|
|
1301
1303
|
{
|
|
1302
1304
|
className: "vehicle-search-btn",
|
|
1303
1305
|
onClick: () => {
|
|
1304
|
-
|
|
1306
|
+
Me(!0), D && !O ? window.location.href = D + window.location.search : tt();
|
|
1305
1307
|
},
|
|
1306
1308
|
children: [
|
|
1307
1309
|
/* @__PURE__ */ n("span", { children: w }),
|
|
1308
|
-
|
|
1310
|
+
Qe && /* @__PURE__ */ n(je, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
|
|
1309
1311
|
]
|
|
1310
1312
|
}
|
|
1311
1313
|
) })
|
|
1312
1314
|
]
|
|
1313
1315
|
}
|
|
1314
1316
|
),
|
|
1315
|
-
|
|
1317
|
+
U && /* @__PURE__ */ n(
|
|
1316
1318
|
"div",
|
|
1317
1319
|
{
|
|
1318
|
-
className:
|
|
1320
|
+
className: te(
|
|
1319
1321
|
"vs:flex vs:w-full vs:justify-center vs:items-center",
|
|
1320
1322
|
I === "row" ? "vs:md:items-end vs:md:justify-end" : "vs:md:justify-center",
|
|
1321
1323
|
"vs:mt-4 vs:md:mt-3 vs:md:pr-1.5"
|
|
@@ -1330,7 +1332,7 @@ function Ct({
|
|
|
1330
1332
|
className: `${T ? "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`,
|
|
1331
1333
|
children: [
|
|
1332
1334
|
/* @__PURE__ */ n("span", { children: "Powered by" }),
|
|
1333
|
-
/* @__PURE__ */ n(
|
|
1335
|
+
/* @__PURE__ */ n(Ct, { className: "vs:inline-flex vs:h-[13px]" })
|
|
1334
1336
|
]
|
|
1335
1337
|
}
|
|
1336
1338
|
)
|
|
@@ -1341,27 +1343,27 @@ function Ct({
|
|
|
1341
1343
|
)
|
|
1342
1344
|
] });
|
|
1343
1345
|
}
|
|
1344
|
-
let
|
|
1345
|
-
function
|
|
1346
|
-
var B,
|
|
1347
|
-
const f =
|
|
1346
|
+
let Ye = !1, de = !1;
|
|
1347
|
+
function zt(m) {
|
|
1348
|
+
var B, W;
|
|
1349
|
+
const f = m.shadowRoot;
|
|
1348
1350
|
if (!f) {
|
|
1349
1351
|
console.error("[ShadowDOMPatch] No shadow root found");
|
|
1350
1352
|
return;
|
|
1351
1353
|
}
|
|
1352
|
-
const
|
|
1353
|
-
if (!
|
|
1354
|
+
const v = f.children[1];
|
|
1355
|
+
if (!v) {
|
|
1354
1356
|
console.error("[ShadowDOMPatch] No mount point found in shadow root");
|
|
1355
1357
|
return;
|
|
1356
1358
|
}
|
|
1357
1359
|
if (new MutationObserver((p) => {
|
|
1358
1360
|
p.forEach((w) => {
|
|
1359
1361
|
w.addedNodes.forEach((y) => {
|
|
1360
|
-
y.nodeType === 1 && y.id === "headlessui-portal-root" && (
|
|
1362
|
+
y.nodeType === 1 && y.id === "headlessui-portal-root" && (v.appendChild(y), de = !0);
|
|
1361
1363
|
});
|
|
1362
1364
|
}), p.forEach((w) => {
|
|
1363
1365
|
w.removedNodes.forEach((y) => {
|
|
1364
|
-
y.nodeType === 1 && y.id === "headlessui-portal-root" && (
|
|
1366
|
+
y.nodeType === 1 && y.id === "headlessui-portal-root" && (v.querySelector(
|
|
1365
1367
|
"#headlessui-portal-root"
|
|
1366
1368
|
) || (de = !1));
|
|
1367
1369
|
});
|
|
@@ -1374,10 +1376,10 @@ function _t(g) {
|
|
|
1374
1376
|
y.nodeType === 1 && y.id === "headlessui-portal-root" && (de = !1);
|
|
1375
1377
|
});
|
|
1376
1378
|
});
|
|
1377
|
-
}).observe(
|
|
1379
|
+
}).observe(v, {
|
|
1378
1380
|
childList: !0,
|
|
1379
1381
|
subtree: !0
|
|
1380
|
-
}),
|
|
1382
|
+
}), Ye)
|
|
1381
1383
|
return;
|
|
1382
1384
|
const F = (B = Object.getOwnPropertyDescriptor(
|
|
1383
1385
|
Document.prototype,
|
|
@@ -1386,20 +1388,20 @@ function _t(g) {
|
|
|
1386
1388
|
Object.defineProperty(Document.prototype, "activeElement", {
|
|
1387
1389
|
get: function() {
|
|
1388
1390
|
const p = F == null ? void 0 : F.call(this);
|
|
1389
|
-
return p ===
|
|
1391
|
+
return p === m ? f.activeElement : p;
|
|
1390
1392
|
}
|
|
1391
1393
|
});
|
|
1392
|
-
const A = (
|
|
1394
|
+
const A = (W = Object.getOwnPropertyDescriptor(
|
|
1393
1395
|
Event.prototype,
|
|
1394
1396
|
"target"
|
|
1395
|
-
)) == null ? void 0 :
|
|
1397
|
+
)) == null ? void 0 : W.get;
|
|
1396
1398
|
Object.defineProperty(Event.prototype, "target", {
|
|
1397
1399
|
get: function() {
|
|
1398
1400
|
const p = A == null ? void 0 : A.call(this);
|
|
1399
|
-
return p ===
|
|
1401
|
+
return p === m ? this.composedPath()[0] : p;
|
|
1400
1402
|
}
|
|
1401
1403
|
});
|
|
1402
|
-
const
|
|
1404
|
+
const U = (p) => {
|
|
1403
1405
|
try {
|
|
1404
1406
|
return document.body && p === document.body.style;
|
|
1405
1407
|
} catch {
|
|
@@ -1407,39 +1409,39 @@ function _t(g) {
|
|
|
1407
1409
|
}
|
|
1408
1410
|
}, k = CSSStyleDeclaration.prototype.setProperty;
|
|
1409
1411
|
CSSStyleDeclaration.prototype.setProperty = function(p, w, y) {
|
|
1410
|
-
if (!(
|
|
1412
|
+
if (!(U(this) && p === "overflow" && w === "hidden" && de))
|
|
1411
1413
|
return k.call(this, p, w, y);
|
|
1412
1414
|
};
|
|
1413
|
-
const
|
|
1415
|
+
const Y = Object.getOwnPropertyDescriptor(
|
|
1414
1416
|
CSSStyleDeclaration.prototype,
|
|
1415
1417
|
"overflow"
|
|
1416
1418
|
);
|
|
1417
|
-
|
|
1419
|
+
Y && Object.defineProperty(CSSStyleDeclaration.prototype, "overflow", {
|
|
1418
1420
|
get: function() {
|
|
1419
|
-
return
|
|
1421
|
+
return Y.get.call(this);
|
|
1420
1422
|
},
|
|
1421
1423
|
set: function(p) {
|
|
1422
|
-
if (!(
|
|
1423
|
-
return
|
|
1424
|
+
if (!(U(this) && p === "hidden" && de))
|
|
1425
|
+
return Y.set.call(this, p);
|
|
1424
1426
|
}
|
|
1425
|
-
}),
|
|
1427
|
+
}), Ye = !0;
|
|
1426
1428
|
}
|
|
1427
|
-
const
|
|
1428
|
-
class
|
|
1429
|
+
const St = "/css/vehicle-search.css", Yt = St;
|
|
1430
|
+
class Mt extends HTMLElement {
|
|
1429
1431
|
connectedCallback() {
|
|
1430
1432
|
if (!document.getElementById("vehicle-search-inter-font")) {
|
|
1431
1433
|
const C = document.createElement("link");
|
|
1432
1434
|
C.id = "vehicle-search-inter-font", C.rel = "stylesheet", C.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap", document.head.appendChild(C);
|
|
1433
1435
|
}
|
|
1434
1436
|
let f = document.createElement("style");
|
|
1435
|
-
f.textContent =
|
|
1436
|
-
const
|
|
1437
|
+
f.textContent = kt;
|
|
1438
|
+
const v = document.createElement("div"), D = this.attachShadow({ mode: "open" }), I = (C, h, i) => {
|
|
1437
1439
|
let z;
|
|
1438
|
-
if (this.hasAttribute(
|
|
1439
|
-
const
|
|
1440
|
-
if (/^#[0-9A-F]{6}$/i.test(
|
|
1441
|
-
const
|
|
1442
|
-
z = `${
|
|
1440
|
+
if (this.hasAttribute(h)) {
|
|
1441
|
+
const g = this.getAttribute(h);
|
|
1442
|
+
if (/^#[0-9A-F]{6}$/i.test(g)) {
|
|
1443
|
+
const ae = parseInt(g.slice(1, 3), 16), G = parseInt(g.slice(3, 5), 16), R = parseInt(g.slice(5, 7), 16);
|
|
1444
|
+
z = `${ae} ${G} ${R}`;
|
|
1443
1445
|
}
|
|
1444
1446
|
}
|
|
1445
1447
|
return z = z || i, `:host { --${C}: ${z}; }`;
|
|
@@ -1452,7 +1454,7 @@ class St extends HTMLElement {
|
|
|
1452
1454
|
"partbot-button-color",
|
|
1453
1455
|
"data-button-color",
|
|
1454
1456
|
"99 102 241"
|
|
1455
|
-
),
|
|
1457
|
+
), U = I(
|
|
1456
1458
|
"partbot-button-hover-color",
|
|
1457
1459
|
"data-button-hover-color",
|
|
1458
1460
|
"79 70 229"
|
|
@@ -1460,7 +1462,7 @@ class St extends HTMLElement {
|
|
|
1460
1462
|
"partbot-button-label-color",
|
|
1461
1463
|
"data-button-label-color",
|
|
1462
1464
|
"255 255 255"
|
|
1463
|
-
),
|
|
1465
|
+
), Y = I(
|
|
1464
1466
|
"partbot-button-hover-label-color",
|
|
1465
1467
|
"data-button-hover-label-color",
|
|
1466
1468
|
"255 255 255"
|
|
@@ -1468,29 +1470,29 @@ class St extends HTMLElement {
|
|
|
1468
1470
|
"partbot-mobile-background-color",
|
|
1469
1471
|
"data-mobile-background-color",
|
|
1470
1472
|
"12 24 39"
|
|
1471
|
-
),
|
|
1472
|
-
f.textContent += F, f.textContent += A, f.textContent +=
|
|
1473
|
+
), W = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}}`, p = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}}`, w = `:host { --partbot-font-family: ${this.getAttribute("data-font") && this.getAttribute("data-font").trim() !== "" ? this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}}`, y = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}}`;
|
|
1474
|
+
f.textContent += F, f.textContent += A, f.textContent += U, f.textContent += k, f.textContent += Y, f.textContent += B, f.textContent += W, f.textContent += p, f.textContent += w, f.textContent += y, D.appendChild(f), D.appendChild(v);
|
|
1473
1475
|
const O = this.getAttribute("data-api-key");
|
|
1474
1476
|
if (!O) {
|
|
1475
1477
|
console.warn("Missing attributes: " + (O ? "" : "data-api-key "));
|
|
1476
1478
|
return;
|
|
1477
1479
|
}
|
|
1478
|
-
const
|
|
1479
|
-
for (let C = 0; C <
|
|
1480
|
-
const { name:
|
|
1481
|
-
if (
|
|
1482
|
-
const z =
|
|
1483
|
-
|
|
1480
|
+
const K = this.attributes, X = {};
|
|
1481
|
+
for (let C = 0; C < K.length; C++) {
|
|
1482
|
+
const { name: h, value: i } = K[C];
|
|
1483
|
+
if (h.startsWith("data-")) {
|
|
1484
|
+
const z = h.slice(5).replace(/-([a-z])/g, (g) => g[1].toUpperCase());
|
|
1485
|
+
X[z] = i === "true" ? !0 : i === "false" ? !1 : i;
|
|
1484
1486
|
}
|
|
1485
1487
|
}
|
|
1486
|
-
|
|
1487
|
-
const x = /* @__PURE__ */ n(
|
|
1488
|
-
|
|
1488
|
+
zt(this);
|
|
1489
|
+
const x = /* @__PURE__ */ n(_t, { ...X });
|
|
1490
|
+
vt.render(x, v);
|
|
1489
1491
|
}
|
|
1490
1492
|
}
|
|
1491
|
-
customElements.define("vehicle-search",
|
|
1493
|
+
customElements.define("vehicle-search", Mt);
|
|
1492
1494
|
export {
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1495
|
+
_t as VehicleSearch,
|
|
1496
|
+
_t as default,
|
|
1497
|
+
Yt as vehicleSearchCssUrl
|
|
1496
1498
|
};
|