@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.72 kB
JavaScript
!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.VsItinerary=n():t.VsItinerary=n()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3265],{24562:function(t,n,e){"use strict";e.r(n);var i=e(64260),o=e(75474);e(95634);const r=(0,e(66262).A)(o.A,[["render",i.X]]);n.default=r},32398:function(t,n,e){"use strict";var i=e(85072),o=e.n(i),r=e(97825),s=e.n(r),a=e(77659),u=e.n(a),c=e(55056),l=e.n(c),d=e(10540),f=e.n(d),p=e(41113),h=e.n(p),w=e(82324),m=e.n(w),v={};v.styleTagTransform=h(),v.setAttributes=l(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f(),o()(m(),v),m()&&m().locals&&m().locals},57190:function(t,n,e){"use strict";var i=e(11438),o=e(48836),r=e(73486);n.A={name:"VsItinerary",status:"prototype",release:"0.0.1",components:{VsContainer:i.T$,VsRow:i.AQ,VsCol:i.Il,VsAccordion:r.default,VsButton:o.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),o=e(90033),r=e(53751),s={class:"vs-itinerary","data-test":"vs-itinerary"},a={class:"fixed-bottom"},u={class:"d-flex justify-content-center pb-050"},c={key:0,class:"vs-itinerary__map-container","data-chromatic":"ignore"};function l(t,n,e,l,d,f){var p=(0,i.g2)("VsButton"),h=(0,i.g2)("VsAccordion"),w=(0,i.g2)("VsCol"),m=(0,i.g2)("VsRow"),v=(0,i.g2)("VsContainer");return(0,i.uX)(),(0,i.CE)("section",s,[(0,i.bo)((0,i.Lk)("div",a,[(0,i.Lk)("div",u,[(0,i.bF)(p,{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,o.toDisplayString)(d.showMap?e.listViewText:e.mapViewText),1)]})),_:1},8,["icon"])])],512),[[r.vShow,!d.isDesktop&&d.withinItineraryMain]]),d.isDesktop||d.showMap?((0,i.uX)(),(0,i.CE)("div",c,[(0,i.RG)(t.$slots,"map")])):(0,i.Q3)("",!0),(0,i.bF)(v,{class:"vs-itinerary__outer-container"},{default:(0,i.k6)((function(){return[(0,i.bF)(m,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)(h,{"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)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,4982,6422,8745,8836,8638,2368,7521,1438,3486],(function(){return t(t.s=24562)})),t.O()}])}));