@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.57 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[459],{52852:function(){},32373:function(t,e,i){"use strict";var o=i(48836),n=i(17933),s=i(79122),a=i(45921),r=i.n(a);e.A={name:"VsVideoCaption",status:"prototype",release:"0.0.1",components:{VsButton:o.default,VsToggleButton:n.default,VsWarning:s.default},inject:{noJsMessage:{default:""},errorMessage:{default:""}},props:{videoBtnText:{type:String,default:""},withToggleBtn:{type:Boolean,default:!1},videoId:{type:String,required:!0},variant:{type:String,default:"wide",validator:function(t){return t.match(/(wide|narrow)/)}}},emits:["toggleAction"],setup:function(){return{videoStore:r()()}},data:function(){return{showErrorMessage:!1}},computed:{videoDetails:function(){return this.videoStore.videos[this.videoId]},videoLoaded:function(){return void 0!==this.videoDetails&&this.videoDetails.videoDuration>0}},methods:{emitToggle:function(){this.$emit("toggleAction")},emitShowModal:function(){this.emitter&&this.emitter.emit("showModal",this.videoId,"#videoShow")}}}},85432:function(t,e,i){"use strict";i.d(e,{X:function(){return l}});var o=i(20641),n=i(90033),s={key:0,class:"vs-video-caption__buttons-container"},a={class:"container"},r={class:"vs-video-caption__details"},d={class:"vs-video-caption__title"},c={class:"vs-video-caption__duration"},u={key:1,class:"vs-video-caption vs-video-caption--no-js vs-video-caption--warning","data-test":"video-caption-nojs"};function l(t,e,i,l,v,p){var g=(0,o.g2)("VsButton"),f=(0,o.g2)("VsToggleButton"),h=(0,o.g2)("VsWarning");return(0,o.uX)(),(0,o.CE)("div",{"data-test":"video-caption",class:(0,n.normalizeClass)(["vs-video-caption__wrapper","vs-video-caption__wrapper--".concat(i.variant)])},[p.videoLoaded?((0,o.uX)(),(0,o.CE)("div",{"data-test":"video-caption-variants",class:(0,n.normalizeClass)(["vs-video-caption","vs-video-caption--".concat(i.variant)]),key:"video-caption"},[i.videoBtnText?((0,o.uX)(),(0,o.CE)("div",s,[(0,o.Lk)("div",a,[(0,o.bF)(g,{class:"vs-video-caption__button",icon:"play","icon-position":"left",size:"md",ref:"videoShow",rounded:!1,onClick:p.emitShowModal},{default:(0,o.k6)((function(){return[(0,o.eW)((0,n.toDisplayString)(i.videoBtnText),1)]})),_:1},8,["onClick"])]),i.withToggleBtn?((0,o.uX)(),(0,o.Wv)(f,{key:0,onToggleAction:p.emitToggle},{default:(0,o.k6)((function(){return e[0]||(e[0]=[(0,o.Lk)("span",{class:"visually-hidden"}," Toggle caption ",-1)])})),_:1},8,["onToggleAction"])):(0,o.Q3)("",!0)])):(0,o.Q3)("",!0),(0,o.Lk)("div",r,[(0,o.Lk)("p",d,[(0,o.RG)(t.$slots,"video-title")]),(0,o.Lk)("p",c,(0,n.toDisplayString)(p.videoDetails.videoDurationMsg),1)])],2)):(0,o.Q3)("",!0),p.noJsMessage?((0,o.uX)(),(0,o.CE)("div",u,[(0,o.bF)(h,{size:"small"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,n.toDisplayString)(p.noJsMessage),1)]})),_:1})])):(0,o.Q3)("",!0)],2)}},58182:function(t,e,i){"use strict";var o=i(85072),n=i.n(o),s=i(97825),a=i.n(s),r=i(77659),d=i.n(r),c=i(55056),u=i.n(c),l=i(10540),v=i.n(l),p=i(41113),g=i.n(p),f=i(52852),h=i.n(f),m={};m.styleTagTransform=g(),m.setAttributes=u(),m.insert=d().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=v(),n()(h(),m),h()&&h().locals&&h().locals},70459:function(t,e,i){"use strict";i.r(e);var o=i(73832),n=i(81049);i(29842);const s=(0,i(66262).A)(n.A,[["render",o.X]]);e.default=s},81049:function(t,e,i){"use strict";i.d(e,{A:function(){return o.A}});var o=i(32373)},73832:function(t,e,i){"use strict";i.d(e,{X:function(){return o.X}});var o=i(85432)},29842:function(t,e,i){"use strict";i(58182)}}]);