@cartbot/vehicle-search-beta 3.0.26 → 3.0.27
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 +576 -548
- package/dist/js/vehicle-search.js +17 -17
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as n, jsxs as N, Fragment as $e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as j, useEffect as L, useRef as H, useCallback as B, useMemo as ut } from "react";
|
|
3
3
|
import mt from "react-dom";
|
|
4
4
|
import ft from "js-cookie";
|
|
5
5
|
import { Combobox as gt, ComboboxInput as bt, ComboboxButton as wt, ComboboxOptions as yt, ComboboxOption as xt } from "@headlessui/react";
|
|
6
6
|
import kt from "fuzzysearch";
|
|
7
7
|
import Ke from "pluralize";
|
|
8
|
-
import
|
|
8
|
+
import ie from "clsx";
|
|
9
9
|
import { MeiliSearch as Qe } from "meilisearch";
|
|
10
10
|
import Ct from "lodash/debounce.js";
|
|
11
11
|
import _t from "tinycolor2";
|
|
12
|
-
import
|
|
12
|
+
import Pe from "posthog-js";
|
|
13
13
|
const zt = `@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-border-style:solid}}@layer theme{:root,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}vehicle-search,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--vs-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--vs-default-font-feature-settings,normal);font-variation-settings:var(--vs-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--vs-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--vs-default-mono-font-feature-settings,normal);font-variation-settings:var(--vs-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.partbot-mmyvs-container{--partbot-theme:0 188 125;--partbot-button-color:0 153 102;--partbot-button-hover-color:0 188 125;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Partbot","Inter",Helvetica,sans-serif;--partbot-padding:.5rem;--partbot-input-shadow:0 1px 2px 0 #0000000d;--partbot-input-border-color:229 231 235;--partbot-input-border-width:1px}[class*="vs:"]:before,[class*="vs:"]:after,[class^=vehicle-search-]:before,[class^=vehicle-search-]:after{box-sizing:border-box;--tw-content:"";border:0 solid}[class*="vs:"],[class^=vehicle-search-]{box-sizing:border-box;border:0 solid}.vehicle-search-select{text-transform:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.partbot-mmyvs-container{top:calc(var(--vs-spacing)*0);right:calc(var(--vs-spacing)*0);left:calc(var(--vs-spacing)*0);z-index:10000;background-color:rgb(var(--partbot-mobile-background-color));padding:calc(var(--vs-spacing)*8);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:fixed}@media (min-width:48rem){.partbot-mmyvs-container{z-index:10;padding:calc(var(--vs-spacing)*0);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;position:relative;top:auto;left:auto;right:auto}}.partbot-mmyvs-container{transform:translateY(-100vh)}@media (min-width:768px){.partbot-mmyvs-container{transform:translateY(0)}}.partbot-mmyvs-container.active{transform:translateY(0)}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.vs\\:pointer-events-auto{pointer-events:auto}.vs\\:pointer-events-none{pointer-events:none}.vs\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vs\\:absolute{position:absolute}.vs\\:fixed{position:fixed}.vs\\:relative{position:relative}.vs\\:inset-0{inset:calc(var(--vs-spacing)*0)}.vs\\:inset-y-0{inset-block:calc(var(--vs-spacing)*0)}.vs\\:right-0{right:calc(var(--vs-spacing)*0)}.vs\\:right-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.95\\)\\]{right:calc(var(--partbot-font-size)*1.95)}.vs\\:z-10{z-index:10}.vs\\:z-99999\\!{z-index:99999!important}.vs\\:m-0{margin:calc(var(--vs-spacing)*0)}.vs\\:mt-2{margin-top:calc(var(--vs-spacing)*2)}.vs\\:mt-4{margin-top:calc(var(--vs-spacing)*4)}.vs\\:mb-1{margin-bottom:calc(var(--vs-spacing)*1)}.vs\\:block{display:block}.vs\\:flex{display:flex}.vs\\:flex\\!{display:flex!important}.vs\\:grid{display:grid}.vs\\:inline-flex{display:inline-flex}.vs\\:inline-flex\\!{display:inline-flex!important}.vs\\:h-5{height:calc(var(--vs-spacing)*5)}.vs\\:h-\\[13px\\]{height:13px}.vs\\:h-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{height:calc(var(--partbot-font-size)*.9)!important}.vs\\:h-full{height:100%}.vs\\:max-h-60\\!{max-height:calc(var(--vs-spacing)*60)!important}.vs\\:w-\\(--input-width\\){width:var(--input-width)}.vs\\:w-5{width:calc(var(--vs-spacing)*5)}.vs\\:w-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{width:calc(var(--partbot-font-size)*.9)!important}.vs\\:w-auto\\!{width:auto!important}.vs\\:w-full{width:100%}.vs\\:w-full\\!{width:100%!important}.vs\\:shrink\\!{flex-shrink:1!important}.vs\\:shrink-0\\!{flex-shrink:0!important}.vs\\:animate-spin{animation:var(--vs-animate-spin)}.vs\\:cursor-default{cursor:default}.vs\\:cursor-pointer{cursor:pointer}.vs\\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.vs\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.vs\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.vs\\:flex-col{flex-direction:column}.vs\\:items-center{align-items:center}.vs\\:justify-between{justify-content:space-between}.vs\\:justify-center{justify-content:center}.vs\\:justify-end{justify-content:flex-end}.vs\\:gap-3{gap:calc(var(--vs-spacing)*3)}:where(.vs\\:space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--vs-spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--vs-spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.vs\\:space-x-\\[calc\\(var\\(--partbot-padding\\)\\*0\\.25\\)\\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--partbot-padding)*.25)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--partbot-padding)*.25)*calc(1 - var(--tw-space-x-reverse)))}.vs\\:overflow-auto{overflow:auto}.vs\\:overflow-hidden{overflow:hidden}.vs\\:rounded-\\(--partbot-button-border-radius\\){border-radius:var(--partbot-button-border-radius)}.vs\\:rounded-\\[min\\(var\\(--partbot-button-border-radius\\)\\,0\\.89rem\\)\\]{border-radius:min(var(--partbot-button-border-radius),.89rem)}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:bg-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{background-color:rgb(var(--partbot-theme))}.vs\\:bg-stone-900{background-color:var(--vs-color-stone-900)}.vs\\:bg-transparent{background-color:#0000}.vs\\:bg-white{background-color:var(--vs-color-white)}.vs\\:p-\\(--partbot-padding\\){padding:var(--partbot-padding)}.vs\\:p-2{padding:calc(var(--vs-spacing)*2)}.vs\\:px-1\\.5{padding-inline:calc(var(--vs-spacing)*1.5)}.vs\\:px-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-inline:calc(var(--partbot-padding)*1.3)}.vs\\:py-\\(--partbot-padding\\){padding-block:var(--partbot-padding)}.vs\\:py-1{padding-block:calc(var(--vs-spacing)*1)}.vs\\:pr-\\(--partbot-padding\\){padding-right:var(--partbot-padding)}.vs\\:pr-2{padding-right:calc(var(--vs-spacing)*2)}.vs\\:pr-10{padding-right:calc(var(--vs-spacing)*10)}.vs\\:pr-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-right:calc(var(--partbot-padding)*1.3)}.vs\\:pb-4{padding-bottom:calc(var(--vs-spacing)*4)}.vs\\:pl-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-left:calc(var(--partbot-padding)*1.3)}.vs\\:text-center{text-align:center}.vs\\:text-left{text-align:left}.vs\\:font-\\(family-name\\:--partbot-font-family\\){font-family:var(--partbot-font-family)}.vs\\:font-sans{font-family:var(--vs-font-sans)}.vs\\:text-base{font-size:var(--vs-text-base);line-height:var(--tw-leading,var(--vs-text-base--line-height))}.vs\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}.vs\\:text-\\[10px\\]{font-size:10px}.vs\\:leading-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.5\\)\\]{--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5)}.vs\\:leading-none{--tw-leading:1;line-height:1}.vs\\:leading-normal{--tw-leading:var(--vs-leading-normal);line-height:var(--vs-leading-normal)}.vs\\:font-bold{--tw-font-weight:var(--vs-font-weight-bold);font-weight:var(--vs-font-weight-bold)}.vs\\:font-bold\\!{--tw-font-weight:var(--vs-font-weight-bold)!important;font-weight:var(--vs-font-weight-bold)!important}.vs\\:font-medium{--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium)}.vs\\:font-normal{--tw-font-weight:var(--vs-font-weight-normal);font-weight:var(--vs-font-weight-normal)}.vs\\:font-semibold{--tw-font-weight:var(--vs-font-weight-semibold);font-weight:var(--vs-font-weight-semibold)}.vs\\:whitespace-pre-wrap{white-space:pre-wrap}.vs\\:text-\\[rgb\\(var\\(--partbot-button-label-color\\)\\)\\]{color:rgb(var(--partbot-button-label-color))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{color:rgb(var(--partbot-theme))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]\\!{color:rgb(var(--partbot-theme))!important}.vs\\:text-black{color:var(--vs-color-black)}.vs\\:text-red-300{color:var(--vs-color-red-300)}.vs\\:text-red-300\\!{color:var(--vs-color-red-300)!important}.vs\\:text-stone-400{color:var(--vs-color-stone-400)}.vs\\:text-stone-900{color:var(--vs-color-stone-900)}.vs\\:text-white{color:var(--vs-color-white)}.vs\\:no-underline{text-decoration-line:none}.vs\\:opacity-0{opacity:0}.vs\\:opacity-75{opacity:.75}.vs\\:shadow-\\(--partbot-input-shadow\\){--tw-shadow:var(--partbot-input-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-stone-200{--tw-ring-color:var(--vs-color-stone-200)}.vs\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vs\\:outline-none{--tw-outline-style:none;outline-style:none}.vs\\:placeholder\\:text-stone-600::placeholder{color:var(--vs-color-stone-600)}@media (hover:hover){.vs\\:hover\\:border-none:hover{--tw-border-style:none;border-style:none}.vs\\:hover\\:bg-theme:hover{background-color:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>)}.vs\\:hover\\:text-button-label:hover{color:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}.vs\\:hover\\:text-red-500:hover{color:var(--vs-color-red-500)}.vs\\:hover\\:opacity-100:hover{opacity:1}.vs\\:hover\\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.vs\\:focus\\:border-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{border-color:rgb(var(--partbot-theme))}.vs\\:focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:focus\\:ring-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{--tw-ring-color:rgb(var(--partbot-theme))}.vs\\:focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.vs\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.vs\\:disabled\\:text-stone-400\\!:disabled{color:var(--vs-color-stone-400)!important}.vs\\:disabled\\:opacity-100\\!:disabled{opacity:1!important}.vs\\:disabled\\:placeholder\\:text-stone-400:disabled::placeholder{color:var(--vs-color-stone-400)}@media (min-width:40rem){.vs\\:sm\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}}@media (min-width:48rem){.vs\\:md\\:col-span-3{grid-column:span 3/span 3}.vs\\:md\\:mt-3{margin-top:calc(var(--vs-spacing)*3)}.vs\\:md\\:hidden{display:none}.vs\\:md\\:hidden\\!{display:none!important}.vs\\:md\\:max-w-\\[400px\\]{max-width:400px}.vs\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.vs\\:md\\:items-end{align-items:flex-end}.vs\\:md\\:justify-center{justify-content:center}.vs\\:md\\:justify-end{justify-content:flex-end}.vs\\:md\\:gap-5{gap:calc(var(--vs-spacing)*5)}.vs\\:md\\:pr-1\\.5{padding-right:calc(var(--vs-spacing)*1.5)}}@media (min-width:64rem){.vs\\:lg\\:col-span-1{grid-column:span 1/span 1}.vs\\:lg\\:mx-auto{margin-inline:auto}.vs\\:lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.vehicle-search-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative!important}:where(.vehicle-search-btn>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--vs-spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--vs-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}.vehicle-search-btn{border-radius:var(--partbot-button-border-radius);border-style:var(--tw-border-style);background-color:rgb(var(--partbot-button-color));padding-inline:var(--partbot-padding);padding-block:var(--partbot-padding);font-family:var(--partbot-font-family);font-size:var(--partbot-font-size);--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5);--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium);white-space:nowrap;color:rgb(var(--partbot-button-label-color));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));border-width:1px;border-color:#0000;text-decoration-line:none}@media (hover:hover){.vehicle-search-btn:hover{background-color:rgb(var(--partbot-button-hover-color));color:rgb(var(--partbot-button-hover-label-color))}}.vehicle-search-btn:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:rgb(var(--partbot-theme));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.vehicle-search-btn:disabled{pointer-events:none;opacity:.5}.vehicle-search-btn>*{pointer-events:none}.partbot-input-border{border-width:var(--partbot-input-border-width);border-color:rgb(var(--partbot-input-border-color));border-style:solid}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}`;
|
|
14
14
|
function St({ className: b }) {
|
|
15
|
-
return /* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ n("span", { className: b, children: /* @__PURE__ */ n(
|
|
16
16
|
"svg",
|
|
17
17
|
{
|
|
18
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -23,8 +23,8 @@ function St({ className: b }) {
|
|
|
23
23
|
width: "auto",
|
|
24
24
|
height: "100%"
|
|
25
25
|
},
|
|
26
|
-
children: /* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
26
|
+
children: /* @__PURE__ */ N("g", { children: [
|
|
27
|
+
/* @__PURE__ */ n(
|
|
28
28
|
"rect",
|
|
29
29
|
{
|
|
30
30
|
fill: "currentColor",
|
|
@@ -35,7 +35,7 @@ function St({ className: b }) {
|
|
|
35
35
|
ry: "1.81"
|
|
36
36
|
}
|
|
37
37
|
),
|
|
38
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ n(
|
|
39
39
|
"rect",
|
|
40
40
|
{
|
|
41
41
|
fill: "currentColor",
|
|
@@ -46,49 +46,49 @@ function St({ className: b }) {
|
|
|
46
46
|
ry: "1.7"
|
|
47
47
|
}
|
|
48
48
|
),
|
|
49
|
-
/* @__PURE__ */
|
|
49
|
+
/* @__PURE__ */ n(
|
|
50
50
|
"path",
|
|
51
51
|
{
|
|
52
52
|
fill: "currentColor",
|
|
53
53
|
d: "M36.91,34.61h-5.67c-.94,0-1.7-.76-1.7-1.7V1.7C29.55.76,30.31,0,31.25,0h5.67c9.44,0,17.09,7.65,17.09,17.09h0v.43c0,9.44-7.65,17.09-17.09,17.09Z"
|
|
54
54
|
}
|
|
55
55
|
),
|
|
56
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ n(
|
|
57
57
|
"path",
|
|
58
58
|
{
|
|
59
59
|
fill: "currentColor",
|
|
60
60
|
d: "M97.79,12.21c-1.74-.96-3.67-1.44-5.8-1.44h-13.54v31.48h7.56v-8.81h5.98c2.13,0,4.06-.48,5.8-1.44,1.74-.96,3.13-2.3,4.18-4.03,1.05-1.72,1.57-3.7,1.57-5.91s-.52-4.18-1.57-5.87c-1.05-1.69-2.44-3.02-4.18-3.98ZM95.32,24.8c-.45.75-1.04,1.32-1.78,1.71-.74.39-1.54.58-2.41.58h-5.13v-10.03h5.13c.87,0,1.67.2,2.41.61.73.4,1.33.98,1.78,1.73.45.75.67,1.65.67,2.7s-.22,1.95-.67,2.7Z"
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ n(
|
|
64
64
|
"path",
|
|
65
65
|
{
|
|
66
66
|
fill: "currentColor",
|
|
67
67
|
d: "M124.27,20.24c-1.81-1.06-4.01-1.6-6.59-1.6s-4.76.54-6.63,1.62c-1.87,1.08-3.32,2.54-4.34,4.39-1.02,1.84-1.53,3.93-1.53,6.27s.43,4.26,1.3,6.05c.87,1.78,2.08,3.2,3.64,4.25,1.56,1.05,3.36,1.57,5.4,1.57,1.29,0,2.41-.18,3.35-.54.94-.36,1.75-.86,2.41-1.51.66-.64,1.2-1.37,1.62-2.18h.18v3.69h6.84v-11.47c0-2.28-.49-4.34-1.46-6.18s-2.37-3.3-4.18-4.36ZM122.18,33.8c-.42.93-1.03,1.66-1.82,2.18s-1.72.79-2.77.79-2.02-.26-2.83-.79-1.42-1.25-1.84-2.18c-.42-.93-.63-1.96-.63-3.1s.21-2.11.63-3.01c.42-.9,1.03-1.61,1.84-2.14s1.75-.79,2.83-.79,1.97.26,2.77.79,1.4,1.24,1.82,2.14c.42.9.63,1.9.63,3.01s-.21,2.17-.63,3.1Z"
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ n(
|
|
71
71
|
"path",
|
|
72
72
|
{
|
|
73
73
|
fill: "currentColor",
|
|
74
74
|
d: "M159.56,13.56h-7.02v5.62h-12.06c-2.13,0-3.79.64-4.99,1.84s-1.8,2.85-1.8,4.95v16.28h6.97v-15.83c0-.45.15-.82.45-1.1.3-.28.66-.43,1.08-.43h10.35v10.61c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34v-5.71h-6.34v-5.62Z"
|
|
75
75
|
}
|
|
76
76
|
),
|
|
77
|
-
/* @__PURE__ */
|
|
77
|
+
/* @__PURE__ */ n(
|
|
78
78
|
"path",
|
|
79
79
|
{
|
|
80
80
|
fill: "currentColor",
|
|
81
81
|
d: "M189.1,20.13c-1.65-.99-3.57-1.48-5.76-1.48-.93,0-1.81.12-2.63.36-.83.24-1.57.59-2.25,1.06-.67.47-1.24,1.01-1.69,1.64h-.14v-12.28h-6.97v20.87c0,2.52.51,4.72,1.53,6.61,1.02,1.89,2.46,3.34,4.32,4.36,1.86,1.02,4.03,1.53,6.52,1.53,1.95,0,3.68-.3,5.19-.9,1.51-.6,2.8-1.46,3.87-2.59,1.06-1.12,1.88-2.45,2.45-3.98.57-1.53.85-3.19.85-4.99,0-2.34-.47-4.38-1.42-6.12-.94-1.74-2.24-3.1-3.89-4.09ZM186.65,33.82c-.44.91-1.04,1.63-1.82,2.16-.78.52-1.71.79-2.79.79s-2.02-.26-2.81-.79-1.4-1.24-1.82-2.16-.63-1.94-.63-3.08.21-2.16.63-3.06c.42-.9,1.03-1.61,1.82-2.14s1.73-.79,2.81-.79,2.01.26,2.79.79c.78.52,1.39,1.24,1.82,2.14.43.9.65,1.92.65,3.06s-.22,2.17-.65,3.08Z"
|
|
82
82
|
}
|
|
83
83
|
),
|
|
84
|
-
/* @__PURE__ */
|
|
84
|
+
/* @__PURE__ */ n(
|
|
85
85
|
"path",
|
|
86
86
|
{
|
|
87
87
|
fill: "currentColor",
|
|
88
88
|
d: "M215.96,20.24c-1.87-1.06-4-1.6-6.36-1.6s-4.5.53-6.39,1.6c-1.89,1.06-3.38,2.5-4.48,4.32-1.09,1.81-1.64,3.88-1.64,6.18s.55,4.33,1.64,6.16c1.09,1.83,2.59,3.27,4.48,4.32,1.89,1.05,4.02,1.57,6.39,1.57s4.45-.52,6.34-1.57,3.38-2.49,4.47-4.32c1.09-1.83,1.64-3.88,1.64-6.16s-.55-4.37-1.64-6.18c-1.09-1.81-2.58-3.25-4.45-4.32ZM214.37,33.75c-.45.9-1.08,1.62-1.89,2.16s-1.77.81-2.88.81-2.08-.27-2.9-.81-1.46-1.26-1.91-2.16c-.45-.9-.67-1.92-.67-3.06s.22-2.11.67-3.01c.45-.9,1.09-1.62,1.91-2.16s1.79-.81,2.9-.81,2.07.27,2.88.81,1.44,1.26,1.89,2.16c.45.9.67,1.9.67,3.01s-.22,2.16-.67,3.06Z"
|
|
89
89
|
}
|
|
90
90
|
),
|
|
91
|
-
/* @__PURE__ */
|
|
91
|
+
/* @__PURE__ */ n(
|
|
92
92
|
"path",
|
|
93
93
|
{
|
|
94
94
|
fill: "currentColor",
|
|
@@ -99,8 +99,8 @@ function St({ className: b }) {
|
|
|
99
99
|
}
|
|
100
100
|
) });
|
|
101
101
|
}
|
|
102
|
-
function
|
|
103
|
-
return /* @__PURE__ */
|
|
102
|
+
function Be({ className: b = "" }) {
|
|
103
|
+
return /* @__PURE__ */ n(
|
|
104
104
|
"svg",
|
|
105
105
|
{
|
|
106
106
|
className: b,
|
|
@@ -109,92 +109,92 @@ function Pe({ className: b = "" }) {
|
|
|
109
109
|
height: "32",
|
|
110
110
|
fill: "currentColor",
|
|
111
111
|
viewBox: "0 0 256 256",
|
|
112
|
-
children: /* @__PURE__ */
|
|
112
|
+
children: /* @__PURE__ */ n("path", { d: "M236,128a108,108,0,0,1-216,0c0-42.52,24.73-81.34,63-98.9A12,12,0,1,1,93,50.91C63.24,64.57,44,94.83,44,128a84,84,0,0,0,168,0c0-33.17-19.24-63.43-49-77.09A12,12,0,1,1,173,29.1C211.27,46.66,236,85.48,236,128Z" })
|
|
113
113
|
}
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
|
-
function
|
|
116
|
+
function ee({
|
|
117
117
|
label: b,
|
|
118
118
|
items: v,
|
|
119
119
|
selected: p,
|
|
120
|
-
refine:
|
|
121
|
-
showPopular:
|
|
122
|
-
bgDark:
|
|
123
|
-
sortOptions:
|
|
124
|
-
showLabel:
|
|
125
|
-
isMobile:
|
|
126
|
-
loading:
|
|
127
|
-
shouldBeActive:
|
|
120
|
+
refine: R,
|
|
121
|
+
showPopular: D,
|
|
122
|
+
bgDark: T,
|
|
123
|
+
sortOptions: I = !0,
|
|
124
|
+
showLabel: Z = !1,
|
|
125
|
+
isMobile: S = !1,
|
|
126
|
+
loading: F = !1,
|
|
127
|
+
shouldBeActive: Y = !1
|
|
128
128
|
// True when parent fields are selected and this field tried to load
|
|
129
129
|
}) {
|
|
130
|
-
const [
|
|
131
|
-
|
|
132
|
-
},
|
|
133
|
-
|
|
130
|
+
const [oe, u] = j(""), [x, z] = j(p || null), Q = (l) => {
|
|
131
|
+
z(l), u(""), !(l && l.value === (p == null ? void 0 : p.value)) && R(l);
|
|
132
|
+
}, re = (l) => {
|
|
133
|
+
l.preventDefault(), l.stopPropagation(), u(""), z(null), R("");
|
|
134
134
|
};
|
|
135
|
-
|
|
136
|
-
u(""),
|
|
135
|
+
L(() => {
|
|
136
|
+
u(""), z(p || null);
|
|
137
137
|
}, [p, v]);
|
|
138
|
-
let
|
|
139
|
-
v && (v.forEach((
|
|
140
|
-
String(
|
|
141
|
-
|
|
142
|
-
...
|
|
143
|
-
value:
|
|
144
|
-
refinement:
|
|
138
|
+
let te = /* @__PURE__ */ new Set(), f = [];
|
|
139
|
+
v && (v.forEach((l) => {
|
|
140
|
+
String(l.value).split(/,(?![^(]*\))/).forEach(($) => {
|
|
141
|
+
$ = $.trim(), $ && kt(oe, $.toLowerCase()) && !te.has($.toLowerCase()) && (te.add($.toLowerCase()), f.push({
|
|
142
|
+
...l,
|
|
143
|
+
value: $,
|
|
144
|
+
refinement: l.value
|
|
145
145
|
}));
|
|
146
146
|
});
|
|
147
147
|
}), f.length === 0 && (f = v));
|
|
148
|
-
const
|
|
149
|
-
|
|
150
|
-
(
|
|
148
|
+
const U = f.filter((l) => l.popularity > 0).slice(0, 11);
|
|
149
|
+
I && (f = f.filter(
|
|
150
|
+
(l) => !U.includes(l)
|
|
151
151
|
), f.sort(
|
|
152
|
-
(
|
|
153
|
-
), f =
|
|
152
|
+
(l, O) => l.value.localeCompare(O.value, "en", { numeric: !0 })
|
|
153
|
+
), f = U.concat(f));
|
|
154
154
|
const g = !f || f.length === 0;
|
|
155
|
-
return /* @__PURE__ */
|
|
156
|
-
|
|
155
|
+
return /* @__PURE__ */ N("div", { className: "vs:relative vs:flex vs:flex-col", children: [
|
|
156
|
+
Z && /* @__PURE__ */ n(
|
|
157
157
|
"span",
|
|
158
158
|
{
|
|
159
|
-
className: `${
|
|
159
|
+
className: `${T ? "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
160
|
children: b
|
|
161
161
|
}
|
|
162
162
|
),
|
|
163
|
-
|
|
164
|
-
/* @__PURE__ */
|
|
163
|
+
S && /* @__PURE__ */ N("div", { className: "vs:relative vs:flex vs:flex-col", children: [
|
|
164
|
+
/* @__PURE__ */ N(
|
|
165
165
|
"select",
|
|
166
166
|
{
|
|
167
|
-
onChange: (
|
|
168
|
-
const
|
|
169
|
-
(
|
|
167
|
+
onChange: (l) => {
|
|
168
|
+
const O = f.find(
|
|
169
|
+
($) => $.value.toString() === l.target.value.toString()
|
|
170
170
|
);
|
|
171
|
-
|
|
171
|
+
O && Q(O);
|
|
172
172
|
},
|
|
173
173
|
className: "vehicle-search-select vs:relative vs:w-full vs:cursor-default vs:overflow-hidden vs:rounded-(--partbot-button-border-radius) partbot-input-border vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-(--partbot-input-shadow) vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:disabled:opacity-100! vs:disabled:text-stone-400! vs:sm:text-(length:--partbot-font-size) vs:font-(family-name:--partbot-font-family) vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)]",
|
|
174
174
|
tabIndex: -1,
|
|
175
175
|
disabled: !(f && f.length),
|
|
176
|
-
value:
|
|
176
|
+
value: x ? x.value : "",
|
|
177
177
|
children: [
|
|
178
|
-
/* @__PURE__ */
|
|
179
|
-
|
|
180
|
-
/* @__PURE__ */
|
|
181
|
-
/* @__PURE__ */
|
|
182
|
-
(
|
|
183
|
-
(
|
|
178
|
+
/* @__PURE__ */ n("option", { value: "", disabled: !0, children: b }),
|
|
179
|
+
U.length > 0 ? /* @__PURE__ */ N($e, { children: [
|
|
180
|
+
/* @__PURE__ */ n("optgroup", { label: `Popular ${Ke(b)}`, children: U.map((l) => /* @__PURE__ */ n("option", { value: l.refinement, children: l.value }, l.value)) }),
|
|
181
|
+
/* @__PURE__ */ n("optgroup", { label: `All ${Ke(b)}`, children: f.filter(
|
|
182
|
+
(l) => !U.some(
|
|
183
|
+
(O) => O.value === l.value
|
|
184
184
|
)
|
|
185
|
-
).map((
|
|
186
|
-
] }) : f.map((
|
|
185
|
+
).map((l) => /* @__PURE__ */ n("option", { value: l.refinement, children: l.value }, l.value)) })
|
|
186
|
+
] }) : f.map((l) => /* @__PURE__ */ n("option", { value: l.refinement, children: l.value }, l.value))
|
|
187
187
|
]
|
|
188
188
|
}
|
|
189
189
|
),
|
|
190
|
-
|
|
191
|
-
!
|
|
190
|
+
F && /* @__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(Be, { 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
|
+
!F && (x == null ? void 0 : x.value) && /* @__PURE__ */ n(
|
|
192
192
|
"button",
|
|
193
193
|
{
|
|
194
|
-
onClick:
|
|
194
|
+
onClick: re,
|
|
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
|
-
children: /* @__PURE__ */
|
|
197
|
+
children: /* @__PURE__ */ n(
|
|
198
198
|
"svg",
|
|
199
199
|
{
|
|
200
200
|
className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]!",
|
|
@@ -203,42 +203,42 @@ function X({
|
|
|
203
203
|
height: "32",
|
|
204
204
|
fill: "currentColor",
|
|
205
205
|
viewBox: "0 0 256 256",
|
|
206
|
-
children: /* @__PURE__ */
|
|
206
|
+
children: /* @__PURE__ */ n("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z" })
|
|
207
207
|
}
|
|
208
208
|
)
|
|
209
209
|
}
|
|
210
210
|
)
|
|
211
211
|
] }),
|
|
212
|
-
!
|
|
212
|
+
!S && /* @__PURE__ */ N(
|
|
213
213
|
gt,
|
|
214
214
|
{
|
|
215
|
-
value:
|
|
216
|
-
onChange:
|
|
215
|
+
value: x || null,
|
|
216
|
+
onChange: Q,
|
|
217
217
|
virtual: { options: f },
|
|
218
218
|
disabled: g,
|
|
219
219
|
immediate: !0,
|
|
220
220
|
children: [
|
|
221
|
-
/* @__PURE__ */
|
|
222
|
-
/* @__PURE__ */
|
|
221
|
+
/* @__PURE__ */ N("div", { className: "vs:flex vs:h-full", children: [
|
|
222
|
+
/* @__PURE__ */ n(
|
|
223
223
|
bt,
|
|
224
224
|
{
|
|
225
225
|
autoComplete: "off",
|
|
226
226
|
spellCheck: "false",
|
|
227
|
-
placeholder: g &&
|
|
227
|
+
placeholder: g && Y && !F ? "N/A" : b,
|
|
228
228
|
className: "vs:w-full vs:cursor-default vs:rounded-(--partbot-button-border-radius) partbot-input-border vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-(--partbot-input-shadow) vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-(family-name:--partbot-font-family) vs:text-stone-900 vs:placeholder:text-stone-600 vs:disabled:placeholder:text-stone-400 vs:disabled:cursor-not-allowed",
|
|
229
|
-
displayValue: (
|
|
230
|
-
onChange: (
|
|
229
|
+
displayValue: (l) => (l == null ? void 0 : l.value) || "",
|
|
230
|
+
onChange: (l) => u(l.target.value),
|
|
231
231
|
title: b
|
|
232
232
|
}
|
|
233
233
|
),
|
|
234
|
-
/* @__PURE__ */
|
|
235
|
-
(
|
|
234
|
+
/* @__PURE__ */ N("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
|
+
(x == null ? void 0 : x.value) && /* @__PURE__ */ n(
|
|
236
236
|
"button",
|
|
237
237
|
{
|
|
238
|
-
onClick:
|
|
238
|
+
onClick: re,
|
|
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
|
-
children: /* @__PURE__ */
|
|
241
|
+
children: /* @__PURE__ */ n(
|
|
242
242
|
"svg",
|
|
243
243
|
{
|
|
244
244
|
className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-red-300!",
|
|
@@ -247,12 +247,12 @@ function X({
|
|
|
247
247
|
height: "32",
|
|
248
248
|
fill: "currentColor",
|
|
249
249
|
viewBox: "0 0 256 256",
|
|
250
|
-
children: /* @__PURE__ */
|
|
250
|
+
children: /* @__PURE__ */ n("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z" })
|
|
251
251
|
}
|
|
252
252
|
)
|
|
253
253
|
}
|
|
254
254
|
),
|
|
255
|
-
/* @__PURE__ */
|
|
255
|
+
/* @__PURE__ */ n(wt, { 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: F ? /* @__PURE__ */ n(Be, { 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",
|
|
@@ -261,49 +261,49 @@ function X({
|
|
|
261
261
|
height: "32",
|
|
262
262
|
fill: "currentColor",
|
|
263
263
|
viewBox: "0 0 256 256",
|
|
264
|
-
children: /* @__PURE__ */
|
|
264
|
+
children: /* @__PURE__ */ n("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" })
|
|
265
265
|
}
|
|
266
266
|
) })
|
|
267
267
|
] })
|
|
268
268
|
] }),
|
|
269
|
-
/* @__PURE__ */
|
|
269
|
+
/* @__PURE__ */ n(
|
|
270
270
|
yt,
|
|
271
271
|
{
|
|
272
272
|
portal: !0,
|
|
273
273
|
anchor: "bottom start",
|
|
274
274
|
className: "vs:w-(--input-width) vs:z-99999! vs:max-h-60! vs:overflow-auto vs:rounded-[min(var(--partbot-button-border-radius),0.89rem)] vs:bg-white vs:py-1 vs:text-base vs:shadow-lg vs:ring-1 vs:ring-stone-200 vs:focus:outline-none vs:sm:text-(length:--partbot-font-size) empty:vs:invisible vs:mt-2",
|
|
275
|
-
children: ({ option:
|
|
276
|
-
const
|
|
277
|
-
(
|
|
275
|
+
children: ({ option: l }) => {
|
|
276
|
+
const O = l && U.some(
|
|
277
|
+
($) => $.value === l.value
|
|
278
278
|
);
|
|
279
|
-
return /* @__PURE__ */
|
|
279
|
+
return /* @__PURE__ */ n(
|
|
280
280
|
xt,
|
|
281
281
|
{
|
|
282
|
-
value:
|
|
283
|
-
className: ({ focus:
|
|
282
|
+
value: l,
|
|
283
|
+
className: ({ focus: $ }) => ie(
|
|
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
|
-
|
|
286
|
-
|
|
285
|
+
$ ? "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
|
+
O && "vs:font-bold!"
|
|
287
287
|
),
|
|
288
|
-
children: ({ selected:
|
|
289
|
-
/* @__PURE__ */
|
|
288
|
+
children: ({ selected: $ }) => /* @__PURE__ */ N("div", { className: "vs:flex vs:w-full vs:items-center vs:justify-between", children: [
|
|
289
|
+
/* @__PURE__ */ n(
|
|
290
290
|
"span",
|
|
291
291
|
{
|
|
292
|
-
className:
|
|
293
|
-
|
|
292
|
+
className: ie(
|
|
293
|
+
l.value === (p == null ? void 0 : p.value) ? "vs:font-semibold" : "vs:font-normal",
|
|
294
294
|
"vs:block vs:font-(family-name:--partbot-font-family) vs:whitespace-pre-wrap vs:text-left vs:text-(length:--partbot-font-size) vs:leading-none"
|
|
295
295
|
),
|
|
296
|
-
children:
|
|
296
|
+
children: l.value
|
|
297
297
|
}
|
|
298
298
|
),
|
|
299
|
-
|
|
299
|
+
l.value === (p == null ? void 0 : p.value) && /* @__PURE__ */ n(
|
|
300
300
|
"span",
|
|
301
301
|
{
|
|
302
|
-
className:
|
|
302
|
+
className: ie(
|
|
303
303
|
"vs:text-[rgb(var(--partbot-theme))]",
|
|
304
304
|
"vs:flex vs:items-center group-vs:hover:text-white"
|
|
305
305
|
),
|
|
306
|
-
children: /* @__PURE__ */
|
|
306
|
+
children: /* @__PURE__ */ n(
|
|
307
307
|
"svg",
|
|
308
308
|
{
|
|
309
309
|
className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]!",
|
|
@@ -312,7 +312,7 @@ function X({
|
|
|
312
312
|
height: "32",
|
|
313
313
|
fill: "currentColor",
|
|
314
314
|
viewBox: "0 0 256 256",
|
|
315
|
-
children: /* @__PURE__ */
|
|
315
|
+
children: /* @__PURE__ */ n("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" })
|
|
316
316
|
}
|
|
317
317
|
)
|
|
318
318
|
}
|
|
@@ -328,56 +328,56 @@ function X({
|
|
|
328
328
|
)
|
|
329
329
|
] });
|
|
330
330
|
}
|
|
331
|
-
const $t = "3.0.
|
|
331
|
+
const $t = "3.0.27";
|
|
332
332
|
console.info(
|
|
333
333
|
`Vehicle Search v${$t} powered by Partbot https://mmyvs.partbot.io`
|
|
334
334
|
);
|
|
335
335
|
function Se(b = [], v = []) {
|
|
336
336
|
const p = [];
|
|
337
|
-
return b.forEach((
|
|
338
|
-
const [
|
|
339
|
-
if (
|
|
340
|
-
const
|
|
341
|
-
if (
|
|
342
|
-
const
|
|
343
|
-
p.push(`make = "${
|
|
337
|
+
return b.forEach((R) => {
|
|
338
|
+
const [D, ...T] = R.split(":"), I = T.join(":");
|
|
339
|
+
if (I.includes(" > ")) {
|
|
340
|
+
const Z = I.split(" > "), S = Z[Z.length - 1].trim();
|
|
341
|
+
if (D !== "make" && Z.length >= 2) {
|
|
342
|
+
const F = Z[0].trim();
|
|
343
|
+
p.push(`make = "${F}"`);
|
|
344
344
|
}
|
|
345
|
-
p.push(`${
|
|
345
|
+
p.push(`${D} = "${S}"`);
|
|
346
346
|
} else
|
|
347
|
-
p.push(`${
|
|
348
|
-
}), v.forEach((
|
|
349
|
-
p.push(
|
|
347
|
+
p.push(`${D} = "${I}"`);
|
|
348
|
+
}), v.forEach((R) => {
|
|
349
|
+
p.push(R);
|
|
350
350
|
}), p.length > 0 ? p.join(" AND ") : null;
|
|
351
351
|
}
|
|
352
352
|
function Mt({
|
|
353
353
|
apiKey: b,
|
|
354
354
|
makes: v = "",
|
|
355
355
|
models: p = "",
|
|
356
|
-
callbackUrl:
|
|
357
|
-
layout:
|
|
358
|
-
fields:
|
|
359
|
-
fieldPrefix:
|
|
360
|
-
showBranding:
|
|
361
|
-
showLabels:
|
|
362
|
-
mobileFullWidthButton:
|
|
363
|
-
mobileDrawer:
|
|
364
|
-
modifyQueryString:
|
|
356
|
+
callbackUrl: R = "",
|
|
357
|
+
layout: D = "row",
|
|
358
|
+
fields: T,
|
|
359
|
+
fieldPrefix: I = "",
|
|
360
|
+
showBranding: Z = !0,
|
|
361
|
+
showLabels: S = !1,
|
|
362
|
+
mobileFullWidthButton: F = !0,
|
|
363
|
+
mobileDrawer: Y = !0,
|
|
364
|
+
modifyQueryString: oe = !0,
|
|
365
365
|
onChange: u,
|
|
366
|
-
buttonLabel:
|
|
367
|
-
showButton:
|
|
368
|
-
onSubmit:
|
|
369
|
-
store:
|
|
370
|
-
useStoreVehicles:
|
|
366
|
+
buttonLabel: x = "Search",
|
|
367
|
+
showButton: z = !0,
|
|
368
|
+
onSubmit: Q,
|
|
369
|
+
store: re,
|
|
370
|
+
useStoreVehicles: te = !0,
|
|
371
371
|
fieldOrder: f = "MMY",
|
|
372
372
|
// "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
|
|
373
|
-
enableFeatureFlags:
|
|
373
|
+
enableFeatureFlags: U = !1,
|
|
374
374
|
// Use api.cartbot.io instead of api.partbot.io
|
|
375
375
|
yearOptional: g = !1,
|
|
376
376
|
// Make year selection optional, only requiring make + model
|
|
377
|
-
mobileButtonLabel:
|
|
377
|
+
mobileButtonLabel: l = "Select Vehicle"
|
|
378
378
|
// Label for mobile drawer trigger button
|
|
379
379
|
}) {
|
|
380
|
-
const
|
|
380
|
+
const O = H(null), $ = H(null), se = H(null), M = H(null), W = H(null), P = H(null), J = H(null), w = H(null), X = H(null), A = H(!1), k = f === "YMM", [ce, he] = j([]), [ge, de] = j([]), [pe, ue] = j([]), [Le, be] = j([]), [Ie, we] = j([]), [Ve, ye] = j([]), [De, xe] = j([]), [Fe, ke] = j([]), Je = H([]), [le, Ce] = j([]), [e, q] = j({
|
|
381
381
|
make: null,
|
|
382
382
|
model: null,
|
|
383
383
|
year: null,
|
|
@@ -386,25 +386,25 @@ function Mt({
|
|
|
386
386
|
variant: null,
|
|
387
387
|
engine: null,
|
|
388
388
|
engine_capacity: null
|
|
389
|
-
}), [Xe, Me] =
|
|
389
|
+
}), [Xe, Me] = j(!1), Ue = H([
|
|
390
390
|
"body",
|
|
391
391
|
"series",
|
|
392
392
|
"variant",
|
|
393
393
|
"engine",
|
|
394
394
|
"engine_capacity"
|
|
395
|
-
]), _e =
|
|
396
|
-
|
|
395
|
+
]), _e = H(
|
|
396
|
+
T && T.length && Ue.current ? T.split(",").filter((t) => {
|
|
397
397
|
var r;
|
|
398
398
|
return (r = Ue.current) == null ? void 0 : r.includes(t);
|
|
399
399
|
}) : null
|
|
400
|
-
), [
|
|
401
|
-
|
|
400
|
+
), [G, Ge] = j(!1);
|
|
401
|
+
L(() => {
|
|
402
402
|
const t = navigator.userAgent;
|
|
403
403
|
Ge(
|
|
404
404
|
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
|
|
405
405
|
t
|
|
406
406
|
)
|
|
407
|
-
),
|
|
407
|
+
), Pe.__loaded || Pe.init("phc_mLZkVvweXDfwCPYS7kSCxoAxgQUkw8fgyDiplKnleGw", {
|
|
408
408
|
api_host: "https://app.posthog.com",
|
|
409
409
|
autocapture: !1,
|
|
410
410
|
capture_pageview: !1,
|
|
@@ -412,10 +412,10 @@ function Mt({
|
|
|
412
412
|
disable_session_recording: !1
|
|
413
413
|
});
|
|
414
414
|
}, []);
|
|
415
|
-
const [
|
|
415
|
+
const [ae, et] = j({}), [Nt, tt] = j(""), Oe = B(async () => {
|
|
416
416
|
if (!b)
|
|
417
417
|
return;
|
|
418
|
-
const r = `${
|
|
418
|
+
const r = `${U ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
|
|
419
419
|
try {
|
|
420
420
|
const i = await fetch(r, {
|
|
421
421
|
method: "POST",
|
|
@@ -426,82 +426,82 @@ function Mt({
|
|
|
426
426
|
},
|
|
427
427
|
body: JSON.stringify(
|
|
428
428
|
(() => {
|
|
429
|
-
const m = { use_store_vehicles:
|
|
430
|
-
return
|
|
429
|
+
const m = { use_store_vehicles: te };
|
|
430
|
+
return re && (m.store = re), m;
|
|
431
431
|
})()
|
|
432
432
|
)
|
|
433
433
|
});
|
|
434
434
|
if (!i.ok)
|
|
435
435
|
throw new Error(`Error: ${i.status} ${i.statusText}`);
|
|
436
436
|
const {
|
|
437
|
-
merchant:
|
|
438
|
-
vehicle_makes:
|
|
439
|
-
vehicle_models:
|
|
440
|
-
meilisearch_search_key:
|
|
437
|
+
merchant: a,
|
|
438
|
+
vehicle_makes: c,
|
|
439
|
+
vehicle_models: o,
|
|
440
|
+
meilisearch_search_key: s,
|
|
441
441
|
meilisearch_index_name: d,
|
|
442
|
-
algolia_search_key:
|
|
442
|
+
algolia_search_key: y,
|
|
443
443
|
// Fallback for backward compatibility
|
|
444
|
-
algolia_index_name:
|
|
444
|
+
algolia_index_name: C,
|
|
445
445
|
// Fallback for backward compatibility
|
|
446
|
-
store_index_name:
|
|
447
|
-
store_popular_makes:
|
|
446
|
+
store_index_name: E,
|
|
447
|
+
store_popular_makes: ne,
|
|
448
448
|
// Array of popular make values for this store (from PostHog)
|
|
449
449
|
store_popular_models: h
|
|
450
450
|
// Object mapping makes to popular models: { "TOYOTA": ["HILUX", "LANDCRUISER"], ... }
|
|
451
451
|
} = await i.json();
|
|
452
|
-
|
|
452
|
+
$.current = a, se.current = (c || []).map((m) => ({
|
|
453
453
|
...m,
|
|
454
454
|
refinement: m.value
|
|
455
|
-
})),
|
|
455
|
+
})), te && o ? typeof o == "object" && !Array.isArray(o) ? M.current = o : Array.isArray(o) ? M.current = o.map((m) => m && m.value ? String(m.value).trim() : "").filter(Boolean) : M.current = [] : M.current = [], W.current = Array.isArray(ne) ? ne.map((m) => String(m).trim().toUpperCase()) : null, P.current = h || null, et({
|
|
456
456
|
searchKey: "eeace38b64f52bf56ebb4fe8bd5837b3cd6c0ff9d7e272f76449d94b80cba86b",
|
|
457
457
|
indexName: "otto_v1_vehicles_production"
|
|
458
458
|
});
|
|
459
459
|
} catch (i) {
|
|
460
460
|
console.error("[VehicleSearch] Auth failed:", i), tt(i);
|
|
461
461
|
}
|
|
462
|
-
}, [b,
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
}, [
|
|
466
|
-
if (
|
|
462
|
+
}, [b, re, te, U]);
|
|
463
|
+
L(() => {
|
|
464
|
+
Oe();
|
|
465
|
+
}, [Oe]), L(() => {
|
|
466
|
+
if (ae.searchKey) {
|
|
467
467
|
try {
|
|
468
|
-
|
|
468
|
+
J.current = new Qe({
|
|
469
469
|
host: "https://search.partbot.io",
|
|
470
|
-
apiKey:
|
|
471
|
-
}), w.current =
|
|
470
|
+
apiKey: ae.searchKey
|
|
471
|
+
}), w.current = J.current.index(ae.indexName);
|
|
472
472
|
const t = new Qe({
|
|
473
473
|
host: "https://partbot-meilisearch-cache.partbot.workers.dev",
|
|
474
474
|
// Cloudflare Worker endpoint
|
|
475
|
-
apiKey:
|
|
475
|
+
apiKey: ae.searchKey
|
|
476
476
|
});
|
|
477
|
-
|
|
477
|
+
X.current = t.index("otto_v1_vehicle_mmy");
|
|
478
478
|
} catch (t) {
|
|
479
479
|
console.error("[VehicleSearch] Failed to initialize Meilisearch:", t);
|
|
480
480
|
}
|
|
481
481
|
return () => {
|
|
482
|
-
|
|
482
|
+
J.current = null;
|
|
483
483
|
};
|
|
484
484
|
}
|
|
485
|
-
}, [
|
|
486
|
-
const [
|
|
487
|
-
function t(
|
|
488
|
-
if (!
|
|
489
|
-
var
|
|
490
|
-
return d !==
|
|
485
|
+
}, [ae.searchKey, b]);
|
|
486
|
+
const [K, rt] = j(!1), Re = B(() => {
|
|
487
|
+
function t(o) {
|
|
488
|
+
if (!o) return "rgba(0,0,0,1)";
|
|
489
|
+
var s = r(), d = window.getComputedStyle(o).backgroundColor;
|
|
490
|
+
return d !== s ? d : o.parentElement ? t(o.parentElement) : "rgba(255,255,255,1)";
|
|
491
491
|
}
|
|
492
492
|
function r() {
|
|
493
|
-
var
|
|
494
|
-
document.head.appendChild(
|
|
495
|
-
var
|
|
496
|
-
return document.head.removeChild(
|
|
493
|
+
var o = document.createElement("div");
|
|
494
|
+
document.head.appendChild(o);
|
|
495
|
+
var s = window.getComputedStyle(o).backgroundColor;
|
|
496
|
+
return document.head.removeChild(o), s;
|
|
497
497
|
}
|
|
498
498
|
const i = document.querySelector("vehicle-search");
|
|
499
|
-
let
|
|
500
|
-
i ?
|
|
501
|
-
const
|
|
502
|
-
rt(
|
|
499
|
+
let a;
|
|
500
|
+
i ? a = t(i) : a = t(O.current);
|
|
501
|
+
const c = _t(a).isDark();
|
|
502
|
+
rt(c);
|
|
503
503
|
}, []);
|
|
504
|
-
|
|
504
|
+
L(() => {
|
|
505
505
|
async function t() {
|
|
506
506
|
if (!e.make || !w.current)
|
|
507
507
|
return;
|
|
@@ -516,24 +516,24 @@ function Mt({
|
|
|
516
516
|
), e.series && r.push(`series:${e.series.refinement}`), e.engine && r.push(`engine:${e.engine.refinement}`), e.engine_capacity && r.push(
|
|
517
517
|
`engine_capacity:${e.engine_capacity.refinement}`
|
|
518
518
|
);
|
|
519
|
-
let
|
|
519
|
+
let c = (await w.current.search("", {
|
|
520
520
|
filter: Se(r, i),
|
|
521
521
|
attributesToRetrieve: ["otto_id"],
|
|
522
522
|
limit: 500
|
|
523
523
|
// Reduced from 1000 for faster queries
|
|
524
524
|
})).hits.map((d) => d.otto_id);
|
|
525
|
-
Ce(
|
|
526
|
-
let
|
|
525
|
+
Ce(c);
|
|
526
|
+
let s = {
|
|
527
527
|
...Object.fromEntries(
|
|
528
|
-
Object.entries(e || {}).map(([d,
|
|
528
|
+
Object.entries(e || {}).map(([d, y]) => [d, y && y.value || null]).filter(([d, y]) => y !== null)
|
|
529
529
|
),
|
|
530
|
-
merchant:
|
|
530
|
+
merchant: $.current
|
|
531
531
|
};
|
|
532
|
-
|
|
532
|
+
Pe.capture("vehicle select", s);
|
|
533
533
|
}
|
|
534
534
|
t();
|
|
535
535
|
}, [e, w, g]);
|
|
536
|
-
const Ae = (t) =>
|
|
536
|
+
const Ae = (t) => I ? `${I}${t}` : t, ot = (t) => I ? t.replace(new RegExp(`^${I}`), "") : t, at = B(() => {
|
|
537
537
|
const t = new URL(window.location.href).searchParams, r = [
|
|
538
538
|
"make",
|
|
539
539
|
"model",
|
|
@@ -542,72 +542,100 @@ function Mt({
|
|
|
542
542
|
"series",
|
|
543
543
|
"engine",
|
|
544
544
|
"engine_capacity"
|
|
545
|
-
].map(Ae),
|
|
546
|
-
|
|
545
|
+
], i = r.map(Ae), a = {}, c = /^filter\.p\.m\.app--\d+--partbot\.vehicle_(\w+)$/;
|
|
546
|
+
for (const [s, d] of t.entries()) {
|
|
547
|
+
const y = s.match(c);
|
|
548
|
+
if (y) {
|
|
549
|
+
let C = y[1].replace(/s$/, "");
|
|
550
|
+
C === "engine_capacitie" && (C = "engine_capacity"), C === "bodie" && (C = "body"), C === "serie" && (C = "series"), r.includes(C) && (a[C] = d);
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
const o = Object.fromEntries(
|
|
554
|
+
[...t.entries()].filter(([s]) => i.includes(s)).map(([s, d]) => [ot(s), { value: d, refinement: d }])
|
|
547
555
|
);
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
if (
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
556
|
+
for (const [s, d] of Object.entries(a))
|
|
557
|
+
d && d !== "[object Object]" && !o[s] && (o[s] = { value: d, refinement: d });
|
|
558
|
+
if (Object.keys(o).length === 0)
|
|
559
|
+
try {
|
|
560
|
+
const s = localStorage.getItem("partbot_selected_vehicle");
|
|
561
|
+
if (s) {
|
|
562
|
+
const d = JSON.parse(s);
|
|
563
|
+
if (d != null && d.vehicle) {
|
|
564
|
+
const y = d.vehicle;
|
|
565
|
+
for (const C of r) {
|
|
566
|
+
const E = y[C];
|
|
567
|
+
E && typeof E == "string" && E.trim() ? o[C] = { value: E, refinement: E } : E != null && E.value && typeof E.value == "string" && (o[C] = {
|
|
568
|
+
value: E.value,
|
|
569
|
+
refinement: E.value
|
|
570
|
+
});
|
|
571
|
+
}
|
|
572
|
+
}
|
|
573
|
+
}
|
|
574
|
+
} catch {
|
|
575
|
+
}
|
|
576
|
+
q(o);
|
|
577
|
+
}, []), V = B(({ query: t, value: r, remove: i }) => {
|
|
578
|
+
if (oe && "URLSearchParams" in window) {
|
|
579
|
+
let a = new URLSearchParams(window.location.search);
|
|
580
|
+
t = Ae(t), t && r && a.set(t, r), t && !r && a.delete(t), i && i.forEach((o) => {
|
|
581
|
+
o = Ae(o), a.delete(o);
|
|
554
582
|
});
|
|
555
|
-
const
|
|
556
|
-
window.history.pushState(null, "",
|
|
583
|
+
const c = window.location.pathname + "?" + a.toString();
|
|
584
|
+
window.history.pushState(null, "", c);
|
|
557
585
|
}
|
|
558
|
-
}, []), nt =
|
|
586
|
+
}, []), nt = B(() => {
|
|
559
587
|
var i;
|
|
560
588
|
const t = {
|
|
561
|
-
vehicle_ids:
|
|
589
|
+
vehicle_ids: le,
|
|
562
590
|
vehicle: (i = e == null ? void 0 : e.make) != null && i.value ? e : {}
|
|
563
591
|
};
|
|
564
|
-
|
|
592
|
+
Q && Q(t);
|
|
565
593
|
const r = new CustomEvent("vehicle-search-submit", {
|
|
566
594
|
detail: t
|
|
567
595
|
});
|
|
568
596
|
window.dispatchEvent(r), document.dispatchEvent(r), setTimeout(() => {
|
|
569
597
|
Me(!1);
|
|
570
598
|
}, 900);
|
|
571
|
-
}, [
|
|
572
|
-
var i,
|
|
599
|
+
}, [le, Q]), Te = B(() => {
|
|
600
|
+
var i, a, c, o, s, d, y, C, E;
|
|
573
601
|
const t = {
|
|
574
|
-
vehicle_ids:
|
|
602
|
+
vehicle_ids: le,
|
|
575
603
|
vehicle: (i = e == null ? void 0 : e.make) != null && i.value ? e : {},
|
|
576
|
-
userSelected:
|
|
604
|
+
userSelected: A.current
|
|
577
605
|
// Flag to indicate if user actively selected
|
|
578
606
|
};
|
|
579
607
|
u && u(t);
|
|
580
608
|
const r = new CustomEvent("vehicle-search-change", {
|
|
581
609
|
detail: t
|
|
582
610
|
});
|
|
583
|
-
if (
|
|
611
|
+
if (A.current === !0) {
|
|
584
612
|
localStorage.removeItem("partbot_plate_details");
|
|
585
|
-
const
|
|
586
|
-
description: `${((
|
|
587
|
-
vehicle_ids:
|
|
588
|
-
vehicle: e ? Object.entries(e).reduce((h, [m,
|
|
613
|
+
const ne = JSON.stringify({
|
|
614
|
+
description: `${((a = e.make) == null ? void 0 : a.value) || ""} ${((c = e.model) == null ? void 0 : c.value) || ""} ${((o = e.year) == null ? void 0 : o.value) || ""} ${((s = e.body) == null ? void 0 : s.value) || ""} ${((d = e.series) == null ? void 0 : d.value) || ""} ${((y = e.variant) == null ? void 0 : y.value) || ""} ${((C = e.engine) == null ? void 0 : C.value) || ""} ${((E = e.engine_capacity) == null ? void 0 : E.value) || ""}`.trim(),
|
|
615
|
+
vehicle_ids: le,
|
|
616
|
+
vehicle: e ? Object.entries(e).reduce((h, [m, _]) => (h[m] = _ != null && _.value ? _.value : {}, h), {}) : {}
|
|
589
617
|
});
|
|
590
618
|
localStorage.setItem(
|
|
591
619
|
"partbot_selected_vehicle",
|
|
592
|
-
|
|
593
|
-
), ft.set("partbot_selected_vehicle",
|
|
620
|
+
ne
|
|
621
|
+
), ft.set("partbot_selected_vehicle", ne, {
|
|
594
622
|
secure: !0
|
|
595
623
|
});
|
|
596
624
|
}
|
|
597
|
-
window.dispatchEvent(r),
|
|
625
|
+
window.dispatchEvent(r), A.current && document.dispatchEvent(r), Je.current = le, setTimeout(() => {
|
|
598
626
|
Me(!1);
|
|
599
627
|
}, 900);
|
|
600
|
-
}, [
|
|
628
|
+
}, [le, u]), ve = ut(
|
|
601
629
|
() => Ct(Te, 100),
|
|
602
630
|
[Te]
|
|
603
631
|
);
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
}, [
|
|
607
|
-
|
|
608
|
-
}, [
|
|
632
|
+
L(() => {
|
|
633
|
+
ve();
|
|
634
|
+
}, [le, ve]), L(() => () => {
|
|
635
|
+
ve.cancel();
|
|
636
|
+
}, [ve]), L(() => {
|
|
609
637
|
const t = () => {
|
|
610
|
-
|
|
638
|
+
A.current = !1, ve.cancel(), q({
|
|
611
639
|
make: null,
|
|
612
640
|
model: null,
|
|
613
641
|
year: null,
|
|
@@ -624,33 +652,33 @@ function Mt({
|
|
|
624
652
|
t
|
|
625
653
|
);
|
|
626
654
|
};
|
|
627
|
-
}, [
|
|
628
|
-
|
|
629
|
-
}, [
|
|
630
|
-
|
|
655
|
+
}, [ve]), L(() => {
|
|
656
|
+
ae.searchKey && (k || pt(), at());
|
|
657
|
+
}, [ae.searchKey, k]), L(() => {
|
|
658
|
+
k && w.current && pe.length === 0 && !e.year && w.current.search("", {
|
|
631
659
|
attributesToRetrieve: ["year_from", "year_to"],
|
|
632
660
|
limit: 1e4
|
|
633
661
|
}).then(({ hits: t }) => {
|
|
634
|
-
const r = t.map((
|
|
635
|
-
{ length:
|
|
636
|
-
(
|
|
662
|
+
const r = t.map((s) => s.year_from).filter(Boolean), i = t.map((s) => s.year_to).filter(Boolean), a = Math.min(...r), c = Math.max(...i), o = Array.from(
|
|
663
|
+
{ length: c - a + 1 },
|
|
664
|
+
(s, d) => ({ value: a + d, refinement: a + d })
|
|
637
665
|
).reverse();
|
|
638
|
-
ue(
|
|
666
|
+
ue(o);
|
|
639
667
|
}).catch((t) => {
|
|
640
668
|
console.error("[VehicleSearch] Error loading year range:", t);
|
|
641
669
|
});
|
|
642
|
-
}, [
|
|
643
|
-
typeof document > "u" ||
|
|
644
|
-
}, [
|
|
645
|
-
const Ze =
|
|
670
|
+
}, [k, ae.searchKey, pe.length, e.year]), L(() => {
|
|
671
|
+
typeof document > "u" || Re();
|
|
672
|
+
}, [Re]);
|
|
673
|
+
const Ze = B(
|
|
646
674
|
(t) => {
|
|
647
|
-
|
|
675
|
+
A.current = !0, de([]), !k && !g && ue([]), be([]), we([]), ye([]), ke([]), xe([]), q((r) => ({
|
|
648
676
|
make: t,
|
|
649
|
-
year:
|
|
650
|
-
})),
|
|
677
|
+
year: k || g ? r.year : null
|
|
678
|
+
})), V({
|
|
651
679
|
query: "make",
|
|
652
680
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
653
|
-
remove:
|
|
681
|
+
remove: k ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : g ? [
|
|
654
682
|
"model",
|
|
655
683
|
"body",
|
|
656
684
|
"series",
|
|
@@ -668,23 +696,23 @@ function Mt({
|
|
|
668
696
|
]
|
|
669
697
|
}), t || Ce([]);
|
|
670
698
|
},
|
|
671
|
-
[
|
|
672
|
-
), Ye =
|
|
699
|
+
[V, k, g]
|
|
700
|
+
), Ye = B(
|
|
673
701
|
(t) => {
|
|
674
|
-
|
|
702
|
+
A.current = !0, q((r) => ({
|
|
675
703
|
...r,
|
|
676
704
|
model: t !== "" ? t : null,
|
|
677
|
-
year:
|
|
705
|
+
year: k || g ? r.year : null,
|
|
678
706
|
// Preserve year in YMM mode or yearOptional mode
|
|
679
707
|
body: null,
|
|
680
708
|
series: null,
|
|
681
709
|
variant: null,
|
|
682
710
|
engine: null,
|
|
683
711
|
engine_capacity: null
|
|
684
|
-
})), !
|
|
712
|
+
})), !k && !g && ue([]), be([]), we([]), ye([]), ke([]), xe([]), V({
|
|
685
713
|
query: "model",
|
|
686
714
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
687
|
-
remove:
|
|
715
|
+
remove: k ? ["body", "series", "engine", "variant", "engine_capacity"] : g ? ["body", "series", "engine", "variant", "engine_capacity"] : [
|
|
688
716
|
"year",
|
|
689
717
|
"body",
|
|
690
718
|
"series",
|
|
@@ -694,12 +722,12 @@ function Mt({
|
|
|
694
722
|
]
|
|
695
723
|
});
|
|
696
724
|
},
|
|
697
|
-
[
|
|
698
|
-
), He =
|
|
725
|
+
[V, k, g]
|
|
726
|
+
), He = B(
|
|
699
727
|
(t) => {
|
|
700
|
-
|
|
728
|
+
A.current = !0, k ? (he([]), de([]), q({
|
|
701
729
|
year: t !== "" ? t : null
|
|
702
|
-
}), (!t || t === "") && ue([])) :
|
|
730
|
+
}), (!t || t === "") && ue([])) : q(g ? (r) => ({
|
|
703
731
|
...r,
|
|
704
732
|
year: t !== "" ? t : null
|
|
705
733
|
}) : (r) => ({
|
|
@@ -710,10 +738,10 @@ function Mt({
|
|
|
710
738
|
variant: null,
|
|
711
739
|
engine: null,
|
|
712
740
|
engine_capacity: null
|
|
713
|
-
})), g || (be([]), we([]), ye([]), ke([]), xe([])),
|
|
741
|
+
})), g || (be([]), we([]), ye([]), ke([]), xe([])), V({
|
|
714
742
|
query: "year",
|
|
715
743
|
value: (t == null ? void 0 : t.value) ?? "",
|
|
716
|
-
remove:
|
|
744
|
+
remove: k ? [
|
|
717
745
|
"make",
|
|
718
746
|
"model",
|
|
719
747
|
"body",
|
|
@@ -724,239 +752,239 @@ function Mt({
|
|
|
724
752
|
] : g ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
|
|
725
753
|
}), !g && (!t || t === "") && Ce([]);
|
|
726
754
|
},
|
|
727
|
-
[
|
|
728
|
-
), it =
|
|
755
|
+
[V, k, g]
|
|
756
|
+
), it = B(
|
|
729
757
|
(t) => {
|
|
730
|
-
|
|
758
|
+
A.current = !0, q((r) => ({
|
|
731
759
|
...r,
|
|
732
760
|
body: t !== "" ? t : null
|
|
733
|
-
})),
|
|
761
|
+
})), V({
|
|
734
762
|
query: "body",
|
|
735
763
|
value: (t == null ? void 0 : t.value) ?? ""
|
|
736
764
|
});
|
|
737
765
|
},
|
|
738
|
-
[
|
|
739
|
-
), st =
|
|
766
|
+
[V]
|
|
767
|
+
), st = B(
|
|
740
768
|
(t) => {
|
|
741
|
-
|
|
769
|
+
A.current = !0, q((r) => ({
|
|
742
770
|
...r,
|
|
743
771
|
series: t !== "" ? t : null
|
|
744
|
-
})),
|
|
772
|
+
})), V({
|
|
745
773
|
query: "series",
|
|
746
774
|
value: (t == null ? void 0 : t.value) ?? ""
|
|
747
775
|
});
|
|
748
776
|
},
|
|
749
|
-
[
|
|
750
|
-
), lt =
|
|
777
|
+
[V]
|
|
778
|
+
), lt = B(
|
|
751
779
|
(t) => {
|
|
752
|
-
|
|
780
|
+
A.current = !0, q((r) => ({
|
|
753
781
|
...r,
|
|
754
782
|
variant: t !== "" ? t : null
|
|
755
|
-
})),
|
|
783
|
+
})), V({
|
|
756
784
|
query: "variant",
|
|
757
785
|
value: (t == null ? void 0 : t.value) ?? ""
|
|
758
786
|
});
|
|
759
787
|
},
|
|
760
|
-
[
|
|
761
|
-
), ct =
|
|
788
|
+
[V]
|
|
789
|
+
), ct = B(
|
|
762
790
|
(t) => {
|
|
763
|
-
|
|
791
|
+
A.current = !0, q((r) => ({
|
|
764
792
|
...r,
|
|
765
793
|
engine: t !== "" ? t : null
|
|
766
|
-
})),
|
|
794
|
+
})), V({
|
|
767
795
|
query: "engine",
|
|
768
796
|
value: (t == null ? void 0 : t.value) ?? ""
|
|
769
797
|
});
|
|
770
798
|
},
|
|
771
|
-
[
|
|
772
|
-
), dt =
|
|
799
|
+
[V]
|
|
800
|
+
), dt = B(
|
|
773
801
|
(t) => {
|
|
774
|
-
|
|
802
|
+
A.current = !0, q((r) => ({
|
|
775
803
|
...r,
|
|
776
804
|
engine_capacity: t !== "" ? t : null
|
|
777
|
-
})),
|
|
805
|
+
})), V({
|
|
778
806
|
query: "engine_capacity",
|
|
779
807
|
value: (t == null ? void 0 : t.value) ?? ""
|
|
780
808
|
});
|
|
781
809
|
},
|
|
782
|
-
[
|
|
810
|
+
[V]
|
|
783
811
|
);
|
|
784
|
-
|
|
785
|
-
|
|
812
|
+
L(() => {
|
|
813
|
+
k && e.year && w.current && (async () => {
|
|
786
814
|
try {
|
|
787
815
|
const r = await w.current.search("", {
|
|
788
816
|
filter: `year_from <= ${e.year.value} AND year_to >= ${e.year.value}`,
|
|
789
817
|
attributesToRetrieve: ["make", "make_popularity"],
|
|
790
818
|
limit: 1e4
|
|
791
819
|
}), i = /* @__PURE__ */ new Map();
|
|
792
|
-
r.hits.forEach((
|
|
793
|
-
|
|
794
|
-
value:
|
|
795
|
-
refinement:
|
|
796
|
-
popularity:
|
|
820
|
+
r.hits.forEach((o) => {
|
|
821
|
+
o.make && !i.has(o.make) && i.set(o.make, {
|
|
822
|
+
value: o.make.toUpperCase(),
|
|
823
|
+
refinement: o.make.toUpperCase(),
|
|
824
|
+
popularity: o.make_popularity || 0
|
|
797
825
|
});
|
|
798
826
|
});
|
|
799
|
-
let
|
|
800
|
-
const
|
|
801
|
-
|
|
802
|
-
const d =
|
|
803
|
-
return d && !
|
|
804
|
-
}) :
|
|
805
|
-
(
|
|
806
|
-
), he(
|
|
827
|
+
let a = Array.from(i.values());
|
|
828
|
+
const c = new Set(W.current || []);
|
|
829
|
+
c.size > 0 ? a.sort((o, s) => {
|
|
830
|
+
const d = c.has(o.value), y = c.has(s.value);
|
|
831
|
+
return d && !y ? -1 : !d && y ? 1 : d && y ? W.current.indexOf(o.value) - W.current.indexOf(s.value) : o.value.localeCompare(s.value);
|
|
832
|
+
}) : a.sort(
|
|
833
|
+
(o, s) => s.popularity === o.popularity ? o.value.localeCompare(s.value) : s.popularity - o.popularity
|
|
834
|
+
), he(a);
|
|
807
835
|
} catch (r) {
|
|
808
836
|
console.error("[VehicleSearch] Error loading makes for year:", r);
|
|
809
837
|
}
|
|
810
838
|
})();
|
|
811
|
-
}, [
|
|
812
|
-
const pt =
|
|
839
|
+
}, [k, e.year]);
|
|
840
|
+
const pt = B(() => {
|
|
813
841
|
(async () => {
|
|
814
842
|
let r = [];
|
|
815
|
-
if (
|
|
816
|
-
r =
|
|
843
|
+
if (se.current && se.current.length)
|
|
844
|
+
r = se.current;
|
|
817
845
|
else if (w.current)
|
|
818
846
|
try {
|
|
819
847
|
const i = await w.current.search("", {
|
|
820
848
|
attributesToRetrieve: ["make", "make_popularity"],
|
|
821
849
|
limit: 1e3
|
|
822
|
-
}),
|
|
823
|
-
i.hits.forEach((
|
|
824
|
-
|
|
825
|
-
value:
|
|
826
|
-
refinement:
|
|
827
|
-
popularity:
|
|
850
|
+
}), a = /* @__PURE__ */ new Map();
|
|
851
|
+
i.hits.forEach((c) => {
|
|
852
|
+
c.make && !a.has(c.make) && a.set(c.make, {
|
|
853
|
+
value: c.make.toUpperCase(),
|
|
854
|
+
refinement: c.make.toUpperCase(),
|
|
855
|
+
popularity: c.make_popularity || 0
|
|
828
856
|
});
|
|
829
|
-
}), r = Array.from(
|
|
857
|
+
}), r = Array.from(a.values());
|
|
830
858
|
} catch (i) {
|
|
831
859
|
console.error("[VehicleSearch] Error loading makes:", i);
|
|
832
860
|
}
|
|
833
861
|
if (v && r.length) {
|
|
834
|
-
const i = v.trim().split(",").map((
|
|
862
|
+
const i = v.trim().split(",").map((a) => a.trim().toUpperCase());
|
|
835
863
|
r = r.filter(
|
|
836
|
-
(
|
|
864
|
+
(a) => i.includes(a.value)
|
|
837
865
|
);
|
|
838
866
|
}
|
|
839
|
-
if (
|
|
840
|
-
const i = new Set(
|
|
841
|
-
r.sort((
|
|
842
|
-
const
|
|
843
|
-
return
|
|
867
|
+
if (W.current && W.current.length > 0) {
|
|
868
|
+
const i = new Set(W.current);
|
|
869
|
+
r.sort((a, c) => {
|
|
870
|
+
const o = i.has(a.value), s = i.has(c.value);
|
|
871
|
+
return o && !s ? -1 : !o && s ? 1 : o && s ? W.current.indexOf(a.value) - W.current.indexOf(c.value) : a.value.localeCompare(c.value);
|
|
844
872
|
});
|
|
845
873
|
} else
|
|
846
|
-
r.sort((i,
|
|
874
|
+
r.sort((i, a) => i.popularity === a.popularity ? i.value.localeCompare(a.value) : a.popularity - i.popularity);
|
|
847
875
|
he(r);
|
|
848
876
|
})();
|
|
849
877
|
}, [v]);
|
|
850
|
-
|
|
878
|
+
L(() => {
|
|
851
879
|
var t;
|
|
852
880
|
if (e.make && e.make.refinement) {
|
|
853
881
|
const r = e.make.refinement;
|
|
854
|
-
if (
|
|
855
|
-
const i =
|
|
856
|
-
(
|
|
857
|
-
value:
|
|
858
|
-
refinement:
|
|
882
|
+
if (te && typeof M.current == "object" && !Array.isArray(M.current) && M.current[r]) {
|
|
883
|
+
const i = M.current[r].map(
|
|
884
|
+
(c) => ({
|
|
885
|
+
value: c,
|
|
886
|
+
refinement: c,
|
|
859
887
|
popularity: 0
|
|
860
888
|
// Popularity will be used from PostHog for sorting
|
|
861
889
|
})
|
|
862
|
-
),
|
|
863
|
-
if (
|
|
864
|
-
const
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
890
|
+
), a = (t = P.current) == null ? void 0 : t[r];
|
|
891
|
+
if (a && Array.isArray(a)) {
|
|
892
|
+
const c = new Map(
|
|
893
|
+
a.map((o, s) => [
|
|
894
|
+
o.toUpperCase(),
|
|
895
|
+
a.length - s
|
|
868
896
|
])
|
|
869
897
|
);
|
|
870
|
-
i.sort((
|
|
871
|
-
const d =
|
|
872
|
-
return d !==
|
|
898
|
+
i.sort((o, s) => {
|
|
899
|
+
const d = c.get(o.value.toUpperCase()) || 0, y = c.get(s.value.toUpperCase()) || 0;
|
|
900
|
+
return d !== y ? y - d : o.value.localeCompare(s.value);
|
|
873
901
|
});
|
|
874
902
|
} else
|
|
875
|
-
i.sort((
|
|
876
|
-
|
|
903
|
+
i.sort((c, o) => c.value.localeCompare(o.value));
|
|
904
|
+
de(i);
|
|
877
905
|
return;
|
|
878
906
|
}
|
|
879
|
-
if (!
|
|
907
|
+
if (!X.current || !b)
|
|
880
908
|
return;
|
|
881
|
-
|
|
909
|
+
X.current.search("", {
|
|
882
910
|
filter: `make = "${e.make.refinement}"`,
|
|
883
911
|
limit: 1
|
|
884
912
|
// Only one document per make
|
|
885
913
|
}).then((i) => {
|
|
886
|
-
var
|
|
887
|
-
const { hits:
|
|
888
|
-
let
|
|
889
|
-
|
|
890
|
-
let
|
|
914
|
+
var E, ne;
|
|
915
|
+
const { hits: a } = i;
|
|
916
|
+
let c = [];
|
|
917
|
+
a.length > 0 && a[0].models && (c = a[0].models);
|
|
918
|
+
let o = c.map((h) => ({
|
|
891
919
|
model: `${e.make.refinement} > ${h.name}`,
|
|
892
920
|
model_popularity: h.popularity || 0
|
|
893
|
-
})),
|
|
894
|
-
Array.isArray(
|
|
895
|
-
let d =
|
|
921
|
+
})), s = [];
|
|
922
|
+
Array.isArray(M.current) ? s = M.current : typeof M.current == "object" && M.current !== null ? s = M.current[e.make.refinement] || [] : typeof M.current == "string" && M.current.length && (s = M.current.split(",").map((h) => h.trim()).filter(Boolean));
|
|
923
|
+
let d = s;
|
|
896
924
|
if (p) {
|
|
897
|
-
const h = p.trim().split(",").map((
|
|
898
|
-
h.map((
|
|
925
|
+
const h = p.trim().split(",").map((_) => _.trim()).filter(Boolean), m = new Set(
|
|
926
|
+
h.map((_) => _.toLowerCase())
|
|
899
927
|
);
|
|
900
|
-
d =
|
|
901
|
-
(
|
|
902
|
-
) : h,
|
|
903
|
-
(
|
|
904
|
-
|
|
928
|
+
d = s.length ? s.filter(
|
|
929
|
+
(_) => m.has(String(_).toLowerCase())
|
|
930
|
+
) : h, o = o.filter(
|
|
931
|
+
(_) => m.has(
|
|
932
|
+
_.model.match(/[^>]*$/)[0].trim().toLowerCase()
|
|
905
933
|
)
|
|
906
934
|
);
|
|
907
935
|
}
|
|
908
936
|
if (d && d.length > 0) {
|
|
909
937
|
const h = new Set(
|
|
910
|
-
d.map((
|
|
938
|
+
d.map((_) => String(_).toLowerCase())
|
|
911
939
|
);
|
|
912
|
-
|
|
913
|
-
(
|
|
914
|
-
|
|
940
|
+
o.some(
|
|
941
|
+
(_) => h.has(
|
|
942
|
+
_.model.match(/[^>]*$/)[0].trim().toLowerCase()
|
|
915
943
|
)
|
|
916
|
-
) && (
|
|
917
|
-
(
|
|
918
|
-
|
|
944
|
+
) && (o = o.filter(
|
|
945
|
+
(_) => h.has(
|
|
946
|
+
_.model.match(/[^>]*$/)[0].trim().toLowerCase()
|
|
919
947
|
)
|
|
920
948
|
));
|
|
921
949
|
}
|
|
922
|
-
|
|
950
|
+
o = o.filter((h) => h.model && h.model !== "" ? h.model.match(/[^>]*$/)[0].trim() !== "" : !1).map((h) => ({
|
|
923
951
|
value: h.model.match(/[^>]*$/)[0].trim(),
|
|
924
952
|
refinement: h.model.match(/[^>]*$/)[0].trim(),
|
|
925
953
|
popularity: h.model_popularity
|
|
926
954
|
}));
|
|
927
|
-
const
|
|
928
|
-
if (
|
|
955
|
+
const y = (E = e.make) == null ? void 0 : E.refinement, C = (ne = P.current) == null ? void 0 : ne[y];
|
|
956
|
+
if (C && Array.isArray(C) && C.length > 0) {
|
|
929
957
|
const h = new Set(
|
|
930
|
-
|
|
958
|
+
C.map((m) => String(m).trim().toUpperCase())
|
|
931
959
|
);
|
|
932
|
-
|
|
933
|
-
const je = h.has(m.value), Ne = h.has(
|
|
960
|
+
o.sort((m, _) => {
|
|
961
|
+
const je = h.has(m.value), Ne = h.has(_.value);
|
|
934
962
|
if (je && !Ne) return -1;
|
|
935
963
|
if (!je && Ne) return 1;
|
|
936
964
|
if (je && Ne) {
|
|
937
|
-
const qe =
|
|
965
|
+
const qe = C.map(
|
|
938
966
|
(ht) => String(ht).trim().toUpperCase()
|
|
939
967
|
);
|
|
940
|
-
return qe.indexOf(m.value) - qe.indexOf(
|
|
968
|
+
return qe.indexOf(m.value) - qe.indexOf(_.value);
|
|
941
969
|
}
|
|
942
|
-
return m.value.localeCompare(
|
|
970
|
+
return m.value.localeCompare(_.value);
|
|
943
971
|
});
|
|
944
972
|
} else
|
|
945
|
-
|
|
946
|
-
|
|
973
|
+
o.sort((h, m) => h.popularity === m.popularity ? h.value.localeCompare(m.value) : m.popularity - h.popularity);
|
|
974
|
+
de(o);
|
|
947
975
|
}).catch((i) => {
|
|
948
|
-
console.error("[VehicleSearch] Error loading models:", i),
|
|
976
|
+
console.error("[VehicleSearch] Error loading models:", i), de([]);
|
|
949
977
|
});
|
|
950
978
|
} else
|
|
951
|
-
|
|
979
|
+
de([]);
|
|
952
980
|
}, [
|
|
953
981
|
e.make,
|
|
954
982
|
p,
|
|
955
983
|
b,
|
|
956
|
-
|
|
984
|
+
k,
|
|
957
985
|
e.year,
|
|
958
|
-
|
|
959
|
-
]),
|
|
986
|
+
te
|
|
987
|
+
]), L(() => {
|
|
960
988
|
if (w.current && e.make && e.model) {
|
|
961
989
|
let t = [
|
|
962
990
|
`model:${e.make.refinement} > ${e.model.refinement}`
|
|
@@ -971,13 +999,13 @@ function Mt({
|
|
|
971
999
|
limit: 200
|
|
972
1000
|
// Reduced from 1000 for faster queries
|
|
973
1001
|
}).then(({ hits: r }) => {
|
|
974
|
-
const i = r.map((d) => d.year_from),
|
|
975
|
-
let
|
|
976
|
-
length:
|
|
977
|
-
}).map(function(d,
|
|
978
|
-
return
|
|
1002
|
+
const i = r.map((d) => d.year_from), a = Math.min(...i), c = r.map((d) => d.year_to), o = Math.max(...c);
|
|
1003
|
+
let s = Array.apply(null, {
|
|
1004
|
+
length: o + 1 - a
|
|
1005
|
+
}).map(function(d, y) {
|
|
1006
|
+
return y + a;
|
|
979
1007
|
});
|
|
980
|
-
|
|
1008
|
+
s = s.reverse().map((d) => ({ value: d, refinement: d })), ue(s);
|
|
981
1009
|
}).catch((r) => {
|
|
982
1010
|
console.error("[VehicleSearch] Error fetching years:", r);
|
|
983
1011
|
});
|
|
@@ -985,13 +1013,13 @@ function Mt({
|
|
|
985
1013
|
}, [
|
|
986
1014
|
e.model,
|
|
987
1015
|
e.make,
|
|
988
|
-
|
|
1016
|
+
k,
|
|
989
1017
|
g,
|
|
990
1018
|
e.body,
|
|
991
1019
|
e.series,
|
|
992
1020
|
e.engine,
|
|
993
1021
|
e.engine_capacity
|
|
994
|
-
]),
|
|
1022
|
+
]), L(() => {
|
|
995
1023
|
const t = g ? e.make && e.model : e.year && e.make && e.model;
|
|
996
1024
|
if (w.current && t) {
|
|
997
1025
|
const r = e.year ? [
|
|
@@ -1006,26 +1034,26 @@ function Mt({
|
|
|
1006
1034
|
attributesToRetrieve: ["body", "otto_id"],
|
|
1007
1035
|
limit: 1e3
|
|
1008
1036
|
}).then(({ hits: i }) => {
|
|
1009
|
-
i = [...new Map(i.map((
|
|
1010
|
-
value:
|
|
1011
|
-
refinement:
|
|
1012
|
-
})).filter((
|
|
1037
|
+
i = [...new Map(i.map((a) => [a.body, a])).values()].map((a) => ({
|
|
1038
|
+
value: a.body.match(/[^>]*$/)[0].trim(),
|
|
1039
|
+
refinement: a.body.match(/[^>]*$/)[0].trim()
|
|
1040
|
+
})).filter((a) => a.value), be(i);
|
|
1013
1041
|
});
|
|
1014
1042
|
}
|
|
1015
1043
|
}, [e.year, e.make, e.model, g]);
|
|
1016
|
-
const me =
|
|
1017
|
-
let
|
|
1018
|
-
...new Map(t.map((
|
|
1019
|
-
].map((
|
|
1020
|
-
value:
|
|
1021
|
-
refinement:
|
|
1022
|
-
})).filter((
|
|
1023
|
-
i(
|
|
1024
|
-
}, []), vt =
|
|
1025
|
-
const t = _e.current ? _e.current.length + 3 : 3, r =
|
|
1044
|
+
const me = B(({ hits: t, attribute: r, stateCallback: i }) => {
|
|
1045
|
+
let a = [
|
|
1046
|
+
...new Map(t.map((c) => [c[r], c])).values()
|
|
1047
|
+
].map((c) => ({
|
|
1048
|
+
value: c[r].match(/[^|]*$/)[0].trim(),
|
|
1049
|
+
refinement: c[r].match(/[^|]*$/)[0].trim()
|
|
1050
|
+
})).filter((c) => c.refinement);
|
|
1051
|
+
i(a);
|
|
1052
|
+
}, []), vt = B(() => {
|
|
1053
|
+
const t = _e.current ? _e.current.length + 3 : 3, r = z ? t + 1 : t;
|
|
1026
1054
|
return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
|
|
1027
|
-
}, [
|
|
1028
|
-
|
|
1055
|
+
}, [z]);
|
|
1056
|
+
L(() => {
|
|
1029
1057
|
const t = g ? e.make && e.model : e.make && e.model && e.year;
|
|
1030
1058
|
if (w.current && t) {
|
|
1031
1059
|
let r = [
|
|
@@ -1036,7 +1064,7 @@ function Mt({
|
|
|
1036
1064
|
e.variant ? `variant:${e.variant.refinement}` : "",
|
|
1037
1065
|
e.engine ? `engine:${e.engine.refinement}` : "",
|
|
1038
1066
|
e.engine_capacity ? `engine_capacity:${e.engine_capacity.refinement}` : ""
|
|
1039
|
-
].filter((
|
|
1067
|
+
].filter((a) => a);
|
|
1040
1068
|
const i = e.year ? [
|
|
1041
1069
|
`year_from <= ${e.year.value}`,
|
|
1042
1070
|
`year_to >= ${e.year.value}`
|
|
@@ -1052,21 +1080,21 @@ function Mt({
|
|
|
1052
1080
|
"otto_id"
|
|
1053
1081
|
],
|
|
1054
1082
|
limit: 1e3
|
|
1055
|
-
}).then(({ hits:
|
|
1083
|
+
}).then(({ hits: a }) => {
|
|
1056
1084
|
me({
|
|
1057
|
-
hits:
|
|
1085
|
+
hits: a,
|
|
1058
1086
|
attribute: "series",
|
|
1059
1087
|
stateCallback: we
|
|
1060
1088
|
}), me({
|
|
1061
|
-
hits:
|
|
1089
|
+
hits: a,
|
|
1062
1090
|
attribute: "variant",
|
|
1063
1091
|
stateCallback: ye
|
|
1064
1092
|
}), me({
|
|
1065
|
-
hits:
|
|
1093
|
+
hits: a,
|
|
1066
1094
|
attribute: "engine",
|
|
1067
1095
|
stateCallback: xe
|
|
1068
1096
|
}), me({
|
|
1069
|
-
hits:
|
|
1097
|
+
hits: a,
|
|
1070
1098
|
attribute: "engine_capacity",
|
|
1071
1099
|
stateCallback: ke
|
|
1072
1100
|
});
|
|
@@ -1084,171 +1112,171 @@ function Mt({
|
|
|
1084
1112
|
e.year,
|
|
1085
1113
|
g
|
|
1086
1114
|
]);
|
|
1087
|
-
const [ze, Ee] =
|
|
1088
|
-
return
|
|
1089
|
-
if (
|
|
1115
|
+
const [ze, Ee] = j(!1);
|
|
1116
|
+
return L(() => {
|
|
1117
|
+
if (Y)
|
|
1090
1118
|
return ze ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1091
1119
|
document.body.style.overflow = "";
|
|
1092
1120
|
};
|
|
1093
|
-
}, [ze,
|
|
1094
|
-
|
|
1121
|
+
}, [ze, Y]), /* @__PURE__ */ N($e, { children: [
|
|
1122
|
+
Y && /* @__PURE__ */ n(
|
|
1095
1123
|
"button",
|
|
1096
1124
|
{
|
|
1097
1125
|
onClick: () => Ee(!0),
|
|
1098
1126
|
type: "button",
|
|
1099
|
-
className:
|
|
1127
|
+
className: ie(
|
|
1100
1128
|
"vehicle-search-btn vs:md:hidden!",
|
|
1101
|
-
|
|
1129
|
+
F ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
|
|
1102
1130
|
),
|
|
1103
|
-
children: /* @__PURE__ */
|
|
1131
|
+
children: /* @__PURE__ */ n("span", { children: l })
|
|
1104
1132
|
}
|
|
1105
1133
|
),
|
|
1106
|
-
|
|
1134
|
+
Y && /* @__PURE__ */ n(
|
|
1107
1135
|
"div",
|
|
1108
1136
|
{
|
|
1109
1137
|
onClick: () => Ee(!1),
|
|
1110
|
-
className:
|
|
1138
|
+
className: ie(
|
|
1111
1139
|
"vs:z-10 vs:fixed vs:inset-0 vs:bg-stone-900 vs:transition-all vs:duration-300",
|
|
1112
1140
|
ze ? "vs:opacity-75" : "vs:pointer-events-none vs:opacity-0"
|
|
1113
1141
|
)
|
|
1114
1142
|
}
|
|
1115
1143
|
),
|
|
1116
|
-
/* @__PURE__ */
|
|
1144
|
+
/* @__PURE__ */ N(
|
|
1117
1145
|
"div",
|
|
1118
1146
|
{
|
|
1119
|
-
className:
|
|
1147
|
+
className: ie(
|
|
1120
1148
|
"partbot-mmyvs-container",
|
|
1121
|
-
|
|
1149
|
+
Y && ze && "active",
|
|
1122
1150
|
"w-full"
|
|
1123
1151
|
),
|
|
1124
1152
|
children: [
|
|
1125
|
-
|
|
1126
|
-
/* @__PURE__ */
|
|
1127
|
-
/* @__PURE__ */
|
|
1153
|
+
Y && /* @__PURE__ */ N("div", { className: "vs:flex vs:justify-between vs:items-center vs:pb-4 vs:font-bold vs:text-white vs:md:hidden", children: [
|
|
1154
|
+
/* @__PURE__ */ n("span", { children: "Select Vehicle" }),
|
|
1155
|
+
/* @__PURE__ */ N(
|
|
1128
1156
|
"button",
|
|
1129
1157
|
{
|
|
1130
1158
|
onClick: () => Ee(!1),
|
|
1131
1159
|
type: "button",
|
|
1132
1160
|
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",
|
|
1133
1161
|
children: [
|
|
1134
|
-
/* @__PURE__ */
|
|
1135
|
-
/* @__PURE__ */
|
|
1162
|
+
/* @__PURE__ */ n("span", { className: "vs:sr-only", children: "Close vehicle selection" }),
|
|
1163
|
+
/* @__PURE__ */ n("span", { className: "vs:h-5 vs:w-5 vs:text-white", children: /* @__PURE__ */ n(
|
|
1136
1164
|
"svg",
|
|
1137
1165
|
{
|
|
1138
1166
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1139
1167
|
fill: "currentColor",
|
|
1140
1168
|
viewBox: "0 0 256 256",
|
|
1141
1169
|
className: "vs:h-5 vs:w-5",
|
|
1142
|
-
children: /* @__PURE__ */
|
|
1170
|
+
children: /* @__PURE__ */ n("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" })
|
|
1143
1171
|
}
|
|
1144
1172
|
) })
|
|
1145
1173
|
]
|
|
1146
1174
|
}
|
|
1147
1175
|
)
|
|
1148
1176
|
] }),
|
|
1149
|
-
/* @__PURE__ */
|
|
1177
|
+
/* @__PURE__ */ N(
|
|
1150
1178
|
"div",
|
|
1151
1179
|
{
|
|
1152
|
-
ref:
|
|
1153
|
-
className:
|
|
1180
|
+
ref: O,
|
|
1181
|
+
className: ie(
|
|
1154
1182
|
"vs:grid vs:gap-3",
|
|
1155
|
-
|
|
1183
|
+
D === "row" ? `${vt()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
|
|
1156
1184
|
"vs:w-full vs:transition vs:lg:mx-auto"
|
|
1157
1185
|
),
|
|
1158
1186
|
children: [
|
|
1159
|
-
|
|
1160
|
-
/* @__PURE__ */
|
|
1161
|
-
|
|
1187
|
+
k ? /* @__PURE__ */ N($e, { children: [
|
|
1188
|
+
/* @__PURE__ */ n(
|
|
1189
|
+
ee,
|
|
1162
1190
|
{
|
|
1163
1191
|
label: "Year",
|
|
1164
|
-
items:
|
|
1192
|
+
items: pe,
|
|
1165
1193
|
refine: He,
|
|
1166
1194
|
selected: e.year,
|
|
1167
|
-
bgDark:
|
|
1168
|
-
showLabel:
|
|
1169
|
-
isMobile:
|
|
1195
|
+
bgDark: K,
|
|
1196
|
+
showLabel: S,
|
|
1197
|
+
isMobile: G,
|
|
1170
1198
|
sortOptions: !1,
|
|
1171
|
-
loading:
|
|
1199
|
+
loading: pe.length === 0,
|
|
1172
1200
|
shouldBeActive: !0
|
|
1173
1201
|
}
|
|
1174
1202
|
),
|
|
1175
|
-
/* @__PURE__ */
|
|
1176
|
-
|
|
1203
|
+
/* @__PURE__ */ n(
|
|
1204
|
+
ee,
|
|
1177
1205
|
{
|
|
1178
1206
|
label: "Make",
|
|
1179
|
-
items:
|
|
1207
|
+
items: ce,
|
|
1180
1208
|
refine: Ze,
|
|
1181
1209
|
selected: e.make,
|
|
1182
1210
|
showPopular: !0,
|
|
1183
|
-
bgDark:
|
|
1184
|
-
showLabel:
|
|
1185
|
-
isMobile:
|
|
1211
|
+
bgDark: K,
|
|
1212
|
+
showLabel: S,
|
|
1213
|
+
isMobile: G,
|
|
1186
1214
|
sortOptions: !1,
|
|
1187
|
-
loading: e.year &&
|
|
1215
|
+
loading: e.year && ce.length === 0,
|
|
1188
1216
|
shouldBeActive: !!e.year
|
|
1189
1217
|
}
|
|
1190
1218
|
),
|
|
1191
|
-
/* @__PURE__ */
|
|
1192
|
-
|
|
1219
|
+
/* @__PURE__ */ n(
|
|
1220
|
+
ee,
|
|
1193
1221
|
{
|
|
1194
1222
|
label: "Model",
|
|
1195
1223
|
items: ge,
|
|
1196
1224
|
refine: Ye,
|
|
1197
1225
|
selected: e.model,
|
|
1198
1226
|
showPopular: !0,
|
|
1199
|
-
bgDark:
|
|
1200
|
-
showLabel:
|
|
1201
|
-
isMobile:
|
|
1227
|
+
bgDark: K,
|
|
1228
|
+
showLabel: S,
|
|
1229
|
+
isMobile: G,
|
|
1202
1230
|
sortOptions: !1,
|
|
1203
1231
|
loading: e.make && ge.length === 0,
|
|
1204
1232
|
shouldBeActive: !!e.make
|
|
1205
1233
|
}
|
|
1206
1234
|
)
|
|
1207
|
-
] }) : /* @__PURE__ */
|
|
1208
|
-
/* @__PURE__ */
|
|
1209
|
-
|
|
1235
|
+
] }) : /* @__PURE__ */ N($e, { children: [
|
|
1236
|
+
/* @__PURE__ */ n(
|
|
1237
|
+
ee,
|
|
1210
1238
|
{
|
|
1211
1239
|
label: "Make",
|
|
1212
|
-
items:
|
|
1240
|
+
items: ce,
|
|
1213
1241
|
refine: Ze,
|
|
1214
1242
|
selected: e.make,
|
|
1215
1243
|
showPopular: !0,
|
|
1216
|
-
bgDark:
|
|
1217
|
-
showLabel:
|
|
1218
|
-
isMobile:
|
|
1244
|
+
bgDark: K,
|
|
1245
|
+
showLabel: S,
|
|
1246
|
+
isMobile: G,
|
|
1219
1247
|
sortOptions: !1,
|
|
1220
|
-
loading:
|
|
1248
|
+
loading: ce.length === 0,
|
|
1221
1249
|
shouldBeActive: !0
|
|
1222
1250
|
}
|
|
1223
1251
|
),
|
|
1224
|
-
/* @__PURE__ */
|
|
1225
|
-
|
|
1252
|
+
/* @__PURE__ */ n(
|
|
1253
|
+
ee,
|
|
1226
1254
|
{
|
|
1227
1255
|
label: "Model",
|
|
1228
1256
|
items: ge,
|
|
1229
1257
|
refine: Ye,
|
|
1230
1258
|
selected: e.model,
|
|
1231
1259
|
showPopular: !0,
|
|
1232
|
-
bgDark:
|
|
1233
|
-
showLabel:
|
|
1234
|
-
isMobile:
|
|
1260
|
+
bgDark: K,
|
|
1261
|
+
showLabel: S,
|
|
1262
|
+
isMobile: G,
|
|
1235
1263
|
sortOptions: !1,
|
|
1236
1264
|
loading: e.make && ge.length === 0,
|
|
1237
1265
|
shouldBeActive: !!e.make
|
|
1238
1266
|
}
|
|
1239
1267
|
),
|
|
1240
|
-
/* @__PURE__ */
|
|
1241
|
-
|
|
1268
|
+
/* @__PURE__ */ n(
|
|
1269
|
+
ee,
|
|
1242
1270
|
{
|
|
1243
1271
|
label: "Year",
|
|
1244
|
-
items:
|
|
1272
|
+
items: pe,
|
|
1245
1273
|
refine: He,
|
|
1246
1274
|
selected: e.year,
|
|
1247
|
-
bgDark:
|
|
1248
|
-
showLabel:
|
|
1249
|
-
isMobile:
|
|
1275
|
+
bgDark: K,
|
|
1276
|
+
showLabel: S,
|
|
1277
|
+
isMobile: G,
|
|
1250
1278
|
sortOptions: !1,
|
|
1251
|
-
loading: e.model &&
|
|
1279
|
+
loading: e.model && pe.length === 0,
|
|
1252
1280
|
shouldBeActive: !!e.model
|
|
1253
1281
|
}
|
|
1254
1282
|
)
|
|
@@ -1257,16 +1285,16 @@ function Mt({
|
|
|
1257
1285
|
let r = null;
|
|
1258
1286
|
switch (t) {
|
|
1259
1287
|
case "body":
|
|
1260
|
-
r = /* @__PURE__ */
|
|
1261
|
-
|
|
1288
|
+
r = /* @__PURE__ */ n(
|
|
1289
|
+
ee,
|
|
1262
1290
|
{
|
|
1263
1291
|
label: "Body",
|
|
1264
1292
|
items: Le,
|
|
1265
1293
|
refine: it,
|
|
1266
1294
|
selected: e.body,
|
|
1267
|
-
bgDark:
|
|
1268
|
-
showLabel:
|
|
1269
|
-
isMobile:
|
|
1295
|
+
bgDark: K,
|
|
1296
|
+
showLabel: S,
|
|
1297
|
+
isMobile: G,
|
|
1270
1298
|
loading: !!(e.make && e.model && e.year) && Le.length === 0,
|
|
1271
1299
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1272
1300
|
},
|
|
@@ -1274,16 +1302,16 @@ function Mt({
|
|
|
1274
1302
|
);
|
|
1275
1303
|
break;
|
|
1276
1304
|
case "series":
|
|
1277
|
-
r = /* @__PURE__ */
|
|
1278
|
-
|
|
1305
|
+
r = /* @__PURE__ */ n(
|
|
1306
|
+
ee,
|
|
1279
1307
|
{
|
|
1280
1308
|
label: "Series",
|
|
1281
1309
|
items: Ie,
|
|
1282
1310
|
refine: st,
|
|
1283
1311
|
selected: e.series,
|
|
1284
|
-
bgDark:
|
|
1285
|
-
showLabel:
|
|
1286
|
-
isMobile:
|
|
1312
|
+
bgDark: K,
|
|
1313
|
+
showLabel: S,
|
|
1314
|
+
isMobile: G,
|
|
1287
1315
|
loading: !!(e.make && e.model && e.year) && Ie.length === 0,
|
|
1288
1316
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1289
1317
|
},
|
|
@@ -1291,16 +1319,16 @@ function Mt({
|
|
|
1291
1319
|
);
|
|
1292
1320
|
break;
|
|
1293
1321
|
case "variant":
|
|
1294
|
-
r = /* @__PURE__ */
|
|
1295
|
-
|
|
1322
|
+
r = /* @__PURE__ */ n(
|
|
1323
|
+
ee,
|
|
1296
1324
|
{
|
|
1297
1325
|
label: "Variant",
|
|
1298
1326
|
items: Ve,
|
|
1299
1327
|
refine: lt,
|
|
1300
1328
|
selected: e.variant,
|
|
1301
|
-
bgDark:
|
|
1302
|
-
showLabel:
|
|
1303
|
-
isMobile:
|
|
1329
|
+
bgDark: K,
|
|
1330
|
+
showLabel: S,
|
|
1331
|
+
isMobile: G,
|
|
1304
1332
|
loading: !!(e.make && e.model && e.year) && Ve.length === 0,
|
|
1305
1333
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1306
1334
|
},
|
|
@@ -1308,16 +1336,16 @@ function Mt({
|
|
|
1308
1336
|
);
|
|
1309
1337
|
break;
|
|
1310
1338
|
case "engine_capacity":
|
|
1311
|
-
r = /* @__PURE__ */
|
|
1312
|
-
|
|
1339
|
+
r = /* @__PURE__ */ n(
|
|
1340
|
+
ee,
|
|
1313
1341
|
{
|
|
1314
1342
|
label: "Engine Capacity",
|
|
1315
1343
|
items: Fe,
|
|
1316
1344
|
refine: dt,
|
|
1317
1345
|
selected: e.engine_capacity,
|
|
1318
|
-
bgDark:
|
|
1319
|
-
showLabel:
|
|
1320
|
-
isMobile:
|
|
1346
|
+
bgDark: K,
|
|
1347
|
+
showLabel: S,
|
|
1348
|
+
isMobile: G,
|
|
1321
1349
|
loading: !!(e.make && e.model && e.year) && Fe.length === 0,
|
|
1322
1350
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1323
1351
|
},
|
|
@@ -1325,16 +1353,16 @@ function Mt({
|
|
|
1325
1353
|
);
|
|
1326
1354
|
break;
|
|
1327
1355
|
case "engine":
|
|
1328
|
-
r = /* @__PURE__ */
|
|
1329
|
-
|
|
1356
|
+
r = /* @__PURE__ */ n(
|
|
1357
|
+
ee,
|
|
1330
1358
|
{
|
|
1331
1359
|
label: "Engine",
|
|
1332
1360
|
items: De,
|
|
1333
1361
|
refine: ct,
|
|
1334
1362
|
selected: e.engine,
|
|
1335
|
-
bgDark:
|
|
1336
|
-
showLabel:
|
|
1337
|
-
isMobile:
|
|
1363
|
+
bgDark: K,
|
|
1364
|
+
showLabel: S,
|
|
1365
|
+
isMobile: G,
|
|
1338
1366
|
loading: !!(e.make && e.model && e.year) && De.length === 0,
|
|
1339
1367
|
shouldBeActive: !!(e.make && e.model && e.year)
|
|
1340
1368
|
},
|
|
@@ -1344,41 +1372,41 @@ function Mt({
|
|
|
1344
1372
|
}
|
|
1345
1373
|
return r;
|
|
1346
1374
|
}),
|
|
1347
|
-
|
|
1375
|
+
z && /* @__PURE__ */ n("div", { className: "vs:flex vs:h-full vs:flex-col vs:justify-end vs:md:col-span-3 vs:lg:col-span-1", children: /* @__PURE__ */ N(
|
|
1348
1376
|
"button",
|
|
1349
1377
|
{
|
|
1350
1378
|
className: "vehicle-search-btn",
|
|
1351
1379
|
onClick: () => {
|
|
1352
|
-
Me(!0),
|
|
1380
|
+
Me(!0), R && !Q ? window.location.href = R + window.location.search : nt();
|
|
1353
1381
|
},
|
|
1354
1382
|
children: [
|
|
1355
|
-
/* @__PURE__ */
|
|
1356
|
-
Xe && /* @__PURE__ */
|
|
1383
|
+
/* @__PURE__ */ n("span", { children: x }),
|
|
1384
|
+
Xe && /* @__PURE__ */ n(Be, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
|
|
1357
1385
|
]
|
|
1358
1386
|
}
|
|
1359
1387
|
) })
|
|
1360
1388
|
]
|
|
1361
1389
|
}
|
|
1362
1390
|
),
|
|
1363
|
-
|
|
1391
|
+
Z && /* @__PURE__ */ n(
|
|
1364
1392
|
"div",
|
|
1365
1393
|
{
|
|
1366
|
-
className:
|
|
1394
|
+
className: ie(
|
|
1367
1395
|
"vs:flex vs:w-full vs:justify-center vs:items-center",
|
|
1368
|
-
|
|
1396
|
+
D === "row" ? "vs:md:items-end vs:md:justify-end" : "vs:md:justify-center",
|
|
1369
1397
|
"vs:mt-4 vs:md:mt-3 vs:md:pr-1.5"
|
|
1370
1398
|
),
|
|
1371
|
-
children: /* @__PURE__ */
|
|
1399
|
+
children: /* @__PURE__ */ N(
|
|
1372
1400
|
"a",
|
|
1373
1401
|
{
|
|
1374
1402
|
href: `https://use.partbot.io/?ref=${// append referrer to url, just the top level domain
|
|
1375
1403
|
typeof window < "u" ? window.location.href.split("/")[2] : "unknown"}&utm_source=vehicle-select&utm_medium=referral&utm_campaign=powered-by`,
|
|
1376
1404
|
target: "_blank",
|
|
1377
1405
|
rel: "noreferrer",
|
|
1378
|
-
className: `${
|
|
1406
|
+
className: `${K ? "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`,
|
|
1379
1407
|
children: [
|
|
1380
|
-
/* @__PURE__ */
|
|
1381
|
-
/* @__PURE__ */
|
|
1408
|
+
/* @__PURE__ */ n("span", { children: "Powered by" }),
|
|
1409
|
+
/* @__PURE__ */ n(St, { className: "vs:inline-flex vs:h-[13px]" })
|
|
1382
1410
|
]
|
|
1383
1411
|
}
|
|
1384
1412
|
)
|
|
@@ -1391,7 +1419,7 @@ function Mt({
|
|
|
1391
1419
|
}
|
|
1392
1420
|
let We = !1, fe = !1;
|
|
1393
1421
|
function At(b) {
|
|
1394
|
-
var
|
|
1422
|
+
var Y, oe;
|
|
1395
1423
|
const v = b.shadowRoot;
|
|
1396
1424
|
if (!v) {
|
|
1397
1425
|
console.error("[ShadowDOMPatch] No shadow root found");
|
|
@@ -1403,13 +1431,13 @@ function At(b) {
|
|
|
1403
1431
|
return;
|
|
1404
1432
|
}
|
|
1405
1433
|
if (new MutationObserver((u) => {
|
|
1406
|
-
u.forEach((
|
|
1407
|
-
|
|
1408
|
-
|
|
1434
|
+
u.forEach((x) => {
|
|
1435
|
+
x.addedNodes.forEach((z) => {
|
|
1436
|
+
z.nodeType === 1 && z.id === "headlessui-portal-root" && (p.appendChild(z), fe = !0);
|
|
1409
1437
|
});
|
|
1410
|
-
}), u.forEach((
|
|
1411
|
-
|
|
1412
|
-
|
|
1438
|
+
}), u.forEach((x) => {
|
|
1439
|
+
x.removedNodes.forEach((z) => {
|
|
1440
|
+
z.nodeType === 1 && z.id === "headlessui-portal-root" && (p.querySelector(
|
|
1413
1441
|
"#headlessui-portal-root"
|
|
1414
1442
|
) || (fe = !1));
|
|
1415
1443
|
});
|
|
@@ -1417,9 +1445,9 @@ function At(b) {
|
|
|
1417
1445
|
}).observe(document.body, {
|
|
1418
1446
|
childList: !0
|
|
1419
1447
|
}), new MutationObserver((u) => {
|
|
1420
|
-
u.forEach((
|
|
1421
|
-
|
|
1422
|
-
|
|
1448
|
+
u.forEach((x) => {
|
|
1449
|
+
x.removedNodes.forEach((z) => {
|
|
1450
|
+
z.nodeType === 1 && z.id === "headlessui-portal-root" && (fe = !1);
|
|
1423
1451
|
});
|
|
1424
1452
|
});
|
|
1425
1453
|
}).observe(p, {
|
|
@@ -1427,48 +1455,48 @@ function At(b) {
|
|
|
1427
1455
|
subtree: !0
|
|
1428
1456
|
}), We)
|
|
1429
1457
|
return;
|
|
1430
|
-
const
|
|
1458
|
+
const T = (Y = Object.getOwnPropertyDescriptor(
|
|
1431
1459
|
Document.prototype,
|
|
1432
1460
|
"activeElement"
|
|
1433
|
-
)) == null ? void 0 :
|
|
1461
|
+
)) == null ? void 0 : Y.get;
|
|
1434
1462
|
Object.defineProperty(Document.prototype, "activeElement", {
|
|
1435
1463
|
get: function() {
|
|
1436
|
-
const u =
|
|
1464
|
+
const u = T == null ? void 0 : T.call(this);
|
|
1437
1465
|
return u === b ? v.activeElement : u;
|
|
1438
1466
|
}
|
|
1439
1467
|
});
|
|
1440
|
-
const
|
|
1468
|
+
const I = (oe = Object.getOwnPropertyDescriptor(
|
|
1441
1469
|
Event.prototype,
|
|
1442
1470
|
"target"
|
|
1443
|
-
)) == null ? void 0 :
|
|
1471
|
+
)) == null ? void 0 : oe.get;
|
|
1444
1472
|
Object.defineProperty(Event.prototype, "target", {
|
|
1445
1473
|
get: function() {
|
|
1446
|
-
const u =
|
|
1474
|
+
const u = I == null ? void 0 : I.call(this);
|
|
1447
1475
|
return u === b ? this.composedPath()[0] : u;
|
|
1448
1476
|
}
|
|
1449
1477
|
});
|
|
1450
|
-
const
|
|
1478
|
+
const Z = (u) => {
|
|
1451
1479
|
try {
|
|
1452
1480
|
return document.body && u === document.body.style;
|
|
1453
1481
|
} catch {
|
|
1454
1482
|
return !1;
|
|
1455
1483
|
}
|
|
1456
|
-
},
|
|
1457
|
-
CSSStyleDeclaration.prototype.setProperty = function(u,
|
|
1458
|
-
if (!(
|
|
1459
|
-
return
|
|
1484
|
+
}, S = CSSStyleDeclaration.prototype.setProperty;
|
|
1485
|
+
CSSStyleDeclaration.prototype.setProperty = function(u, x, z) {
|
|
1486
|
+
if (!(Z(this) && u === "overflow" && x === "hidden" && fe))
|
|
1487
|
+
return S.call(this, u, x, z);
|
|
1460
1488
|
};
|
|
1461
|
-
const
|
|
1489
|
+
const F = Object.getOwnPropertyDescriptor(
|
|
1462
1490
|
CSSStyleDeclaration.prototype,
|
|
1463
1491
|
"overflow"
|
|
1464
1492
|
);
|
|
1465
|
-
|
|
1493
|
+
F && Object.defineProperty(CSSStyleDeclaration.prototype, "overflow", {
|
|
1466
1494
|
get: function() {
|
|
1467
|
-
return
|
|
1495
|
+
return F.get.call(this);
|
|
1468
1496
|
},
|
|
1469
1497
|
set: function(u) {
|
|
1470
|
-
if (!(
|
|
1471
|
-
return
|
|
1498
|
+
if (!(Z(this) && u === "hidden" && fe))
|
|
1499
|
+
return F.set.call(this, u);
|
|
1472
1500
|
}
|
|
1473
1501
|
}), We = !0;
|
|
1474
1502
|
}
|
|
@@ -1476,76 +1504,76 @@ const Et = "/css/vehicle-search.css", Yt = Et;
|
|
|
1476
1504
|
class jt extends HTMLElement {
|
|
1477
1505
|
connectedCallback() {
|
|
1478
1506
|
if (!document.getElementById("vehicle-search-inter-font")) {
|
|
1479
|
-
const
|
|
1480
|
-
|
|
1507
|
+
const P = document.createElement("link");
|
|
1508
|
+
P.id = "vehicle-search-inter-font", P.rel = "stylesheet", P.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap", document.head.appendChild(P);
|
|
1481
1509
|
}
|
|
1482
1510
|
let v = document.createElement("style");
|
|
1483
1511
|
v.textContent = zt;
|
|
1484
|
-
const p = document.createElement("div"),
|
|
1485
|
-
let
|
|
1486
|
-
if (this.hasAttribute(
|
|
1487
|
-
const
|
|
1488
|
-
if (/^#[0-9A-F]{6}$/i.test(
|
|
1489
|
-
const
|
|
1490
|
-
|
|
1512
|
+
const p = document.createElement("div"), R = this.attachShadow({ mode: "open" }), D = (P, J, w) => {
|
|
1513
|
+
let X;
|
|
1514
|
+
if (this.hasAttribute(J)) {
|
|
1515
|
+
const A = this.getAttribute(J);
|
|
1516
|
+
if (/^#[0-9A-F]{6}$/i.test(A)) {
|
|
1517
|
+
const k = parseInt(A.slice(1, 3), 16), ce = parseInt(A.slice(3, 5), 16), he = parseInt(A.slice(5, 7), 16);
|
|
1518
|
+
X = `${k} ${ce} ${he}`;
|
|
1491
1519
|
}
|
|
1492
1520
|
}
|
|
1493
|
-
return
|
|
1521
|
+
return X = X || w, `:host { --${P}: ${X}; } .partbot-mmyvs-container { --${P}: ${X}; }`;
|
|
1494
1522
|
};
|
|
1495
|
-
let
|
|
1523
|
+
let T = D(
|
|
1496
1524
|
"partbot-theme",
|
|
1497
1525
|
"data-button-color",
|
|
1498
1526
|
"0 0 0"
|
|
1499
|
-
),
|
|
1527
|
+
), I = D(
|
|
1500
1528
|
"partbot-button-color",
|
|
1501
1529
|
"data-button-color",
|
|
1502
1530
|
"0 0 0"
|
|
1503
|
-
),
|
|
1531
|
+
), Z = D(
|
|
1504
1532
|
"partbot-button-hover-color",
|
|
1505
1533
|
"data-button-hover-color",
|
|
1506
1534
|
"0 0 0"
|
|
1507
|
-
),
|
|
1535
|
+
), S = D(
|
|
1508
1536
|
"partbot-button-label-color",
|
|
1509
1537
|
"data-button-label-color",
|
|
1510
1538
|
"255 255 255"
|
|
1511
|
-
),
|
|
1539
|
+
), F = D(
|
|
1512
1540
|
"partbot-button-hover-label-color",
|
|
1513
1541
|
"data-button-hover-label-color",
|
|
1514
1542
|
"255 255 255"
|
|
1515
|
-
),
|
|
1543
|
+
), Y = D(
|
|
1516
1544
|
"partbot-mobile-background-color",
|
|
1517
1545
|
"data-mobile-background-color",
|
|
1518
1546
|
"0 0 0"
|
|
1519
|
-
),
|
|
1520
|
-
const
|
|
1521
|
-
let
|
|
1547
|
+
), oe = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; } .partbot-mmyvs-container { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; }`, u = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; } .partbot-mmyvs-container { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; }`, x = `:host { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; } .partbot-mmyvs-container { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; }`, z = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; } .partbot-mmyvs-container { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; }`;
|
|
1548
|
+
const Q = this.getAttribute("data-input-shadow"), re = Q === "none" ? "none" : Q || "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
1549
|
+
let te = `:host { --partbot-input-shadow: ${re}; } .partbot-mmyvs-container { --partbot-input-shadow: ${re}; }`;
|
|
1522
1550
|
const f = this.getAttribute("data-input-border-color");
|
|
1523
|
-
let
|
|
1551
|
+
let U = "229 231 235";
|
|
1524
1552
|
if (f)
|
|
1525
1553
|
if (/^#[0-9A-F]{6}$/i.test(f)) {
|
|
1526
|
-
const
|
|
1527
|
-
|
|
1528
|
-
} else /^\d+\s+\d+\s+\d+$/.test(f) && (
|
|
1529
|
-
let g = `:host { --partbot-input-border-color: ${
|
|
1530
|
-
const
|
|
1531
|
-
let
|
|
1532
|
-
v.textContent +=
|
|
1533
|
-
const
|
|
1534
|
-
if (
|
|
1535
|
-
console.warn("Missing attributes: " + (
|
|
1554
|
+
const P = parseInt(f.slice(1, 3), 16), J = parseInt(f.slice(3, 5), 16), w = parseInt(f.slice(5, 7), 16);
|
|
1555
|
+
U = `${P} ${J} ${w}`;
|
|
1556
|
+
} else /^\d+\s+\d+\s+\d+$/.test(f) && (U = f);
|
|
1557
|
+
let g = `:host { --partbot-input-border-color: ${U}; } .partbot-mmyvs-container { --partbot-input-border-color: ${U}; }`;
|
|
1558
|
+
const l = this.getAttribute("data-input-border-width") || "1px";
|
|
1559
|
+
let O = `:host { --partbot-input-border-width: ${l}; } .partbot-mmyvs-container { --partbot-input-border-width: ${l}; }`;
|
|
1560
|
+
v.textContent += T, v.textContent += I, v.textContent += Z, v.textContent += S, v.textContent += F, v.textContent += Y, v.textContent += oe, v.textContent += u, v.textContent += x, v.textContent += z, v.textContent += te, v.textContent += g, v.textContent += O, R.appendChild(v), R.appendChild(p);
|
|
1561
|
+
const $ = this.getAttribute("data-api-key");
|
|
1562
|
+
if (!$) {
|
|
1563
|
+
console.warn("Missing attributes: " + ($ ? "" : "data-api-key "));
|
|
1536
1564
|
return;
|
|
1537
1565
|
}
|
|
1538
|
-
const
|
|
1539
|
-
for (let
|
|
1540
|
-
const { name:
|
|
1541
|
-
if (
|
|
1542
|
-
const
|
|
1543
|
-
|
|
1566
|
+
const se = this.attributes, M = {};
|
|
1567
|
+
for (let P = 0; P < se.length; P++) {
|
|
1568
|
+
const { name: J, value: w } = se[P];
|
|
1569
|
+
if (J.startsWith("data-")) {
|
|
1570
|
+
const X = J.slice(5).replace(/-([a-z])/g, (A) => A[1].toUpperCase());
|
|
1571
|
+
M[X] = w === "true" ? !0 : w === "false" ? !1 : w;
|
|
1544
1572
|
}
|
|
1545
1573
|
}
|
|
1546
1574
|
At(this);
|
|
1547
|
-
const
|
|
1548
|
-
mt.render(
|
|
1575
|
+
const W = /* @__PURE__ */ n(Mt, { ...M });
|
|
1576
|
+
mt.render(W, p);
|
|
1549
1577
|
}
|
|
1550
1578
|
}
|
|
1551
1579
|
customElements.define("vehicle-search", jt);
|