npm - @visitscotland/component-library - Versions diffs - 4.24.1 → 4.25.0 - Mend

@visitscotland/component-library 4.24.1 → 4.25.0

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.

Files changed (15) hide show

package/dist/client/manifest.json CHANGED Viewed

@@ -1819,7 +1819,8 @@
       "scripts/ecba1219a13304ea7c57.js",
       "scripts/8f4c38391eb16cc6adfb.js",
       "scripts/eebb0057929d60dbbf19.js",
-      "scripts/0fde49acabb257f1328a.js"
+      "scripts/b0f4fcf548396b60795b.js",
+      "scripts/acdd34ecd951e332838c.js"
     ],
     "styles": [
       "styles/b99ef3e263a887f4008c.css",
@@ -1827,7 +1828,7 @@
       "styles/10c1fb0cd68c7fbf0cc8.css",
       "styles/ecba1219a13304ea7c57.css",
       "styles/8f4c38391eb16cc6adfb.css",
-      "styles/0fde49acabb257f1328a.css"
+      "styles/acdd34ecd951e332838c.css"
     ]
   },
   "VsEventCard": {
@@ -6639,13 +6640,15 @@
       "scripts/ecba1219a13304ea7c57.js",
       "scripts/c31932e999f4e02b0740.js",
       "scripts/7926eaf34e584f4ee8f2.js",
-      "scripts/c44da96e8e6073ccffaf.js"
+      "scripts/eebb0057929d60dbbf19.js",
+      "scripts/b0f4fcf548396b60795b.js",
+      "scripts/908156c58dbe3ae7f58f.js"
     ],
     "styles": [
       "styles/b99ef3e263a887f4008c.css",
       "styles/7da7401effb5a920d797.css",
       "styles/ecba1219a13304ea7c57.css",
-      "styles/c44da96e8e6073ccffaf.css"
+      "styles/908156c58dbe3ae7f58f.css"
     ]
   },
   "VsWarning": {

package/dist/client/scripts/908156c58dbe3ae7f58f.js ADDED Viewed

@@ -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.VsVideo=t():e.VsVideo=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[4375],{79980:function(){},43582:function(e,t,n){"use strict";var i=n(10467),r=n(54756),o=n.n(r),s=n(25671),a=n(79122),u=n(45921),d=n.n(u),c=n(57957),l=n(83178),f=n(12308),p=n(98745),y=null,v=f.A.youtube;t.A={name:"VsVideo",status:"prototype",release:"0.0.1",components:{VsWarning:a.default,VueYoutube:s.A},mixins:[p.default,l.A],props:{language:{type:String,default:"en"},videoId:{type:String,required:!0},videoTitle:{type:String,default:""},singleMinuteDescriptor:{type:String,default:"%s minute video"},pluralMinuteDescriptor:{type:String,default:"%s minute video"},noCookiesMessage:{type:String,required:!0},cookieBtnText:{type:String,required:!0},noJsMessage:{type:String,required:!0},errorMessage:{type:String,default:""}},data:function(){return{duration:{minutes:0,seconds:0,roundedMinutes:""},playerVars:{hl:this.language},requiredCookies:v,reRendering:!1,shouldAutoPlay:!1,jsDisabled:!0}},computed:{showError:function(){return!this.requiredCookiesExist&&!0===this.cookiesInitStatus||"error"===this.cookiesInitStatus||!1===this.cookiesInitStatus},warningText:function(){var e="";return this.videoId&&this.jsDisabled&&(e=this.noJsMessage),"error"===this.cookiesInitStatus&&(e=this.errorMessage),this.requiredCookiesExist||!0!==this.cookiesInitStatus||(e=this.noCookiesMessage),e},player:function(){return this.$refs.youtube?this.$refs.youtube.player:null}},mounted:function(){this.jsDisabled=(0,c.A)(),y=d()(),this.setEventListeners()},methods:{playerReady:function(){var e=this;return(0,i.A)(o().mark((function t(){return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.getPlayerDetails();case 2:e.shouldAutoPlay&&(e.shouldAutoPlay=!1,e.playVideo());case 3:case"end":return t.stop()}}),t)})))()},playVideo:function(){var e=this;return(0,i.A)(o().mark((function t(){return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.player){t.next=3;break}return t.next=3,e.player.playVideo();case 3:case"end":return t.stop()}}),t)})))()},pauseVideo:function(){var e=this;return(0,i.A)(o().mark((function t(){return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.player){t.next=3;break}return t.next=3,e.player.pauseVideo();case 3:case"end":return t.stop()}}),t)})))()},stopVideo:function(){var e=this;return(0,i.A)(o().mark((function t(){return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.player){t.next=3;break}return t.next=3,e.player.stopVideo();case 3:case"end":return t.stop()}}),t)})))()},youtubePlaying:function(){this.analyticsEvent("play")},youtubePaused:function(){this.analyticsEvent("pause")},youtubeEnded:function(){this.analyticsEvent("ended")},analyticsEvent:function(e){var t=this,n=0,i=0;this.player.getCurrentTime().then((function(e){return n=e,t.player?t.player.getDuration():null})).then((function(e){i=e})).then((function(){var r=n/i*100;t.createDataLayerObject("videoTrackingDataEvent",{title:t.videoTitle,status:e,percent:Math.round(r)})}))},getPlayerDetails:function(){var e=this;return(0,i.A)(o().mark((function t(){return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.player){t.next=3;break}return t.next=3,e.player.getDuration().then((function(t){e.formatTime(t),e.storeVideoDetails()}));case 3:case"end":return t.stop()}}),t)})))()},formatTime:function(e){var t=Math.floor(e/60),n=Math.round(e-60*t);this.duration.minutes=t,this.duration.seconds=n;var i=this.getRoundedMinutes(t,n);this.duration.roundedMinutes=this.formatSingularOrPlural(i)},getRoundedMinutes:function(e,t){return t<30&&0!==e?e:e+1},formatSingularOrPlural:function(e){return 1===e?this.singleMinuteDescriptor.replace("%s",e):this.pluralMinuteDescriptor.replace("%s",e)},pad:function(e){return e>=10?e:"0".concat(e)},storeVideoDetails:function(){y.addVideo({videoId:this.videoId,videoDurationMsg:this.duration.roundedMinutes,videoDuration:60*this.duration.minutes+this.duration.seconds,videoFullDuration:this.duration})},setEventListeners:function(){var e=this;this.emitter&&this.emitter.on("video-controls",(function(t){t.id===e.videoId&&("modal-opened"===t.action&&e.playVideo(),"modal-closed"===t.action&&e.stopVideo(),"play"===t.action?e.playVideo():"pause"===t.action&&e.pauseVideo())}))}}}},41e3:function(e,t,n){"use strict";n.d(t,{X:function(){return u}});var i=n(20641),r=n(90033),o={key:0,class:"vs-video","data-test":"vs-video"},s={class:"vs-video__iframe-wrapper"},a={key:0};function u(e,t,n,u,d,c){var l=(0,i.g2)("VueYoutube"),f=(0,i.g2)("VsWarning");return d.reRendering?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("div",o,[(0,i.Lk)("div",s,[e.requiredCookiesExist?((0,i.uX)(),(0,i.CE)("div",a,[(0,i.bF)(l,{autoplay:0,"video-id":n.videoId,vars:d.playerVars,ref:"youtube",nocookie:!0,onPlaying:c.youtubePlaying,onPaused:c.youtubePaused,onEnded:c.youtubeEnded,onReady:c.playerReady},null,8,["video-id","vars","onPlaying","onPaused","onEnded","onReady"])])):(0,i.Q3)("",!0),c.showError?((0,i.uX)(),(0,i.Wv)(f,{key:1,type:!0===e.cookiesInitStatus?"cookie":"normal","data-test":"vs-video__warning",class:"vs-video__warning"},(0,i.eX)({default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(c.warningText)+" ",1)]})),_:2},[e.requiredCookiesExist||!0!==e.cookiesInitStatus?void 0:{name:"button-text",fn:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(n.cookieBtnText),1)]})),key:"0"}]),1032,["type"])):(0,i.Q3)("",!0),(0,i.bF)(f,{"data-test":"vs-video__warning--no-js",class:"vs-video__warning vs-video__warning--no-js"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(n.noJsMessage),1)]})),_:1})])]))}},64478:function(e,t,n){"use strict";var i=n(85072),r=n.n(i),o=n(97825),s=n.n(o),a=n(77659),u=n.n(a),d=n(55056),c=n.n(d),l=n(10540),f=n.n(l),p=n(41113),y=n.n(p),v=n(79980),h=n.n(v),g={};g.styleTagTransform=y(),g.setAttributes=c(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=f(),r()(h(),g),h()&&h().locals&&h().locals},85513:function(e,t,n){"use strict";n.r(t);var i=n(79832),r=n(43474);n(18122);const o=(0,n(66262).A)(r.A,[["render",i.X]]);t.default=o},43474:function(e,t,n){"use strict";n.d(t,{A:function(){return i.A}});var i=n(43582)},79832:function(e,t,n){"use strict";n.d(t,{X:function(){return i.X}});var i=n(41e3)},18122:function(e,t,n){"use strict";n(64478)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,3498,6422,8745,8836,9122,5921,7957,2829,1459],(function(){return e(e.s=85513)})),e.O()}])}));

