@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 9.83 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[9116],{2514:function(e,t,s){"use strict";s(40966)},11736:function(e,t,s){"use strict";s.d(t,{A:function(){return i.A}});var i=s(90020)},40420:function(){},40966:function(e,t,s){"use strict";var i=s(85072),n=s.n(i),r=s(97825),a=s.n(r),d=s(77659),o=s.n(d),l=s(55056),c=s.n(l),u=s(10540),h=s.n(u),g=s(41113),k=s.n(g),v=s(40420),f=s.n(v),y={};y.styleTagTransform=k(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=h(),n()(f(),y),f()&&f().locals&&f().locals},44156:function(e,t,s){"use strict";s.d(t,{X:function(){return c}});var i=s(20641),n=s(90033),r={key:0,class:"vs-stretched-link-card__video-btn-text"},a={key:4,class:"card-body"},d={key:0,class:"vs-stretched-link-card__category","data-test":"vs-stretched-link-card__category"},o={class:"vs-stretched-link-card__content","data-test":"vs-stretched-link-card__content"},l={key:2,class:"vs-stretched-link-card__badges","data-test":"vs-stretched-link-card__badges"};function c(e,t,s,c,u,h){var g=(0,i.g2)("VsWarning"),k=(0,i.g2)("VsImg"),v=(0,i.g2)("VsButton"),f=(0,i.g2)("VsLink"),y=(0,i.g2)("VsHeading");return(0,i.uX)(),(0,i.CE)("div",{class:(0,n.normalizeClass)(["card vs-stretched-link-card",h.stretchedLinkCardClasses]),"data-test":"vs-stretched-link-card",onClick:t[0]||(t[0]=function(){return h.emitShowModal&&h.emitShowModal.apply(h,arguments)}),onKeypress:t[1]||(t[1]=function(){return h.emitShowModal&&h.emitShowModal.apply(h,arguments)})},["full"===h.showWarning?((0,i.uX)(),(0,i.Wv)(g,{key:0,size:s.warningSize,type:h.showCookieWarning?"cookie":"normal","data-test":"vs-stretched-link-card__full-warning",class:"vs-stretched-link-card__full-warning"},(0,i.eX)({default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.warningMessage)+" ",1)]})),_:2},[""!==h.cookieLinkText&&h.showCookieWarning?{name:"button-text",fn:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.cookieLinkText),1)]})),key:"0"}:void 0]),1032,["size","type"])):(0,i.Q3)("",!0),"full"===s.errorType&&""!==s.videoId?((0,i.uX)(),(0,i.Wv)(g,{key:1,size:s.warningSize,"data-test":"vs-stretched-link-card__full-warning",class:"vs-stretched-link-card__full-warning vs-stretched-link-card__full-warning--no-js"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.noJsMessage),1)]})),_:1},8,["size"])):(0,i.Q3)("",!0),s.imgSrc?((0,i.uX)(),(0,i.CE)("div",{key:2,class:(0,n.normalizeClass)(["vs-stretched-link-card__img-container",h.warningClass])},[s.imgSrc?((0,i.uX)(),(0,i.CE)(i.FK,{key:0},[(0,i.bF)(k,{src:s.imgSrc,alt:s.imgAlt,class:(0,n.normalizeClass)(["vs-stretched-link-card__img",h.isSvg?"vs-stretched-link-card__img--svg":""]),"data-test":"vs-stretched-link-card__img","data-chromatic":"ignore"},null,8,["src","alt","class"]),s.videoId&&h.videoLoaded&&e.requiredCookiesExist?((0,i.uX)(),(0,i.Wv)(v,{key:0,class:"vs-stretched-link-card__video-button","data-test":"vs-stretched-link-card__video-button",icon:"fa-regular fa-play","icon-position":"left",size:"md",ref:"videoShow",rounded:!1,onClick:h.emitShowModal},{default:(0,i.k6)((function(){return[s.videoBtnText?((0,i.uX)(),(0,i.CE)("span",r,(0,n.toDisplayString)(h.formattedVideoBtnText),1)):(0,i.Q3)("",!0),(0,i.eW)(" "+(0,n.toDisplayString)(h.formattedVideoDuration),1)]})),_:1},8,["onClick"])):(0,i.Q3)("",!0)],64)):(0,i.Q3)("",!0),"image"===h.showWarning?((0,i.uX)(),(0,i.Wv)(g,{key:1,size:s.warningSize,type:h.showCookieWarning?"cookie":"normal","data-test":"vs-stretched-link-card__image-warning",class:"vs-stretched-link-card__image-warning"},(0,i.eX)({default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.warningMessage)+" ",1)]})),_:2},[""!==h.cookieLinkText&&h.showCookieWarning?{name:"button-text",fn:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.cookieLinkText),1)]})),key:"0"}:void 0]),1032,["size","type"])):(0,i.Q3)("",!0),""!==s.videoId&&"image"===s.errorType?((0,i.uX)(),(0,i.Wv)(g,{key:2,size:s.warningSize,"data-test":"vs-stretched-link-card__warning",class:"vs-stretched-link-card__image-warning vs-stretched-link-card__image-warning--no-js"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.noJsMessage),1)]})),_:1},8,["size"])):(0,i.Q3)("",!0)],2)):(0,i.Q3)("",!0),e.$slots["stretched-card-panels"]&&e.$slots["stretched-card-panels"]()?(0,i.RG)(e.$slots,"stretched-card-panels",{key:3}):(0,i.Q3)("",!0),"full"!==h.showWarning?((0,i.uX)(),(0,i.CE)("div",a,[e.$slots["stretched-card-category"]&&e.$slots["stretched-card-category"]()?((0,i.uX)(),(0,i.CE)("span",d,[(0,i.RG)(e.$slots,"stretched-card-category")])):(0,i.Q3)("",!0),e.$slots["stretched-card-header"]&&e.$slots["stretched-card-header"]()?((0,i.uX)(),(0,i.Wv)(y,{key:1,level:s.headingLevel,"heading-style":s.headingStyle,class:"card-title vs-stretched-link-card__title","data-test":"vs-stretched-link-card__title"},{default:(0,i.k6)((function(){return[e.$slots["stretched-card-link"]&&e.$slots["stretched-card-link"]()?(0,i.RG)(e.$slots,"stretched-card-header",{key:0}):s.businessSupport||"video"!==s.type?((0,i.uX)(),(0,i.Wv)(f,{key:2,href:s.link,type:s.type,class:(0,n.normalizeClass)(["stretched-link",s.disabled?"stretched-link--disabled":""]),variant:"dark"===h.theme?"on-dark":"primary","data-test":"vs-stretched-link",disabled:s.disabled,tabindex:!s.videoId&&!s.disabled||s.businessSupport?"0":"-1"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"stretched-card-header")]})),_:3},8,["href","type","class","variant","disabled","tabindex"])):(0,i.RG)(e.$slots,"stretched-card-header",{key:1})]})),_:3},8,["level","heading-style"])):(0,i.Q3)("",!0),(0,i.Lk)("div",o,[(0,i.RG)(e.$slots,"stretched-card-content")]),e.$slots["stretched-card-badges"]&&e.$slots["stretched-card-badges"]()?((0,i.uX)(),(0,i.CE)("div",l,[(0,i.RG)(e.$slots,"stretched-card-badges")])):(0,i.Q3)("",!0),e.$slots["stretched-card-link"]&&e.$slots["stretched-card-link"]()?((0,i.uX)(),(0,i.Wv)(f,{key:3,href:s.link,class:"vs-stretched-link-card__link stretched-link","data-test":"vs-stretched-link-card__link"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"stretched-card-link")]})),_:3},8,["href"])):(0,i.Q3)("",!0)])):(0,i.Q3)("",!0)],34)}},59116:function(e,t,s){"use strict";s.r(t);var i=s(96812),n=s(11736);s(2514);const r=(0,s(66262).A)(n.A,[["render",i.X]]);t.default=r},90020:function(e,t,s){"use strict";var i=s(13838),n=s(45676),r=s(31574),a=s(48836),d=s(79122),o=s(57957),l=s(45921),c=s.n(l),u=s(83178),h=s(12308).A.youtube;t.A={name:"VsStretchedLinkCard",status:"prototype",release:"0.0.1",components:{VsHeading:i.default,VsLink:n.default,VsImg:r.default,VsButton:a.default,VsWarning:d.default},mixins:[u.A],inject:{noJsMessage:{default:null},theme:{default:null},noCookiesMessage:{default:null},cookieLinkText:{default:null}},props:{link:{type:String,required:!0,default:"#"},headingLevel:{type:[String,Number],default:"3",validator:function(e){return e.match(/(1|2|3|4|5|6)/)}},headingStyle:{type:[String,Number],default:"heading-xs",validator:function(e){return e.match(/(display-m|display-s|heading-xl|heading-l|heading-m|heading-s|heading-xs|heading-xxs)/)}},type:{type:String,required:!0,validator:function(e){return e.match(/(default|external|internal|download|video)/)}},imgSrc:{type:String,default:void 0},imgAlt:{type:String,default:""},disabled:{type:Boolean,default:!1},videoId:{type:String,default:""},videoBtnText:{type:String,default:""},errorMessage:{type:String,default:""},errorType:{type:String,default:"image",validator:function(e){return e.match(/(image|full)/)}},warningSize:{type:String,default:"small",validator:function(e){return e.match(/(normal|small)/)}},businessSupport:{type:Boolean,default:!1},isHomePage:{type:Boolean,default:!1}},setup:function(){return{videoStore:c()()}},data:function(){return{jsDisabled:!0,requiredCookies:h}},computed:{formattedVideoBtnText:function(){return"".concat(this.videoBtnText," | ")},formattedVideoDuration:function(){var e="".concat(this.videoDetails.videoFullDuration.seconds);return 1===e.length&&(e="0".concat(e)),"".concat(this.videoDetails.videoFullDuration.minutes,":").concat(e)},stretchedLinkCardClasses:function(){var e="";return this.disabled&&(e+="vs-stretched-link-card--disabled"),"video"===this.type&&(e+=" vs-stretched-link-card--video"),this.showWarning&&"video"===this.type&&(e+=" vs-stretched-link-card--warning"),e},videoDetails:function(){return this.videoStore?this.videoStore.videos[this.videoId]:null},videoLoaded:function(){return void 0!==this.videoDetails&&this.videoDetails.videoDuration>0},warningClass:function(){var e="";return!this.videoId||!this.jsDisabled&&this.requiredCookiesExist||(e="vs-stretched-link-card__img-container--warning ","full"!==this.errorType||null===this.cookiesInitStatus&&!this.jsDisabled||(e+="vs-stretched-link-card__img-container--warning-full")),e},showCookieWarning:function(){return!(!this.videoId||this.jsDisabled||this.requiredCookiesExist||!0!==this.cookiesInitStatus)},showError:function(){return!(!this.videoId||""===this.errorMessage||"error"!==this.cookiesInitStatus)},showWarning:function(){return this.showError||this.showCookieWarning?this.errorType:!!this.jsDisabled},warningMessage:function(){return this.showCookieWarning?this.noCookiesMessage:this.errorMessage},warningAttrs:function(){var e={};return"cookie"===this.type&&(e.class="ot-sdk-show-settings vs-warning__cookie-trigger"),"small"===this.size&&(e.size="sm"),e},isSvg:function(){return!(!this.imgSrc||!this.imgSrc.includes(".svg"))}},mounted:function(){this.jsDisabled=(0,o.A)()},methods:{emitShowModal:function(){this.videoId&&this.requiredCookiesExist&&this.emitter&&this.emitter.emit("showModal",this.videoId,"#videoShow")}}}},96812:function(e,t,s){"use strict";s.d(t,{X:function(){return i.X}});var i=s(44156)}}]);