@visitscotland/component-library 1.0.13 → 1.0.14

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.14](https://github.com/visitscotland/vs-component-library/compare/v1.0.13...v1.0.14) (2023-08-18)
+
+
+### 🐛 Bug Fixes
+
+* **map:** fix map heading so the selected category is always displayed at the top ([b05a08c](https://github.com/visitscotland/vs-component-library/commit/b05a08c4e148294bc39e84bae7d99695bb8dc746))
+
 ### [1.0.13](https://github.com/visitscotland/vs-component-library/compare/v1.0.12...v1.0.13) (2023-08-16)
 
 

package/dist/client/manifest.json

@@ -3463,14 +3463,14 @@
       "scripts/c1e52b98d340cd47fee7.js",
       "scripts/ae5c80d270825f9d87fa.js",
       "scripts/af20ced2e34b6801258c.js",
-      "scripts/a0a3c5c4f4a1952db9c3.js",
+      "scripts/026f994c17378bff06a3.js",
       "scripts/398fea35a3b24443e5a8.js"
     ],
     "styles": [
       "styles/c1e52b98d340cd47fee7.css",
       "styles/ae5c80d270825f9d87fa.css",
       "styles/af20ced2e34b6801258c.css",
-      "styles/a0a3c5c4f4a1952db9c3.css"
+      "styles/026f994c17378bff06a3.css"
     ]
   },
   "VsMainMapWrapperIcon": {
@@ -3679,10 +3679,10 @@
       "scripts/c5992240a3f3d7197c2b.js",
       "scripts/e62d810e4ba9cb91fd03.js",
       "scripts/c2c21d2a64dc273bc13b.js",
-      "scripts/a0a3c5c4f4a1952db9c3.js",
+      "scripts/026f994c17378bff06a3.js",
       "scripts/1571e0de0d235cbb16c8.js",
       "scripts/5f0a0570c71b9cc82d41.js",
-      "scripts/b189558cf6031aa6564c.js",
+      "scripts/200bfeea3cbd7dce2b95.js",
       "scripts/018afcd7924ff1c127ab.js"
     ],
     "styles": [
@@ -3694,10 +3694,10 @@
       "styles/c5992240a3f3d7197c2b.css",
       "styles/e62d810e4ba9cb91fd03.css",
       "styles/c2c21d2a64dc273bc13b.css",
-      "styles/a0a3c5c4f4a1952db9c3.css",
+      "styles/026f994c17378bff06a3.css",
       "styles/1571e0de0d235cbb16c8.css",
       "styles/5f0a0570c71b9cc82d41.css",
-      "styles/b189558cf6031aa6564c.css"
+      "styles/200bfeea3cbd7dce2b95.css"
     ]
   },
   "VsMainMapWrapperSubcategory": {
@@ -3813,12 +3813,12 @@
       "scripts/e62d810e4ba9cb91fd03.js",
       "scripts/675558e1c1ca13dceb13.js",
       "scripts/c2c21d2a64dc273bc13b.js",
-      "scripts/a0a3c5c4f4a1952db9c3.js",
+      "scripts/026f994c17378bff06a3.js",
       "scripts/1571e0de0d235cbb16c8.js",
       "scripts/5f0a0570c71b9cc82d41.js",
       "scripts/3c9d8724e602abc493bb.js",
       "scripts/601b7a91a71eaf767d0d.js",
-      "scripts/b189558cf6031aa6564c.js",
+      "scripts/200bfeea3cbd7dce2b95.js",
       "scripts/aa3967ab6e1ea94a93bd.js",
       "scripts/94aa5ac955de9ed0d840.js"
     ],
@@ -3836,11 +3836,11 @@
       "styles/e62d810e4ba9cb91fd03.css",
       "styles/675558e1c1ca13dceb13.css",
       "styles/c2c21d2a64dc273bc13b.css",
-      "styles/a0a3c5c4f4a1952db9c3.css",
+      "styles/026f994c17378bff06a3.css",
       "styles/1571e0de0d235cbb16c8.css",
       "styles/5f0a0570c71b9cc82d41.css",
       "styles/601b7a91a71eaf767d0d.css",