package/dist/client/scripts/acdd34ecd951e332838c.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/client/scripts/b0f4fcf548396b60795b.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1459],{83178:function(e,t,o){var n=o(64467),i=o(10810),r=o(2829);function s(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function c(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){(0,n.A)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var u={data:function(){return{bypassCookiesExist:!1}},computed:c(c({},(0,i.aH)(r.A,{cookiesSet:function(e){return e.allowedCookies}})),{},{onetrustActiveGroups:function(){return"undefined"!=typeof window?window.OnetrustActiveGroups:null},requiredCookiesExist:function(){var e=this;if("undefined"!=typeof window&&window.bypassCookieChecks)return this.bypassCookiesExist;var t=!0;return this.requiredCookies?this.requiredCookies.forEach((function(o){-1===e.cookiesSet.indexOf(o)&&(t=!1)})):t=!1,t},cookiesInitStatus:function(){return"undefined"!=typeof window&&window.bypassCookieChecks?this.bypassCookiesExist:(void 0===this.onetrustActiveGroups||this.cookiesSet.length,!0)}}),mounted:function(){var e=this;setTimeout((function(){e.bypassCookiesExist=!0}),50)}};t.A=u},12308:function(e,t){t.A={youtube:["C0001","C0004"],languageSelector:["C0001"],embed:["C0001","C0003","C0004"],recaptcha:["C0001"],map:["C0001"]}}}]);

