@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 5.85 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsMegaNav=t():e.VsMegaNav=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[823],{16649:function(e,t,n){"use strict";n.d(t,{A:function(){return o.A}});var o=n(86309)},27743:function(e,t,n){"use strict";n.d(t,{X:function(){return o.X}});var o=n(68719)},27911:function(){},33021:function(e,t,n){"use strict";var o=n(85072),s=n.n(o),a=n(97825),i=n.n(a),u=n(77659),l=n.n(u),r=n(55056),c=n.n(r),g=n(10540),d=n.n(g),f=n(41113),v=n.n(f),m=n(27911),h=n.n(m),b={};b.styleTagTransform=v(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=i(),b.insertStyleElement=d(),s()(h(),b),h()&&h().locals&&h().locals},53617:function(e,t,n){"use strict";n(33021)},68719:function(e,t,n){"use strict";n.d(t,{X:function(){return l}});var o=n(20641),s=n(90033),a=n(53751),i={class:"vs-mega-nav bg-white","aria-label":"main nav","data-test":"vs-mega-nav",id:"main-nav"},u={class:"vs-mega-nav__menu-mobile d-lg-none",id:"vs-mega-nav__menu-mobile","data-test":"vs-mega-nav-mobile-container"};function l(e,t,n,l,r,c){var g=(0,o.g2)("VsSvgLink"),d=(0,o.g2)("VsCol"),f=(0,o.g2)("VsMegaNavTopMenu"),v=(0,o.g2)("VsSiteSearch"),m=(0,o.g2)("VsButton"),h=(0,o.g2)("VsMegaNavMobileMenu"),b=(0,o.g2)("VsRow"),p=(0,o.g2)("VsContainer"),S=(0,o.g2)("VsSiteSearchForm"),k=(0,o.gN)("click-outside");return(0,o.uX)(),(0,o.CE)("div",null,[(0,o.Lk)("nav",i,[(0,o.bF)(p,{fluid:"lg",class:"h-100"},{default:(0,o.k6)((function(){return[(0,o.bF)(b,{class:"align-items-center h-100 vs-mega-nav__main-row"},{default:(0,o.k6)((function(){return[(0,o.bF)(d,{cols:"8",md:"4",lg:"3"},{default:(0,o.k6)((function(){return[(0,o.Lk)("div",null,[(0,o.bF)(g,{class:"vs-mega-nav__logo","data-test":"vs-mega-nav__logo","link-alt-text":n.logoAltText,href:n.href,"svg-fill":r.tokens["vs-color-background-brand"],"svg-path":"visitscotland-logo","data-layer-value":"homePageLogoClickDataEvent"},null,8,["link-alt-text","href","svg-fill"])])]})),_:1}),(0,o.bF)(d,{cols:"4",md:"6",lg:n.noSearch?9:7,class:"vs-mega-nav__menu d-none d-lg-block"},{default:(0,o.k6)((function(){return[(0,o.bF)(f,null,{default:(0,o.k6)((function(){return[(0,o.RG)(e.$slots,"mega-nav-top-menu-items")]})),_:3})]})),_:3},8,["lg"]),(0,o.bF)(d,{cols:"4",md:"8",lg:"2",class:"justify-content-end align-items-center position-static d-flex h-100"},{default:(0,o.k6)((function(){return[n.noSearch?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.Wv)(v,{key:0,onToggleAction:c.toggleSearch,"is-showing":r.showSearch},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(n.searchButtonText),1)]})),_:1},8,["onToggleAction","is-showing"])),(0,o.Lk)("div",u,[(0,o.bF)(m,{class:"vs-mega-nav__mobile-menu-toggle p-0","icon-only":"",icon:r.isOpen?"vs-icon-control-dismiss":"vs-icon-control-menu",variant:"subtle",onClick:t[0]||(t[0]=function(e){return c.menuToggle()}),ref:"toggleButton",rounded:!1,"aria-haspopup":"true"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(n.menuToggleAltText),1)]})),_:1},8,["icon"]),r.isOpen?(0,o.bo)(((0,o.uX)(),(0,o.Wv)(h,{key:0},{default:(0,o.k6)((function(){return[(0,o.RG)(e.$slots,"mega-nav-accordion-items")]})),_:3})),[[k,c.closeMenu]]):(0,o.Q3)("",!0)])]})),_:3})]})),_:3})]})),_:3})]),(0,o.bo)((0,o.bF)(S,{onToggleAction:c.toggleSearch,"is-showing":r.showSearch,"label-text":n.searchLabelText,"submit-button-text":n.searchButtonText,"close-button-text":n.searchCloseButtonText},null,8,["onToggleAction","is-showing","label-text","submit-button-text","close-button-text"]),[[a.vShow,r.showSearch]])])}},77311:function(e,t,n){"use strict";n.r(t);var o=n(27743),s=n(16649);n(53617);const a=(0,n(66262).A)(s.A,[["render",o.X]]);t.default=a},80617:function(e,t){"use strict";var n={mounted:function(e,t){e.clickOutsideEvent=function(n){e===n.target||e.contains(n.target)||t.value(n)},document.body.addEventListener("click",e.clickOutsideEvent)},unmounted:function(e){document.body.removeEventListener("click",e.clickOutsideEvent)}};t.A=n},86309:function(e,t,n){"use strict";var o=n(11438),s=n(47553),a=n(61718),i=n(4953),u=n(48836),l=n(57033),r=n(12152),c=n(34982),g=n(80617),d=n(98745);t.A={name:"VsMegaNav",status:"prototype",release:"0.1.0",components:{VsCol:o.Il,VsRow:o.AQ,VsContainer:o.T$,VsSvgLink:s.default,VsMegaNavTopMenu:a.default,VsMegaNavMobileMenu:i.default,VsSiteSearch:l.default,VsSiteSearchForm:r.default,VsButton:u.default},directives:{clickOutside:g.A},mixins:[d.default],provide:function(){return{isStatic:this.isStatic}},props:{href:{type:String,required:!0},menuToggleAltText:{type:String,required:!0},logoAltText:{type:String,default:"VisitScotland Home"},searchButtonText:{type:String,required:!0},searchLabelText:{type:String,default:"What are you looking for?"},searchClearButtonText:{type:String,default:"Clear form"},searchCloseButtonText:{type:String,default:"Close search form"},noSearch:{type:Boolean,default:!1},isStatic:{type:Boolean,default:!1}},data:function(){return{isOpen:!1,showSearch:!1,tokens:c}},mounted:function(){this.addTabClose()},methods:{menuToggle:function(){this.isOpen=!this.isOpen},toggleSearch:function(){this.showSearch=!this.showSearch},closeMenu:function(e){var t=document.getElementsByClassName("vs-mega-nav__menu-mobile")[0];this.isOpen&&!t.contains(e.target)&&(this.isOpen=!1)},addTabClose:function(){var e=this;document.body.addEventListener("focusin",(function(t){e.isOpen&&(t.target.closest("#vs-mega-nav__menu-mobile")||(e.isOpen=!1))}))}}}}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,2543,3453,281,4982,6422,8745,8836,8638,2368,7521,1438,5676,4282,2142,4448,6494,7553,2152,7033,4953,1718],(function(){return e(e.s=77311)})),e.O()}])}));