@visitscotland/component-library 3.0.12 → 3.0.14

package/dist/client/manifest.json

@@ -4054,7 +4054,7 @@
       "scripts/a92bcf3f9625c73de815.js",
       "scripts/e6c25227ffaf543978fc.js",
       "scripts/adb997ae050ff11118c3.js",
-      "scripts/c95930ffa2e73a2cc9f9.js"
+      "scripts/40916c320a726e9d566d.js"
     ],
     "styles": [
       "styles/cd7968f5815183867103.css",
@@ -4067,7 +4067,7 @@
       "styles/a92bcf3f9625c73de815.css",
       "styles/e6c25227ffaf543978fc.css",
       "styles/adb997ae050ff11118c3.css",
-      "styles/c95930ffa2e73a2cc9f9.css"
+      "styles/40916c320a726e9d566d.css"
     ]
   },
   "VsMegalinkLinkList": {

package/dist/client/scripts/40916c320a726e9d566d.js

@@ -0,0 +1 @@
+!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],{6712:function(){},86309:function(e,t,n){"use strict";var o=n(11438),a=n(47553),s=n(61718),i=n(4953),l=n(48836),u=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:a.default,VsMegaNavTopMenu:s.default,VsMegaNavMobileMenu:i.default,VsSiteSearch:u.default,VsSiteSearchForm:r.default,VsButton:l.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))}))}}}},67844:function(e,t,n){"use strict";n.d(t,{X:function(){return r}});var o=n(20641),a=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:"vs-mega-nav__menu-mobile d-lg-none",id:"vs-mega-nav__menu-mobile","data-test":"vs-mega-nav-mobile-container"},u={class:"visually-hidden"};function r(e,t,n,r,c,g){var d=(0,o.g2)("VsSvgLink"),f=(0,o.g2)("VsCol"),v=(0,o.g2)("VsMegaNavTopMenu"),m=(0,o.g2)("VsSiteSearch"),h=(0,o.g2)("VsButton"),b=(0,o.g2)("VsMegaNavMobileMenu"),p=(0,o.g2)("VsRow"),S=(0,o.g2)("VsContainer"),k=(0,o.g2)("VsSiteSearchForm"),_=(0,o.gN)("click-outside");return(0,o.uX)(),(0,o.CE)("div",null,[(0,o.Lk)("nav",i,[(0,o.bF)(S,{fluid:"lg",class:"h-100"},{default:(0,o.k6)((function(){return[(0,o.bF)(p,{class:"align-items-center h-100 vs-mega-nav__main-row"},{default:(0,o.k6)((function(){return[(0,o.bF)(f,{cols:"8",md:"4",lg:"3"},{default:(0,o.k6)((function(){return[(0,o.Lk)("div",null,[(0,o.bF)(d,{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-brand"],"svg-path":"visitscotland-logo","data-layer-value":"homePageLogoClickDataEvent"},null,8,["link-alt-text","href","svg-fill"])])]})),_:1}),(0,o.bF)(f,{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)(v,null,{default:(0,o.k6)((function(){return[(0,o.RG)(e.$slots,"mega-nav-top-menu-items")]})),_:3})]})),_:3},8,["lg"]),(0,o.bF)(f,{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)(m,{key:0,onToggleAction:g.toggleSearch,"is-showing":c.showSearch},{default:(0,o.k6)((function(){return[(0,o.eW)((0,a.toDisplayString)(n.searchButtonText),1)]})),_:1},8,["onToggleAction","is-showing"])),(0,o.Lk)("div",l,[(0,o.bF)(h,{class:"vs-mega-nav__mobile-menu-toggle p-0","icon-only":"",icon:c.isOpen?"close":"bars-mobile-menu",variant:"transparent",onClick:t[0]||(t[0]=function(e){return g.menuToggle()}),ref:"toggleButton","aria-haspopup":"true"},{default:(0,o.k6)((function(){return[(0,o.Lk)("span",u,(0,a.toDisplayString)(n.menuToggleAltText),1)]})),_:1},8,["icon"]),c.isOpen?(0,o.bo)(((0,o.uX)(),(0,o.Wv)(b,{key:0},{default:(0,o.k6)((function(){return[(0,o.RG)(e.$slots,"mega-nav-accordion-items")]})),_:3})),[[_,g.closeMenu]]):(0,o.Q3)("",!0)])]})),_:3})]})),_:3})]})),_:3})]),(0,o.bo)((0,o.bF)(k,{onToggleAction:g.toggleSearch,"is-showing":c.showSearch,"label-text":n.searchLabelText,"submit-button-text":n.searchButtonText,"clear-button-text":n.searchClearButtonText,"close-button-text":n.searchCloseButtonText},null,8,["onToggleAction","is-showing","label-text","submit-button-text","clear-button-text","close-button-text"]),[[s.vShow,c.showSearch]])])}},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},30030:function(e,t,n){"use strict";var o=n(85072),a=n.n(o),s=n(97825),i=n.n(s),l=n(77659),u=n.n(l),r=n(55056),c=n.n(r),g=n(10540),d=n.n(g),f=n(41113),v=n.n(f),m=n(6712),h=n.n(m),b={};b.styleTagTransform=v(),b.setAttributes=c(),b.insert=u().bind(null,"head"),b.domAPI=i(),b.insertStyleElement=d(),a()(h(),b),h()&&h().locals&&h().locals},77311:function(e,t,n){"use strict";n.r(t);var o=n(70996),a=n(16649);n(35258);const s=(0,n(66262).A)(a.A,[["render",o.X]]);t.default=s},16649:function(e,t,n){"use strict";n.d(t,{A:function(){return o.A}});var o=n(86309)},70996:function(e,t,n){"use strict";n.d(t,{X:function(){return o.X}});var o=n(67844)},35258:function(e,t,n){"use strict";n(30030)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,3453,281,6422,8745,8836,8638,2368,7521,1438,5676,4282,4448,2142,6494,4982,7553,2152,7033,4953,1718],(function(){return 77311,e(e.s=77311)})),e.O()}])}));

package/dist/client/styles/40916c320a726e9d566d.css

@@ -0,0 +1 @@
+.vs-mega-nav{position:relative;display:flex;align-items:center;height:45px;box-shadow:0 2px 6px 0px rgba(0,0,0,.15)}@media(min-width: 992px){.vs-mega-nav{height:55px}}.vs-mega-nav__main-row{flex-wrap:nowrap}.vs-mega-nav__logo{display:inline-block;height:calc(2rem + 0.25rem)}@media(min-width: 992px){.vs-mega-nav__logo{height:calc(2rem + 0.5rem)}}.vs-mega-nav__logo svg{width:184px;vertical-align:top;margin-top:.25rem}.vs-mega-nav .vs-mega-nav__menu{position:static}.vs-mega-nav .vs-mega-nav__menu-mobile{margin-left:.5rem}.vs-mega-nav__mobile-menu-toggle{position:relative;letter-spacing:0;font-weight:400;line-height:1.2;border-radius:0;border:0;height:1.75rem;width:1.75rem;font-size:0;padding:0}.vs-mega-nav__mobile-menu{display:none}.no-js .vs-mega-nav{box-shadow:none;height:auto}.no-js .vs-mega-nav__menu-mobile{display:none !important}.no-js .vs-mega-nav__menu{display:block !important;width:100%;max-width:100%;flex:0 0 100%;position:relative}.no-js .vs-mega-nav__main-row{flex-wrap:wrap}