@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.2 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8861],{93327:function(){},41729:function(e,t,n){"use strict";var o=n(85072),l=n.n(o),r=n(97825),u=n.n(r),a=n(77659),i=n.n(a),c=n(55056),s=n.n(c),d=n(10540),m=n.n(d),f=n(41113),p=n.n(f),v=n(93327),h=n.n(v),g={};g.styleTagTransform=p(),g.setAttributes=s(),g.insert=i().bind(null,"head"),g.domAPI=u(),g.insertStyleElement=m(),l()(h(),g),h()&&h().locals&&h().locals},90345:function(e,t,n){"use strict";var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=n(17527),r=n(17527),u={"data-test":"vs-autocomplete",class:"vs-autocomplete mb-100"},a=["for"],i=["placeholder","onClick"],c=["name"],s=n(17527),d=o(n(59033)),m=o(n(46422));t.default=(0,l.defineComponent)({__name:"Autocomplete",props:{id:{},label:{},mode:{},multiselectLabel:{},name:{},options:{},placeholder:{},trackBy:{},isTourLocation:{type:Boolean},defaultVal:{}},emits:["changeValue"],setup:function(e,t){var n=t.emit,o=e,l=n,f=(0,s.ref)([]),p=(0,s.ref)(o.options),v=function(e){return e?e[_.value]:""},h=function(e){p.value=o.options.filter((function(t){return t[_.value].toLowerCase().includes(e.toLowerCase())}))},g=function(e){void 0!==o.trackBy?l("changeValue",e[o.trackBy]):l("changeValue",e.label)},_=(0,s.computed)((function(){return void 0!==o.multiselectLabel?o.multiselectLabel:"name"})),b=(0,s.computed)((function(){if("string"==typeof f.value){if(o.isTourLocation){var e=o.options.find((function(e){return e.name===f.value}));if(void 0!==e)return e.slug.trim()}return f.value.trim()}if("object"==typeof f.value&&Object.keys(f.value).length>0)return v(f.value).trim()})),k=(0,s.computed)((function(){return!!(b.value&&b.value.length>0)}));return(0,s.watch)((function(){return f.value}),(function(){null===f.value&&(f.value=[])})),(0,s.onMounted)((function(){void 0!==o.defaultVal&&(f.value=o.defaultVal)})),function(e,t){return(0,r.openBlock)(),(0,r.createElementBlock)("div",u,[(0,r.createElementVNode)("label",{for:e.id},(0,r.toDisplayString)(e.label),9,a),(0,r.createVNode)((0,r.unref)(d.default),{"input-id":e.id,modelValue:f.value,"onUpdate:modelValue":t[0]||(t[0]=function(e){return f.value=e}),itemToString:v,items:p.value,onInputValueChange:h,onSelect:g},{default:(0,r.withCtx)((function(t){var n=t.getInputProps,o=t.getInputEventListeners,l=t.hoveredIndex,u=t.isOpen,a=t.getMenuProps,c=t.getMenuEventListeners,s=t.getItemProps,d=t.getItemEventListeners,f=t.getComboboxProps,v=t.openMenu;return[(0,r.createElementVNode)("div",(0,r.mergeProps)(f(),{class:"vs-autocomplete__list-wrapper"}),[(0,r.createElementVNode)("input",(0,r.mergeProps)({class:"vs-input form-control"},n(),(0,r.toHandlers)(o(),!0),{placeholder:e.placeholder,onClick:function(e){return v()}}),null,16,i),(0,r.createVNode)(m.default,{name:"chevron-down",variant:"primary",size:"sm"}),(0,r.withDirectives)((0,r.createElementVNode)("ul",(0,r.mergeProps)(a(),(0,r.toHandlers)(c(),!0),{class:"vs-autocomplete__list"}),[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(p.value,(function(e,t){return(0,r.openBlock)(),(0,r.createElementBlock)("li",(0,r.mergeProps)({key:e.id,ref_for:!0},s({item:e,index:t}),(0,r.toHandlers)(d({item:e,index:t}),!0),{class:["vs-autocomplete__list-item",{"vs-autocomplete__list-item--hover":l===t}]}),(0,r.toDisplayString)(e[_.value]),17)})),128))],16),[[r.vShow,u]])],16)]})),_:1},8,["input-id","modelValue","items"]),k.value?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)("input",{key:0,type:"hidden",name:e.name,"onUpdate:modelValue":t[1]||(t[1]=function(e){return b.value=e})},null,8,c)),[[r.vModelText,b.value]]):(0,r.createCommentVNode)("",!0)])}}})},58861:function(e,t,n){"use strict";n.r(t);var o=n(40971),l={};for(var r in o)"default"!==r&&(l[r]=function(e){return o[e]}.bind(0,r));n.d(t,l),n(87069);const u=o.default;t.default=u},87069:function(e,t,n){"use strict";n(41729)},40971:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l.a}});var o=n(90345),l=n.n(o),r={};for(var u in o)"default"!==u&&(r[u]=function(e){return o[e]}.bind(0,u));n.d(t,r)}}]);