@visitscotland/component-library 5.3.5 → 5.3.7

package/dist/client/scripts/3c43742bafefc148ceb8.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.VsFooterSocialItem=t():e.VsFooterSocialItem=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3199],{257:function(e,t,n){"use strict";n.d(t,{A:function(){return r.A}});var r=n(82445)},17391:function(){},29421:function(e,t,n){"use strict";var r=n(85072),i=n.n(r),o=n(97825),a=n.n(o),s=n(77659),c=n.n(s),u=n(55056),l=n.n(u),f=n(10540),d=n.n(f),p=n(41113),v=n.n(p),m=n(17391),b=n.n(m),y={};y.styleTagTransform=v(),y.setAttributes=l(),y.insert=c().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=d(),i()(b(),y),b()&&b().locals&&b().locals},34231:function(e,t,n){"use strict";n.d(t,{X:function(){return r.X}});var r=n(53415)},46737:function(e,t,n){"use strict";n(29421)},53415:function(e,t,n){"use strict";n.d(t,{X:function(){return o}});var r=n(20641),i={class:"vs-footer-social-item","data-test":"vs-footer-social-item"};function o(e,t,n,o,a,s){var c=(0,r.g2)("VsIcon"),u=(0,r.g2)("VsLink");return(0,r.uX)(),(0,r.CE)("li",i,[(0,r.bF)(u,{"data-test":"vs-footer-social-item__link",href:n.href,type:"external","aria-label":n.ariaLabelOverride?n.ariaLabelOverride:n.icon,"data-layer-value":"socialMediaExternalLinkDataEvent"},{default:(0,r.k6)((function(){return[(0,r.bF)(c,{icon:n.icon,variant:"inverse",size:"sm"},null,8,["icon"])]})),_:1},8,["href","aria-label"])])}},63731:function(e,t,n){"use strict";n.r(t);var r=n(34231),i=n(257);n(46737);const o=(0,n(66262).A)(i.A,[["render",r.X]]);t.default=o},82445:function(e,t,n){"use strict";var r=n(45676),i=n(46422),o=n(98745);t.A={name:"VsFooterSocialItem",status:"prototype",release:"0.0.1",components:{VsLink:r.default,VsIcon:i.default},mixins:[o.default],props:{href:{type:String,required:!0},icon:{type:String,required:!0},ariaLabelOverride:{type:String,default:""}}}}},function(e){return e.O(0,[641,6262,7510,3751,4467,7527,8086,810,4982,6422,8745,5676],(function(){return e(e.s=63731)})),e.O()}])}));

package/dist/client/scripts/{411073411fd0f535b394.js → 86940ccf9309a79ad737.js}

