|
- "use strict";(self["webpackChunkTruckShop"]=self["webpackChunkTruckShop"]||[]).push([[8346],{8346:function(e,a,o){o.d(a,{A:function(){return G}});o(4114),o(8111),o(2489),o(116),o(1701),o(8237);var t=o(6768),l=o(5130),i=o(4232),n=o(144);(function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes spinner-circle-animation-ed866313{0%,39%,to{opacity:0}40%{opacity:1}}.spinner[data-v-ed866313]{position:relative;width:var(--vs-spinner-size);height:var(--vs-spinner-size);margin:0;padding:0}.spinner-circle[data-v-ed866313]{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-circle[data-v-ed866313]:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--vs-spinner-color);border-radius:100%;-webkit-animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both;animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both}.spinner-circle[data-v-ed866313]:nth-child(2){transform:rotate(30deg)}.spinner-circle[data-v-ed866313]:nth-child(3){transform:rotate(60deg)}.spinner-circle[data-v-ed866313]:nth-child(4){transform:rotate(90deg)}.spinner-circle[data-v-ed866313]:nth-child(5){transform:rotate(120deg)}.spinner-circle[data-v-ed866313]:nth-child(6){transform:rotate(150deg)}.spinner-circle[data-v-ed866313]:nth-child(7){transform:rotate(180deg)}.spinner-circle[data-v-ed866313]:nth-child(8){transform:rotate(210deg)}.spinner-circle[data-v-ed866313]:nth-child(9){transform:rotate(240deg)}.spinner-circle[data-v-ed866313]:nth-child(10){transform:rotate(270deg)}.spinner-circle[data-v-ed866313]:nth-child(11){transform:rotate(300deg)}.spinner-circle[data-v-ed866313]:nth-child(12){transform:rotate(330deg)}.spinner-circle[data-v-ed866313]:nth-child(2):before{animation-delay:-1.1s}.spinner-circle[data-v-ed866313]:nth-child(3):before{animation-delay:-1s}.spinner-circle[data-v-ed866313]:nth-child(4):before{animation-delay:-.9s}.spinner-circle[data-v-ed866313]:nth-child(5):before{animation-delay:-.8s}.spinner-circle[data-v-ed866313]:nth-child(6):before{animation-delay:-.7s}.spinner-circle[data-v-ed866313]:nth-child(7):before{animation-delay:-.6s}.spinner-circle[data-v-ed866313]:nth-child(8):before{animation-delay:-.5s}.spinner-circle[data-v-ed866313]:nth-child(9):before{animation-delay:-.4s}.spinner-circle[data-v-ed866313]:nth-child(10):before{animation-delay:-.3s}.spinner-circle[data-v-ed866313]:nth-child(11):before{animation-delay:-.2s}.spinner-circle[data-v-ed866313]:nth-child(12):before{animation-delay:-.1s}.indicators-container[data-v-c1d96dfe]{display:flex;align-items:center;align-self:stretch;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor)}.dropdown-icon[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor);transition:var(--vs-indicator-dropdown-icon-transition)}.dropdown-icon.active[data-v-c1d96dfe]{transform:rotate(180deg)}.menu-option[data-v-00296627]{display:flex;width:var(--vs-option-width);border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);white-space:break-spaces;background-color:var(--vs-option-background-color);text-align:var(--vs-option-text-align);cursor:var(--vs-option-cursor)}.menu-option[data-v-00296627]:hover{background-color:var(--vs-option-hover-background-color);color:var(--vs-option-hover-text-color)}.menu-option.focused[data-v-00296627]{background-color:var(--vs-option-focused-background-color);color:var(--vs-option-focused-text-color)}.menu-option.selected[data-v-00296627]{background-color:var(--vs-option-selected-background-color);color:var(--vs-option-selected-text-color)}.menu-option.disabled[data-v-00296627]{background-color:var(--vs-option-disabled-background-color);color:var(--vs-option-disabled-text-color)}.multi-value[data-v-dfb6ab09]{display:flex;min-width:0px;margin:var(--vs-multi-value-margin);border-radius:var(--vs-multi-value-border-radius);background:var(--vs-multi-value-background-color)}.multi-value-label[data-v-dfb6ab09]{padding:var(--vs-multi-value-label-padding);border:var(--vs-multi-value-border);border-radius:var(--vs-multi-value-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-multi-value-label-font-size);font-weight:var(--vs-multi-value-label-font-weight);line-height:var(--vs-multi-value-label-line-height);color:var(--vs-multi-value-label-text-color)}.multi-value-remove[data-v-dfb6ab09]{border-radius:var(--vs-multi-value-border-radius);appearance:none;display:flex;align-items:center;padding:var(--vs-multi-value-delete-padding);border:none;outline:none;cursor:var(--vs-multi-value-xmark-cursor);background-color:var(--vs-multi-value-background-color)}.multi-value-remove[data-v-dfb6ab09]:hover{background-color:var(--vs-multi-value-delete-hover-background-color)}.multi-value-remove svg[data-v-dfb6ab09]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.multi-value-remove:hover svg[data-v-dfb6ab09]{fill:var(--vs-multi-value-xmark-hover-color)}.input-placeholder[data-v-a6f8261d]{grid-area:1 / 1 / 2 / 3;color:var(--vs-placeholder-color)}:root{--vs-width: 100%;--vs-min-height: 38px;--vs-padding: 4px 8px;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-placeholder-color: #52525b;--vs-background-color: #fff;--vs-disabled-background-color: #f4f4f5;--vs-outline-width: 1px;--vs-outline-color: #3b82f6;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-border: var(--vs-border);--vs-menu-background-color: var(--vs-background-color);--vs-menu-box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--vs-menu-z-index: 2;--vs-option-width: 100%;--vs-option-padding: 8px 12px;--vs-option-cursor: pointer;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-align: -webkit-auto;--vs-option-text-color: var(--vs-text-color);--vs-option-hover-text-color: var(--vs-text-color);--vs-option-focused-text-color: var(--vs-text-color);--vs-option-selected-text-color: var(--vs-text-color);--vs-option-disabled-text-color: #52525b;--vs-option-background-color: var(--vs-menu-background);--vs-option-hover-background-color: #dbeafe;--vs-option-focused-background-color: var(--vs-option-hover-background-color);--vs-option-selected-background-color: #93c5fd;--vs-option-disabled-background-color: #f4f4f5;--vs-option-opacity-menu-open: .4;--vs-multi-value-margin: 2px;--vs-multi-value-border: 0px;--vs-multi-value-border-radius: 2px;--vs-multi-value-background-color: #f4f4f5;--vs-multi-value-label-padding: 4px 4px 4px 8px;--vs-multi-value-label-font-size: 12px;--vs-multi-value-label-font-weight: 400;--vs-multi-value-label-line-height: 1;--vs-multi-value-label-text-color: #3f3f46;--vs-multi-value-delete-padding: 0 3px;--vs-multi-value-delete-hover-background-color: #FF6467;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-cursor: pointer;--vs-multi-value-xmark-color: var(--vs-multi-value-label-text-color);--vs-multi-value-xmark-hover-color: #fff;--vs-indicators-gap: 0px;--vs-indicator-icon-size: 20px;--vs-indicator-icon-color: var(--vs-text-color);--vs-indicator-icon-cursor: pointer;--vs-indicator-dropdown-icon-transition: transform .2s ease-out;--vs-spinner-color: var(--vs-text-color);--vs-spinner-size: 16px}[data-v-3590fdf5]{box-sizing:border-box}.vue-select[data-v-3590fdf5]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-3590fdf5]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--vs-min-height);border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-background-color)}.control.focused[data-v-3590fdf5]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-3590fdf5]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-3590fdf5]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-3590fdf5]{display:flex;flex-wrap:wrap}.single-value[data-v-3590fdf5]{display:block;grid-area:1 / 1 / 2 / 3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color)}.vue-select[data-state=open] .single-value[data-v-3590fdf5]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-3590fdf5]{opacity:0}.input-container[data-v-3590fdf5]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-3590fdf5]{transform:translateZ(0)}.input-container.typing[data-v-3590fdf5]:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 2;min-width:2px;padding:0;margin:0;border:0}.search-input[data-v-3590fdf5]{margin:0;padding:0;border:0;min-width:2px;width:100%;grid-area:1 / 2;background:0px center;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);opacity:1;outline:none}.menu[data-v-3590fdf5]{position:absolute;margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-background-color);z-index:var(--vs-menu-z-index)}.no-results[data-v-3590fdf5]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}.taggable-no-options[data-v-3590fdf5]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color);cursor:pointer}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();const r=(e,a)=>{const o=e.__vccOpts||e;for(const[t,l]of a)o[t]=l;return o},s={},d={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"};function u(e,a){return(0,t.uX)(),(0,t.CE)("svg",d,a[0]||(a[0]=[(0,t.Lk)("path",{"fill-rule":"evenodd",d:"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z","clip-rule":"evenodd"},null,-1)]))}const v=r(s,[["render",u]]),c={},p={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"};function b(e,a){return(0,t.uX)(),(0,t.CE)("svg",p,a[0]||(a[0]=[(0,t.Lk)("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"},null,-1)]))}const f=r(c,[["render",b]]),m={},g={className:"spinner"};function h(e,a){return(0,t.uX)(),(0,t.CE)("div",g,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(12,(e=>(0,t.Lk)("div",{key:e,class:"spinner-circle"}))),64))])}const y=r(m,[["render",h],["__scopeId","data-v-ed866313"]]),x={ref:"container",class:"indicators-container"},k=["disabled"],w=["disabled"],C=(0,t.pM)({__name:"Indicators",props:{hasSelectedOption:{type:Boolean},isMenuOpen:{type:Boolean},isClearable:{type:Boolean},isLoading:{type:Boolean},isDisabled:{type:Boolean}},emits:["clear","toggle"],setup(e,{expose:a,emit:o}){const n=o,r=(0,t.rk)("container"),s=(0,t.rk)("clearButton"),d=(0,t.rk)("dropdownButton");return a({containerRef:r,clearButtonRef:s,dropdownButtonRef:d}),(e,a)=>((0,t.uX)(),(0,t.CE)("div",x,[e.hasSelectedOption&&e.isClearable&&!e.isLoading?((0,t.uX)(),(0,t.CE)("button",{key:0,ref:"clearButton",type:"button",class:"clear-button",tabindex:"-1",disabled:e.isDisabled,onClick:a[0]||(a[0]=(0,l.D$)((e=>n("clear")),["stop"]))},[(0,t.RG)(e.$slots,"clear",{},(()=>[(0,t.bF)(f)]),!0)],8,k)):(0,t.Q3)("",!0),e.isLoading?(0,t.Q3)("",!0):((0,t.uX)(),(0,t.CE)("button",{key:1,ref:"dropdownButton",type:"button",class:(0,i.C4)(["dropdown-icon",{active:e.isMenuOpen}]),tabindex:"-1",disabled:e.isDisabled,onClick:a[1]||(a[1]=(0,l.D$)((e=>n("toggle")),["stop"]))},[(0,t.RG)(e.$slots,"dropdown",{},(()=>[(0,t.bF)(v)]),!0)],10,w)),(0,t.RG)(e.$slots,"loading",{},(()=>[e.isLoading?((0,t.uX)(),(0,t.Wv)(y,{key:0})):(0,t.Q3)("",!0)]),!0)],512))}}),L=r(C,[["__scopeId","data-v-c1d96dfe"]]),z=["aria-disabled","aria-selected"],M=(0,t.pM)({__name:"MenuOption",props:{menu:{},index:{},isFocused:{type:Boolean},isSelected:{type:Boolean},isDisabled:{type:Boolean}},emits:["select"],setup(e,{emit:a}){const o=e,r=a,s=(0,n.KR)(null);return(0,t.wB)((()=>o.isFocused),(()=>{if(o.isFocused&&o.menu){const e=o.menu.children[o.index],a=e.offsetTop,t=a+e.clientHeight,l=o.menu.scrollTop,i=o.menu.clientHeight;a<l?o.menu.scrollTop=a:t>l+i&&(o.menu.scrollTop=t-i)}})),(e,a)=>((0,t.uX)(),(0,t.CE)("div",{ref_key:"option",ref:s,class:(0,i.C4)(["menu-option",{focused:e.isFocused,selected:e.isSelected,disabled:e.isDisabled}]),tabindex:"-1",role:"option","aria-disabled":e.isDisabled,"aria-selected":e.isSelected,onClick:a[0]||(a[0]=e=>r("select")),onKeydown:a[1]||(a[1]=(0,l.jR)((e=>r("select")),["enter"]))},[(0,t.RG)(e.$slots,"default",{},void 0,!0)],42,z))}}),B=r(M,[["__scopeId","data-v-00296627"]]),O=["aria-label"],R=(0,t.pM)({__name:"MultiValue",props:{label:{},classes:{}},emits:["remove"],setup(e,{emit:a}){const o=e,n=a;return(e,a)=>((0,t.uX)(),(0,t.CE)("div",{class:(0,i.C4)(["multi-value",o.classes?.multiValue])},[(0,t.Lk)("div",{class:(0,i.C4)(["multi-value-label",o.classes?.multiValueLabel])},(0,i.v_)(o.label),3),(0,t.Lk)("button",{type:"button",class:(0,i.C4)(["multi-value-remove",o.classes?.multiValueRemove]),"aria-label":`Remove ${o.label}`,onClick:a[0]||(a[0]=(0,l.D$)((e=>n("remove")),["stop"]))},[(0,t.bF)(f)],10,O)],2))}}),_=r(R,[["__scopeId","data-v-dfb6ab09"]]),D={class:"input-placeholder"},$=(0,t.pM)({__name:"Placeholder",props:{text:{}},setup(e){return(e,a)=>((0,t.uX)(),(0,t.CE)("div",D,(0,i.v_)(e.text),1))}}),E=r($,[["__scopeId","data-v-a6f8261d"]]);let V=0;function S(){return++V}const I=["data-state"],X=["id","aria-expanded","aria-describedby","aria-description","aria-labelledby","aria-label","aria-required","aria-owns","aria-controls"],A=["data-value"],F=["id","aria-labelledby","disabled"],T=["id","aria-label","aria-multiselectable"],W=(0,t.pM)({__name:"Select",props:(0,t.zz)({options:{},displayedOptions:{},placeholder:{default:"Select an option"},isClearable:{type:Boolean,default:!0},isDisabled:{type:Boolean,default:!1},isSearchable:{type:Boolean,default:!0},isMulti:{type:Boolean,default:!1},isTaggable:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},isMenuOpen:{type:Boolean,default:void 0},hideSelectedOptions:{type:Boolean,default:!0},shouldAutofocusOption:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},teleport:{default:void 0},inputId:{default:void 0},classes:{default:void 0},uid:{default:S()},aria:{default:void 0},disableInvalidVModelWarn:{type:Boolean,default:!1},filterBy:{type:Function,default:(e,a,o)=>a.toLowerCase().includes(o.toLowerCase())},getOptionValue:{type:Function,default:e=>e.value},getOptionLabel:{type:Function,default:e=>e.label}},{modelValue:{required:!0},modelModifiers:{}}),emits:(0,t.zz)(["optionSelected","optionDeselected","optionCreated","menuOpened","menuClosed","search"],["update:modelValue"]),setup(e,{emit:a}){const o=e,r=a,s=(0,t.fn)(e,"modelValue"),d=(0,t.rk)("container"),u=(0,t.rk)("input"),c=(0,t.rk)("menu"),p=(0,t.rk)("indicators"),b=(0,n.KR)(""),m=(0,n.KR)(!1),g=(0,n.KR)(-1),h=(0,t.EW)((()=>{const e=o.displayedOptions||o.options;e?.length||console.warn("[vue3-select-component warn]: No options or displayedOptions were provided to the component.");const a=e.map((e=>({...e,label:o.getOptionLabel(e),value:o.getOptionValue(e)}))),t=e=>e.filter((e=>!o.hideSelectedOptions||!Array.isArray(s.value)||!s.value.includes(e.value)));if(o.isSearchable&&b.value){const e=a.filter((e=>o.filterBy(e,o.getOptionLabel(e),b.value)));return o.isMulti?t(e):e}return o.isMulti?t(a):a})),x=(0,t.EW)((()=>{if(o.isMulti)return Array.isArray(s.value)?s.value.map((e=>o.options.find((a=>o.getOptionValue(a)===e)))).filter((e=>void 0!==e)):(o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${s.value}`),[]);const e=o.options.find((e=>o.getOptionValue(e)===s.value));return e?[e]:[]}));function k(){o.isDisabled||(m.value=!0,o.shouldAutofocusOption&&(g.value=o.options.findIndex((e=>!e.disabled))),u.value&&u.value.focus(),r("menuOpened"))}function w(){m.value=!1,b.value="",r("menuClosed")}function C(){m.value?w():k()}function z(e){p.value?.containerRef&&!p.value.containerRef.contains(e.target)&&k()}const M=e=>{e.disabled||(o.isMulti?Array.isArray(s.value)?s.value.find((a=>a===e.value))?s.value=s.value.filter((a=>a!==e.value)):s.value.push(e.value):(s.value=[e.value],o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${s.value}. Since an option has been selected, the component automatically converted the v-model to an array.`)):s.value=e.value,r("optionSelected",e),b.value="",o.closeOnSelect&&w(),u.value&&u.value.blur())},O=e=>{o.isMulti&&!o.isDisabled&&(Array.isArray(s.value)?(s.value=s.value.filter((a=>a!==e.value)),r("optionDeselected",e)):o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${s.value}`))},R=()=>{o.isMulti?(s.value=[],r("optionDeselected",null)):(s.value=void 0,r("optionDeselected",x.value[0])),w(),u.value&&u.value.blur()},D=()=>{r("optionCreated",b.value),b.value="",w()},$=e=>{if(m.value){const a=g.value;if("ArrowDown"===e.key){e.preventDefault();const o=h.value.findIndex(((e,o)=>!e.disabled&&o>a)),t=h.value.findIndex((e=>!e.disabled));g.value=-1===o?t:o}if("ArrowUp"===e.key){e.preventDefault();const o=h.value.reduce(((e,o,t)=>!o.disabled&&t<a?t:e),-1),t=h.value.reduce(((e,a,o)=>a.disabled?e:o),-1);g.value=-1===o?t:o}if("Enter"===e.key){const t=h.value[a];e.preventDefault(),t?M(t):o.isTaggable&&b.value&&D()}if("Space"===e.code&&0===b.value.length){const o=h.value[a];e.preventDefault(),o&&M(o)}"Escape"===e.key&&(e.preventDefault(),w());const t=o.isMulti&&Array.isArray(s.value)?s.value.length>0:!!s.value;"Backspace"===e.key&&0===b.value.length&&t&&(e.preventDefault(),o.isMulti&&Array.isArray(s.value)?s.value=s.value.slice(0,-1):s.value=void 0)}},V=e=>{"Tab"===e.key?w():"Space"===e.code&&!m.value&&0===b.value.length&&(e.preventDefault(),e.stopImmediatePropagation(),k())},S=e=>{const a=e.target,o=d.value&&d.value.contains(a),t=c.value&&c.value.contains(a);!o&&!t&&w()},W=()=>{if(d.value){const e=d.value.getBoundingClientRect();return{left:`${e.x}px`,top:`${e.y+e.height}px`}}return console.warn("Unable to calculate dynamic menu position because of missing internal DOM reference."),{top:"0px",left:"0px"}};return(0,t.wB)((()=>b.value),(()=>{r("search",b.value),b.value&&!m.value&&k()})),(0,t.wB)((()=>o.isMenuOpen),(e=>{e?k():w()}),{immediate:!0}),(0,t.sV)((()=>{document.addEventListener("mousedown",S),document.addEventListener("keydown",$)})),(0,t.xo)((()=>{document.removeEventListener("mousedown",S),document.removeEventListener("keydown",$)})),(e,a)=>((0,t.uX)(),(0,t.CE)("div",{ref:"container",dir:"auto",class:(0,i.C4)(["vue-select",[{open:m.value,typing:m.value&&b.value.length>0,disabled:e.isDisabled},o.classes?.container]]),"data-state":m.value?"open":"closed"},[(0,t.Lk)("div",{class:(0,i.C4)(["control",[{focused:m.value,disabled:o.isDisabled},o.classes?.control]]),onClick:a[3]||(a[3]=e=>z(e))},[(0,t.Lk)("div",{id:`vue-select-${e.uid}-combobox`,class:(0,i.C4)(["value-container",[{multi:e.isMulti,"has-value":x.value.length>0},o.classes?.valueContainer]]),role:"combobox","aria-expanded":m.value,"aria-describedby":e.placeholder,"aria-description":e.placeholder,"aria-labelledby":e.aria?.labelledby,"aria-label":x.value.length?x.value.map(e.getOptionLabel).join(", "):"","aria-required":e.aria?.required,"aria-owns":`vue-select-${e.uid}-listbox`,"aria-controls":`vue-select-${e.uid}-listbox`,"aria-haspopup":"true"},[x.value[0]||b.value.length?!o.isMulti&&x.value[0]?((0,t.uX)(),(0,t.CE)("div",{key:1,class:(0,i.C4)(["single-value",[o.classes?.singleValue]]),onClick:a[0]||(a[0]=e=>k())},[(0,t.RG)(e.$slots,"value",{option:x.value[0]},(()=>[(0,t.eW)((0,i.v_)(e.getOptionLabel(x.value[0])),1)]),!0)],2)):o.isMulti&&x.value.length?((0,t.uX)(!0),(0,t.CE)(t.FK,{key:2},(0,t.pI)(x.value,(a=>(0,t.RG)(e.$slots,"tag",{key:a.value,option:a,removeOption:()=>O(a)},(()=>[(0,t.bF)(_,{label:e.getOptionLabel(a),classes:{multiValue:o.classes?.multiValue,multiValueLabel:o.classes?.multiValueLabel,multiValueRemove:o.classes?.multiValueRemove},onRemove:e=>O(a)},null,8,["label","classes","onRemove"])]),!0))),128)):(0,t.Q3)("",!0):((0,t.uX)(),(0,t.Wv)(E,{key:0,text:e.placeholder,class:(0,i.C4)(o.classes?.placeholder)},null,8,["text","class"])),(0,t.Lk)("div",{class:(0,i.C4)(["input-container",[{typing:m.value&&b.value.length>0},o.classes?.inputContainer]]),"data-value":b.value},[(0,t.bo)((0,t.Lk)("input",{id:e.inputId,ref:"input","onUpdate:modelValue":a[1]||(a[1]=e=>b.value=e),class:(0,i.C4)(["search-input",o.classes?.searchInput]),autocapitalize:"none",autocomplete:"off",autocorrect:"off",spellcheck:"false",tabindex:"0",type:"text","aria-autocomplete":"list","aria-labelledby":`vue-select-${e.uid}-combobox`,disabled:e.isDisabled,placeholder:"",onMousedown:a[2]||(a[2]=e=>k()),onKeydown:V},null,42,F),[[l.Jo,b.value]])],10,A)],10,X),(0,t.bF)(L,{ref:"indicators","has-selected-option":x.value.length>0,"is-menu-open":m.value,"is-clearable":e.isClearable,"is-loading":e.isLoading,"is-disabled":e.isDisabled,onClear:R,onToggle:C},{clear:(0,t.k6)((()=>[(0,t.RG)(e.$slots,"clear",{},(()=>[(0,t.bF)(f)]),!0)])),dropdown:(0,t.k6)((()=>[(0,t.RG)(e.$slots,"dropdown",{},(()=>[(0,t.bF)(v)]),!0)])),loading:(0,t.k6)((()=>[(0,t.RG)(e.$slots,"loading",{},(()=>[e.isLoading?((0,t.uX)(),(0,t.Wv)(y,{key:0})):(0,t.Q3)("",!0)]),!0)])),_:3},8,["has-selected-option","is-menu-open","is-clearable","is-loading","is-disabled"])],2),((0,t.uX)(),(0,t.Wv)(t.Im,{to:e.teleport,disabled:!e.teleport,defer:!0},[m.value?((0,t.uX)(),(0,t.CE)("div",{key:0,id:`vue-select-${e.uid}-listbox`,ref:"menu",class:(0,i.C4)(["menu",o.classes?.menuContainer]),role:"listbox","aria-label":e.aria?.labelledby,"aria-multiselectable":e.isMulti,style:(0,i.Tr)({width:o.teleport?`${(0,n.R1)(d)?.getBoundingClientRect().width}px`:"100%",top:o.teleport?W().top:"unset",left:o.teleport?W().left:"unset"})},[(0,t.RG)(e.$slots,"menu-header",{},void 0,!0),((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(h.value,((a,l)=>((0,t.uX)(),(0,t.Wv)(B,{key:l,type:"button",menu:(0,n.R1)(c),index:l,"is-focused":g.value===l,"is-selected":Array.isArray(s.value)?s.value.includes(a.value):a.value===s.value,"is-disabled":a.disabled||!1,class:(0,i.C4)(o.classes?.menuOption),onSelect:e=>M(a)},{default:(0,t.k6)((()=>[(0,t.RG)(e.$slots,"option",{option:a,index:l,isFocused:g.value===l,isSelected:Array.isArray(s.value)?s.value.includes(a.value):a.value===s.value,isDisabled:a.disabled||!1},(()=>[(0,t.eW)((0,i.v_)(e.getOptionLabel(a)),1)]),!0)])),_:2},1032,["menu","index","is-focused","is-selected","is-disabled","class","onSelect"])))),128)),e.isTaggable||0!==h.value.length?(0,t.Q3)("",!0):((0,t.uX)(),(0,t.CE)("div",{key:0,class:(0,i.C4)(["no-results",o.classes?.noResults])},[(0,t.RG)(e.$slots,"no-options",{},(()=>[a[4]||(a[4]=(0,t.eW)(" No results found "))]),!0)],2)),e.isTaggable&&b.value?((0,t.uX)(),(0,t.CE)("div",{key:1,class:(0,i.C4)(["taggable-no-options",o.classes?.taggableNoOptions]),onClick:D},[(0,t.RG)(e.$slots,"taggable-no-options",{option:b.value},(()=>[(0,t.eW)(" Press enter to add "+(0,i.v_)(b.value)+" option ",1)]),!0)],2)):(0,t.Q3)("",!0)],14,T)):(0,t.Q3)("",!0)],8,["to","disabled"]))],10,I))}}),G=r(W,[["__scopeId","data-v-3590fdf5"]])}}]);
- //# sourceMappingURL=8346.1de3f1c4.js.map
|
