@weareglow/media-components - npm Package Compare versions

Comparing version 0.0.55 to 0.0.56

dist/cjs/glow-background-video.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
+const core = require('./core-48763cee.js');
 
@@ -8,0 +8,0 @@ const BackgroundVideo = class {

dist/cjs/glow-cta-button.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
+const core = require('./core-48763cee.js');
 
@@ -8,0 +8,0 @@ const CtaButton = class {

dist/cjs/glow-lockup.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
+const core = require('./core-48763cee.js');
 
@@ -8,0 +8,0 @@ const Lockup = class {

dist/cjs/glow-media-component-framework.cjs.js

 'use strict';
 
-const core = require('./core-f9a11319.js');
+const core = require('./core-48763cee.js');
 
 core.patchBrowser().then(options => {
-  return core.bootstrapLazy([["glow-background-video.cjs",[[0,"glow-background-video",{"videoSrc":[1,"video-src"],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"autoplay":[4],"play":[64],"pause":[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["glow-trailer-video.cjs",[[4,"glow-trailer-video",{"exitOnClick":[4,"exit-on-click"],"showReplay":[4,"show-replay"],"replayFrom":[2,"replay-from"],"src":[1],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"width":[8],"height":[8],"videoTitle":[1,"video-title"],"autoplay":[4],"controlBtnFill":[1,"control-btn-fill"],"controlBtnHoverFill":[1,"control-btn-hover-fill"],"controlPosition":[1,"control-position"],"controlIsHovered":[32],"playing":[32],"muted":[32],"hasInteracted":[32],"hasEnded":[32],"play":[64],"pause":[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["glow-media-unit_2.cjs",[[4,"glow-media-unit",{"previewBgColor":[1,"preview-bg-color"],"exitLink":[1,"exit-link"],"testDate":[8,"test-date"],"size":[1],"placeholderImage":[1,"placeholder-image"],"pageVisible":[32],"pageLoaded":[32],"triggerExit":[64]},[[4,"media-exit","mediaUnitExit"]]],[0,"glow-polite-image",{"src":[1],"alt":[1],"pageLoaded":[32]},[[4,"page-loaded","pageLoadedHandler"]]]]],["glow-cta-button.cjs",[[4,"glow-cta-button",{"backgroundColor":[1,"background-color"],"hoverBackgroundColor":[1,"hover-background-color"],"fontColor":[1,"font-color"],"hoverFontColor":[1,"hover-font-color"],"buttonText":[1,"button-text"],"hovered":[32]}]]],["glow-lockup.cjs",[[4,"glow-lockup",{"lockupPadding":[1,"lockup-padding"],"exitLink":[1,"exit-link"]}]]],["glow-story.cjs",[[4,"glow-story",{"exitLink":[1,"exit-link"],"autoAnimate":[4,"auto-animate"],"endframeImage":[1,"endframe-image"],"replayBtnFill":[1,"replay-btn-fill"],"pageLoaded":[32],"pageVisible":[32],"playing":[32],"storyLoaded":[32]},[[32,"page-loaded","handlePageLoaded"],[32,"page-visible","handlePageVisible"],[32,"media-exit","handleMediaExit"]]]]],["glow-tune-in.cjs",[[4,"glow-tune-in",{"showBefore":[1,"show-before"],"showAfter":[1,"show-after"],"showOn":[1,"show-on"],"showBetween":[1,"show-between"],"isDefault":[4,"is-default"],"isCurrent":[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["glow-polite-video.cjs",[[0,"glow-polite-video",{"src":[1],"muted":[4],"autoplay":[4],"endframeImage":[1,"endframe-image"],"posterImage":[1,"poster-image"],"videoTitle":[1,"video-title"],"pageLoaded":[32],"playing":[32],"loaded":[32],"showEndframe":[32],"play":[64],"setLoaded":[64],"pause":[64],"setCurrentTime":[64]},[[32,"page-loaded","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]], options);
+  return core.bootstrapLazy([["glow-background-video.cjs",[[0,"glow-background-video",{"videoSrc":[1,"video-src"],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"autoplay":[4],"play":[64],"pause":[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["glow-trailer-video.cjs",[[4,"glow-trailer-video",{"exitOnClick":[4,"exit-on-click"],"showReplay":[4,"show-replay"],"replayFrom":[2,"replay-from"],"src":[1],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"width":[8],"height":[8],"videoTitle":[1,"video-title"],"autoplay":[4],"controlBtnFill":[1,"control-btn-fill"],"controlBtnHoverFill":[1,"control-btn-hover-fill"],"controlPosition":[1,"control-position"],"controlIsHovered":[32],"playing":[32],"muted":[32],"hasInteracted":[32],"hasEnded":[32],"play":[64],"pause":[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["glow-media-unit_2.cjs",[[4,"glow-media-unit",{"previewBgColor":[1,"preview-bg-color"],"exitLink":[1,"exit-link"],"testDate":[8,"test-date"],"size":[1],"placeholderImage":[1,"placeholder-image"],"pageVisible":[32],"pageLoaded":[32],"triggerExit":[64]},[[4,"media-exit","mediaUnitExit"]]],[0,"glow-polite-image",{"src":[1],"alt":[1],"pageLoaded":[32]},[[4,"page-loaded","pageLoadedHandler"]]]]],["glow-cta-button.cjs",[[4,"glow-cta-button",{"backgroundColor":[1,"background-color"],"hoverBackgroundColor":[1,"hover-background-color"],"fontColor":[1,"font-color"],"hoverFontColor":[1,"hover-font-color"],"buttonText":[1,"button-text"],"hovered":[32]}]]],["glow-lockup.cjs",[[4,"glow-lockup",{"lockupPadding":[1,"lockup-padding"],"exitLink":[1,"exit-link"]}]]],["glow-story.cjs",[[4,"glow-story",{"exitLink":[1,"exit-link"],"autoAnimate":[4,"auto-animate"],"endframeImage":[1,"endframe-image"],"replayBtnFill":[1,"replay-btn-fill"],"pageLoaded":[32],"pageVisible":[32],"playing":[32],"storyLoaded":[32]},[[32,"page-loaded","handlePageLoaded"],[32,"page-visible","handlePageVisible"],[32,"media-exit","handleMediaExit"]]]]],["glow-tune-in.cjs",[[4,"glow-tune-in",{"showBefore":[1,"show-before"],"showAfter":[1,"show-after"],"showOn":[1,"show-on"],"showBetween":[1,"show-between"],"isDefault":[4,"is-default"],"isCurrent":[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["glow-polite-video.cjs",[[0,"glow-polite-video",{"src":[1],"muted":[4],"autoplay":[4],"endframeImage":[1,"endframe-image"],"posterImage":[1,"poster-image"],"videoTitle":[1,"video-title"],"pageLoaded":[32],"playing":[32],"loaded":[32],"showEndframe":[32],"play":[64],"setLoaded":[64],"pause":[64],"setCurrentTime":[64]},[[8,"page-visible","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]], options);
 });

dist/cjs/glow-media-unit_2.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
-const utils = require('./utils-0c371869.js');
+const core = require('./core-48763cee.js');
+const utils = require('./utils-5fef208f.js');
 
@@ -9,0 +9,0 @@ const MediaUnit = class {

dist/cjs/glow-polite-video.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
-const utils = require('./utils-0c371869.js');
+const core = require('./core-48763cee.js');
+const utils = require('./utils-5fef208f.js');
 
@@ -25,2 +25,7 @@ const PoliteVideo = class {
     }
+    connectedCallback() {
+        if (document.readyState === "complete" && !this.loaded) {
+            this.pageLoaded = true;
+        }
+    }
     handleMediaExit() {
@@ -66,6 +71,6 @@ this.pause();
     render() {
-        return (core.h("div", { class: "glow-polite-video-ctr" }, core.h("div", null, core.h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }), core.h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: () => this.handleCanPlayThrough(), autoplay: this.autoplay, ref: (el) => (this.videoEl = el), onPlay: () => this.handlePlay(), onEnded: () => this.handleEnded(), src: utils.getUrl(this.src) }), core.h("img", { class: {
+        return (core.h("div", { class: "glow-polite-video-ctr" }, this.pageLoaded && (core.h("div", null, core.h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }), core.h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: () => this.handleCanPlayThrough(), autoplay: this.autoplay, ref: (el) => (this.videoEl = el), onPlay: () => this.handlePlay(), onEnded: () => this.handleEnded(), src: utils.getUrl(this.src) }), core.h("img", { class: {
                 "glow-polite-video-endframe": true,
                 "is-hidden": !this.showEndframe,
-            }, src: utils.getUrl(this.endframeImage), alt: "" }))));
+            }, src: utils.getUrl(this.endframeImage), alt: "" })))));
     }
@@ -72,0 +77,0 @@ static get style() { return ".glow-polite-video-endframe,.glow-polite-video-poster-image{position:absolute;top:0;left:0;width:100%}.glow-polite-video{width:100%;position:relative}"; }

dist/cjs/glow-story.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
-const utils = require('./utils-0c371869.js');
+const core = require('./core-48763cee.js');
+const utils = require('./utils-5fef208f.js');
 
@@ -9,0 +9,0 @@ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

dist/cjs/glow-trailer-video.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
+const core = require('./core-48763cee.js');
 
@@ -8,0 +8,0 @@ const TrailerVideo = class {

dist/cjs/glow-tune-in.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
-const utils = require('./utils-0c371869.js');
+const core = require('./core-48763cee.js');
+const utils = require('./utils-5fef208f.js');
 
@@ -9,0 +9,0 @@ const TuneInDate = class {

dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const core = require('./core-f9a11319.js');
+const core = require('./core-48763cee.js');
 
 const defineCustomElements = (win, options) => {
   return core.patchEsm().then(() => {
-    core.bootstrapLazy([["glow-background-video.cjs",[[0,"glow-background-video",{"videoSrc":[1,"video-src"],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"autoplay":[4],"play":[64],"pause":[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["glow-trailer-video.cjs",[[4,"glow-trailer-video",{"exitOnClick":[4,"exit-on-click"],"showReplay":[4,"show-replay"],"replayFrom":[2,"replay-from"],"src":[1],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"width":[8],"height":[8],"videoTitle":[1,"video-title"],"autoplay":[4],"controlBtnFill":[1,"control-btn-fill"],"controlBtnHoverFill":[1,"control-btn-hover-fill"],"controlPosition":[1,"control-position"],"controlIsHovered":[32],"playing":[32],"muted":[32],"hasInteracted":[32],"hasEnded":[32],"play":[64],"pause":[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["glow-media-unit_2.cjs",[[4,"glow-media-unit",{"previewBgColor":[1,"preview-bg-color"],"exitLink":[1,"exit-link"],"testDate":[8,"test-date"],"size":[1],"placeholderImage":[1,"placeholder-image"],"pageVisible":[32],"pageLoaded":[32],"triggerExit":[64]},[[4,"media-exit","mediaUnitExit"]]],[0,"glow-polite-image",{"src":[1],"alt":[1],"pageLoaded":[32]},[[4,"page-loaded","pageLoadedHandler"]]]]],["glow-cta-button.cjs",[[4,"glow-cta-button",{"backgroundColor":[1,"background-color"],"hoverBackgroundColor":[1,"hover-background-color"],"fontColor":[1,"font-color"],"hoverFontColor":[1,"hover-font-color"],"buttonText":[1,"button-text"],"hovered":[32]}]]],["glow-lockup.cjs",[[4,"glow-lockup",{"lockupPadding":[1,"lockup-padding"],"exitLink":[1,"exit-link"]}]]],["glow-story.cjs",[[4,"glow-story",{"exitLink":[1,"exit-link"],"autoAnimate":[4,"auto-animate"],"endframeImage":[1,"endframe-image"],"replayBtnFill":[1,"replay-btn-fill"],"pageLoaded":[32],"pageVisible":[32],"playing":[32],"storyLoaded":[32]},[[32,"page-loaded","handlePageLoaded"],[32,"page-visible","handlePageVisible"],[32,"media-exit","handleMediaExit"]]]]],["glow-tune-in.cjs",[[4,"glow-tune-in",{"showBefore":[1,"show-before"],"showAfter":[1,"show-after"],"showOn":[1,"show-on"],"showBetween":[1,"show-between"],"isDefault":[4,"is-default"],"isCurrent":[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["glow-polite-video.cjs",[[0,"glow-polite-video",{"src":[1],"muted":[4],"autoplay":[4],"endframeImage":[1,"endframe-image"],"posterImage":[1,"poster-image"],"videoTitle":[1,"video-title"],"pageLoaded":[32],"playing":[32],"loaded":[32],"showEndframe":[32],"play":[64],"setLoaded":[64],"pause":[64],"setCurrentTime":[64]},[[32,"page-loaded","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]], options);
+    core.bootstrapLazy([["glow-background-video.cjs",[[0,"glow-background-video",{"videoSrc":[1,"video-src"],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"autoplay":[4],"play":[64],"pause":[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["glow-trailer-video.cjs",[[4,"glow-trailer-video",{"exitOnClick":[4,"exit-on-click"],"showReplay":[4,"show-replay"],"replayFrom":[2,"replay-from"],"src":[1],"posterImage":[1,"poster-image"],"endframeImage":[1,"endframe-image"],"width":[8],"height":[8],"videoTitle":[1,"video-title"],"autoplay":[4],"controlBtnFill":[1,"control-btn-fill"],"controlBtnHoverFill":[1,"control-btn-hover-fill"],"controlPosition":[1,"control-position"],"controlIsHovered":[32],"playing":[32],"muted":[32],"hasInteracted":[32],"hasEnded":[32],"play":[64],"pause":[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["glow-media-unit_2.cjs",[[4,"glow-media-unit",{"previewBgColor":[1,"preview-bg-color"],"exitLink":[1,"exit-link"],"testDate":[8,"test-date"],"size":[1],"placeholderImage":[1,"placeholder-image"],"pageVisible":[32],"pageLoaded":[32],"triggerExit":[64]},[[4,"media-exit","mediaUnitExit"]]],[0,"glow-polite-image",{"src":[1],"alt":[1],"pageLoaded":[32]},[[4,"page-loaded","pageLoadedHandler"]]]]],["glow-cta-button.cjs",[[4,"glow-cta-button",{"backgroundColor":[1,"background-color"],"hoverBackgroundColor":[1,"hover-background-color"],"fontColor":[1,"font-color"],"hoverFontColor":[1,"hover-font-color"],"buttonText":[1,"button-text"],"hovered":[32]}]]],["glow-lockup.cjs",[[4,"glow-lockup",{"lockupPadding":[1,"lockup-padding"],"exitLink":[1,"exit-link"]}]]],["glow-story.cjs",[[4,"glow-story",{"exitLink":[1,"exit-link"],"autoAnimate":[4,"auto-animate"],"endframeImage":[1,"endframe-image"],"replayBtnFill":[1,"replay-btn-fill"],"pageLoaded":[32],"pageVisible":[32],"playing":[32],"storyLoaded":[32]},[[32,"page-loaded","handlePageLoaded"],[32,"page-visible","handlePageVisible"],[32,"media-exit","handleMediaExit"]]]]],["glow-tune-in.cjs",[[4,"glow-tune-in",{"showBefore":[1,"show-before"],"showAfter":[1,"show-after"],"showOn":[1,"show-on"],"showBetween":[1,"show-between"],"isDefault":[4,"is-default"],"isCurrent":[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["glow-polite-video.cjs",[[0,"glow-polite-video",{"src":[1],"muted":[4],"autoplay":[4],"endframeImage":[1,"endframe-image"],"posterImage":[1,"poster-image"],"videoTitle":[1,"video-title"],"pageLoaded":[32],"playing":[32],"loaded":[32],"showEndframe":[32],"play":[64],"setLoaded":[64],"pause":[64],"setCurrentTime":[64]},[[8,"page-visible","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]], options);
   });
@@ -12,0 +12,0 @@ };

dist/collection/collection-manifest.json

 {
   "entries": [
-    "components/cta-button/cta-button.js",
-    "components/background-video/background-video.js",
+    "components/Media-Unit/media-unit.js",
+    "components/trailer-video/trailer-video.js",
+    "components/polite-video/polite-video.js",
     "components/lockup/lockup.js",
     "components/polite-image/polite-image.js",
-    "components/polite-video/polite-video.js",
+    "components/background-video/background-video.js",
+    "components/cta-button/cta-button.js",
     "components/story/story.js",
-    "components/tune-in/tune-in.js",
-    "components/trailer-video/trailer-video.js",
-    "components/Media-Unit/media-unit.js"
+    "components/tune-in/tune-in.js"
   ],
@@ -13,0 +13,0 @@ "compiler": {

dist/collection/components/polite-video/polite-video.js

@@ -15,2 +15,7 @@ import { h } from "@stencil/core";
     }
+    connectedCallback() {
+        if (document.readyState === "complete" && !this.loaded) {
+            this.pageLoaded = true;
+        }
+    }
     handleMediaExit() {
@@ -56,10 +61,9 @@ this.pause();
     render() {
-        return (h("div", { class: "glow-polite-video-ctr" },
-            h("div", null,
-                h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }),
-                h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: () => this.handleCanPlayThrough(), autoplay: this.autoplay, ref: (el) => (this.videoEl = el), onPlay: () => this.handlePlay(), onEnded: () => this.handleEnded(), src: getUrl(this.src) }),
-                h("img", { class: {
-                        "glow-polite-video-endframe": true,
-                        "is-hidden": !this.showEndframe,
-                    }, src: getUrl(this.endframeImage), alt: "" }))));
+        return (h("div", { class: "glow-polite-video-ctr" }, this.pageLoaded && (h("div", null,
+            h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }),
+            h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: () => this.handleCanPlayThrough(), autoplay: this.autoplay, ref: (el) => (this.videoEl = el), onPlay: () => this.handlePlay(), onEnded: () => this.handleEnded(), src: getUrl(this.src) }),
+            h("img", { class: {
+                    "glow-polite-video-endframe": true,
+                    "is-hidden": !this.showEndframe,
+                }, src: getUrl(this.endframeImage), alt: "" })))));
     }
@@ -301,5 +305,5 @@ static get is() { return "glow-polite-video"; }
     static get listeners() { return [{
-            "name": "page-loaded",
+            "name": "page-visible",
             "method": "pageLoadedHandler",
-            "target": "body",
+            "target": "window",
             "capture": false,
@@ -306,0 +310,0 @@ "passive": false

dist/collection/components/trailer-video/trailer-video.js

@@ -0,1 +1,2 @@
+// todo why isn't endframe working?
 import { h } from "@stencil/core";
@@ -2,0 +3,0 @@ export class TrailerVideo {

dist/collection/utils/loading-events.js

@@ -6,2 +6,3 @@ // Removing any references to Enabler within our media unit.
 export const enablerEvents = {
+  type: "Enabler",
   handleExit(exitLink) {
@@ -45,2 +46,3 @@ Enabler.exit(exitLink);
 export const DOMEvents = {
+  type: "DOM",
   handleExit(exitLink) {
@@ -47,0 +49,0 @@ window.clickTag = exitLink || window.clickTag;

dist/esm-es5/glow-background-video.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h } from './core-f24c606a.js';
 var BackgroundVideo = /** @class */ (function () {
@@ -40,0 +40,0 @@ function class_1(hostRef) {

dist/esm-es5/glow-cta-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-f24c606a.js';
 var CtaButton = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CtaButton(hostRef) {

dist/esm-es5/glow-lockup.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-f24c606a.js';
 var Lockup = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Lockup(hostRef) {

dist/esm-es5/glow-media-unit_2.entry.js

@@ -37,4 +37,4 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
-import { l as loadingEvents, T as TuneIn } from './utils-4a7a59bf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-f24c606a.js';
+import { l as loadingEvents, T as TuneIn } from './utils-2adfe37f.js';
 var MediaUnit = /** @class */ (function () {
@@ -41,0 +41,0 @@ function class_1(hostRef) {

dist/esm-es5/glow-polite-video.entry.js

@@ -37,4 +37,4 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
-import { t as trackVideo, g as getUrl } from './utils-4a7a59bf.js';
+import { r as registerInstance, c as createEvent, h } from './core-f24c606a.js';
+import { t as trackVideo, g as getUrl } from './utils-2adfe37f.js';
 var PoliteVideo = /** @class */ (function () {
@@ -56,2 +56,7 @@ function class_1(hostRef) {
     };
+    class_1.prototype.connectedCallback = function () {
+        if (document.readyState === "complete" && !this.loaded) {
+            this.pageLoaded = true;
+        }
+    };
     class_1.prototype.handleMediaExit = function () {
@@ -118,6 +123,6 @@ this.pause();
         var _this = this;
-        return (h("div", { class: "glow-polite-video-ctr" }, h("div", null, h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }), h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: function () { return _this.handleCanPlayThrough(); }, autoplay: this.autoplay, ref: function (el) { return (_this.videoEl = el); }, onPlay: function () { return _this.handlePlay(); }, onEnded: function () { return _this.handleEnded(); }, src: getUrl(this.src) }), h("img", { class: {
+        return (h("div", { class: "glow-polite-video-ctr" }, this.pageLoaded && (h("div", null, h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }), h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: function () { return _this.handleCanPlayThrough(); }, autoplay: this.autoplay, ref: function (el) { return (_this.videoEl = el); }, onPlay: function () { return _this.handlePlay(); }, onEnded: function () { return _this.handleEnded(); }, src: getUrl(this.src) }), h("img", { class: {
                 "glow-polite-video-endframe": true,
                 "is-hidden": !this.showEndframe,
-            }, src: getUrl(this.endframeImage), alt: "" }))));
+            }, src: getUrl(this.endframeImage), alt: "" })))));
     };
@@ -124,0 +129,0 @@ Object.defineProperty(class_1, "style", {

dist/esm-es5/glow-story.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-0c529088.js';
-import { t as trackVideo } from './utils-4a7a59bf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-f24c606a.js';
+import { t as trackVideo } from './utils-2adfe37f.js';
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -4,0 +4,0 @@ function unwrapExports(x) {

dist/esm-es5/glow-trailer-video.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h } from './core-f24c606a.js';
 var TrailerVideo = /** @class */ (function () {
@@ -40,0 +40,0 @@ function class_1(hostRef) {

dist/esm-es5/glow-tune-in.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './core-0c529088.js';
-import { T as TuneIn } from './utils-4a7a59bf.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './core-f24c606a.js';
+import { T as TuneIn } from './utils-2adfe37f.js';
 var TuneInDate = /** @class */ (function () {
@@ -4,0 +4,0 @@ function TuneInDate(hostRef) {

dist/esm/glow-background-video.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h } from './core-f24c606a.js';
 
@@ -3,0 +3,0 @@ const BackgroundVideo = class {

dist/esm/glow-cta-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-f24c606a.js';
 
@@ -3,0 +3,0 @@ const CtaButton = class {

dist/esm/glow-lockup.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-f24c606a.js';
 
@@ -3,0 +3,0 @@ const Lockup = class {

dist/esm/glow-media-unit_2.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
-import { l as loadingEvents, T as TuneIn } from './utils-4a7a59bf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-f24c606a.js';
+import { l as loadingEvents, T as TuneIn } from './utils-2adfe37f.js';
 
@@ -4,0 +4,0 @@ const MediaUnit = class {

dist/esm/glow-polite-video.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
-import { t as trackVideo, g as getUrl } from './utils-4a7a59bf.js';
+import { r as registerInstance, c as createEvent, h } from './core-f24c606a.js';
+import { t as trackVideo, g as getUrl } from './utils-2adfe37f.js';
 
@@ -20,2 +20,7 @@ const PoliteVideo = class {
     }
+    connectedCallback() {
+        if (document.readyState === "complete" && !this.loaded) {
+            this.pageLoaded = true;
+        }
+    }
     handleMediaExit() {
@@ -61,6 +66,6 @@ this.pause();
     render() {
-        return (h("div", { class: "glow-polite-video-ctr" }, h("div", null, h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }), h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: () => this.handleCanPlayThrough(), autoplay: this.autoplay, ref: (el) => (this.videoEl = el), onPlay: () => this.handlePlay(), onEnded: () => this.handleEnded(), src: getUrl(this.src) }), h("img", { class: {
+        return (h("div", { class: "glow-polite-video-ctr" }, this.pageLoaded && (h("div", null, h("img", { class: "glow-polite-video-poster-image", src: this.posterImage, alt: "" }), h("video", { class: "glow-polite-video", muted: this.muted, playsinline: true, onCanPlayThrough: () => this.handleCanPlayThrough(), autoplay: this.autoplay, ref: (el) => (this.videoEl = el), onPlay: () => this.handlePlay(), onEnded: () => this.handleEnded(), src: getUrl(this.src) }), h("img", { class: {
                 "glow-polite-video-endframe": true,
                 "is-hidden": !this.showEndframe,
-            }, src: getUrl(this.endframeImage), alt: "" }))));
+            }, src: getUrl(this.endframeImage), alt: "" })))));
     }
@@ -67,0 +72,0 @@ static get style() { return ".glow-polite-video-endframe,.glow-polite-video-poster-image{position:absolute;top:0;left:0;width:100%}.glow-polite-video{width:100%;position:relative}"; }

dist/esm/glow-story.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-0c529088.js';
-import { t as trackVideo } from './utils-4a7a59bf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-f24c606a.js';
+import { t as trackVideo } from './utils-2adfe37f.js';
 
@@ -4,0 +4,0 @@ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

dist/esm/glow-trailer-video.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
+import { r as registerInstance, c as createEvent, h } from './core-f24c606a.js';
 
@@ -3,0 +3,0 @@ const TrailerVideo = class {

dist/esm/glow-tune-in.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './core-0c529088.js';
-import { T as TuneIn } from './utils-4a7a59bf.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './core-f24c606a.js';
+import { T as TuneIn } from './utils-2adfe37f.js';
 
@@ -4,0 +4,0 @@ const TuneInDate = class {

dist/glow-media-component-framework/glow-media-component-framework.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-d19fca32.js";e().then(e=>o([["p-w6fpzys4",[[0,"glow-background-video",{videoSrc:[1,"video-src"],posterImage:[1,"poster-image"],endframeImage:[1,"endframe-image"],autoplay:[4],play:[64],pause:[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["p-inny16lz",[[4,"glow-trailer-video",{exitOnClick:[4,"exit-on-click"],showReplay:[4,"show-replay"],replayFrom:[2,"replay-from"],src:[1],posterImage:[1,"poster-image"],endframeImage:[1,"endframe-image"],width:[8],height:[8],videoTitle:[1,"video-title"],autoplay:[4],controlBtnFill:[1,"control-btn-fill"],controlBtnHoverFill:[1,"control-btn-hover-fill"],controlPosition:[1,"control-position"],controlIsHovered:[32],playing:[32],muted:[32],hasInteracted:[32],hasEnded:[32],play:[64],pause:[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["p-j0jljslo",[[4,"glow-media-unit",{previewBgColor:[1,"preview-bg-color"],exitLink:[1,"exit-link"],testDate:[8,"test-date"],size:[1],placeholderImage:[1,"placeholder-image"],pageVisible:[32],pageLoaded:[32],triggerExit:[64]},[[4,"media-exit","mediaUnitExit"]]],[0,"glow-polite-image",{src:[1],alt:[1],pageLoaded:[32]},[[4,"page-loaded","pageLoadedHandler"]]]]],["p-8jhyvwfs",[[4,"glow-cta-button",{backgroundColor:[1,"background-color"],hoverBackgroundColor:[1,"hover-background-color"],fontColor:[1,"font-color"],hoverFontColor:[1,"hover-font-color"],buttonText:[1,"button-text"],hovered:[32]}]]],["p-nb23c1de",[[4,"glow-lockup",{lockupPadding:[1,"lockup-padding"],exitLink:[1,"exit-link"]}]]],["p-edfq4hxm",[[4,"glow-story",{exitLink:[1,"exit-link"],autoAnimate:[4,"auto-animate"],endframeImage:[1,"endframe-image"],replayBtnFill:[1,"replay-btn-fill"],pageLoaded:[32],pageVisible:[32],playing:[32],storyLoaded:[32]},[[32,"page-loaded","handlePageLoaded"],[32,"page-visible","handlePageVisible"],[32,"media-exit","handleMediaExit"]]]]],["p-eu2pnlxt",[[4,"glow-tune-in",{showBefore:[1,"show-before"],showAfter:[1,"show-after"],showOn:[1,"show-on"],showBetween:[1,"show-between"],isDefault:[4,"is-default"],isCurrent:[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["p-egrv6szr",[[0,"glow-polite-video",{src:[1],muted:[4],autoplay:[4],endframeImage:[1,"endframe-image"],posterImage:[1,"poster-image"],videoTitle:[1,"video-title"],pageLoaded:[32],playing:[32],loaded:[32],showEndframe:[32],play:[64],setLoaded:[64],pause:[64],setCurrentTime:[64]},[[32,"page-loaded","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]],e));
+import{p as e,b as o}from"./p-4fe68d26.js";e().then(e=>o([["p-dg9pswru",[[0,"glow-background-video",{videoSrc:[1,"video-src"],posterImage:[1,"poster-image"],endframeImage:[1,"endframe-image"],autoplay:[4],play:[64],pause:[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["p-9m82vmhr",[[4,"glow-trailer-video",{exitOnClick:[4,"exit-on-click"],showReplay:[4,"show-replay"],replayFrom:[2,"replay-from"],src:[1],posterImage:[1,"poster-image"],endframeImage:[1,"endframe-image"],width:[8],height:[8],videoTitle:[1,"video-title"],autoplay:[4],controlBtnFill:[1,"control-btn-fill"],controlBtnHoverFill:[1,"control-btn-hover-fill"],controlPosition:[1,"control-position"],controlIsHovered:[32],playing:[32],muted:[32],hasInteracted:[32],hasEnded:[32],play:[64],pause:[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["p-3jdivltj",[[4,"glow-media-unit",{previewBgColor:[1,"preview-bg-color"],exitLink:[1,"exit-link"],testDate:[8,"test-date"],size:[1],placeholderImage:[1,"placeholder-image"],pageVisible:[32],pageLoaded:[32],triggerExit:[64]},[[4,"media-exit","mediaUnitExit"]]],[0,"glow-polite-image",{src:[1],alt:[1],pageLoaded:[32]},[[4,"page-loaded","pageLoadedHandler"]]]]],["p-xwrbevqy",[[4,"glow-cta-button",{backgroundColor:[1,"background-color"],hoverBackgroundColor:[1,"hover-background-color"],fontColor:[1,"font-color"],hoverFontColor:[1,"hover-font-color"],buttonText:[1,"button-text"],hovered:[32]}]]],["p-ayowokyp",[[4,"glow-lockup",{lockupPadding:[1,"lockup-padding"],exitLink:[1,"exit-link"]}]]],["p-vu8ybdgz",[[4,"glow-story",{exitLink:[1,"exit-link"],autoAnimate:[4,"auto-animate"],endframeImage:[1,"endframe-image"],replayBtnFill:[1,"replay-btn-fill"],pageLoaded:[32],pageVisible:[32],playing:[32],storyLoaded:[32]},[[32,"page-loaded","handlePageLoaded"],[32,"page-visible","handlePageVisible"],[32,"media-exit","handleMediaExit"]]]]],["p-swb1lpbt",[[4,"glow-tune-in",{showBefore:[1,"show-before"],showAfter:[1,"show-after"],showOn:[1,"show-on"],showBetween:[1,"show-between"],isDefault:[4,"is-default"],isCurrent:[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["p-uxp0v382",[[0,"glow-polite-video",{src:[1],muted:[4],autoplay:[4],endframeImage:[1,"endframe-image"],posterImage:[1,"poster-image"],videoTitle:[1,"video-title"],pageLoaded:[32],playing:[32],loaded:[32],showEndframe:[32],play:[64],setLoaded:[64],pause:[64],setCurrentTime:[64]},[[8,"page-visible","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]],e));

dist/types/components/polite-video/polite-video.d.ts

@@ -15,2 +15,3 @@ import { EventEmitter } from "../../stencil.core";
     pageLoadedHandler(): void;
+    connectedCallback(): void;
     handleMediaExit(): void;
@@ -17,0 +18,0 @@ onLoaded: EventEmitter;

package.json

 {
   "name": "@weareglow/media-components",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "description": "A collection of reusable components for media campaigns.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

1081598

increased by0.13%

Lines of code

17149

increased by0.2%

No dependency changes