@@ -1 +1 @@
-(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8836],{5468:function(t,n,i){"use strict";var e=i(34352),s=i(46422),a=i(98745);n.A={name:"VsButton",status:"prototype",release:"0.0.1",components:{BButton:e.PF,VsIcon:s.default},mixins:[a.default],props:{href:{type:String,default:null},tabindex:{type:String,default:null},variant:{type:String,default:"primary",validator:function(t){return t.match(/(primary|secondary|subtle)/)}},size:{type:String,default:"md",validator:function(t){return t.match(/(sm|md|lg)/)}},animate:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},icon:{type:String,default:""},iconOnly:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:function(t){return t.match(/(left|right)/)}}},emits:["btnFocus"],data:function(){return{isAnimating:!1}},computed:{buttonClasses:function(){return[{"vs-button--animated":this.animate&&!this.iconOnly,"vs-button--is-animating":this.isAnimating,"vs-button--rounded":this.rounded,"vs-button--icon-only":this.iconOnly,"button-flex":this.icon&&!this.iconOnly,"vs-button--flex-reverse":"right"===this.iconPosition}]},iconClasses:function(){return[{"vs-icon--right":"right"===this.iconPosition,"vs-icon--left":"left"===this.iconPosition}]}},methods:{animateHandler:function(t){var n=this;this.isAnimating=!0,setTimeout((function(){n.isAnimating=!1}),1e3),null!==this.href&&(t.preventDefault(),this.trackLink(t))},tabbedIn:function(t){this.$emit("btnFocus",t)},trackLink:function(t){var n;n=this.href.includes("http")?"externalLinkDataEvent":"internalLinkDataEvent",this.createDataLayerObject(n,t,this.href),"#"!==this.href&&null!==this.href&&(window.location.href=this.href)}}}},12558:function(t,n,i){"use strict";i.d(n,{X:function(){return o}});var e=i(20641),s=i(53751),a=i(90033);function o(t,n,i,o,r,u){var l=(0,e.g2)("VsIcon"),c=(0,e.g2)("BButton");return(0,e.uX)(),(0,e.Wv)(c,(0,e.v6)({variant:i.variant,href:i.href||void 0,tabindex:i.tabindex||void 0,class:["vs-button justify-content-center",u.buttonClasses],size:i.size},t.$attrs,{"aria-disabled":!!t.$attrs.disabled,onClick:n[0]||(n[0]=function(t){return u.animateHandler(t)}),onKeyup:(0,s.withKeys)(u.tabbedIn,["tab"])}),{default:(0,e.k6)((function(){return[i.icon?((0,e.uX)(),(0,e.Wv)(l,{key:0,class:(0,a.normalizeClass)(["align-self-center",u.iconClasses]),icon:i.icon,size:"xs",padding:0},null,8,["icon","class"])):(0,e.Q3)("",!0),(0,e.Lk)("span",{class:(0,a.normalizeClass)(["vs-button__text",{"visually-hidden":i.iconOnly}])},[(0,e.RG)(t.$slots,"default")],2)]})),_:3},16,["variant","href","tabindex","class","size","aria-disabled","onKeyup"])}},48836:function(t,n,i){"use strict";i.r(n);var e=i(12558),s=i(68176);i(73472);const a=(0,i(66262).A)(s.A,[["render",e.X]]);n.default=a},68176:function(t,n,i){"use strict";i.d(n,{A:function(){return e.A}});var e=i(5468)},69460:function(t,n,i){"use strict";var e=i(85072),s=i.n(e),a=i(97825),o=i.n(a),r=i(77659),u=i.n(r),l=i(55056),c=i.n(l),d=i(10540),f=i.n(d),h=i(41113),v=i.n(h),m=i(77586),b=i.n(m),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=f(),s()(b(),y),b()&&b().locals&&b().locals},73472:function(t,n,i){"use strict";i(69460)},77586:function(){}}]);
+(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8836],{5468:function(t,n,i){"use strict";var e=i(34352),s=i(46422),a=i(98745);n.A={name:"VsButton",status:"prototype",release:"0.0.1",components:{BButton:e.PF,VsIcon:s.default},mixins:[a.default],props:{href:{type:String,default:null},tabindex:{type:String,default:null},variant:{type:String,default:"primary",validator:function(t){return t.match(/(primary|secondary|subtle)/)}},size:{type:String,default:"md",validator:function(t){return t.match(/(sm|md|lg)/)}},animate:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},icon:{type:String,default:""},iconOnly:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:function(t){return t.match(/(left|right)/)}}},emits:["btnFocus"],data:function(){return{isAnimating:!1}},computed:{buttonClasses:function(){return[{"vs-button--animated":this.animate&&!this.iconOnly,"vs-button--is-animating":this.isAnimating,"vs-button--rounded":this.rounded,"vs-button--icon-only":this.iconOnly,"button-flex":this.icon&&!this.iconOnly,"vs-button--flex-reverse":"right"===this.iconPosition}]},iconClasses:function(){return[{"vs-icon--right":"right"===this.iconPosition,"vs-icon--left":"left"===this.iconPosition}]}},methods:{animateHandler:function(t){var n=this;this.isAnimating=!0,setTimeout((function(){n.isAnimating=!1}),1e3),null!==this.href&&(t.preventDefault(),this.trackLink(t))},tabbedIn:function(t){this.$emit("btnFocus",t)},trackLink:function(t){var n;n=this.href.includes("http")?"externalLinkDataEvent":"internalLinkDataEvent",this.createDataLayerObject(n,t,this.href),"#"!==this.href&&null!==this.href&&(window.location.href=this.href)}}}},18158:function(t,n,i){"use strict";i(31810)},22280:function(t,n,i){"use strict";i.d(n,{X:function(){return o}});var e=i(20641),s=i(53751),a=i(90033);function o(t,n,i,o,r,u){var l=(0,e.g2)("VsIcon"),c=(0,e.g2)("BButton");return(0,e.uX)(),(0,e.Wv)(c,(0,e.v6)({variant:i.variant,href:i.href||void 0,tabindex:i.tabindex||void 0,class:["vs-button justify-content-center",u.buttonClasses],size:i.size},t.$attrs,{"aria-disabled":!!t.$attrs.disabled,onClick:n[0]||(n[0]=function(t){return u.animateHandler(t)}),onKeyup:(0,s.withKeys)(u.tabbedIn,["tab"])}),{default:(0,e.k6)((function(){return[i.icon?((0,e.uX)(),(0,e.Wv)(l,{key:0,class:(0,a.normalizeClass)(["align-self-center",u.iconClasses]),icon:i.icon,size:"xs",padding:0},null,8,["icon","class"])):(0,e.Q3)("",!0),(0,e.Lk)("span",{class:(0,a.normalizeClass)(["vs-button__text",{"visually-hidden":i.iconOnly}])},[(0,e.RG)(t.$slots,"default")],2)]})),_:3},16,["variant","href","tabindex","class","size","aria-disabled","onKeyup"])}},31810:function(t,n,i){"use strict";var e=i(85072),s=i.n(e),a=i(97825),o=i.n(a),r=i(77659),u=i.n(r),l=i(55056),c=i.n(l),d=i(10540),f=i.n(d),h=i(41113),v=i.n(h),m=i(52228),b=i.n(m),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=f(),s()(b(),y),b()&&b().locals&&b().locals},48836:function(t,n,i){"use strict";i.r(n);var e=i(22280),s=i(68176);i(18158);const a=(0,i(66262).A)(s.A,[["render",e.X]]);n.default=a},52228:function(){},68176:function(t,n,i){"use strict";i.d(n,{A:function(){return e.A}});var e=i(5468)}}]);

