@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.27 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2552],{22552:function(t,e,i){"use strict";i.r(e);var a=i(99060),r=i(38606);i(96848);const n=(0,i(66262).A)(r.A,[["render",a.X]]);e.default=n},38606:function(t,e,i){"use strict";i.d(e,{A:function(){return a.A}});var a=i(74842)},65694:function(){},74820:function(t,e,i){"use strict";var a=i(85072),r=i.n(a),n=i(97825),s=i.n(n),o=i(77659),c=i.n(o),u=i(55056),m=i.n(u),l=i(10540),d=i.n(l),p=i(41113),f=i.n(p),h=i(65694),v=i.n(h),b={};b.styleTagTransform=f(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=d(),r()(v(),b),v()&&v().locals&&v().locals},74842:function(t,e,i){"use strict";var a=i(64467),r=i(31574),n=i(46422),s=i(10810),o=i(79920);function c(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,a)}return i}var u=null;e.A={name:"VsMapWithSidebarListItem",status:"prototype",release:"0.0.1",components:{VsImg:r.default,VsIcon:n.default},inject:["mapId"],props:{itemData:{type:Object,required:!0},fromEndpoint:{type:Boolean,default:!1},focussed:{type:Boolean,default:!1}},data:function(){return{formattedData:{}}},computed:function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?c(Object(i),!0).forEach((function(e){(0,a.A)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):c(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}({isActive:function(){return!(!this.highlightedPlace||!this.formattedData||this.highlightedPlace.properties.id!==this.formattedData.properties.id)}},(0,s.aH)(o.A,{highlightedPlace:function(t){return t.getHoveredStop(this.mapId)}})),created:function(){this.fromEndpoint?this.formatApiData():this.formattedData=this.itemData},mounted:function(){u=(0,o.A)(),this.focussed&&this.$refs.btn.focus()},methods:{showItemDetail:function(t){u.setActivePlace({mapId:this.mapId,activeFeature:t}),this.$parent.$emit("show-item-detail",t),this.$parent.$emit("set-stage",2)},itemHover:function(t){u.setHoveredPlace({mapId:this.mapId,hoveredFeature:t})},formatApiData:function(){this.formattedData={geometry:{coordinates:[this.itemData.longitude,this.itemData.latitude],type:"Point"},properties:{category:this.itemData.category[0],description:this.itemData.description,id:this.itemData.id,image:void 0!==this.itemData.images?this.itemData.images[0].mediaUrl:"",title:this.itemData.name,link:{label:this.itemData.website.label,link:this.itemData.website.link,type:this.itemData.website.type}},type:"Point"}}}}},80292:function(t,e,i){"use strict";i.d(e,{X:function(){return c}});var a=i(20641),r=i(90033),n=i(53751),s={class:"vs-map-with-sidebar-list-item__img-container"},o={class:"vs-map-with-sidebar-list-item__text"};function c(t,e,i,c,u,m){var l=(0,a.g2)("VsImg"),d=(0,a.g2)("VsIcon");return(0,a.uX)(),(0,a.CE)("button",{type:"button",class:(0,r.normalizeClass)(["vs-map-with-sidebar-list-item",m.isActive?"vs-map-with-sidebar-list-item--hovered":""]),"data-test":"vs-map-with-sidebar-list-item",onClick:e[0]||(e[0]=function(t){return m.showItemDetail(u.formattedData)}),onKeyup:e[1]||(e[1]=(0,n.withKeys)((function(t){return m.showItemDetail(u.formattedData)}),["enter"])),onMouseover:e[2]||(e[2]=function(t){return m.itemHover(u.formattedData)}),onMouseleave:e[3]||(e[3]=function(t){return m.itemHover("")}),onFocusin:e[4]||(e[4]=function(t){return m.itemHover(u.formattedData)}),onFocusout:e[5]||(e[5]=function(t){return m.itemHover("")}),ref:"btn"},[(0,a.Lk)("div",s,[void 0!==u.formattedData.properties.image?((0,a.uX)(),(0,a.Wv)(l,{key:0,src:u.formattedData.properties.image,class:"vs-map-with-sidebar-list-item__img"},null,8,["src"])):(0,a.Q3)("",!0)]),(0,a.Lk)("span",o,(0,r.toDisplayString)(u.formattedData.properties.title),1),(0,a.bF)(d,{icon:"fa-regular fa-arrow-right",variant:"highlight",size:"xxs",class:"vs-map-with-sidebar-list-item__icon"})],34)}},96848:function(t,e,i){"use strict";i(74820)},99060:function(t,e,i){"use strict";i.d(e,{X:function(){return a.X}});var a=i(80292)}}]);