@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.95 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2329],{6381:function(n,t,e){"use strict";e.d(t,{A:function(){return o.A}});var o=e(8049)},8049:function(n,t,e){"use strict";var o=e(11438),s=e(34352),i=e(48836),r=e(98745);t.A={name:"VsMegaNavDropdown",status:"prototype",release:"0.1.0",components:{BDropdown:s.UV,VsCol:o.Il,VsContainer:o.T$,VsRow:o.AQ,VsButton:i.default},mixins:[r.default],props:{menuToggleAltText:{type:String,required:!0}},emits:["menuToggled"],mounted:function(){var n=this;this.emitter&&(this.emitter.on("bv::dropdown::show",(function(){n.$emit("menuToggled")})),this.emitter.on("bv::dropdown::hide",(function(){n.$emit("menuToggled")}))),window.addEventListener("resize",this.closeMenu)},beforeUnmount:function(){window.removeEventListener("resize",this.closeMenu)},methods:{closeMenu:function(){this.$refs.dropdown.hide()},tabFromClose:function(n){n.shiftKey||this.closeMenu()},dataLayerSubmit:function(){if(this.$slots["button-content"]()[1]&&this.$slots["button-content"]()[1].children[0]){var n={target:{text:this.$slots["button-content"]()[1].children[0].children}};this.createDataLayerObject("menuNavigationDataEvent",n,null)}}}}},34350:function(n,t,e){"use strict";e.d(t,{X:function(){return a}});var o=e(20641),s=e(53751),i=e(90033),r={class:"vs-mega-nav-dropdown","data-test":"vs-mega-nav-dropdown",role:"menuitem"},l={role:"menuitem"},u={class:"dropdown-menu dropdown-menu--fallback overflow-auto",role:"menu"},c={role:"menuitem"};function a(n,t,e,a,d,f){var m=(0,o.g2)("VsButton"),b=(0,o.g2)("VsCol"),g=(0,o.g2)("VsRow"),p=(0,o.g2)("VsContainer"),v=(0,o.g2)("BDropdown");return(0,o.uX)(),(0,o.CE)("div",r,[(0,o.bF)(v,{variant:"subtle",ref:"dropdown",onShow:t[0]||(t[0]=function(n){return f.dataLayerSubmit(n)})},{"button-content":(0,o.k6)((function(){return[(0,o.RG)(n.$slots,"button-content")]})),default:(0,o.k6)((function(){return[(0,o.Lk)("li",l,[(0,o.bF)(p,{fluid:"lg",class:"px-0 px-lg-075"},{default:(0,o.k6)((function(){return[(0,o.bF)(g,{class:"g-0"},{default:(0,o.k6)((function(){return[(0,o.bF)(b,{cols:"12",class:"position-relative"},{default:(0,o.k6)((function(){return[(0,o.RG)(n.$slots,"cta-link"),(0,o.RG)(n.$slots,"dropdown-content"),(0,o.bF)(m,{class:"vs-mega-nav-dropdown__close-btn d-none d-lg-block position-absolute",icon:"vs-icon-control-dismiss","icon-only":"",size:"sm",variant:"subtle",onClick:f.closeMenu,onKeydown:(0,s.withKeys)(f.tabFromClose,["tab"])},{default:(0,o.k6)((function(){return[(0,o.eW)((0,i.toDisplayString)(e.menuToggleAltText),1)]})),_:1},8,["onClick","onKeydown"])]})),_:3})]})),_:3})]})),_:3})])]})),_:3},512),(0,o.Lk)("ul",u,[(0,o.Lk)("li",c,[(0,o.bF)(p,{fluid:"lg",class:"px-0 px-lg-075"},{default:(0,o.k6)((function(){return[(0,o.bF)(g,{class:"g-0"},{default:(0,o.k6)((function(){return[(0,o.bF)(b,{cols:"12",class:"position-relative"},{default:(0,o.k6)((function(){return[(0,o.RG)(n.$slots,"cta-link"),(0,o.RG)(n.$slots,"dropdown-content"),(0,o.bF)(m,{class:"vs-mega-nav-dropdown__close-btn d-none d-lg-block position-absolute",icon:"vs-icon-control-dismiss","icon-only":"",size:"sm",variant:"subtle",onClick:f.closeMenu},{default:(0,o.k6)((function(){return[(0,o.eW)((0,i.toDisplayString)(e.menuToggleAltText),1)]})),_:1},8,["onClick"])]})),_:3})]})),_:3})]})),_:3})])])])}},34806:function(n,t,e){"use strict";var o=e(85072),s=e.n(o),i=e(97825),r=e.n(i),l=e(77659),u=e.n(l),c=e(55056),a=e.n(c),d=e(10540),f=e.n(d),m=e(41113),b=e.n(m),g=e(85116),p=e.n(g),v={};v.styleTagTransform=b(),v.setAttributes=a(),v.insert=u().bind(null,"head"),v.domAPI=r(),v.insertStyleElement=f(),s()(p(),v),p()&&p().locals&&p().locals},36146:function(n,t,e){"use strict";e(34806)},52030:function(n,t,e){"use strict";e.d(t,{X:function(){return o.X}});var o=e(34350)},62329:function(n,t,e){"use strict";e.r(t);var o=e(52030),s=e(6381);e(36146);const i=(0,e(66262).A)(s.A,[["render",o.X]]);t.default=i},85116:function(){}}]);