package/dist/client/styles/86940ccf9309a79ad737.css

@@ -0,0 +1 @@
+.vs-button{font-weight:600;transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;border-width:2px;line-height:1.5}.vs-button.btn:focus-visible,.vs-button:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3369ff}.vs-button.btn-primary.disabled,.vs-button.btn-primary:disabled,.vs-button.btn-secondary.disabled,.vs-button.btn-secondary:disabled,.vs-button.btn-subtle:not(.vs-main-map-category__button).disabled,.vs-button.btn-subtle:not(.vs-main-map-category__button):disabled{background-color:#e9e9e9;border-color:#e9e9e9;color:#909090}.vs-button.btn-primary.disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-primary:disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-secondary.disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-secondary:disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-subtle:not(.vs-main-map-category__button).disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-subtle:not(.vs-main-map-category__button):disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#909090}.vs-button.btn:focus-visible{border-color:#1f49d6}.vs-button .vs-icon{margin-top:-0.05rem}.vs-button .vs-icon--right{margin-left:.25rem}.vs-button .vs-icon--left{margin-right:.25rem}.vs-button.vs-button--rounded{border-radius:1000rem}.vs-button.disabled,.vs-button:disabled{pointer-events:none}.vs-button:not(:disabled):not(.disabled):active:focus{box-shadow:none}.vs-button.btn-primary{color:#fff;background-color:#1f49d6;border-color:#1f49d6}.vs-button.btn-primary .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#fff}.vs-button.btn-primary:hover{color:#fff;background-color:#17359c;border-color:#17359c}.vs-button.btn-primary:hover .vs-icon{color:#fff}.vs-button.btn-primary:active,.vs-button.btn-primary:active:focus{color:#fff;background-color:#112876;border-color:#112876}.vs-button.btn-primary:active .vs-icon,.vs-button.btn-primary:active:focus .vs-icon{color:#fff}.vs-button.btn-secondary{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button.btn-secondary .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button.btn-secondary:hover{color:#fff;background-color:#17359c;border-color:#17359c}.vs-button.btn-secondary:hover .vs-icon{color:#fff}.vs-button.btn-secondary:active,.vs-button.btn-secondary:active:focus{color:#fff;background-color:#112876;border-color:#112876}.vs-button.btn-secondary:active .vs-icon,.vs-button.btn-secondary:active:focus .vs-icon{color:#fff}.vs-button.btn-subtle:not(.vs-main-map-category__button){color:#1f49d6;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.vs-button.btn-subtle:not(.vs-main-map-category__button) .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button.btn-subtle:not(.vs-main-map-category__button):hover{color:#1f49d6;background-color:#d6e5ff;border-color:#d6e5ff}.vs-button.btn-subtle:not(.vs-main-map-category__button):hover .vs-icon{color:#1f49d6}.vs-button.btn-subtle:not(.vs-main-map-category__button):active,.vs-button.btn-subtle:not(.vs-main-map-category__button):active:focus{color:#fff;background-color:#3369ff;border-color:#3369ff}.vs-button.btn-subtle:not(.vs-main-map-category__button):active .vs-icon,.vs-button.btn-subtle:not(.vs-main-map-category__button):active:focus .vs-icon{color:#fff}.vs-button.btn-subtle:focus{box-shadow:0 0 0 2px #3369ff}.vs-button.vs-button--icon-only{line-height:1}.vs-button.vs-button--icon-only.btn-sm{padding:.25rem .25rem;width:32px;height:32px}.vs-button.vs-button--icon-only.btn-md{padding:.5rem .25rem;width:44px;height:44px}.vs-button.vs-button--icon-only.btn-lg{padding:.5rem .25rem;width:52px;height:52px}.vs-button.vs-button--icon-only .vs-icon{margin:0}.vs-button.btn-sm{padding:.125rem 1.25rem}.vs-button.btn-md{padding:.5rem 1.5rem}.vs-button.btn-lg{padding:.75rem 1.75rem;font-size:unset}.vs-button.vs-button--flex-reverse{display:flex;flex-direction:row-reverse !important}@keyframes bubble{0%{transform:scale(0, 0);opacity:1}100%{opacity:0;transform:scale(100, 100)}}.vs-button.vs-button--animated::after{background:hsla(0,0%,100%,.1);border-radius:50%;bottom:0;content:"";height:5px;opacity:0;position:absolute;right:0;transform-origin:50% 50%;transform:scale(1, 1) translate(-50%);width:5px}.vs-button.vs-button--animated.vs-button--is-animating::after{animation:bubble 500ms ease-in-out}.vs-button.button-flex,.vs-button.button-flex{display:flex}

package/dist/components/components/footer/components/FooterSocialItem.vue.d.ts

@@ -13,6 +13,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    /**
+     * Overrides the social icon name in the aria label for the component if provided,
+     * allowing specific or localised accessible text when it doesn't match up with the FA
+     * name for the brand.
+     */
+    ariaLabelOverride: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, {
     computed: {
         pageUrl: () => string;
@@ -45,7 +54,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {
+    /**
+     * Overrides the social icon name in the aria label for the component if provided,
+     * allowing specific or localised accessible text when it doesn't match up with the FA
+     * name for the brand.
+     */
+    ariaLabelOverride: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    ariaLabelOverride: string;
+}, {}, {
     VsLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         href: {
             type: StringConstructor;