@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 6.73 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8202],{4486:function(){},5710:function(e,t,a){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=a(17527),n=a(17527),i={class:"vs-map-sidebar__header d-flex"},l={class:"vs-map-sidebar__content"},o={class:"vs-map-sidebar__input d-flex mt-100 mb-050"},d={key:1,class:"vs-map-sidebar__sub-filters-wrapper"},c={class:"vs-map-sidebar__search-results"},u={class:"vs-map-sidebar__google-maps-container mt-075"},p={key:0,class:"vs-map-sidebar__footer"},f=r(a(48836)),b=r(a(43614)),m=r(a(13838)),_=r(a(22142)),v=r(a(84343));t.default=(0,s.defineComponent)({__name:"MapSidebar",props:{query:{type:String,default:""},selectedCategories:{type:String,default:""},headerLabel:{type:String,default:""},closeSidebarButtonLabel:{type:String,default:""},searchBarAriaLabel:{type:String,default:""},inputPlaceholderLabel:{type:String,default:""},searchButtonLabel:{type:String,default:""},clearMapLabel:{type:String,default:""},subFilterHeaderLabel:{type:String,default:""},searchResultsLabel:{type:String,default:""},openSidebarButtonLabel:{type:String,default:""}},emits:["search-input-changed","reset-map"],setup:function(e){var t=(0,v.default)(),a=e;return function(e,r){return(0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,[(0,n.createElementVNode)("div",{class:(0,n.normalizeClass)(["vs-map-sidebar px-125",(0,n.unref)(t).sidebarOpen?"d-block":"d-none"]),"data-test":"vs-map-sidebar",ref:"vsMapSidebar"},[(0,n.createElementVNode)("div",i,[a.headerLabel?((0,n.openBlock)(),(0,n.createBlock)(m.default,{key:0,level:"1","heading-style":"heading-xxs",class:"flex-grow-1",id:"vs-map-sidebar__heading","data-test":"vs-map-sidebar__heading"},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(a.headerLabel),1)]})),_:1})):(0,n.createCommentVNode)("",!0),(0,n.createVNode)(f.default,{variant:"tertiary",icon:"vs-icon-control-dismiss","icon-only":"",class:"vs-map-sidebar__sidebar-control vs-map-siderbar__sidebar-control--dismiss","data-test":"vs-map-siderbar__sidebar-control--dismiss",onClick:r[0]||(r[0]=function(e){return(0,n.unref)(t).sidebarOpen=!1})},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(a.closeSidebarButtonLabel),1)]})),_:1})]),(0,n.createElementVNode)("div",l,[(0,n.createElementVNode)("div",o,[(0,n.createVNode)(_.default,{type:"text",autocomplete:"off","field-name":"vs-map-search-input","data-test":"vs-map-search-input",ref:"vs-search-input",placeholder:a.inputPlaceholderLabel,class:"vs-map-sidebar__input flex-grow-1","aria-label":a.searchBarAriaLabel,onKeyup:r[1]||(r[1]=(0,n.withKeys)((0,n.withModifiers)((function(t){return e.$emit("search-input-changed")}),["prevent"]),["enter"]))},null,8,["placeholder","aria-label"]),(0,n.createVNode)(f.default,{class:"vs-map-sidebar__search-button","data-test":"vs-map-sidebar__search-button",icon:"vs-icon-control-search","icon-only":"",rounded:!1,size:"lg",onClick:r[2]||(r[2]=(0,n.withModifiers)((function(t){return e.$emit("search-input-changed")}),["prevent"])),onKeyup:r[3]||(r[3]=(0,n.withKeys)((0,n.withModifiers)((function(t){return e.$emit("search-input-changed")}),["prevent"]),["enter"]))},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(a.searchButtonLabel),1)]})),_:1})]),e.$props.query||e.$props.selectedCategories?((0,n.openBlock)(),(0,n.createElementBlock)("a",{key:0,href:"#",class:"d-block","data-test":"vs-map-sidebar__reset-map",onClick:r[4]||(r[4]=(0,n.withModifiers)((function(t){return e.$emit("reset-map")}),["prevent"])),onKeyup:r[5]||(r[5]=(0,n.withKeys)((0,n.withModifiers)((function(t){return e.$emit("reset-map")}),["prevent"]),["enter"]))},(0,n.toDisplayString)(a.clearMapLabel),33)):(0,n.createCommentVNode)("",!0),e.$slots["vs-map-sidebar-sub-filters"]&&e.$slots["vs-map-sidebar-sub-filters"]()?((0,n.openBlock)(),(0,n.createElementBlock)("div",d,[(0,n.createVNode)(b.default,{class:"vs-map-sidebar__sub-filter-header",size:"small",color:"secondary"},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(a.subFilterHeaderLabel),1)]})),_:1}),(0,n.renderSlot)(e.$slots,"vs-map-sidebar-sub-filters")])):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",c,[e.$props.query||e.$props.selectedCategories?((0,n.openBlock)(),(0,n.createBlock)(m.default,{key:0,level:"2","heading-style":"heading-xxxs","data-test":"vs-map-sidebar__search-result-query"},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(a.searchResultsLabel)+' "'+(0,n.toDisplayString)(a.query||a.selectedCategories)+'" ',1)]})),_:1})):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",u,[(0,n.renderSlot)(e.$slots,"vs-map-sidebar-search-results")])])]),e.$props.query||e.$props.selectedCategories?((0,n.openBlock)(),(0,n.createElementBlock)("div",p,r[7]||(r[7]=[(0,n.createElementVNode)("hr",{class:"vs-map-sidebar__swipe-tab"},null,-1)]))):(0,n.createCommentVNode)("",!0)],2),(0,n.createVNode)(f.default,{class:(0,n.normalizeClass)(["vs-map-sidebar__sidebar-control vs-map-sidebar__sidebar-control--open",(0,n.unref)(t).sidebarOpen?"d-none":"d-block"]),"data-test":"vs-map-sidebar__sidebar-control--open",size:"sm",icon:"fa-regular fa-sliders","icon-only":"",onClick:r[6]||(r[6]=function(e){return(0,n.unref)(t).sidebarOpen=!0})},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(a.openSidebarButtonLabel),1)]})),_:1},8,["class"])],64)}}})},9940:function(e,t,a){"use strict";a(40808)},19876:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return s.a}});var r=a(5710),s=a.n(r),n={};for(var i in r)"default"!==i&&(n[i]=function(e){return r[e]}.bind(0,i));a.d(t,n)},40808:function(e,t,a){"use strict";var r=a(85072),s=a.n(r),n=a(97825),i=a.n(n),l=a(77659),o=a.n(l),d=a(55056),c=a.n(d),u=a(10540),p=a.n(u),f=a(41113),b=a.n(f),m=a(4486),_=a.n(m),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=o().bind(null,"head"),v.domAPI=i(),v.insertStyleElement=p(),s()(_(),v),_()&&_().locals&&_().locals},78202:function(e,t,a){"use strict";a.r(t);var r=a(19876),s={};for(var n in r)"default"!==n&&(s[n]=function(e){return r[e]}.bind(0,n));a.d(t,s),a(9940);const i=r.default;t.default=i},84343:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=a(17527),s=(0,a(48086).defineStore)("googleMap",(function(){return{sidebarOpen:(0,r.ref)(!0),timeMounted:(0,r.ref)(Date.now()),firstInteraction:(0,r.ref)(!1),searchesCount:(0,r.ref)(0),filterUsesCount:(0,r.ref)(0)}}));t.default=s}}]);