@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.86 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[5465],{37253:function(e,t,n){"use strict";var o=n(85072),s=n.n(o),r=n(97825),i=n.n(r),a=n(77659),u=n.n(a),l=n(55056),c=n.n(l),f=n(10540),d=n.n(f),p=n(41113),h=n.n(p),v=n(58087),y=n.n(v),g={};g.styleTagTransform=h(),g.setAttributes=c(),g.insert=u().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=d(),s()(y(),g),y()&&y().locals&&y().locals},37529:function(e,t,n){"use strict";n(37253)},58087:function(){},72799:function(e,t,n){"use strict";var o=n(48836),s=n(13838),r=n(34179),i=n(11438),a=n(34352);t.A={name:"VsSocialShare",status:"prototype",release:"0.0.1",components:{VsButton:o.default,VsHeading:s.default,VsModuleWrapper:r.default,BPopover:a.u$,VsRow:i.AQ,VsContainer:i.T$,VsCol:i.Il},provide:function(){return{referringPageUrl:this.pageUrl,pageTitle:this.pageTitle,noJs:this.noJs}},props:{shareBtnText:{type:String,required:!0},sharePopoverTitle:{type:String,required:!0},pageUrl:{type:String,required:!0},pageTitle:{type:String,default:""},closeAltText:{type:String,required:!0},id:{type:String,required:!0},noJs:{type:Boolean,default:!1}},data:function(){return{copyLink:!1,renderPopover:!1}},mounted:function(){this.renderPopover=!0},methods:{onClose:function(e){this.$refs.popover.hide(e)},onShown:function(){this.focusFirst()},onHidden:function(){this.focusRef(this.$refs.shareButton)},onHide:function(e){this.copyLink&&(e.preventDefault(),this.focusFirst(),this.copyLink=!1)},onCopyLink:function(){this.copyLink=!0},focusRef:function(e){var t=this;this.$nextTick((function(){t.$nextTick((function(){(e.$el||e).focus()}))}))},focusFirst:function(){var e=this;this.$nextTick((function(){e.$nextTick((function(){e.$refs.popoverShareRow.$el.querySelector(".vs-social-share-item a ").focus()}))}))},tabFromClose:function(e){e.shiftKey||(e.preventDefault(),this.focusFirst())},tabBackFromHidden:function(e){e.shiftKey&&(e.preventDefault(),this.focusRef(this.$refs.closeButton))}}}},75465:function(e,t,n){"use strict";n.r(t);var o=n(99355),s=n(99539);n(37529);const r=(0,n(66262).A)(s.A,[["render",o.X]]);t.default=r},99355:function(e,t,n){"use strict";n.d(t,{X:function(){return i}});var o=n(20641),s=n(90033),r=n(53751);function i(e,t,n,i,a,u){var l=(0,o.g2)("VsButton"),c=(0,o.g2)("VsHeading"),f=(0,o.g2)("VsRow"),d=(0,o.g2)("BPopover"),p=(0,o.g2)("VsCol"),h=(0,o.g2)("VsContainer"),v=(0,o.g2)("VsModuleWrapper");return(0,o.uX)(),(0,o.CE)("div",{class:(0,s.normalizeClass)(["vs-social-share",n.noJs?"vs-module-wrapper__outer--hidden":"vs-module-wrapper__outer--light"]),"data-test":"vs-social-share",ref:"socialShareContainer"},[n.noJs?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.Wv)(l,{key:0,class:"vs-social-share__share-btn",variant:"subtle",icon:"fa-regular fa-share-nodes",id:"vs-social-share-popover--".concat(n.id),ref:"shareButton"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(n.shareBtnText),1)]})),_:1},8,["id"])),!n.noJs&&a.renderPopover?((0,o.uX)(),(0,o.Wv)(d,{key:1,"custom-class":"vs-social-share__popover",target:"vs-social-share-popover--".concat(n.id),click:!0,container:"body",placement:"left-end",offset:"-100",onShown:u.onShown,onHidden:u.onHidden,onHide:u.onHide,ref:"popover"},{default:(0,o.k6)((function(){return[(0,o.bF)(c,{level:"3",tabindex:"0","heading-style":"heading-m",ref:"shareHeader",class:"vs-social-share__header",onKeydown:t[0]||(t[0]=(0,r.withKeys)((function(e){return u.tabBackFromHidden(e)}),["tab"]))},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(n.sharePopoverTitle),1)]})),_:1},512),(0,o.bF)(f,{ref:"popoverShareRow"},{default:(0,o.k6)((function(){return[(0,o.RG)(e.$slots,"default",{onCopyLink:u.onCopyLink})]})),_:3},512),(0,o.bF)(l,{"icon-only":"",class:"vs-social-share__close-btn",icon:"vs-icon-control-dismiss",variant:"subtle",ref:"closeButton",onClick:u.onClose,onKeydown:t[1]||(t[1]=(0,r.withKeys)((function(e){return u.tabFromClose(e)}),["tab"]))},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(n.closeAltText),1)]})),_:1},8,["onClick"])]})),_:3},8,["target","onShown","onHidden","onHide"])):(0,o.Q3)("",!0),n.noJs?((0,o.uX)(),(0,o.Wv)(v,{key:2,class:"vs-social-share--module-list"},{default:(0,o.k6)((function(){return[(0,o.bF)(h,null,{default:(0,o.k6)((function(){return[(0,o.bF)(f,null,{default:(0,o.k6)((function(){return[(0,o.bF)(p,{cols:"12"},{default:(0,o.k6)((function(){return[(0,o.bF)(c,{level:"2","heading-style":"heading-l",class:"mb-300 mt-0"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(n.sharePopoverTitle),1)]})),_:1})]})),_:1})]})),_:1}),(0,o.bF)(f,{class:"justify-content-center"},{default:(0,o.k6)((function(){return[(0,o.RG)(e.$slots,"default")]})),_:3})]})),_:3})]})),_:3})):(0,o.Q3)("",!0)],2)}},99539:function(e,t,n){"use strict";n.d(t,{A:function(){return o.A}});var o=n(72799)}}]);