@visitscotland/component-library 4.19.2 → 4.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/manifest.json +20 -20
- package/dist/client/scripts/7cd344dfc0791f0369f2.js +1 -0
- package/dist/client/scripts/8d02b002771a5368dec4.js +1 -0
- package/dist/client/scripts/a67c811e7eceaf13ef0f.js +1 -0
- package/dist/client/scripts/b60ba68449fbe9f6ee9f.js +1 -0
- package/dist/client/styles/7cd344dfc0791f0369f2.css +1 -0
- package/dist/client/styles/8d02b002771a5368dec4.css +1 -0
- package/dist/components/components/site-search/components/SiteSearchForm.vue.d.ts +5 -1
- package/dist/components/components/styled-list/components/StyledListItem.vue.d.ts +2 -0
- package/dist/components/components/styled-list/index.d.ts +6 -0
- package/dist/components/vs-component-library.css +1 -1
- package/dist/components/vs-component-library.js +2 -2
- package/dist/components/vs-component-library.mjs +14 -7
- package/dist/ssr/index.js +1 -1
- package/dist/ssr/manifest.json +1 -1
- package/dist/ssr/styles/{a58b2ad5f2f5228e6229.css → 8cca8f18b518015c1901.css} +2 -2
- package/package.json +1 -1
- package/dist/client/scripts/2aeb5b2af4fcfb3be4f0.js +0 -1
- package/dist/client/scripts/555732ce2d102a46aa59.js +0 -1
- package/dist/client/scripts/cae1fd369c1186a39e6a.js +0 -1
- package/dist/client/scripts/f2b357135e9fc63c629a.js +0 -1
- package/dist/client/styles/2aeb5b2af4fcfb3be4f0.css +0 -1
- package/dist/client/styles/f2b357135e9fc63c629a.css +0 -1
- /package/dist/client/styles/{cae1fd369c1186a39e6a.css → a67c811e7eceaf13ef0f.css} +0 -0
- /package/dist/client/styles/{555732ce2d102a46aa59.css → b60ba68449fbe9f6ee9f.css} +0 -0
|
@@ -2246,7 +2246,7 @@
|
|
|
2246
2246
|
"scripts/08c560098b456a366031.js",
|
|
2247
2247
|
"scripts/ecba1219a13304ea7c57.js",
|
|
2248
2248
|
"scripts/cb991e60689f62d952f3.js",
|
|
2249
|
-
"scripts/
|
|
2249
|
+
"scripts/7cd344dfc0791f0369f2.js",
|
|
2250
2250
|
"scripts/334cd9bbb901392b040c.js",
|
|
2251
2251
|
"scripts/d7219cd12df97b2b7c1c.js",
|
|
2252
2252
|
"scripts/8f58ab422cb2f9354a28.js",
|
|
@@ -2258,7 +2258,7 @@
|
|
|
2258
2258
|
"styles/7da7401effb5a920d797.css",
|
|
2259
2259
|
"styles/08c560098b456a366031.css",
|
|
2260
2260
|
"styles/ecba1219a13304ea7c57.css",
|
|
2261
|
-
"styles/
|
|
2261
|
+
"styles/7cd344dfc0791f0369f2.css",
|
|
2262
2262
|
"styles/334cd9bbb901392b040c.css",
|
|
2263
2263
|
"styles/d7219cd12df97b2b7c1c.css",
|
|
2264
2264
|
"styles/8f58ab422cb2f9354a28.css",
|
|
@@ -2866,13 +2866,13 @@
|
|
|
2866
2866
|
"scripts/7c38ef0be7d1885516af.js",
|
|
2867
2867
|
"scripts/7da7401effb5a920d797.js",
|
|
2868
2868
|
"scripts/cb991e60689f62d952f3.js",
|
|
2869
|
-
"scripts/
|
|
2869
|
+
"scripts/7cd344dfc0791f0369f2.js",
|
|
2870
2870
|
"scripts/654f87bad576cd99c781.js"
|
|
2871
2871
|
],
|
|
2872
2872
|
"styles": [
|
|
2873
2873
|
"styles/b99ef3e263a887f4008c.css",
|
|
2874
2874
|
"styles/7da7401effb5a920d797.css",
|
|
2875
|
-
"styles/
|
|
2875
|
+
"styles/7cd344dfc0791f0369f2.css"
|
|
2876
2876
|
]
|
|
2877
2877
|
},
|
|
2878
2878
|
"VsItineraryBorderOverlapWrapper": {
|
|
@@ -4266,28 +4266,28 @@
|
|
|
4266
4266
|
"scripts/e210ab918786c10ee410.js",
|
|
4267
4267
|
"scripts/cb991e60689f62d952f3.js",
|
|
4268
4268
|
"scripts/ddf66730471a7e9e83ca.js",
|
|
4269
|
-
"scripts/
|
|
4269
|
+
"scripts/7cd344dfc0791f0369f2.js",
|
|
4270
4270
|
"scripts/a8d64ebdc7d352c8d8c9.js",
|
|
4271
4271
|
"scripts/75b9707f384a0c31d152.js",
|
|
4272
4272
|
"scripts/e01813d62c6f24305645.js",
|
|
4273
|
-
"scripts/
|
|
4273
|
+
"scripts/8d02b002771a5368dec4.js",
|
|
4274
4274
|
"scripts/c3aa3994aa130f3a5293.js",
|
|
4275
4275
|
"scripts/aedfd3dedb2c9a9c6f00.js",
|
|
4276
4276
|
"scripts/e7d72f96e161868df5a5.js",
|
|
4277
|
-
"scripts/
|
|
4277
|
+
"scripts/b60ba68449fbe9f6ee9f.js"
|
|
4278
4278
|
],
|
|
4279
4279
|
"styles": [
|
|
4280
4280
|
"styles/b99ef3e263a887f4008c.css",
|
|
4281
4281
|
"styles/7da7401effb5a920d797.css",
|
|
4282
4282
|
"styles/10c1fb0cd68c7fbf0cc8.css",
|
|
4283
4283
|
"styles/e210ab918786c10ee410.css",
|
|
4284
|
-
"styles/
|
|
4284
|
+
"styles/7cd344dfc0791f0369f2.css",
|
|
4285
4285
|
"styles/a8d64ebdc7d352c8d8c9.css",
|
|
4286
|
-
"styles/
|
|
4286
|
+
"styles/8d02b002771a5368dec4.css",
|
|
4287
4287
|
"styles/c3aa3994aa130f3a5293.css",
|
|
4288
4288
|
"styles/aedfd3dedb2c9a9c6f00.css",
|
|
4289
4289
|
"styles/e7d72f96e161868df5a5.css",
|
|
4290
|
-
"styles/
|
|
4290
|
+
"styles/b60ba68449fbe9f6ee9f.css"
|
|
4291
4291
|
]
|
|
4292
4292
|
},
|
|
4293
4293
|
"VsMegalinkLinkList": {
|
|
@@ -5003,7 +5003,7 @@
|
|
|
5003
5003
|
"scripts/7da7401effb5a920d797.js",
|
|
5004
5004
|
"scripts/cb991e60689f62d952f3.js",
|
|
5005
5005
|
"scripts/468a11349fa6accfd682.js",
|
|
5006
|
-
"scripts/
|
|
5006
|
+
"scripts/7cd344dfc0791f0369f2.js",
|
|
5007
5007
|
"scripts/9a1bce46b5c164f4115a.js",
|
|
5008
5008
|
"scripts/0aa3886d899776d7b7da.js",
|
|
5009
5009
|
"scripts/334cd9bbb901392b040c.js",
|
|
@@ -5019,7 +5019,7 @@
|
|
|
5019
5019
|
"styles/b99ef3e263a887f4008c.css",
|
|
5020
5020
|
"styles/7da7401effb5a920d797.css",
|
|
5021
5021
|
"styles/468a11349fa6accfd682.css",
|
|
5022
|
-
"styles/
|
|
5022
|
+
"styles/7cd344dfc0791f0369f2.css",
|
|
5023
5023
|
"styles/9a1bce46b5c164f4115a.css",
|
|
5024
5024
|
"styles/334cd9bbb901392b040c.css",
|
|
5025
5025
|
"styles/9cc884955ede1a1f19dc.css",
|
|
@@ -5075,7 +5075,7 @@
|
|
|
5075
5075
|
"scripts/ecba1219a13304ea7c57.js",
|
|
5076
5076
|
"scripts/cb991e60689f62d952f3.js",
|
|
5077
5077
|
"scripts/468a11349fa6accfd682.js",
|
|
5078
|
-
"scripts/
|
|
5078
|
+
"scripts/7cd344dfc0791f0369f2.js",
|
|
5079
5079
|
"scripts/9a1bce46b5c164f4115a.js",
|
|
5080
5080
|
"scripts/0aa3886d899776d7b7da.js",
|
|
5081
5081
|
"scripts/334cd9bbb901392b040c.js",
|
|
@@ -5094,7 +5094,7 @@
|
|
|
5094
5094
|
"styles/08c560098b456a366031.css",
|
|
5095
5095
|
"styles/ecba1219a13304ea7c57.css",
|
|
5096
5096
|
"styles/468a11349fa6accfd682.css",
|
|
5097
|
-
"styles/
|
|
5097
|
+
"styles/7cd344dfc0791f0369f2.css",
|
|
5098
5098
|
"styles/9a1bce46b5c164f4115a.css",
|
|
5099
5099
|
"styles/334cd9bbb901392b040c.css",
|
|
5100
5100
|
"styles/9cc884955ede1a1f19dc.css",
|
|
@@ -5335,16 +5335,16 @@
|
|
|
5335
5335
|
"scripts/3c09cde7a24704422b11.js",
|
|
5336
5336
|
"scripts/cff7036a8ca3b237af01.js",
|
|
5337
5337
|
"scripts/cb991e60689f62d952f3.js",
|
|
5338
|
-
"scripts/
|
|
5339
|
-
"scripts/
|
|
5338
|
+
"scripts/7cd344dfc0791f0369f2.js",
|
|
5339
|
+
"scripts/8d02b002771a5368dec4.js",
|
|
5340
5340
|
"scripts/c9fa6fdf02a57f40f869.js"
|
|
5341
5341
|
],
|
|
5342
5342
|
"styles": [
|
|
5343
5343
|
"styles/b99ef3e263a887f4008c.css",
|
|
5344
5344
|
"styles/7da7401effb5a920d797.css",
|
|
5345
5345
|
"styles/10c1fb0cd68c7fbf0cc8.css",
|
|
5346
|
-
"styles/
|
|
5347
|
-
"styles/
|
|
5346
|
+
"styles/7cd344dfc0791f0369f2.css",
|
|
5347
|
+
"styles/8d02b002771a5368dec4.css"
|
|
5348
5348
|
]
|
|
5349
5349
|
},
|
|
5350
5350
|
"VsSiteSearch": {
|
|
@@ -5811,7 +5811,7 @@
|
|
|
5811
5811
|
"scripts/cff7036a8ca3b237af01.js",
|
|
5812
5812
|
"scripts/077c72e7dc8ee488523c.js",
|
|
5813
5813
|
"scripts/8f4c38391eb16cc6adfb.js",
|
|
5814
|
-
"scripts/
|
|
5814
|
+
"scripts/a67c811e7eceaf13ef0f.js"
|
|
5815
5815
|
],
|
|
5816
5816
|
"styles": [
|
|
5817
5817
|
"styles/b99ef3e263a887f4008c.css",
|
|
@@ -5819,7 +5819,7 @@
|
|
|
5819
5819
|
"styles/08c560098b456a366031.css",
|
|
5820
5820
|
"styles/077c72e7dc8ee488523c.css",
|
|
5821
5821
|
"styles/8f4c38391eb16cc6adfb.css",
|
|
5822
|
-
"styles/
|
|
5822
|
+
"styles/a67c811e7eceaf13ef0f.css"
|
|
5823
5823
|
]
|
|
5824
5824
|
},
|
|
5825
5825
|
"VsStyledList": {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2142],{80384:function(){},55846:function(t,e,n){"use strict";var a=n(59639),i=n(34352),r=n(48836),l=n(85510),u=n(68269);e.A={name:"VsInput",status:"prototype",release:"0.0.1",components:{BFormInput:i.bL,VsButton:r.default},mixins:[l.A,u.A],props:{value:{type:String,default:""},fieldName:{type:String,required:!0},name:{type:String,default:""},type:{type:String,default:"text"},autoComplete:{type:Boolean,default:!0},validationRules:{type:Object,default:function(){return{}}},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},triggerValidate:{type:Boolean,default:!1},validationMessages:{type:Object,default:function(){return{}}},genericValidation:{type:Object,default:function(){return{}}},hintText:{type:String,default:""},clearButtonText:{type:String,default:""},placeholder:{type:String,default:""},reAlertErrors:{type:Boolean,default:!1}},emits:["updated"],setup:function(){return{v$:(0,a.Ay)()}},data:function(){return{inputVal:this.value,clearErrorsOnFocus:!1}},computed:{elementClass:function(){var t="";(this.isInvalid||this.errorsList.length)&&(t="vs-input--error");var e="vs-input--".concat(this.fieldName);return"".concat(e," ").concat(t)},showClearButton:function(){return!(!this.inputVal.length||""===this.clearButtonText)}},watch:{triggerValidate:function(){this.manualValidate()},inputVal:function(t){this.$emit("updated",{field:this.fieldName,value:t})},value:function(t){this.inputVal=t}},methods:{clearInput:function(){this.inputVal=""},focusOnInput:function(){var t=this;this.$nextTick((function(){t.$refs.input.$el.focus()}))},clearInputAndFocus:function(){this.clearInput(),this.focusOnInput()},autocompleteValue:function(t){var e;switch(t){case"firstName":e="given-name";break;case"lastName":e="family-name";break;case"Email":e="email";break;case"PostalCode":e="postal-code";break;default:e=this.autoComplete?"on":"off"}return e},validateErrors:function(){this.clearErrorsOnFocus=!1,this.emitStatus()},resetErrors:function(){this.clearErrorsOnFocus=!0}},validations:function(){return this.rules}}},44283:function(t,e,n){"use strict";n.d(e,{X:function(){return c}});var a=n(20641),i=n(90033),r=n(53751),l={"data-test":"vs-input"},u=["id"],o=["id"],s={class:"visually-hidden"};function c(t,e,n,c,d,p){var f=(0,a.g2)("BFormInput"),m=(0,a.g2)("VsButton");return(0,a.uX)(),(0,a.CE)("div",l,[n.hintText?((0,a.uX)(),(0,a.CE)("p",{key:0,class:"hint-text",id:"hint-".concat(n.fieldName)},(0,i.toDisplayString)(n.hintText),9,u)):(0,a.Q3)("",!0),t.errorsList.length||n.invalid?((0,a.uX)(),(0,a.CE)("div",{key:1,role:"alert","aria-live":"assertive",id:"error-".concat(n.fieldName)},[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(t.errorsList,(function(t){return(0,a.bo)(((0,a.uX)(),(0,a.CE)("p",{key:t,class:"error mb-0"},[(0,a.Lk)("span",s,(0,i.toDisplayString)(n.fieldName),1),(0,a.eW)(" "+(0,i.toDisplayString)(n.validationMessages[t]||n.genericValidation[t]),1)])),[[r.vShow,!n.reAlertErrors&&!d.clearErrorsOnFocus]])})),128))],8,o)):(0,a.Q3)("",!0),(0,a.bF)(f,{ref:"input",type:n.type,class:(0,i.normalizeClass)(["vs-input",[d.inputVal?"show-cancel":"",p.elementClass]]),modelValue:d.inputVal,"onUpdate:modelValue":e[0]||(e[0]=function(t){return d.inputVal=t}),id:n.fieldName,name:n.name?n.name:n.fieldName,placeholder:n.placeholder,required:t.isRequired,autocomplete:p.autocompleteValue(n.fieldName),v:d.inputVal,"aria-invalid":t.v$.inputVal&&t.v$.inputVal.$anyError||n.invalid,"aria-describedby":t.ariaDescription,maxlength:n.validationRules.maxLength?n.validationRules.maxLength:null,minlength:n.validationRules.minLength?n.validationRules.minLength:null,min:void 0!==n.validationRules.min?n.validationRules.min:null,max:void 0!==n.validationRules.max?n.validationRules.max:null,disabled:n.disabled,onBlur:p.validateErrors,onChange:p.validateErrors,onFocus:p.resetErrors},null,8,["type","modelValue","class","id","name","placeholder","required","autocomplete","v","aria-invalid","aria-describedby","maxlength","minlength","min","max","disabled","onBlur","onChange","onFocus"]),p.showClearButton?((0,a.uX)(),(0,a.Wv)(m,{key:2,class:"vs-input__clear-button d-none d-lg-block","data-test":"input-clear-button",variant:"transparent",icon:"close",size:"md","icon-only":"",onClick:e[1]||(e[1]=(0,r.withModifiers)((function(t){return p.clearInputAndFocus()}),["prevent"]))},{default:(0,a.k6)((function(){return[(0,a.eW)((0,i.toDisplayString)(n.clearButtonText),1)]})),_:1})):(0,a.Q3)("",!0)])}},32918:function(t,e,n){"use strict";var a=n(85072),i=n.n(a),r=n(97825),l=n.n(r),u=n(77659),o=n.n(u),s=n(55056),c=n.n(s),d=n(10540),p=n.n(d),f=n(41113),m=n.n(f),v=n(80384),h=n.n(v),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=p(),i()(h(),y),h()&&h().locals&&h().locals},22142:function(t,e,n){"use strict";n.r(e);var a=n(97816),i=n(14810);n(91930);const r=(0,n(66262).A)(i.A,[["render",a.X]]);e.default=r},14810:function(t,e,n){"use strict";n.d(e,{A:function(){return a.A}});var a=n(55846)},97816:function(t,e,n){"use strict";n.d(e,{X:function(){return a.X}});var a=n(44283)},91930:function(t,e,n){"use strict";n(32918)}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2152],{73543:function(){},19348:function(t,e,n){"use strict";var s=n(46422),o=n(22142),r=n(48836),a=n(11438);e.A={name:"VsSiteSearchForm",status:"prototype",release:"0.0.1",components:{VsIcon:s.default,VsInput:o.default,VsButton:r.default,VsCol:a.Il,VsRow:a.AQ,VsContainer:a.T$},props:{isShowing:{type:Boolean,default:!1},labelText:{type:String,default:""},submitButtonText:{type:String,default:""},clearButtonText:{type:String,default:""},closeButtonText:{type:String,default:""}},emits:["toggleAction"],data:function(){return{searchTerm:"",showSearchForm:!0}},watch:{isShowing:function(t){t&&this.focusOnInput()}},methods:{focusOnInput:function(){var t=this;this.$nextTick((function(){return t.$refs.searchInput.$refs.input.focus()}))},tabFromClose:function(t){t.shiftKey||this.closeSearchForm()},updateVal:function(t){this.searchTerm=t.value},onSubmit:function(t){""===this.searchTerm&&t.preventDefault()},closeSearchForm:function(){this.$emit("toggleAction",this.showSearchForm)}}}},943:function(t,e,n){"use strict";n.d(e,{X:function(){return f}});var s=n(20641),o=n(90033),r=n(53751),a={key:0,class:"vs-site-search-form","data-test":"vs-site-search-form"},i={class:"cludo-input-form d-flex align-items-start",role:"search",id:"cludo-search-input"},c={class:"d-flex flex-column flex-grow-1 position-relative"},u={for:"site-search",class:"vs-site-search-form__label"},l={class:"visually-hidden"};function f(t,e,n,f,d,h){var p=(0,s.g2)("VsIcon"),m=(0,s.g2)("VsInput"),b=(0,s.g2)("VsButton"),g=(0,s.g2)("VsCol"),v=(0,s.g2)("VsRow"),y=(0,s.g2)("VsContainer");return d.showSearchForm?((0,s.uX)(),(0,s.CE)("div",a,[(0,s.bF)(y,{fluid:"lg"},{default:(0,s.k6)((function(){return[(0,s.bF)(v,null,{default:(0,s.k6)((function(){return[(0,s.bF)(g,{cols:"12"},{default:(0,s.k6)((function(){return[(0,s.Lk)("div",i,[(0,s.Lk)("div",c,[(0,s.Lk)("label",u,[(0,s.Lk)("span",l,(0,o.toDisplayString)(n.labelText),1),(0,s.bF)(p,{name:"search",size:"xs"})]),(0,s.bF)(m,{class:"vs-site-search-form__input cludo-input-form__input",ref:"searchInput",name:"searchrequest",type:"search","field-name":"site-search",placeholder:n.labelText,"auto-complete":!1,onUpdated:h.updateVal},null,8,["placeholder","onUpdated"])]),(0,s.bF)(b,{type:"submit",class:"vs-site-search-form__search-button cludo-input-form__search-button",variant:"primary",size:"lg",rounded:!1,onClick:h.closeSearchForm},{default:(0,s.k6)((function(){return[(0,s.eW)((0,o.toDisplayString)(n.submitButtonText),1)]})),_:1},8,["onClick"])])]})),_:1})]})),_:1})]})),_:1}),(0,s.bF)(b,{class:"vs-site-search-form__close-button d-none d-lg-block",variant:"transparent",icon:"close",size:"md","icon-only":"",onClick:h.closeSearchForm,onKeydown:(0,r.withKeys)(h.tabFromClose,["tab"])},{default:(0,s.k6)((function(){return[(0,s.eW)((0,o.toDisplayString)(n.closeButtonText),1)]})),_:1},8,["onClick","onKeydown"])])):(0,s.Q3)("",!0)}},35017:function(t,e,n){"use strict";var s=n(85072),o=n.n(s),r=n(97825),a=n.n(r),i=n(77659),c=n.n(i),u=n(55056),l=n.n(u),f=n(10540),d=n.n(f),h=n(41113),p=n.n(h),m=n(73543),b=n.n(m),g={};g.styleTagTransform=p(),g.setAttributes=l(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=d(),o()(b(),g),b()&&b().locals&&b().locals},12152:function(t,e,n){"use strict";n.r(e);var s=n(46591),o=n(71496);n(37109);const r=(0,n(66262).A)(o.A,[["render",s.X]]);e.default=r},71496:function(t,e,n){"use strict";n.d(e,{A:function(){return s.A}});var s=n(19348)},46591:function(t,e,n){"use strict";n.d(e,{X:function(){return s.X}});var s=n(943)},37109:function(t,e,n){"use strict";n(35017)}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsStyledListItem=e():t.VsStyledListItem=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[7726],{77156:function(){},35983:function(t,e,n){"use strict";var i=n(20641),r=n(50953),u=n(90033),a=n(2543),l=n(13838),o=n(31574),s=n(72958),c=n(11438),d={class:"vs-styled-list__item","data-test":"vs-styled-list__item"};e.A={__name:"StyledListItem",props:{heading:{type:String,required:!0},headingLevel:{type:Number,default:3,validator:function(t){return(0,a.isNumber)(t)?t>0&&t<7:t.match(/(1|2|3|4|5|6)/)}},imageSrc:{type:String,default:null},variant:{type:String,default:"icon",validator:function(t){return["icon","image","image-horizontal","numbered"].includes(t)}},anchorLink:{type:String,default:""}},setup:function(t){var e=t;return function(n,a){return(0,i.uX)(),(0,i.CE)("li",d,[(0,i.bF)((0,r.R1)(c.AQ),null,{default:(0,i.k6)((function(){return["image"===e.variant?((0,i.uX)(),(0,i.Wv)((0,r.R1)(c.Il),{key:0,cols:"12",md:"2"},{default:(0,i.k6)((function(){return[(0,i.bF)(o.default,{src:e.imageSrc},null,8,["src"])]})),_:1})):(0,i.Q3)("",!0),(0,i.bF)((0,r.R1)(c.Il),{md:"image"===e.variant?"10":"12"},{default:(0,i.k6)((function(){return["image-horizontal"===e.variant?((0,i.uX)(),(0,i.Wv)(o.default,{key:0,src:e.imageSrc},null,8,["src"])):(0,i.Q3)("",!0),(0,i.bF)(l.default,{level:e.headingLevel,"heading-style":"heading-xxs",id:t.anchorLink?t.anchorLink:""},{default:(0,i.k6)((function(){return[(0,i.eW)((0,u.toDisplayString)(t.heading),1)]})),_:1},8,["level","id"]),(0,i.bF)(s.default,null,{default:(0,i.k6)((function(){return[(0,i.RG)(n.$slots,"default")]})),_:3})]})),_:3},8,["md"])]})),_:3})])}}}},31478:function(t,e,n){"use strict";var i=n(85072),r=n.n(i),u=n(97825),a=n.n(u),l=n(77659),o=n.n(l),s=n(55056),c=n.n(s),d=n(10540),f=n.n(d),m=n(41113),p=n.n(m),y=n(77156),v=n.n(y),g={};g.styleTagTransform=p(),g.setAttributes=c(),g.insert=o().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=f(),r()(v(),g),v()&&v().locals&&v().locals},74999:function(t,e,n){"use strict";n.r(e);var i=n(66283);n(87338);const r=i.A;e.default=r},66283:function(t,e,n){"use strict";n.d(e,{A:function(){return i.A}});var i=n(35983)},87338:function(t,e,n){"use strict";n(31478)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,2543,6422,8638,2368,3838,7521,1438,1574,2958],(function(){return t(t.s=74999)})),t.O()}])}));
|
|
@@ -0,0 +1 @@
|
|
|
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],{60477:function(){},86309:function(e,t,n){"use strict";var o=n(11438),a=n(47553),s=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:a.default,VsMegaNavTopMenu:s.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))}))}}}},7553:function(e,t,n){"use strict";n.d(t,{X:function(){return l}});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"},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,a.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?"close":"bars-mobile-menu",variant:"transparent",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,a.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"]),[[s.vShow,r.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},45255:function(e,t,n){"use strict";var o=n(85072),a=n.n(o),s=n(97825),i=n.n(s),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(60477),h=n.n(m),b={};b.styleTagTransform=v(),b.setAttributes=c(),b.insert=l().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(82673),a=n(16649);n(52515);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)},82673:function(e,t,n){"use strict";n.d(t,{X:function(){return o.X}});var o=n(7553)},52515:function(e,t,n){"use strict";n(45255)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,7800,3453,281,6422,8745,8836,8638,2368,7521,1438,5676,4282,4982,2142,4448,6494,7553,2152,7033,4953,1718],(function(){return e(e.s=77311)})),e.O()}])}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{font-size:1rem;color:#940f2c;display:block}.hint-text{font-size:1rem;color:#606060;margin-bottom:0}.vs-input{border:#535396 1px solid;margin-top:.5rem}.vs-input.form-control-md{height:50px}.vs-input:focus{border-color:#3369ff;box-shadow:0 0 0 2px #3369ff inset;outline:none}.vs-input--error{border-color:#940f2c;box-shadow:0 0 0 2px #940f2c inset}.vs-input:disabled{background-color:#fff;border-color:#909090;color:#909090}.vs-input__clear-button{position:absolute;right:1.25rem;top:50%;transform:translate(0, -50%)}input[type=search].show-cancel::-webkit-search-cancel-button{-webkit-appearance:none;display:block;opacity:1 !important;width:16px;height:16px;background-image:url(data:image/svg+xml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCA1MTIiIGZpbGw9IiMxZjQ5ZDYiPjxwYXRoIGQ9Ik0zNDIuNiAxNTAuNmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwxOTIgMjEwLjcgODYuNiAxMDUuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNMMTQ2LjcgMjU2IDQxLjQgMzYxLjRjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zczMyLjggMTIuNSA0NS4zIDBMMTkyIDMwMS4zIDI5Ny40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwczEyLjUtMzIuOCAwLTQ1LjNMMjM3LjMgMjU2IDM0Mi42IDE1MC42eiIvPjwvc3ZnPg0K);background-repeat:no-repeat}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vs-site-search-form{background-color:rgba(242,242,248,.75);backdrop-filter:blur(30px);padding:1.25rem 0;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.vs-site-search-form{padding:2rem 0}}.vs-site-search-form .cludo-input-form{margin:0}@media(min-width: 992px){.vs-site-search-form .cludo-input-form{margin:.5rem 0}}@media(min-width: 1200px){.vs-site-search-form .cludo-input-form{margin:1rem 0}}.vs-site-search-form__label{position:absolute;left:.75rem;top:50%;transform:translate(0, -50%)}@media(min-width: 992px){.vs-site-search-form__label{left:1.5rem}.vs-site-search-form__label .vs-icon{font-size:20px}}.vs-site-search-form .vs-input--site-search.form-control{font-size:1rem;height:50px;padding:.75rem 1.25rem .75rem 2.5rem;margin:0;border-color:#fff}.vs-site-search-form .vs-input--site-search.form-control:focus{border-color:#3369ff;box-shadow:0 0 0 2px #3369ff inset;outline:none}@media(min-width: 992px){.vs-site-search-form .vs-input--site-search.form-control{padding:1rem 1rem 1rem 4rem;font-size:1.25rem;height:64px}}.vs-site-search-form__search-button.btn-lg{height:50px;padding:.75rem .5rem;font-size:.875rem}@media(min-width: 992px){.vs-site-search-form__search-button.btn-lg{height:64px;padding:.75rem 2rem;font-size:1rem}}.vs-site-search-form__close-button{position:absolute;right:8px;top:6px}@media(min-width: 1200px){.vs-site-search-form__close-button{right:1rem;top:.5rem}}
|
|
@@ -22,6 +22,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
22
22
|
};
|
|
23
23
|
/**
|
|
24
24
|
* Text that renders inside the clear button (visually-hidden)
|
|
25
|
+
* DEPRECATED
|
|
25
26
|
*/
|
|
26
27
|
clearButtonText: {
|
|
27
28
|
type: StringConstructor;
|
|
@@ -83,6 +84,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
83
84
|
};
|
|
84
85
|
/**
|
|
85
86
|
* Text that renders inside the clear button (visually-hidden)
|
|
87
|
+
* DEPRECATED
|
|
86
88
|
*/
|
|
87
89
|
clearButtonText: {
|
|
88
90
|
type: StringConstructor;
|
|
@@ -589,7 +591,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
589
591
|
"onUpdate:modelValue"?: ((val: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish | null) => any) | undefined;
|
|
590
592
|
}, {
|
|
591
593
|
number: boolean;
|
|
592
|
-
type: import('bootstrap-vue-next'
|
|
594
|
+
type: import('bootstrap-vue-next' /**
|
|
595
|
+
* Puts focus on input when form is opened
|
|
596
|
+
*/).InputType;
|
|
593
597
|
trim: boolean;
|
|
594
598
|
name: string;
|
|
595
599
|
id: string;
|
|
@@ -6,11 +6,13 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
|
|
|
6
6
|
declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
7
7
|
variant: string;
|
|
8
8
|
headingLevel: number;
|
|
9
|
+
anchorLink: string;
|
|
9
10
|
heading: string;
|
|
10
11
|
imageSrc?: string;
|
|
11
12
|
$props: {
|
|
12
13
|
readonly variant?: string;
|
|
13
14
|
readonly headingLevel?: number;
|
|
15
|
+
readonly anchorLink?: string;
|
|
14
16
|
readonly heading?: string;
|
|
15
17
|
readonly imageSrc?: string;
|
|
16
18
|
};
|
|
@@ -42,11 +42,13 @@ declare const _default: {
|
|
|
42
42
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
|
|
43
43
|
variant: string;
|
|
44
44
|
headingLevel: number;
|
|
45
|
+
anchorLink: string;
|
|
45
46
|
heading: string;
|
|
46
47
|
imageSrc?: string;
|
|
47
48
|
$props: {
|
|
48
49
|
readonly variant?: string;
|
|
49
50
|
readonly headingLevel?: number;
|
|
51
|
+
readonly anchorLink?: string;
|
|
50
52
|
readonly heading?: string;
|
|
51
53
|
readonly imageSrc?: string;
|
|
52
54
|
};
|
|
@@ -60,11 +62,13 @@ declare const _default: {
|
|
|
60
62
|
}, Readonly<{}> & Readonly<{}>, {
|
|
61
63
|
variant: string;
|
|
62
64
|
headingLevel: number;
|
|
65
|
+
anchorLink: string;
|
|
63
66
|
heading: string;
|
|
64
67
|
imageSrc?: string;
|
|
65
68
|
$props: {
|
|
66
69
|
readonly variant?: string;
|
|
67
70
|
readonly headingLevel?: number;
|
|
71
|
+
readonly anchorLink?: string;
|
|
68
72
|
readonly heading?: string;
|
|
69
73
|
readonly imageSrc?: string;
|
|
70
74
|
};
|
|
@@ -75,11 +79,13 @@ declare const _default: {
|
|
|
75
79
|
} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
|
76
80
|
variant: string;
|
|
77
81
|
headingLevel: number;
|
|
82
|
+
anchorLink: string;
|
|
78
83
|
heading: string;
|
|
79
84
|
imageSrc?: string;
|
|
80
85
|
$props: {
|
|
81
86
|
readonly variant?: string;
|
|
82
87
|
readonly headingLevel?: number;
|
|
88
|
+
readonly anchorLink?: string;
|
|
83
89
|
readonly heading?: string;
|
|
84
90
|
readonly imageSrc?: string;
|
|
85
91
|
};
|