@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.34 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[4562],{24562:function(t,n,e){"use strict";e.r(n);var i=e(64260),s=e(75474);e(95634);const o=(0,e(66262).A)(s.A,[["render",i.X]]);n.default=o},32398:function(t,n,e){"use strict";var i=e(85072),s=e.n(i),o=e(97825),r=e.n(o),a=e(77659),c=e.n(a),u=e(55056),l=e.n(u),d=e(10540),f=e.n(d),h=e(41113),p=e.n(h),w=e(82324),v=e.n(w),m={};m.styleTagTransform=p(),m.setAttributes=l(),m.insert=c().bind(null,"head"),m.domAPI=r(),m.insertStyleElement=f(),s()(v(),m),v()&&v().locals&&v().locals},57190:function(t,n,e){"use strict";var i=e(11438),s=e(48836),o=e(73486);n.A={name:"VsItinerary",status:"prototype",release:"0.0.1",components:{VsContainer:i.T$,VsRow:i.AQ,VsCol:i.Il,VsAccordion:o.default,VsButton:s.default},props:{listViewText:{type:String,default:"List view"},mapViewText:{type:String,default:"Map view"}},data:function(){return{showMap:!1,isDesktop:!1,withinItineraryMain:!1}},mounted:function(){var t=document.querySelector(".vds-example");window.addEventListener("resize",this.resizeWidth),null===t?window.addEventListener("scroll",this.onScroll):t.addEventListener("scroll",this.onScroll),this.resizeWidth()},unmounted:function(){window.removeEventListener("resize",this.resizeWidth)},methods:{resizeWidth:function(){this.isDesktop=window.innerWidth>=1200,this.showMap=window.innerWidth>=1200},onScroll:function(){var t=this.$el.getBoundingClientRect(),n=t.top<=(window.innerHeight||document.documentElement.clientHeight),e=t.bottom<=(window.innerHeight||document.documentElement.clientHeight);this.withinItineraryMain=!(!n||e)},toggleShowMap:function(){this.showMap=!this.showMap}}}},64260:function(t,n,e){"use strict";e.d(n,{X:function(){return i.X}});var i=e(86164)},75474:function(t,n,e){"use strict";e.d(n,{A:function(){return i.A}});var i=e(57190)},82324:function(){},86164:function(t,n,e){"use strict";e.d(n,{X:function(){return l}});var i=e(20641),s=e(90033),o=e(53751),r={class:"vs-itinerary","data-test":"vs-itinerary"},a={class:"fixed-bottom"},c={class:"d-flex justify-content-center pb-050"},u={key:0,class:"vs-itinerary__map-container","data-chromatic":"ignore"};function l(t,n,e,l,d,f){var h=(0,i.g2)("VsButton"),p=(0,i.g2)("VsAccordion"),w=(0,i.g2)("VsCol"),v=(0,i.g2)("VsRow"),m=(0,i.g2)("VsContainer");return(0,i.uX)(),(0,i.CE)("section",r,[(0,i.bo)((0,i.Lk)("div",a,[(0,i.Lk)("div",c,[(0,i.bF)(h,{class:"vs-itinerary__map-toggle-button",onClick:n[0]||(n[0]=function(t){return f.toggleShowMap()}),icon:d.showMap?"fa-regular fa-list":"fa-regular fa-map","data-test":"vs-itinerary-btn"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,s.toDisplayString)(d.showMap?e.listViewText:e.mapViewText),1)]})),_:1},8,["icon"])])],512),[[o.vShow,!d.isDesktop&&d.withinItineraryMain]]),d.isDesktop||d.showMap?((0,i.uX)(),(0,i.CE)("div",u,[(0,i.RG)(t.$slots,"map")])):(0,i.Q3)("",!0),(0,i.bF)(m,{class:"vs-itinerary__outer-container"},{default:(0,i.k6)((function(){return[(0,i.bF)(v,null,{default:(0,i.k6)((function(){return[(0,i.bF)(w,{cols:"12",class:"p-0 vs-itinerary__accordion-container"},{default:(0,i.k6)((function(){return[(0,i.bF)(p,{"break-point":"lg"},{default:(0,i.k6)((function(){return[(0,i.RG)(t.$slots,"list")]})),_:3})]})),_:3})]})),_:3})]})),_:3})])}},95634:function(t,n,e){"use strict";e(32398)}}]);