@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 6.24 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[7311],{16649:function(t,e,n){"use strict";n.d(e,{A:function(){return a.A}});var a=n(86309)},19397:function(t,e,n){"use strict";n.d(e,{X:function(){return a.X}});var a=n(73941)},43101:function(){},73941:function(t,e,n){"use strict";n.d(e,{X:function(){return r}});var a=n(20641),o=n(90033),s=n(53751),i={class:"vs-mega-nav bg-white","aria-label":"main nav","data-test":"vs-mega-nav",id:"main-nav"},l={class:"visually-hidden-xxl-down"},u={class:"vs-mega-nav__menu-mobile d-lg-none",id:"vs-mega-nav__menu-mobile","data-test":"vs-mega-nav-mobile-container"};function r(t,e,n,r,c,d){var g=(0,a.g2)("VsSvgLink"),f=(0,a.g2)("VsCol"),v=(0,a.g2)("VsMegaNavTopMenu"),m=(0,a.g2)("VsButton"),h=(0,a.g2)("VsSiteSearch"),p=(0,a.g2)("VsMegaNavMobileMenu"),b=(0,a.g2)("VsRow"),k=(0,a.g2)("VsContainer"),S=(0,a.g2)("VsSiteSearchForm"),_=(0,a.gN)("click-outside");return(0,a.uX)(),(0,a.CE)("div",null,[(0,a.Lk)("nav",i,[(0,a.bF)(k,{fluid:"lg",class:"h-100"},{default:(0,a.k6)((function(){return[(0,a.bF)(b,{class:"align-items-center h-100 vs-mega-nav__main-row"},{default:(0,a.k6)((function(){return[(0,a.bF)(f,{cols:"7",md:"4",lg:"3"},{default:(0,a.k6)((function(){return[(0,a.Lk)("div",null,[(0,a.bF)(g,{class:"vs-mega-nav__logo","data-test":"vs-mega-nav__logo","link-alt-text":n.logoAltText,href:n.href,"svg-fill":c.tokens["vs-color-background-brand"],"svg-path":"visitscotland-logo","data-layer-value":"homePageLogoClickDataEvent"},null,8,["link-alt-text","href","svg-fill"])])]})),_:1}),(0,a.bF)(f,{cols:"4",md:"6",lg:n.noSearch?7:5,class:"vs-mega-nav__menu d-none d-lg-block"},{default:(0,a.k6)((function(){return[(0,a.bF)(v,null,{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"mega-nav-top-menu-items")]})),_:3})]})),_:3},8,["lg"]),(0,a.bF)(f,{cols:"5",md:"8",lg:"4",class:"justify-content-end align-items-center position-static d-flex h-100"},{default:(0,a.k6)((function(){return[n.mapButtonText&&n.mapLink?((0,a.uX)(),(0,a.Wv)(m,{key:0,variant:"subtle",icon:"fa-regular fa-map","icon-only":"",size:"md",rounded:!1,href:n.mapLink,class:"vs-mega-nav__map-button d-flex","data-test":"vs-mega-nav__map-button"},{default:(0,a.k6)((function(){return[(0,a.eW)((0,o.toDisplayString)(n.mapButtonText),1)]})),_:1},8,["href"])):(0,a.Q3)("",!0),n.noSearch||n.searchLink?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.Wv)(h,{key:1,onToggleAction:d.toggleSearch,"is-showing":c.showSearch},{default:(0,a.k6)((function(){return[(0,a.eW)((0,o.toDisplayString)(n.searchButtonText),1)]})),_:1},8,["onToggleAction","is-showing"])),!n.noSearch&&n.searchLink?((0,a.uX)(),(0,a.Wv)(m,{key:2,animate:!1,class:"vs-site-search",href:n.searchLink,icon:"vs-icon-control-search",id:"site-search-btn",rounded:!1},{default:(0,a.k6)((function(){return[(0,a.Lk)("span",l,(0,o.toDisplayString)(n.searchButtonText),1)]})),_:1},8,["href"])):(0,a.Q3)("",!0),(0,a.Lk)("div",u,[(0,a.bF)(m,{class:"vs-mega-nav__mobile-menu-toggle p-0","icon-only":"",icon:c.isOpen?"vs-icon-control-dismiss":"vs-icon-control-menu",variant:"subtle",onClick:e[0]||(e[0]=function(t){return d.menuToggle()}),ref:"toggleButton",rounded:!1,"aria-haspopup":"true"},{default:(0,a.k6)((function(){return[(0,a.eW)((0,o.toDisplayString)(n.menuToggleAltText),1)]})),_:1},8,["icon"]),c.isOpen?(0,a.bo)(((0,a.uX)(),(0,a.Wv)(p,{key:0},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"mega-nav-accordion-items")]})),_:3})),[[_,d.closeMenu]]):(0,a.Q3)("",!0)])]})),_:3})]})),_:3})]})),_:3})]),(0,a.bo)((0,a.bF)(S,{onToggleAction:d.toggleSearch,"is-showing":c.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"]),[[s.vShow,c.showSearch]])])}},80617:function(t,e){"use strict";var n={mounted:function(t,e){t.clickOutsideEvent=function(n){t===n.target||t.contains(n.target)||e.value(n)},document.body.addEventListener("click",t.clickOutsideEvent)},unmounted:function(t){document.body.removeEventListener("click",t.clickOutsideEvent)}};e.A=n},85155:function(t,e,n){"use strict";n(98183)},86309:function(t,e,n){"use strict";var a=n(11438),o=n(47553),s=n(61718),i=n(4953),l=n(48836),u=n(57033),r=n(12152),c=n(34982),d=n(80617),g=n(98745);e.A={name:"VsMegaNav",status:"prototype",release:"0.1.0",components:{VsCol:a.Il,VsRow:a.AQ,VsContainer:a.T$,VsSvgLink:o.default,VsMegaNavTopMenu:s.default,VsMegaNavMobileMenu:i.default,VsSiteSearch:u.default,VsSiteSearchForm:r.default,VsButton:l.default},directives:{clickOutside:d.A},mixins:[g.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"},mapButtonText:{type:String,default:void 0},noSearch:{type:Boolean,default:!1},searchLink:{type:String,default:void 0},mapLink:{type:String,default:void 0},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(t){var e=document.getElementsByClassName("vs-mega-nav__menu-mobile")[0];this.isOpen&&!e.contains(t.target)&&(this.isOpen=!1)},addTabClose:function(){var t=this;document.body.addEventListener("focusin",(function(e){t.isOpen&&(e.target.closest("#vs-mega-nav__menu-mobile")||(t.isOpen=!1))}))}}}},98183:function(t,e,n){"use strict";var a=n(85072),o=n.n(a),s=n(97825),i=n.n(s),l=n(77659),u=n.n(l),r=n(55056),c=n.n(r),d=n(10540),g=n.n(d),f=n(41113),v=n.n(f),m=n(43101),h=n.n(m),p={};p.styleTagTransform=v(),p.setAttributes=c(),p.insert=u().bind(null,"head"),p.domAPI=i(),p.insertStyleElement=g(),o()(h(),p),h()&&h().locals&&h().locals},99692:function(t,e,n){"use strict";n.r(e);var a=n(19397),o=n(16649);n(85155);const s=(0,n(66262).A)(o.A,[["render",a.X]]);e.default=s}}]);