-      "styles/b189558cf6031aa6564c.css",
+      "styles/200bfeea3cbd7dce2b95.css",
       "styles/aa3967ab6e1ea94a93bd.css",
       "styles/94aa5ac955de9ed0d840.css"
     ]

package/dist/client/scripts/026f994c17378bff06a3.js

@@ -0,0 +1 @@
+(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[6520],{35186:function(){},24796:function(t,e,a){"use strict";var n=a(2015),i=a(73366);e.Z={name:"VsMainMapWrapperDetail",status:"prototype",release:"0.0.1",components:{VsImg:n.default,VsHeading:i.default},props:{contentData:{type:Object,required:!0},headingLevel:{type:String,default:"3"}},computed:{showTitle:function(){return void 0!==this.contentData.properties.title||void 0!==this.contentData.properties.placeTitle}}}},22316:function(t,e,a){"use strict";a.d(e,{s:function(){return l}});var n=a(66252),i=a(3577),s={class:"vs-main-map-wrapper-detail","data-test":"vs-main-map-wrapper-detail"},r={key:2,"data-test":"vs-main-map-wrapper-detail__address",class:"vs-main-map-wrapper-detail__address"},p={key:3,class:"mt-4"},o=["innerHTML"];function l(t,e,a,l,c,d){var u=(0,n.up)("VsImg"),m=(0,n.up)("VsHeading");return(0,n.wg)(),(0,n.iD)("div",s,[void 0!==a.contentData.properties.image?((0,n.wg)(),(0,n.j4)(u,{key:0,src:a.contentData.properties.image,class:"vs-main-map-wrapper-detail__image mb-5 mb-lg-3"},null,8,["src"])):(0,n.kq)("",!0),d.showTitle?((0,n.wg)(),(0,n.j4)(m,{key:1,level:a.headingLevel,"override-style-level":"4",class:"vs-main-map-wrapper-detail__heading mt-0","data-test":"vs-main-map-wrapper-detail__heading"},{default:(0,n.w5)((function(){return[void 0!==a.contentData.properties.placeTitle?((0,n.wg)(),(0,n.iD)(n.HY,{key:0},[(0,n.Uk)((0,i.toDisplayString)(a.contentData.properties.placeTitle),1)],64)):((0,n.wg)(),(0,n.iD)(n.HY,{key:1},[(0,n.Uk)((0,i.toDisplayString)(a.contentData.properties.title),1)],64))]})),_:1},8,["level"])):(0,n.kq)("",!0),void 0!==a.contentData.properties.address?((0,n.wg)(),(0,n.iD)("p",r,(0,i.toDisplayString)(a.contentData.properties.address.shortAddress),1)):(0,n.kq)("",!0),a.contentData.properties.subtitle?((0,n.wg)(),(0,n.iD)("p",p,(0,i.toDisplayString)(a.contentData.properties.subtitle),1)):(0,n.kq)("",!0),(0,n._)("div",{"data-test":"vs-main-map-wrapper-detail__description",class:"vs-main-map-wrapper-detail__description mb-6",innerHTML:a.contentData.properties.description},null,8,o)])}},44513:function(t,e,a){"use strict";var n=a(93379),i=a.n(n),s=a(7795),r=a.n(s),p=a(90569),o=a.n(p),l=a(3565),c=a.n(l),d=a(19216),u=a.n(d),m=a(44589),v=a.n(m),g=a(35186),D=a.n(g),f={};f.styleTagTransform=v(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=u(),i()(D(),f),D()&&D().locals&&D().locals},16520:function(t,e,a){"use strict";a.r(e);var n=a(1313),i=a(77233);a(82296);const s=(0,a(83744).Z)(i.Z,[["render",n.s]]);e.default=s},77233:function(t,e,a){"use strict";a.d(e,{Z:function(){return n.Z}});var n=a(24796)},1313:function(t,e,a){"use strict";a.d(e,{s:function(){return n.s}});var n=a(22316)},82296:function(t,e,a){"use strict";a(44513)}}]);

package/dist/client/scripts/200bfeea3cbd7dce2b95.js