package/dist/components/components/video/Video.vue.d.ts CHANGED Viewed

@@ -43,6 +43,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     /**
+    * A message explaining why the component has been disabled with disabled cookies, is
+    * provided for descendent components to inject
+    */
+    noCookiesMessage: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    * Text used for the link which opens the cookie preference centre.
+    */
+    cookieBtnText: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    /**
     * A message explaining why the component has been disabled when js is disabled,
     * is provided for descendent components to inject
     */
@@ -66,10 +82,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     playerVars: {
         hl: string;
     };
+    requiredCookies: string[];
     reRendering: boolean;
     shouldAutoPlay: boolean;
     jsDisabled: boolean;
 }, {
+    showError(): boolean;
     warningText(): string;
     player(): any;
 }, {
@@ -144,6 +162,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         compileFullTemplate(templateValues: any): any;
         targetText(event: any): any;
     };
+} | {
+    data(): {
+        bypassCookiesExist: boolean;
+    };
+    computed: {
+        onetrustActiveGroups(): any;
+        requiredCookiesExist(): any;
+        cookiesInitStatus(): any;
+        cookiesSet: () => string[];
+    };
+    mounted(): void;
 }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
     * The YouTube ID for the video
@@ -189,6 +218,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     /**
+    * A message explaining why the component has been disabled with disabled cookies, is
+    * provided for descendent components to inject
+    */
+    noCookiesMessage: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    * Text used for the link which opens the cookie preference centre.
+    */
+    cookieBtnText: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    /**
     * A message explaining why the component has been disabled when js is disabled,
     * is provided for descendent components to inject
     */
@@ -505,7 +550,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: undefined;
                     };
                     size: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next' /**
+                         * Plays the video
+                         */).BaseSize>;
                         default: string;
                     };
                     active: {
@@ -513,7 +560,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                     activeClass: {
-                        type: import('vue').PropType<string>;
+                        type: import('vue' /**
+                         * Pauses the video
+                         */).PropType<string>;
                         default: undefined;
                     };
                     routerComponentName: {
@@ -577,10 +626,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                     loadingText: {
-                        type: import('vue' /**
-                         * Checks if the number of (rounded) minutes the video is long is singular or plural, then
-                         * returns the appropriate descriptor string with the duration subbed in
-                         */).PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                     squared: {
@@ -667,7 +713,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: undefined;
                     };
                     size: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next' /**
+                         * Plays the video
+                         */).BaseSize>;
                         default: string;
                     };
                     active: {
@@ -675,7 +723,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                     activeClass: {
-                        type: import('vue').PropType<string>;
+                        type: import('vue' /**
+                         * Pauses the video
+                         */).PropType<string>;
                         default: undefined;
                     };
                     routerComponentName: {
@@ -739,10 +789,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                     loadingText: {
-                        type: import('vue' /**
-                         * Checks if the number of (rounded) minutes the video is long is singular or plural, then
-                         * returns the appropriate descriptor string with the duration subbed in
-                         */).PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                     squared: {
@@ -824,7 +871,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: undefined;
                 };
                 size: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                    type: import('vue').PropType<keyof import('bootstrap-vue-next' /**
+                     * Plays the video
+                     */).BaseSize>;
                     default: string;
                 };
                 active: {
@@ -832,7 +881,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
                 activeClass: {
-                    type: import('vue').PropType<string>;
+                    type: import('vue' /**
+                     * Pauses the video
+                     */).PropType<string>;
                     default: undefined;
                 };
                 routerComponentName: {
@@ -896,10 +947,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
                 loadingText: {
-                    type: import('vue' /**
-                     * Checks if the number of (rounded) minutes the video is long is singular or plural, then
-                     * returns the appropriate descriptor string with the duration subbed in
-                     */).PropType<string>;
+                    type: import('vue').PropType<string>;
                     default: string;
                 };
                 squared: {