@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 12.7 kB
JavaScript
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsMapWithSidebar=e():t.VsMapWithSidebar=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[316],{8258:function(t,e,s){"use strict";s.r(e);var a=s(46699),n=s(84542);s(43669);const i=(0,s(66262).A)(n.A,[["render",a.X]]);e.default=i},43669:function(t,e,s){"use strict";s(52537)},46699:function(t,e,s){"use strict";s.d(e,{X:function(){return i}});var a=s(20641),n=s(90033);function i(t,e,s,i,o,r){var l=(0,a.g2)("VsMapWithSidebarPanel"),c=(0,a.g2)("VsButton"),u=(0,a.g2)("VsMap"),d=(0,a.g2)("VsButtonToggleGroup"),g=(0,a.g2)("VsWarning"),p=(0,a.g2)("VsCol"),h=(0,a.g2)("VsRow"),f=(0,a.g2)("VsContainer");return(0,a.uX)(),(0,a.Wv)(f,{"data-test":"vs-map-with-sidebar"},{default:(0,a.k6)((function(){return[(0,a.bF)(h,null,{default:(0,a.k6)((function(){return[(0,a.bF)(p,null,{default:(0,a.k6)((function(){return[(0,a.Lk)("div",{class:"vs-map-with-sidebar",ref:s.mapId},[(0,a.Lk)("div",{class:(0,n.normalizeClass)(["vs-map-with-sidebar__side-panel",r.panelDisplayClass]),"data-test":"vs-map-with-sidebar__side-panel"},[(0,a.bF)(l,{"category-heading":s.categoryHeading,"selected-category":o.selectedCategory,"selected-subcategory":o.selectedSubCategory,"current-stage":o.currentStage,"selected-item":o.selectedItem,"heading-level":s.mainHeadingExists?"3":"2","subcategory-locations":o.subCatList,"current-endpoint-data":o.currentEndpointData,"panel-status":o.panelStatus,"panel-message":0===o.currentStage?s.panelMessage:null,"total-pins":o.totalEndpointPins,"current-list-item-focus":o.focussedListItem,onSetCategory:r.setCategory,onSetSubcategory:r.setSubCategory,onSubcategoriesFiltered:r.filterSubCategories,onSetStage:r.setStage,onClosePanel:r.closePanel,onShowItemDetail:r.showDetail,onFilterPlaces:r.filterPlaces,onLoadMorePlaces:r.loadMorePlaces},{closePanelText:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"close-side-panel-text")]})),"reset-side-panel-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"reset-side-panel-text")]})),"menu-btn-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"menu-btn-text")]})),"panel-loading-message":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"panel-loading-message")]})),"load-more-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"load-more-text")]})),_:3},8,["category-heading","selected-category","selected-subcategory","current-stage","selected-item","heading-level","subcategory-locations","current-endpoint-data","panel-status","panel-message","total-pins","current-list-item-focus","onSetCategory","onSetSubcategory","onSubcategoriesFiltered","onSetStage","onClosePanel","onShowItemDetail","onFilterPlaces","onLoadMorePlaces"])],2),(0,a.Lk)("div",{class:(0,n.normalizeClass)(["vs-map-with-sidebar__map",r.mapDisplayClass])},[(0,a.bF)(c,{class:"vs-map-with-sidebar__map-toggle",icon:"vs-icon-control-menu",size:"sm",onClick:r.openMenu,"data-test":"vs-map-with-sidebar__map-toggle",variant:"secondary"},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"open-side-panel-text")]})),_:3},8,["onClick"]),(0,a.bF)(u,{"is-visible":!o.panelVisible,labels:{},filters:r.filtersWithLocations,places:o.activePins,"selected-item":o.selectedItem,"map-id":s.mapId,"show-polygons":o.showRegions,"show-info-message":""!==o.mapStatus,onShowDetail:r.showDetail,onSetCategory:r.setCategory,onMapReady:r.setMapReady,onZoomReset:e[0]||(e[0]=function(t){return o.resetZoom=!1}),"bounds-data":s.regionBounds,"reset-zoom":o.resetZoom,"show-marker-popups":!1},{"map-loading-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"map-loading-text")]})),"info-message":(0,a.k6)((function(){return[(0,a.eW)((0,n.toDisplayString)(r.infoMessage),1)]})),"zoom-too-close":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"zoom-too-close")]})),"zoom-too-far":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"zoom-too-far")]})),"no-js":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"no-js")]})),_:3},8,["is-visible","filters","places","selected-item","map-id","show-polygons","show-info-message","onShowDetail","onSetCategory","onMapReady","bounds-data","reset-zoom"]),r.togglesWithLocations.length>1?((0,a.uX)(),(0,a.Wv)(d,{key:0,"data-test":"vs-map-with-sidebar__map-toggle-group","initial-selected":o.selectedToggle,options:r.togglesWithLocations,"buttons-label":s.buttonsLabel,onToggleChanged:r.onToggleChanged},null,8,["initial-selected","options","buttons-label","onToggleChanged"])):(0,a.Q3)("",!0)],2)],512),(0,a.bF)(g,{class:"vs-map-with-sidebar__no-js"},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"no-js")]})),_:3})]})),_:3})]})),_:3})]})),_:3})}},50106:function(t,e,s){"use strict";var a=s(89394),n=s(64467),i=s(11438),o=s(48836),r=s(79122),l=s(90080),c=s(57536),u=s(10810),d=s(79920),g=s(81610),p=s(4249);function h(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),s.push.apply(s,a)}return s}function f(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?h(Object(s),!0).forEach((function(e){(0,n.A)(t,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var m=null;e.A={name:"VsMapWithSidebar",status:"prototype",release:"0.0.1",components:{VsContainer:i.T$,VsRow:i.AQ,VsCol:i.Il,VsMap:g.default,VsButton:o.default,VsMapWithSidebarPanel:p.default,VsButtonToggleGroup:l.default,VsWarning:r.default},provide:function(){return{filters:this.filters,filtersWithLocations:this.filtersWithLocations,placesData:this.placesData,mapId:this.mapId,regions:this.regionsData,clearSelectionText:this.clearSelectionText,applyFiltersText:this.applyFiltersText,subCatList:this.subCatList,filtersAppliedText:this.filtersAppliedText,clearFiltersText:this.clearFiltersText,focussedListItem:this.focussedListItem}},props:{categoryHeading:{type:String,default:""},filters:{type:Array,required:!0},placesData:{type:Array,required:!0},mapId:{type:String,required:!0},mainHeadingExists:{type:Boolean,default:!1},initialSelected:{type:String,default:""},toggleData:{type:Array,default:function(){return[]}},buttonsLabel:{type:String,default:""},clearSelectionText:{type:String,required:!0},applyFiltersText:{type:String,required:!0},detailsEndpoint:{type:String,default:""},regionBounds:{type:Object,default:function(){}},clearFiltersText:{type:String,required:!0},filtersAppliedText:{type:String,required:!0},placeId:{type:String,default:null},mapFilterMessage:{type:String,required:!0},mapNoResultsMessage:{type:String,required:!0},panelMessage:{type:String,default:null}},data:function(){return{panelVisible:!1,selectedCategory:"",filterCategories:this.filters,selectedItem:null,activePins:this.placesData,currentlyHovered:"",showRegions:!1,regions:[],subCatList:null,selectedToggle:"",currentEndpointData:[],mapStatus:"",panelStatus:"map-loading",mapReady:!1,showPanelMessage:null,currentPanelEndpointFilters:"",totalEndpointPins:0,focussedListItem:0,resetZoom:!1,currentStage:0,selectedSubCategory:null}},computed:f(f({mapDisplayClass:function(){return this.panelVisible?"d-none d-lg-block":""},panelDisplayClass:function(){return this.panelVisible?"":"d-none d-lg-block"},regionsData:function(){return this.placesData.filter((function(t){return"Polygon"===t.geometry.type||"MultiPolygon"===t.geometry.type}))}},(0,u.aH)(d.A,{subCatActiveFilters:function(t){return t.activeSubcatFilters}})),{},{infoMessage:function(){var t="";switch(this.mapStatus){case"no-results":t=this.mapNoResultsMessage;break;case"filter-results":t=this.mapFilterMessage}return t},existingCategories:function(){return this.placesData?(0,a.A)(new Set(this.placesData.map((function(t){return t.properties.category.id})))):[]},filtersWithLocations:function(){var t=this;return this.filters.filter((function(e){return!!t.existingCategories.includes(e.id)||!(!e.subCategory||!e.subCategory.length)}))},togglesWithLocations:function(){return-1===this.existingCategories.indexOf("vics")?this.toggleData.filter((function(t){return"icentres"!==t.value})):this.toggleData}}),watch:{selectedSubCategory:function(t){null===t&&(this.mapStatus="",this.resetZoom=!0)}},mounted:function(){var t=this;m=(0,d.A)(),this.selectedToggle=this.initialSelected,this.emitter&&this.emitter.on("clearSelectedSubcats",(function(){t.resetZoom=!0}))},methods:{openMenu:function(){this.setStage(0),this.openPanel()},closePanel:function(){this.panelVisible=!1},openPanel:function(){this.panelVisible=!0},showDetail:function(t){document.fullscreenElement&&document.exitFullscreen(),this.selectedItem=t,this.setStage(2),this.openPanel(),null===this.selectedSubCategory&&this.filterPlaces(this.selectedCategory)},setCategory:function(t){this.selectedCategory=t,null===this.selectedSubCategory&&this.filterPlaces(t)},setSubCategory:function(t){m.setSelectedSubcat(t),this.selectedSubCategory=t,null!==t?(this.getSubcatMarkerData(),this.selectedCategory=t):(m.setActiveSubcatFilters([]),this.showAllPlaces())},filterSubCategories:function(t){var e="";t.forEach((function(t){var s="&cat=".concat(t);e+=s})),this.currentPanelEndpointFilters=e,this.getSubcatMarkerData(e),this.getSubcatPanelData(e,0)},getSubcatMarkerData:function(t){var e=this,s=this.filters.filter((function(t){return t.id===e.selectedSubCategory}));if(s.length>0){var a=s[0].pinsEndpoint;void 0!==t&&(a+=t),this.activePins=[],void 0===t?(this.activePins=[],this.mapStatus="filter-results"):c.A.get(a).then((function(t){e.totalEndpointPins=t.data.features.length,0===e.totalEndpointPins?e.mapStatus="no-results":(t.data.features.forEach((function(t){var s=t;s.properties.apiData=!0,e.activePins.push(s)})),e.mapStatus="")}))}},getSubcatPanelData:function(t,e){var s=this,a=this.filters.filter((function(t){return t.id===s.selectedSubCategory}))[0].listProductsEndPoint;void 0!==t&&(a+=t),0!==e&&(a+="".concat(t,"&page=").concat(e)),this.panelStatus="loading-data",c.A.get(a).then((function(t){void 0!==t.data.data.products?(s.setStage(1),0===e?(s.subCatList=t.data.data.products,s.focussedListItem=0):(s.focussedListItem=24*e,s.subCatList=s.subCatList.concat(t.data.data.products))):s.mapStatus="no-results",s.panelStatus=null}))},setStage:function(t){var e=this;if(2===t&&""!==this.detailsEndpoint&&null!==this.selectedSubCategory){var s="".concat(this.detailsEndpoint).concat(this.selectedItem.properties.id);c.A.get(s).then((function(s){var a=[];a.push(s.data.data),e.currentEndpointData=a,e.currentStage=t}))}else this.currentStage=t,0===this.currentStage?(this.currentEndpointData=[],null===this.selectedSubCategory?(this.resetZoom=!0,this.showAllPlaces(),this.mapStatus=""):this.getSubcatMarkerData(),this.selectedToggle="places"):1===this.currentStage&&null===this.selectedSubCategory&&this.filterPlaces(this.selectedCategory);2!==t&&(m.setActivePlace({mapId:this.mapId,activeFeature:""}),this.selectedItem=null)},filterPlaces:function(t){if("regions"===t)this.showRegions=!0,this.activePins=[],this.selectedToggle="regions";else{this.showRegions=!1,this.selectedToggle="places";var e=this.placesData.filter((function(e){return void 0!==e.properties&&e.properties.category.id===t}));this.activePins=e}},loadMorePlaces:function(t){this.getSubcatPanelData(this.currentPanelEndpointFilters,t)},showAllPlaces:function(){this.activePins=this.placesData,this.showRegions=!1},onToggleChanged:function(t){"regions"===t?(this.setCategory("regions"),this.setStage(1)):"icentres"===t?(this.setCategory("vics"),this.setStage(1)):"places-regional"===t?(this.setCategory("twnv"),this.setStage(1)):(this.showAllPlaces(),this.setStage(0))},setMapReady:function(t){this.mapReady=t,this.panelStatus=t?null:"loading"},categoryHasData:function(t){return-1!==this.existingCategories.indexOf(t)}}}},52537:function(t,e,s){"use strict";var a=s(85072),n=s.n(a),i=s(97825),o=s.n(i),r=s(77659),l=s.n(r),c=s(55056),u=s.n(c),d=s(10540),g=s.n(d),p=s(41113),h=s.n(p),f=s(80943),m=s.n(f),b={};b.styleTagTransform=h(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=g(),n()(m(),b),m()&&m().locals&&m().locals},80943:function(){},84542:function(t,e,s){"use strict";s.d(e,{A:function(){return a.A}});var a=s(50106)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,9394,2543,7536,3777,4982,6422,8745,8836,8638,3838,2368,7521,1438,4580,1574,9122,2536,5025,7539,1101,2552,681,1213,3055,3198,3844,4079,4249,80],(function(){return t(t.s=8258)})),t.O()}])}));