@@ -0,0 +1 @@
+(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[4143],{30628:function(){},94360:function(e,t,a){"use strict";var n=a(83918),r=a(73366),s=a(10282),i=a(61570),l=a(81674),o=a(14613),c=a(29848),u=a(16520),p=a(175),d=a(85834),g=null;t.Z={name:"VsMainMapWrapperPanel",status:"prototype",release:"0.0.1",components:{VsButton:n.default,VsMainMapWrapperCategory:l.default,VsMainMapWrapperSubcategory:o.default,VsHeading:r.default,VsMainMapWrapperListItem:c.default,VsMainMapWrapperDetail:u.default,VsMainMapWrapperButtons:p.default,VsMainMapWrapperControls:d.default},inject:["filters","placesData","regions","mapId","focussedListItem"],props:{categoryHeading:{type:String,default:""},headingLevel:{type:String,default:"2"},selectedCategory:{type:String,default:""},selectedSubcategory:{type:String,default:null},currentStage:{type:Number,required:!0},selectedItem:{type:String,default:""},hovered:{type:String,default:""},subcategoryLocations:{type:Array,default:null},currentEndpointData:{type:Array,default:function(){return[]}},panelStatus:{type:String,default:null},panelMessage:{type:String,default:null},totalPins:{type:Number,default:0},currentListItemFocus:{type:Number,default:0}},data:function(){return{placesLoaded:1}},computed:{currentHeading:function(){var e="";if(null!==this.selectedSubcategory)e=this.selectedSubcategoryData[0].label;else switch(this.currentStage){case 0:e=this.categoryHeading;break;case 1:case 2:e=this.currentFilter.label}return e},currentData:function(){return"regions"===this.selectedCategory?this.regions:this.placesData},panelClasses:function(){var e="";return 2===this.currentStage&&(e+=" vs-main-map-wrapper-panel--small-padding"),e},headerClasses:function(){return 1===this.currentStage?"vs-main-map-wrapper-panel__header-section--with-spacer":2===this.currentStage?"vs-main-map-wrapper-panel__header-section--overlapped":""},currentFilter:function(){var e=this,t="";return this.filters.forEach((function(a){a.id===e.selectedCategory&&(t=a)})),t},currentPlaceData:function(){var e=this,t=this.placesData;return"regions"===this.selectedCategory&&(t=this.regions),this.currentEndpointData.length>0?this.refineEndpointData(this.currentEndpointData):t.filter((function(t){return void 0!==t.properties&&t.properties.id===e.selectedItem}))},selectedSubcategoryData:function(){var e=this;return this.selectedSubcategory?this.filters.filter((function(t){return t.id===e.selectedSubcategory})):[]},subCatFilterCount:function(){return g?g.activeSubcatFilters.length:null},detailHeadingLevel:function(){return(parseInt(this.headingLevel,10)+1).toString()},showLoadMore:function(){return!(this.subcategoryLocations.length>=this.totalPins||0===this.subcategoryLocations.length)}},watch:{currentFilter:function(){this.placesLoaded=1}},mounted:function(){g=(0,i.Z)((0,s.Z)())},methods:{closePanel:function(){this.$emit("close-panel")},stageBack:function(){if(this.selectedSubcategory&&0===this.currentStage)this.$emit("set-subcategory",null);else if(null!==this.selectedSubcategory&&null===this.subcategoryLocations)this.setStage(0);else{var e=this.currentStage-1;this.setStage(e)}},resetPanel:function(){g.setSelectedSubcat(null),this.setStage(0)},setStage:function(e){0===e&&(this.placesLoaded=1),this.$emit("set-stage",e)},subCatExists:function(e){return void 0!==e.subCategory&&e.subCategory.length>0},refineEndpointData:function(e){var t=[{isEndpoint:!0,properties:{category:e[0].category[0].id,id:e[0].id,image:e[0].images[0].mediaUrl,placeTitle:e[0].name,description:e[0].description,link:{label:e[0].productLink.label,link:e[0].productLink.link,type:e[0].productLink.type},website:{label:e[0].website.label,link:e[0].website.link,type:e[0].website.type},address:{shortAddress:""}}}];return void 0!==e[0].address&&(t[0].properties.address.shortAddress=e[0].address.shortAddress),t},clearSubCatFilters:function(){g.setActiveSubcatFilters([]),this.setStage(0)},loadMorePlaces:function(){this.placesLoaded+=1,this.$emit("load-more-places",this.placesLoaded)}}}},62998:function(e,t,a){"use strict";a.d(t,{s:function(){return f}});var n=a(66252),r=a(3577),s=a(49963),i={key:0,class:"vs-main-map-wrapper-panel__back"},l={class:"sr-only"},o={class:"vs-main-map-wrapper-panel__close d-lg-none"},c={class:"sr-only"},u={class:"sr-only"},p={key:2,class:"vs-main-map-wrapper-panel__bottom-message"},d={class:"vs-main-map-wrapper-panel__list-container"},g={key:3,class:"vs-main-map-wrapper-panel__overlay"},m={key:0,class:"vs-main-map-wrapper-panel__overlay-box"},y={class:"vs-main-map-wrapper-panel__overlay-text"};function f(e,t,a,f,h,v){var b=(0,n.up)("VsButton"),w=(0,n.up)("VsHeading"),S=(0,n.up)("VsMainMapWrapperSubcategory"),k=(0,n.up)("VsMainMapWrapperControls"),_=(0,n.up)("VsMainMapWrapperCategory"),C=(0,n.up)("VsMainMapWrapperListItem"),D=(0,n.up)("VsMainMapWrapperButtons"),M=(0,n.up)("VsMainMapWrapperDetail");return(0,n.wg)(),(0,n.iD)("section",{"data-test":"vs-main-map-wrapper-panel",class:(0,r.normalizeClass)(["vs-main-map-wrapper-panel",v.panelClasses])},[(0,n._)("div",{class:(0,r.normalizeClass)(["vs-main-map-wrapper-panel__header-section",v.headerClasses])},[a.currentStage>0||a.selectedSubcategory?((0,n.wg)(),(0,n.iD)("div",i,[(0,n.Wm)(b,{"icon-only":"",icon:"internal-link","icon-orientation":"down",size:"md",variant:"secondary",onClick:v.stageBack,"data-test":"vs-main-map-wrapper-panel--btn-back"},{default:(0,n.w5)((function(){return[(0,n._)("span",l,[(0,n.WI)(e.$slots,"back-btn-text")])]})),_:3},8,["onClick"])])):(0,n.kq)("",!0),""!==v.currentHeading?((0,n.wg)(),(0,n.j4)(w,{key:1,level:a.headingLevel,"override-style-level":"4",class:(0,r.normalizeClass)(["vs-main-map-wrapper-panel__heading text-center mt-0",2===a.currentStage?"d-none d-lg-block":""]),"data-test":"vs-main-map-wrapper-panel__heading"},{default:(0,n.w5)((function(){return[(0,n.Uk)((0,r.toDisplayString)(v.currentHeading),1)]})),_:1},8,["level","class"])):(0,n.kq)("",!0),(0,n._)("div",o,[(0,n.Wm)(b,{"icon-only":"",icon:"close",size:"md",variant:"secondary",onClick:v.closePanel,"data-test":"vs-main-map-wrapper-panel--btn-close"},{default:(0,n.w5)((function(){return[(0,n._)("span",c,[(0,n.WI)(e.$slots,"close-side-panel-text")])]})),_:3},8,["onClick"])]),(0,n._)("div",{class:(0,r.normalizeClass)(["vs-main-map-wrapper-panel__reset",a.currentStage<2?"d-lg-none":""])},[(0,n.Wm)(b,{"icon-only":"",icon:"close",size:"md",variant:"secondary",onClick:v.resetPanel,"data-test":"vs-main-map-wrapper-panel--btn-reset"},{default:(0,n.w5)((function(){return[(0,n._)("span",u,[(0,n.WI)(e.$slots,"reset-side-panel-text")])]})),_:3},8,["onClick"])],2)],2),0===a.currentStage?((0,n.wg)(),(0,n.iD)(n.HY,{key:0},[null!==a.selectedSubcategory?((0,n.wg)(),(0,n.iD)(n.HY,{key:0},[(0,n.Wm)(S,{data:v.selectedSubcategoryData[0].subCategory,selectedSubCategory:a.selectedSubcategory},null,8,["data","selectedSubCategory"]),(0,n.Wm)(k)],64)):((0,n.wg)(!0),(0,n.iD)(n.HY,{key:1},(0,n.Ko)(v.filters,(function(e){return(0,n.wg)(),(0,n.j4)(_,{key:e.id,"category-name":e.label,type:e.id,"has-sub-cat":v.subCatExists(e)},null,8,["category-name","type","has-sub-cat"])})),128)),null!==a.panelMessage?((0,n.wg)(),(0,n.iD)("div",p,[(0,n._)("p",null,(0,r.toDisplayString)(a.panelMessage),1)])):(0,n.kq)("",!0)],64)):(0,n.kq)("",!0),1===a.currentStage?((0,n.wg)(),(0,n.iD)(n.HY,{key:1},[null!==a.selectedSubcategory?((0,n.wg)(),(0,n.iD)(n.HY,{key:0},[(0,n._)("div",d,[((0,n.wg)(!0),(0,n.iD)(n.HY,null,(0,n.Ko)(a.subcategoryLocations,(function(t,r){return(0,n.wg)(),(0,n.j4)(C,{key:t.id,"item-data":t,"from-endpoint":!0,focussed:r===a.currentListItemFocus,onShowItemDetail:function(a){return e.showDetail(t.id)}},null,8,["item-data","focussed","onShowItemDetail"])})),128)),v.showLoadMore?((0,n.wg)(),(0,n.j4)(b,{key:0,class:"vs-main-map-wrapper-panel__load-more","data-test":"vs-main-map-wrapper-panel__load-more",onClick:t[0]||(t[0]=function(e){return v.loadMorePlaces()}),onKeyup:t[1]||(t[1]=(0,s.withKeys)((function(e){return v.loadMorePlaces()}),["enter"]))},{default:(0,n.w5)((function(){return[(0,n.WI)(e.$slots,"load-more-text")]})),_:3})):(0,n.kq)("",!0)]),(0,n.Wm)(D,{"content-data":{},"filter-count":v.subCatFilterCount,onClearFilters:v.clearSubCatFilters},null,8,["filter-count","onClearFilters"])],64)):((0,n.wg)(!0),(0,n.iD)(n.HY,{key:1},(0,n.Ko)(v.currentData,(function(t){return(0,n.wg)(),(0,n.iD)("div",{key:t.id},[void 0!==t.properties&&t.properties.category.id===a.selectedCategory?((0,n.wg)(),(0,n.j4)(C,{key:0,"item-data":t.properties,onShowItemDetail:function(a){return e.showDetail(t.properties.id)}},null,8,["item-data","onShowItemDetail"])):(0,n.kq)("",!0)])})),128))],64)):(0,n.kq)("",!0),2===a.currentStage?((0,n.wg)(),(0,n.iD)(n.HY,{key:2},[(0,n.Wm)(M,{"heading-level":v.detailHeadingLevel,"content-data":v.currentPlaceData[0]},null,8,["heading-level","content-data"]),(0,n.Wm)(D,{"content-data":v.currentPlaceData[0]},null,8,["content-data"])],64)):(0,n.kq)("",!0),null!==a.panelStatus?((0,n.wg)(),(0,n.iD)("div",g,[e.$slots["panel-loading-message"]&&"map-loading"!==a.panelStatus?((0,n.wg)(),(0,n.iD)("div",m,[(0,n._)("p",y,[(0,n.WI)(e.$slots,"panel-loading-message")])])):(0,n.kq)("",!0)])):(0,n.kq)("",!0)],2)}},12631:function(e,t,a){"use strict";var n=a(93379),r=a.n(n),s=a(7795),i=a.n(s),l=a(90569),o=a.n(l),c=a(3565),u=a.n(c),p=a(19216),d=a.n(p),g=a(44589),m=a.n(g),y=a(30628),f=a.n(y),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=o().bind(null,"head"),h.domAPI=i(),h.insertStyleElement=d(),r()(f(),h),f()&&f().locals&&f().locals},84143:function(e,t,a){"use strict";a.r(t);var n=a(67771),r=a(97794);a(90053);const s=(0,a(83744).Z)(r.Z,[["render",n.s]]);t.default=s},97794:function(e,t,a){"use strict";a.d(t,{Z:function(){return n.Z}});var n=a(94360)},67771:function(e,t,a){"use strict";a.d(t,{s:function(){return n.s}});var n=a(62998)},90053:function(e,t,a){"use strict";a(12631)}}]);