@visitscotland/component-library 5.20.0 → 5.20.1

package/dist/ssr/manifest.json

@@ -20,7 +20,7 @@
       "index.js"
     ],
     "styles": [
-      "styles/6fce2da76f8992515487.css"
+      "styles/c77e51c0c469e14d07b3.css"
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "5.20.0",
+  "version": "5.20.1",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "homepage": "https://github.com/visitscotland/vs-component-library#readme",

package/dist/client/scripts/e550d1701ff3985309fc.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsMainMap=t():e.VsMainMap=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1733],{7885:function(e,t,n){"use strict";var a=n(50953),r=n(20641);t.A=function(){var e=(0,a.KR)([]),t=(0,a.KR)(!1),n=(0,a.KR)(!1),o=(0,r.EW)((function(){return!("undefined"==typeof window||!window.bypassCookiesRequired)||t.value})),l=(0,r.EW)((function(){return!("undefined"==typeof window||!window.bypassCookiesLoaded)||{cookieManagerLoaded:n}}));return(0,r.sV)((function(){window.addEventListener("cookieManagerLoaded",(function(){n.value=!0})),window.addEventListener("cookiesUpdated",(function(){var n;n=!1,"undefined"!=typeof CookieControl&&(n=e.value.every((function(e){return!0===CookieControl.getCategoryConsent(e)}))),t.value=n}))})),{requiredCookies:e,cookiesAllowed:o,cookiesLoaded:l}}},12524:function(e,t,n){"use strict";n.r(t);var a=n(88522);n(84711);const r=a.A;t.default=r},44806:function(e,t,n){"use strict";var a=n(10467),r=n(54756),o=n.n(r),l=n(20641),i=n(90033),u=n(50953),s=n(53751),c=n(66239),d=n(83750),p=n(57536),v=n(12903),f=n(84343),b=n(12308),m=n(78202),g=n(7885),y=n(96763),h={class:"vs-map"},k={class:"vs-map__controls"},w={class:"vs-map-sidebar__sub-filters"},_={id:"search-container"},C={key:0,class:"vs-map__filter-controls"},x={class:"vs-map__wrapper"},F={id:"vs-map","map-id":"vs-map",ref:"vsMap"},R={id:"detail-container"};t.A={__name:"MainMap",props:{apiKey:{type:String,default:(0,c.A)("GOOGLE_MAPS_API_KEY")},center:{type:Object,default:function(){return{lat:56.490153,lng:4.10959}}},zoom:{type:Number,default:6},radius:{type:Number,default:1e3},labels:{type:Object,default:function(){}},languageCode:{type:String,default:"en",validator:function(e){return e.match(/(en|es|it|de|nl|fr)/)}},categoriesLocation:{type:String,default:""},categoryLabels:{type:Object,default:function(){}},jsDisabled:{type:Boolean,required:!0},noJsMessage:{type:String,required:!0},noCookiesMessage:{type:String,required:!0},cookieBtnText:{type:String,required:!0}},setup:function(e){var t,n,r,c,S,E,L,B,A,K,M,q=e,W={},O=(0,u.KR)(),j=(0,u.KR)(new Set),I=(0,u.KR)(),X=(0,u.KR)(new Set),z=(0,u.KR)(new Set),D=(0,u.KR)(),V=(0,u.KR)(),Q=(0,u.KR)(q.zoom),T=(0,u.KR)(),G=(0,u.KR)(new Set),J=(0,u.KR)(),N=(0,f.default)(),P=(0,u.KR)(void 0),Y={north:61.865,south:54.62185,west:-8.651,east:.71},Z={},H=q.categoryLabels;function U(e,t){ue(),O.value=e,Object.values(Z[e].subCategory).forEach((function(e){return X.value.add(e.type)})),I.value=Z[e],D.value=t,ee(Array.from(X.value).flat()),T.value=H[D.value].label,A.value=T.value}function $(e,t){var n=(0,u.KR)([]),a=(0,u.KR)();return e.forEach((function(){H.forEach((function(e){e.id===O.value&&(n.value=e)})),Object.values(n.value).forEach((function(e){Object.values(e).forEach((function(e){t===e.id&&(a.value=e.label)}))}))})),a}function ee(e){return te.apply(this,arguments)}function te(){return(te=(0,a.A)(o().mark((function e(n){var a,l,i,u,s;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:le(),ie(),J.value="nearby",a=t.getBounds(),l=a.getNorthEast(),i=a.getSouthWest(),u=google.maps.geometry.spherical.computeDistanceBetween(l,i),s=Math.min(u/2,5e4),E.includedTypes=n,E.maxResultCount=20,E.locationRestriction={center:t.getCenter(),radius:s},r.style.display="block",r.addEventListener("gmp-load",re,{once:!0});case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function ne(){return ae.apply(this,arguments)}function ae(){return(ae=(0,a.A)(o().mark((function e(){return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(le(),ue(),J.value="text",T.value=A.value.trim(),T.value){e.next=1;break}return e.abrupt("return");case 1:S.textQuery=T.value,S.locationRestriction=t.getBounds(),S.maxResultCount=20,c.style.display="block",c.addEventListener("gmp-load",re,{once:!0});case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function re(){return oe.apply(this,arguments)}function oe(){return(oe=(0,a.A)(o().mark((function e(){var n,a,l,i,s,p;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,(0,d.lB)("marker");case 1:return n=e.sent,a=n.AdvancedMarkerElement,e.next=2,(0,d.lB)("core");case 2:l=e.sent,i=l.LatLngBounds,s=(0,u.KR)(),"nearby"===J.value?s.value=r:"text"===J.value?s.value=c:y.error("Unrecognised Search type"),p=new i,s.value.style.display="block",s.value.places&&s.value.places.forEach((function(e){var n=document.createElement("div");n.classList.add("vs-map-marker");var r=document.createElement("i");r.classList.add("fa-solid","fa-location-dot"),n.appendChild(r);var o=new a({map:t,position:e.location,content:n,title:e.displayName});o.addEventListener("gmp-placeclick",(function(){se(e,o)})),o.addListener("click",(function(){se(e,o)})),o.metadata={id:e.id},W[e.id]=o,p.extend(e.location),1===s.value.places.length?(t.setCenter({lat:e.location.lat(),lng:e.location.lng()}),t.setZoom(14),t.fitBounds(e.viewport)):(t.setCenter(p.getCenter()),t.fitBounds(p))}));case 3:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function le(e){!function(){for(var e in W)W[e]&&(W[e].map=null);W={}}(),J.value="",r.style.display="none",c.style.display="none",K&&K.close&&K.close(),e&&(ie(),ue())}function ie(){T.value=null,A.value=""}function ue(){O.value=void 0,j.value=new Set,X.value=new Set,z.value=new Set,G.value=new Set,D.value=void 0,V.value=void 0}function se(e,n){K.isOpen&&K.close(),B.place=e,window.innerWidth<=768?(L.style.width="85vw",L.style.height="32em",N.sidebarOpen=!1):(L.style.width="20em",L.style.height="32em"),L.style.display="block",L.style.overflowY="auto",L.style.overflowX="hidden",L.style.boxSizing="border-box",L.style.maxHeight="32em",K.setOptions({content:L,maxWidth:"25em",pixelOffset:null}),K.open({anchor:n,map:t}),t.fitBounds(e.viewport,{top:200,right:150}),google.maps.event.addListenerOnce(t,"idle",(function(){t.getZoom()>19&&t.setZoom(19)}))}return(0,l.KC)((function(){var e=(0,g.A)();e.requiredCookies.value=b.A.google_maps,M=(0,l.EW)((function(){return!0===q.jsDisabled?(P.value="noJS",!0):(!e.cookiesAllowed.value&&!0===e.cookiesLoaded.value||!e.cookiesLoaded.value)&&(P.value="noCookie",!0)}))})),(0,l.sV)((0,a.A)(o().mark((function e(){var l,i;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=function(){return(i=(0,a.A)(o().mark((function e(){var a,l;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,a={center:{lat:q.center.lat,lng:q.center.lng},zoom:q.zoom,mapId:"vs-map",restriction:{latLngBounds:Y},zoomControl:!0,fullscreenControl:!1,mapTypeControl:!1,cameraControl:!1,streetViewControl:!1},!n){e.next=1;break}t=new google.maps.Map(n,a),e.next=2;break;case 1:throw new Error("Init error, mapContainer undefined");case 2:e.next=4;break;case 3:e.prev=3,l=e.catch(0),y.error("Maps init error",l.message);case 4:K=new google.maps.InfoWindow,t.addListener("zoom_changed",(function(){Q.value=t.getZoom()})),r.addEventListener("gmp-select",(function(e){var t=e.place;W[t.id]&&se(t,W[t.id])})),c.addEventListener("gmp-select",(function(e){var t=e.place;W[t.id]&&se(t,W[t.id])}));case 5:case"end":return e.stop()}}),e,null,[[0,3]])})))).apply(this,arguments)},l=function(){return i.apply(this,arguments)},q.categoriesLocation&&p.A.get(q.categoriesLocation).then((function(e){Z=e.data})).catch((function(){})),!1!==M.value){e.next=8;break}return(0,d.hn)({key:q.apiKey,v:"quarterly",libraries:["maps","places","marker","core","geometry"],region:"GB",language:q.languageCode}),e.prev=1,e.next=2,(0,d.lB)("maps");case 2:return e.next=3,(0,d.lB)("places");case 3:return e.next=4,(0,d.lB)("marker");case 4:return e.next=5,(0,d.lB)("core");case 5:return e.next=6,(0,d.lB)("geometry");case 6:e.next=8;break;case 7:e.prev=7,e.catch(1),y.error("Google Maps Library load error");case 8:if(n=document.getElementById("vs-map"),r=document.getElementById("nearbySearch"),c=document.getElementById("textSearch"),S=document.querySelector("gmp-place-text-search-request"),E=document.querySelector("gmp-place-nearby-search-request"),L=document.querySelector("gmp-place-details"),B=document.getElementById("placeRequest"),A=document.getElementById("vs-map-search-input"),!1!==M.value){e.next=9;break}return e.next=9,l();case 9:case"end":return e.stop()}}),e,null,[[1,7]])})))),function(t,n){var a=(0,l.g2)("gmp-place-nearby-search-request"),r=(0,l.g2)("gmp-place-address"),o=(0,l.g2)("gmp-place-rating"),c=(0,l.g2)("gmp-place-type"),d=(0,l.g2)("gmp-place-price"),p=(0,l.g2)("gmp-place-accessible-entrance-icon"),f=(0,l.g2)("gmp-place-opening-hours"),b=(0,l.g2)("gmp-place-reviews"),g=(0,l.g2)("gmp-place-attribution"),y=(0,l.g2)("gmp-place-content-config"),S=(0,l.g2)("gmp-place-search"),E=(0,l.g2)("gmp-place-text-search-request"),L=(0,l.g2)("gmp-place-details-place-request"),B=(0,l.g2)("gmp-place-website"),K=(0,l.g2)("gmp-place-phone-number"),W=(0,l.g2)("gmp-place-summary"),I=(0,l.g2)("gmp-place-type-specific-highlights"),X=(0,l.g2)("gmp-place-feature-list"),J=(0,l.g2)("gmp-place-media"),Y=(0,l.g2)("gmp-place-details");return(0,l.uX)(),(0,l.CE)("div",h,[(0,l.Lk)("div",{class:(0,i.normalizeClass)(["vs-map__container",(0,u.R1)(M)?"d-none":"d-block"])},[(0,l.Lk)("div",k,[(0,l.bF)(m.default,{query:T.value,"selected-categories":O.value,"header-label":q.labels.heading,"close-sidebar-button-label":q.labels.closeSidebarBtn,"input-placeholder-label":q.labels.inputPlaceholder,"search-button-label":q.labels.searchButton,"clear-map-label":q.labels.clearMap,"sub-filter-header-label":q.labels.subFilterHeader,"search-results-label":q.labels.searchResults,"open-sidebar-button-label":q.labels.openSidebarButton,onSearchInputChanged:ne,onResetMap:n[0]||(n[0]=function(e){return le(!0)})},(0,l.eX)({"vs-map-sidebar-search-results":(0,l.k6)((function(){return[((0,l.uX)(),(0,l.Wv)(l.tY,null,{default:(0,l.k6)((function(){return[(0,l.Lk)("div",_,[(0,l.bF)(S,{id:"nearbySearch",orientation:"vertical",selectable:"",style:{display:"none"}},{default:(0,l.k6)((function(){return[(0,l.bF)(a,{id:"nearbySearchQuery"}),(0,l.bF)(y,null,{default:(0,l.k6)((function(){return[(0,l.bF)(r),(0,l.bF)(o),(0,l.bF)(c),(0,l.bF)(d),(0,l.bF)(p),(0,l.bF)(f),(0,l.bF)(b),(0,l.bF)(g,{"light-scheme-color":"gray","dark-scheme-color":"gray"})]})),_:1})]})),_:1}),(0,l.bF)(S,{id:"textSearch",orientation:"vertical",selectable:"",style:{display:"none"}},{default:(0,l.k6)((function(){return[(0,l.bF)(E,{id:"textSearchQuery"}),(0,l.bF)(y,null,{default:(0,l.k6)((function(){return[(0,l.bF)(r),(0,l.bF)(o),(0,l.bF)(c),(0,l.bF)(d),(0,l.bF)(p),(0,l.bF)(f),(0,l.bF)(b),(0,l.bF)(g,{"light-scheme-color":"gray","dark-scheme-color":"gray"})]})),_:1})]})),_:1})])]})),_:1}))]})),_:2},[O.value?{name:"vs-map-sidebar-sub-filters",fn:(0,l.k6)((function(){return[(0,l.Lk)("div",w,[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)((0,u.R1)(H)[D.value].subCategory,(function(e,t){return(0,l.uX)(),(0,l.Wv)((0,u.R1)(v.VsButton),{key:t,variant:j.value.has(e.id)?"primary":"secondary",size:"sm",onClick:function(n){return function(e,t){V.value=t,j.value.has(e)?(j.value.delete(e),Object.values(Z[O.value].subCategory).forEach((function(t){t.id===e&&t.type.forEach((function(e){return z.value.delete(e)}))})),G.value.delete($(j.value,e).value),0===j.value.size?(G.value=new Set,U(O.value,D.value)):(ee(Array.from(z.value).flat()),T.value=Array.from(G.value).join(", "),A.value=T.value)):(j.value.add(e),Object.values(Z[O.value].subCategory).forEach((function(t){t.id===e&&t.type.forEach((function(e){return z.value.add(e)}))})),ee(Array.from(z.value).flat()),G.value.add($(j.value,e).value),T.value=Array.from(G.value).join(", "),A.value=T.value)}(e.id,t)}},{default:(0,l.k6)((function(){return[(0,l.eW)((0,i.toDisplayString)(e.label),1)]})),_:2},1032,["variant","onClick"])})),128))])]})),key:"0"}:void 0]),1032,["query","selected-categories","header-label","close-sidebar-button-label","input-placeholder-label","search-button-label","clear-map-label","sub-filter-header-label","search-results-label","open-sidebar-button-label"]),Q.value>=11&&(0,u.R1)(N).sidebarOpen?((0,l.uX)(),(0,l.CE)("div",C,[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)((0,u.R1)(H),(function(e,t){return(0,l.uX)(),(0,l.Wv)((0,u.R1)(v.VsButton),{key:t,class:"vs-map__filter-controls-button",icon:(0,u.R1)(Z)[e.id].icon,variant:O.value===e.id?"primary":"secondary",onClick:(0,s.withModifiers)((function(n){return U(e.id,t)}),["prevent"])},{default:(0,l.k6)((function(){return[(0,l.eW)((0,i.toDisplayString)(e.label),1)]})),_:2},1032,["icon","variant","onClick"])})),128))])):(0,l.Q3)("",!0)]),(0,l.Lk)("div",x,[(0,l.Lk)("div",F,null,512),((0,l.uX)(),(0,l.Wv)(l.tY,null,{default:(0,l.k6)((function(){return[(0,l.Lk)("div",R,[(0,l.bF)(Y,{id:"placeDetails",style:{display:"none"}},{default:(0,l.k6)((function(){return[(0,l.bF)(L,{id:"placeRequest"}),(0,l.bF)(y,null,{default:(0,l.k6)((function(){return[(0,l.bF)(r),(0,l.bF)(o),(0,l.bF)(c),(0,l.bF)(d),(0,l.bF)(p),(0,l.bF)(f),(0,l.bF)(B),(0,l.bF)(K),(0,l.bF)(W),(0,l.bF)(I),(0,l.bF)(b),(0,l.bF)(X),(0,l.bF)(J,{"lightbox-preferred":""}),(0,l.bF)(g,{"light-scheme-color":"gray","dark-scheme-color":"gray"})]})),_:1})]})),_:1})])]})),_:1}))])],2),(0,u.R1)(M)&&"noCookie"===P.value?((0,l.uX)(),(0,l.Wv)((0,u.R1)(v.VsWarning),{key:0,type:"cookie",class:(0,i.normalizeClass)(["vs-map__error vs-map__error--no-cookies",(0,u.R1)(M)?"d-block":"d-none"]),"data-test":"vs-map__warning--no-cookies"},{"button-text":(0,l.k6)((function(){return[(0,l.eW)((0,i.toDisplayString)(q.cookieBtnText),1)]})),default:(0,l.k6)((function(){return[(0,l.eW)((0,i.toDisplayString)(q.noCookiesMessage)+" ",1)]})),_:1},8,["class"])):(0,l.Q3)("",!0),(0,u.R1)(M)&&"noJS"===P.value?((0,l.uX)(),(0,l.Wv)((0,u.R1)(v.VsWarning),{key:1,"data-test":"vs-map__warning--no-js",class:"vs-map__warning vs-map__warning--no-js"},{default:(0,l.k6)((function(){return[(0,l.eW)((0,i.toDisplayString)(e.noJsMessage),1)]})),_:1})):(0,l.Q3)("",!0)])}}}},67219:function(e,t,n){"use strict";var a=n(85072),r=n.n(a),o=n(97825),l=n.n(o),i=n(77659),u=n.n(i),s=n(55056),c=n.n(s),d=n(10540),p=n.n(d),v=n(41113),f=n.n(v),b=n(91821),m=n.n(b),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=u().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p(),r()(m(),g),m()&&m().locals&&m().locals},84711:function(e,t,n){"use strict";n(67219)},88522:function(e,t,n){"use strict";n.d(t,{A:function(){return a.A}});var a=n(44806)},91821:function(){}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,9394,2543,3453,281,7536,7511,9033,8795,6425,7171,3498,8449,3750,4982,6422,8745,8836,8638,3838,2368,7521,1438,4580,5676,1574,9122,4282,1459,5921,2142,5025,7957,9116,7275,4448,9810,8896,3486,378,6494,1244,1688,6216,1454,3614,2491,4900,4360,6305,9856,8861,630,4179,7933,2710,3706,3484,1371,9054,7553,6086,3130,5945,8167,4921,1288,3990,3293,680,4828,459,2329,4409,6358,1696,80,2152,4145,922,4433,2822,8258,1086,1154,8533,4681,71,7033,7894,6665,6618,1389,1161,9621,4029,3350,9146,6838,4879,4953,1718,1120,47,9464,9177,9839,625,6004,5513,7097,7311,8399,5465,6641,9633,5809,3337,2810,7086,3603,8978,3033,6649,5807,4712,5048,2761,8693,5782,8407,4562,7906,1841,6175,3642,7692,8462,7231,7195,8573,1106,1379,4999,4232,6431,3609,2759,7848,6241,8817,8570,815,4061,9323,9923,3731,2837,3914,5577,3650,2612,6283,9783,7969,9280,4036,8332,2437,6123,7570,4670,9423,9886,3734,1901,8969,5106,627,538,1493,4297,1474,4856,7006,6689,2903,8202],(function(){return e(e.s=12524)})),e.O()}])}));