@visitscotland/component-library 4.7.3 → 4.7.5

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.
@@ -1 +0,0 @@
1
- (self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[9116],{10773:function(){},90020:function(e,t,s){"use strict";var n=s(13838),i=s(45676),a=s(31574),r=s(48836),d=s(79122),l=s(57957),o=s(45921),c=s.n(o);t.A={name:"VsStretchedLinkCard",status:"prototype",release:"0.0.1",components:{VsHeading:n.default,VsLink:i.default,VsImg:a.default,VsButton:r.default,VsWarning:d.default},inject:{noJsMessage:{default:null},theme:{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-l|display-m|display-s|display-xs|heading-xxl|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}},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.videos[this.videoId]},videoLoaded:function(){return void 0!==this.videoDetails&&this.videoDetails.videoDuration>0},warningClass:function(){var e="";return this.videoId&&this.jsDisabled&&(e="vs-stretched-link-card__img-container--warning ","full"===this.errorType&&(e+="vs-stretched-link-card__img-container--warning-full")),e},showWarning:function(){return!!this.jsDisabled},warningMessage:function(){return this.errorMessage},warningAttrs:function(){var e={};return"small"===this.size&&(e.size="sm"),e}},mounted:function(){this.jsDisabled=(0,l.A)()},methods:{emitShowModal:function(){this.videoId&&this.emitter&&this.emitter.emit("showModal",this.videoId,"#videoShow")}}}},43557:function(e,t,s){"use strict";s.d(t,{X:function(){return o}});var n=s(20641),i=s(90033),a={key:0,class:"vs-stretched-link-card__video-btn-text"},r={key:1,class:"vs-stretched-link-card__category","data-test":"vs-stretched-link-card__category"},d={class:"vs-stretched-link-card__content","data-test":"vs-stretched-link-card__content"},l={key:3,class:"vs-stretched-link-card__badges","data-test":"vs-stretched-link-card__badges"};function o(e,t,s,o,c,u){var h=(0,n.g2)("VsWarning"),g=(0,n.g2)("VsImg"),v=(0,n.g2)("VsButton"),f=(0,n.g2)("VsLink"),k=(0,n.g2)("VsHeading");return(0,n.uX)(),(0,n.CE)("div",{class:(0,i.normalizeClass)(["card vs-stretched-link-card",u.stretchedLinkCardClasses]),"data-test":"vs-stretched-link-card",onClick:t[0]||(t[0]=function(){return u.emitShowModal&&u.emitShowModal.apply(u,arguments)}),onKeypress:t[1]||(t[1]=function(){return u.emitShowModal&&u.emitShowModal.apply(u,arguments)})},["full"===u.showWarning?((0,n.uX)(),(0,n.Wv)(h,{key:0,size:s.warningSize,type:"normal","data-test":"vs-stretched-link-card__full-warning",class:"vs-stretched-link-card__full-warning"},{default:(0,n.k6)((function(){return[(0,n.eW)((0,i.toDisplayString)(u.warningMessage),1)]})),_:1},8,["size"])):(0,n.Q3)("",!0),"full"===s.errorType&&""!==s.videoId?((0,n.uX)(),(0,n.Wv)(h,{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,n.k6)((function(){return[(0,n.eW)((0,i.toDisplayString)(u.noJsMessage),1)]})),_:1},8,["size"])):(0,n.Q3)("",!0),s.imgSrc?((0,n.uX)(),(0,n.CE)("div",{key:2,class:(0,i.normalizeClass)(["vs-stretched-link-card__img-container",u.warningClass])},[s.imgSrc?((0,n.uX)(),(0,n.Wv)(g,{key:0,src:s.imgSrc,alt:s.imgAlt,class:"vs-stretched-link-card__img","data-test":"vs-stretched-link-card__img","data-chromatic":"ignore"},null,8,["src","alt"])):(0,n.Q3)("",!0),"image"===u.showWarning?((0,n.uX)(),(0,n.Wv)(h,{key:1,size:s.warningSize,type:"normal","data-test":"vs-stretched-link-card__image-warning",class:"vs-stretched-link-card__image-warning"},{default:(0,n.k6)((function(){return[(0,n.eW)((0,i.toDisplayString)(u.warningMessage),1)]})),_:1},8,["size"])):(0,n.Q3)("",!0),""!==s.videoId&&"image"===s.errorType?((0,n.uX)(),(0,n.Wv)(h,{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,n.k6)((function(){return[(0,n.eW)((0,i.toDisplayString)(u.noJsMessage),1)]})),_:1},8,["size"])):(0,n.Q3)("",!0)],2)):(0,n.Q3)("",!0),e.$slots["stretched-card-panels"]&&e.$slots["stretched-card-panels"]()?(0,n.RG)(e.$slots,"stretched-card-panels",{key:3}):(0,n.Q3)("",!0),"full"!==u.showWarning?((0,n.uX)(),(0,n.CE)("div",{key:4,class:(0,i.normalizeClass)(["card-body",s.videoId?"position-relative":""])},[s.videoId&&u.videoLoaded?((0,n.uX)(),(0,n.Wv)(v,{key:0,class:"vs-stretched-link-card__video-button","data-test":"vs-stretched-link-card__video-button",icon:"play","icon-position":"left",size:"md",ref:"videoShow",rounded:!1,onClick:u.emitShowModal},{default:(0,n.k6)((function(){return[s.videoBtnText?((0,n.uX)(),(0,n.CE)("span",a,(0,i.toDisplayString)(u.formattedVideoBtnText),1)):(0,n.Q3)("",!0),(0,n.eW)(" "+(0,i.toDisplayString)(u.formattedVideoDuration),1)]})),_:1},8,["onClick"])):(0,n.Q3)("",!0),e.$slots["stretched-card-category"]&&e.$slots["stretched-card-category"]()?((0,n.uX)(),(0,n.CE)("span",r,[(0,n.RG)(e.$slots,"stretched-card-category")])):(0,n.Q3)("",!0),e.$slots["stretched-card-header"]&&e.$slots["stretched-card-header"]()?((0,n.uX)(),(0,n.Wv)(k,{key:2,level:s.headingLevel,"heading-style":s.headingStyle,class:"card-title vs-stretched-link-card__title","data-test":"vs-stretched-link-card__title"},{default:(0,n.k6)((function(){return[e.$slots["stretched-card-link"]&&e.$slots["stretched-card-link"]()?(0,n.RG)(e.$slots,"stretched-card-header",{key:0}):s.businessSupport||"video"!==s.type?((0,n.uX)(),(0,n.Wv)(f,{key:2,href:s.link,type:s.businessSupport&&s.isHomePage?"default":s.type,class:(0,i.normalizeClass)(["stretched-link",s.disabled?"stretched-link--disabled":""]),variant:"dark"===u.theme?"on-dark":"primary","data-test":"vs-stretched-link",disabled:s.disabled,tabindex:!s.videoId&&!s.disabled||s.businessSupport?"0":"-1"},{default:(0,n.k6)((function(){return[(0,n.RG)(e.$slots,"stretched-card-header")]})),_:3},8,["href","type","class","variant","disabled","tabindex"])):(0,n.RG)(e.$slots,"stretched-card-header",{key:1})]})),_:3},8,["level","heading-style"])):(0,n.Q3)("",!0),(0,n.Lk)("div",d,[(0,n.RG)(e.$slots,"stretched-card-content")]),e.$slots["stretched-card-badges"]&&e.$slots["stretched-card-badges"]()?((0,n.uX)(),(0,n.CE)("div",l,[(0,n.RG)(e.$slots,"stretched-card-badges")])):(0,n.Q3)("",!0),e.$slots["stretched-card-link"]&&e.$slots["stretched-card-link"]()?((0,n.uX)(),(0,n.Wv)(f,{key:4,href:s.link,class:"vs-stretched-link-card__link stretched-link","data-test":"vs-stretched-link-card__link"},{default:(0,n.k6)((function(){return[(0,n.RG)(e.$slots,"stretched-card-link")]})),_:3},8,["href"])):(0,n.Q3)("",!0)],2)):(0,n.Q3)("",!0)],34)}},83971:function(e,t,s){"use strict";var n=s(85072),i=s.n(n),a=s(97825),r=s.n(a),d=s(77659),l=s.n(d),o=s(55056),c=s.n(o),u=s(10540),h=s.n(u),g=s(41113),v=s.n(g),f=s(10773),k=s.n(f),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=l().bind(null,"head"),y.domAPI=r(),y.insertStyleElement=h(),i()(k(),y),k()&&k().locals&&k().locals},59116:function(e,t,s){"use strict";s.r(t);var n=s(70069),i=s(11736);s(28815);const a=(0,s(66262).A)(i.A,[["render",n.X]]);t.default=a},11736:function(e,t,s){"use strict";s.d(t,{A:function(){return n.A}});var n=s(90020)},70069:function(e,t,s){"use strict";s.d(t,{X:function(){return n.X}});var n=s(43557)},28815:function(e,t,s){"use strict";s(83971)}}]);
@@ -1 +0,0 @@
1
- (self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1688],{25656:function(){},53780:function(t,e,i){"use strict";var n=i(59639),r=i(34352),a=i(57536),s=i(85510),l=i(68269);e.A={name:"VsSelect",status:"prototype",release:"0.0.1",components:{BFormSelect:r.JR},mixins:[s.A,l.A],props:{options:{type:Array,required:!0},fieldName:{type:String,required:!0},value:{type:String,default:""},validationRules:{type:Object,default:function(){return{}}},triggerValidate:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},validationMessages:{type:Object,default:function(){return{}}},countryListUrl:{type:String,default:""},hintText:{type:String,default:""},countries:{type:Boolean,default:!1},genericValidation:{type:Object,default:function(){return{}}},reAlertErrors:{type:Boolean,default:!1}},emits:["toggleAction","updated"],setup:function(){return{v$:(0,n.Ay)()}},data:function(){return{inputVal:this.value,touched:!1,countryList:[]}},computed:{errorClass:function(){return this.errorsList.length>0&&this.v$.inputVal&&this.v$.inputVal.$anyDirty||this.invalid?"vs-select__element--error":""},fieldOptions:function(){return this.countries?this.countryList:this.options}},watch:{inputVal:function(t){this.emitStatus(),this.$emit("updated",{field:this.fieldName,value:t})},value:function(t){this.inputVal=t},triggerValidate:function(){this.manualValidate()}},beforeMount:function(){var t=this;this.countries&&a.A.get(this.countryListUrl).then((function(e){t.countryList=e.data.countries}))},methods:{autocompleteValue:function(t){return"Country"===t?"country-name":"on"}},validations:function(){return this.rules}}},31028:function(t,e,i){"use strict";i.d(e,{X:function(){return d}});var n=i(20641),r=i(90033),a=i(53751),s={class:"vs-select"},l=["id"],u=["id"],o={class:"visually-hidden"},c={class:"vs-select__container mt-050"};function d(t,e,i,d,f,p){var v=(0,n.g2)("BFormSelect");return(0,n.uX)(),(0,n.CE)("div",s,[(0,n.Lk)("p",{class:"hint-text",id:"hint-".concat(i.fieldName)},(0,r.toDisplayString)(i.hintText),9,l),t.errorsList.length||i.invalid?((0,n.uX)(),(0,n.CE)("div",{key:0,role:"alert","aria-live":"assertive",id:"error-".concat(i.fieldName)},[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(t.errorsList,(function(t){return(0,n.bo)(((0,n.uX)(),(0,n.CE)("p",{key:t,class:"error mb-0"},[(0,n.Lk)("span",o,(0,r.toDisplayString)(i.fieldName),1),(0,n.eW)(" "+(0,r.toDisplayString)(i.validationMessages[t]||i.genericValidation[t]),1)])),[[a.vShow,!i.reAlertErrors]])})),128))],8,u)):(0,n.Q3)("",!0),(0,n.Lk)("div",c,[(0,n.bF)(v,(0,n.v6)({modelValue:f.inputVal,"onUpdate:modelValue":e[0]||(e[0]=function(t){return f.inputVal=t})},t.$attrs,{options:p.fieldOptions,name:i.fieldName,id:i.fieldName,onChange:t.emitStatus,onBlur:t.emitStatus,"data-test":"vs-select","data-testid":"vs-select",class:["vs-select__element",p.errorClass],required:t.isRequired,"aria-invalid":t.v$.inputVal&&t.v$.inputVal.$anyError||i.invalid,"aria-describedby":t.ariaDescription,autocomplete:p.autocompleteValue(i.fieldName)}),null,16,["modelValue","options","name","id","onChange","onBlur","required","aria-invalid","aria-describedby","class","autocomplete"]),e[1]||(e[1]=(0,n.Lk)("span",{class:"vs-select__focus"},null,-1))])])}},30642:function(t,e,i){"use strict";var n=i(85072),r=i.n(n),a=i(97825),s=i.n(a),l=i(77659),u=i.n(l),o=i(55056),c=i.n(o),d=i(10540),f=i.n(d),p=i(41113),v=i.n(p),m=i(25656),y=i.n(m),h={};h.styleTagTransform=v(),h.setAttributes=c(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=f(),r()(y(),h),y()&&y().locals&&y().locals},51688:function(t,e,i){"use strict";i.r(e);var n=i(32100),r=i(97144);i(85302);const a=(0,i(66262).A)(r.A,[["render",n.X]]);e.default=a},97144:function(t,e,i){"use strict";i.d(e,{A:function(){return n.A}});var n=i(53780)},32100:function(t,e,i){"use strict";i.d(e,{X:function(){return n.X}});var n=i(31028)},85302:function(t,e,i){"use strict";i(30642)}}]);
@@ -1 +0,0 @@
1
- .vs-back-to-top{display:flex;margin:-2rem 0 1rem auto;inset-block-end:1rem;position:sticky}.vs-back-to-top .vs-button{margin:-2rem 0 1rem auto}.no-js .vs-back-to-top{display:none !important}