@weareglow/media-components - npm Package Compare versions

Comparing version 0.0.51 to 0.0.52

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

@@ -6,3 +6,3 @@ 'use strict';
 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"],"premiereDate":[1,"premiere-date"],"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",{"date":[1,"show-if"],"dateRange":[1,"show-only-between"],"day":[1,"show-only-on"],"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]},[[32,"page-loaded","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]], options);
 });

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

@@ -6,3 +6,3 @@ 'use strict';
 const core = require('./core-f9a11319.js');
-const utils = require('./utils-c328b7f7.js');
+const utils = require('./utils-004cc1c3.js');
 
@@ -41,3 +41,2 @@ const MediaUnit = class {
     handlePageLoaded() {
-        console.log("handle page");
         this.pageLoaded = true;
@@ -51,9 +50,7 @@ this.pageLoadedEmitter.emit();
     initTuneIn() {
-        if (this.premiereDate) {
+        if (this.testDate) {
             utils.TuneIn.create({
-                premiereDate: this.premiereDate,
                 today: this.testDate || false,
             });
             this.tuneInReady.emit();
-            document.body.classList.add(utils.TuneIn.currentTimeRange);
         }
@@ -60,0 +57,0 @@ }

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

@@ -6,3 +6,3 @@ 'use strict';
 const core = require('./core-f9a11319.js');
-const utils = require('./utils-c328b7f7.js');
+const utils = require('./utils-004cc1c3.js');
 
@@ -9,0 +9,0 @@ const PoliteVideo = class {

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

@@ -6,3 +6,3 @@ 'use strict';
 const core = require('./core-f9a11319.js');
-const utils = require('./utils-c328b7f7.js');
+const utils = require('./utils-004cc1c3.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-tune-in.cjs.entry.js

@@ -6,3 +6,3 @@ 'use strict';
 const core = require('./core-f9a11319.js');
-const utils = require('./utils-c328b7f7.js');
+const utils = require('./utils-004cc1c3.js');
 
@@ -15,18 +15,22 @@ const TuneInDate = class {
     tuneInReadyHandler() {
-        if (this.date) {
-            this.isCurrent = utils.TuneIn.currentTimeRange === this.date;
+        if (this.showBefore) {
+            this.isCurrent = utils.TuneIn.isBefore(this.showBefore);
         }
-        else if (this.dateRange) {
-            const range = this.dateRange.split(',');
-            this.isCurrent = utils.TuneIn.isBetween(range[0], range[1]);
+        else if (this.showAfter) {
+            this.isCurrent = utils.TuneIn.isAfter(this.showAfter);
         }
-        else if (this.day) {
-            this.isCurrent = utils.TuneIn.isToday(this.day);
+        else if (this.showOn) {
+            this.isCurrent = utils.TuneIn.isToday(this.showOn);
         }
+        else if (this.showBetween) {
+            const [start, end] = this.showBetween.split(",");
+            this.isCurrent = utils.TuneIn.isBetween(start, end);
+        }
     }
     render() {
         return (core.h(core.Host, { class: {
-                'tune-in-date': true,
-                'is-current-tune-in': this.isCurrent,
-                'is-invisible': true
+                "tune-in-date": true,
+                "is-current-tune-in": this.isCurrent,
+                "is-default-tune-in": this.isDefault,
+                "is-invisible": true,
             } }, core.h("slot", null)));
@@ -33,0 +37,0 @@ }

dist/cjs/loader.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
   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"],"premiereDate":[1,"premiere-date"],"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",{"date":[1,"show-if"],"dateRange":[1,"show-only-between"],"day":[1,"show-only-on"],"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]},[[32,"page-loaded","pageLoadedHandler"],[32,"media-exit","handleMediaExit"]]]]]], options);
   });
@@ -12,0 +12,0 @@ };

dist/collection/collection-manifest.json

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

dist/collection/components/Media-Unit/media-unit.js

@@ -33,3 +33,2 @@ import { h, Host } from "@stencil/core";
     handlePageLoaded() {
-        console.log("handle page");
         this.pageLoaded = true;
@@ -43,9 +42,7 @@ this.pageLoadedEmitter.emit();
     initTuneIn() {
-        if (this.premiereDate) {
+        if (this.testDate) {
             TuneIn.create({
-                premiereDate: this.premiereDate,
                 today: this.testDate || false,
             });
             this.tuneInReady.emit();
-            document.body.classList.add(TuneIn.currentTimeRange);
         }
@@ -118,19 +115,2 @@ }
         },
-        "premiereDate": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "premiere-date",
-            "reflect": false
-        },
         "testDate": {
@@ -137,0 +117,0 @@ "type": "any",

dist/collection/components/tune-in/tune-in.js

 import { h, Host } from "@stencil/core";
-import { TuneIn } from '../../utils/utils';
+import { TuneIn } from "../../utils/utils";
 export class TuneInDate {
@@ -8,18 +8,22 @@ constructor() {
     tuneInReadyHandler() {
-        if (this.date) {
-            this.isCurrent = TuneIn.currentTimeRange === this.date;
+        if (this.showBefore) {
+            this.isCurrent = TuneIn.isBefore(this.showBefore);
         }
-        else if (this.dateRange) {
-            const range = this.dateRange.split(',');
-            this.isCurrent = TuneIn.isBetween(range[0], range[1]);
+        else if (this.showAfter) {
+            this.isCurrent = TuneIn.isAfter(this.showAfter);
         }
-        else if (this.day) {
-            this.isCurrent = TuneIn.isToday(this.day);
+        else if (this.showOn) {
+            this.isCurrent = TuneIn.isToday(this.showOn);
         }
+        else if (this.showBetween) {
+            const [start, end] = this.showBetween.split(",");
+            this.isCurrent = TuneIn.isBetween(start, end);
+        }
     }
     render() {
         return (h(Host, { class: {
-                'tune-in-date': true,
-                'is-current-tune-in': this.isCurrent,
-                'is-invisible': true
+                "tune-in-date": true,
+                "is-current-tune-in": this.isCurrent,
+                "is-default-tune-in": this.isDefault,
+                "is-invisible": true,
             } },
@@ -36,3 +40,3 @@ h("slot", null)));
     static get properties() { return {
-        "date": {
+        "showBefore": {
             "type": "string",
@@ -51,6 +55,6 @@ "mutable": false,
             },
-            "attribute": "show-if",
+            "attribute": "show-before",
             "reflect": false
         },
-        "dateRange": {
+        "showAfter": {
             "type": "string",
@@ -69,6 +73,6 @@ "mutable": false,
             },
-            "attribute": "show-only-between",
+            "attribute": "show-after",
             "reflect": false
         },
-        "day": {
+        "showOn": {
             "type": "string",
@@ -87,4 +91,38 @@ "mutable": false,
             },
-            "attribute": "show-only-on",
+            "attribute": "show-on",
             "reflect": false
+        },
+        "showBetween": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "show-between",
+            "reflect": false
+        },
+        "isDefault": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "is-default",
+            "reflect": false
         }
@@ -91,0 +129,0 @@ }; }

dist/collection/utils/utils.js

 import loadingEvents from "./loading-events.js";
-export function format(first, middle, last) {
-    return ((first || "") + (middle ? ` ${middle}` : "") + (last ? ` ${last}` : ""));
-}
 export const TuneIn = {
@@ -9,31 +6,5 @@ get todayMs() {
     },
-    get premiereMs() {
-        return Date.parse(this.premiereDate);
-    },
     get todayStr() {
         return this.today.toDateString();
     },
-    get premiereStr() {
-        return this.premiereDate.toDateString();
-    },
-    get isPremiere() {
-        return this.todayStr === this.premiereStr;
-    },
-    get isBeforePremiere() {
-        return this.todayMs < this.premiereMs;
-    },
-    get isAfterPremiere() {
-        return this.todayMs > this.premiereMs;
-    },
-    get currentTimeRange() {
-        if (this.isBeforePremiere) {
-            return "before-premiere";
-        }
-        else if (this.isPremiere) {
-            return "is-premiere";
-        }
-        else if (this.isAfterPremiere) {
-            return "after-premiere";
-        }
-    },
     parseStr(d) {
@@ -59,6 +30,5 @@ return Date.parse(this.addYear(d));
     },
-    create({ premiereDate, today }) {
+    create({ today }) {
         const todayDate = today ? today : new Date();
         this.setToday(todayDate);
-        this.premiereDate = new Date(this.addYear(premiereDate));
     },
@@ -68,3 +38,3 @@ setToday(today) {
             typeof today === "object" ? today : new Date(this.addYear(today));
-    }
+    },
 };
@@ -71,0 +41,0 @@ export function getUrl(src) {

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

@@ -38,3 +38,3 @@ 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-1eb146e6.js';
+import { l as loadingEvents, T as TuneIn } from './utils-e36db755.js';
 var MediaUnit = /** @class */ (function () {
@@ -77,3 +77,2 @@ function class_1(hostRef) {
     class_1.prototype.handlePageLoaded = function () {
-        console.log("handle page");
         this.pageLoaded = true;
@@ -87,9 +86,7 @@ this.pageLoadedEmitter.emit();
     class_1.prototype.initTuneIn = function () {
-        if (this.premiereDate) {
+        if (this.testDate) {
             TuneIn.create({
-                premiereDate: this.premiereDate,
                 today: this.testDate || false,
             });
             this.tuneInReady.emit();
-            document.body.classList.add(TuneIn.currentTimeRange);
         }
@@ -96,0 +93,0 @@ };

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

@@ -38,3 +38,3 @@ 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-1eb146e6.js';
+import { t as trackVideo, g as getUrl } from './utils-e36db755.js';
 var PoliteVideo = /** @class */ (function () {
@@ -41,0 +41,0 @@ function class_1(hostRef) {

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

 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-0c529088.js';
-import { t as trackVideo } from './utils-1eb146e6.js';
+import { t as trackVideo } from './utils-e36db755.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-tune-in.entry.js

 import { r as registerInstance, h, H as Host, g as getElement } from './core-0c529088.js';
-import { T as TuneIn } from './utils-1eb146e6.js';
+import { T as TuneIn } from './utils-e36db755.js';
 var TuneInDate = /** @class */ (function () {
@@ -9,18 +9,22 @@ function TuneInDate(hostRef) {
     TuneInDate.prototype.tuneInReadyHandler = function () {
-        if (this.date) {
-            this.isCurrent = TuneIn.currentTimeRange === this.date;
+        if (this.showBefore) {
+            this.isCurrent = TuneIn.isBefore(this.showBefore);
         }
-        else if (this.dateRange) {
-            var range = this.dateRange.split(',');
-            this.isCurrent = TuneIn.isBetween(range[0], range[1]);
+        else if (this.showAfter) {
+            this.isCurrent = TuneIn.isAfter(this.showAfter);
         }
-        else if (this.day) {
-            this.isCurrent = TuneIn.isToday(this.day);
+        else if (this.showOn) {
+            this.isCurrent = TuneIn.isToday(this.showOn);
         }
+        else if (this.showBetween) {
+            var _a = this.showBetween.split(","), start = _a[0], end = _a[1];
+            this.isCurrent = TuneIn.isBetween(start, end);
+        }
     };
     TuneInDate.prototype.render = function () {
         return (h(Host, { class: {
-                'tune-in-date': true,
-                'is-current-tune-in': this.isCurrent,
-                'is-invisible': true
+                "tune-in-date": true,
+                "is-current-tune-in": this.isCurrent,
+                "is-default-tune-in": this.isDefault,
+                "is-invisible": true,
             } }, h("slot", null)));
@@ -27,0 +31,0 @@ };

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

 import { r as registerInstance, c as createEvent, h, H as Host } from './core-0c529088.js';
-import { l as loadingEvents, T as TuneIn } from './utils-1eb146e6.js';
+import { l as loadingEvents, T as TuneIn } from './utils-e36db755.js';
 
@@ -36,3 +36,2 @@ const MediaUnit = class {
     handlePageLoaded() {
-        console.log("handle page");
         this.pageLoaded = true;
@@ -46,9 +45,7 @@ this.pageLoadedEmitter.emit();
     initTuneIn() {
-        if (this.premiereDate) {
+        if (this.testDate) {
             TuneIn.create({
-                premiereDate: this.premiereDate,
                 today: this.testDate || false,
             });
             this.tuneInReady.emit();
-            document.body.classList.add(TuneIn.currentTimeRange);
         }
@@ -55,0 +52,0 @@ }

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

 import { r as registerInstance, c as createEvent, h } from './core-0c529088.js';
-import { t as trackVideo, g as getUrl } from './utils-1eb146e6.js';
+import { t as trackVideo, g as getUrl } from './utils-e36db755.js';
 
@@ -4,0 +4,0 @@ const PoliteVideo = class {

dist/esm/glow-story.entry.js

 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-0c529088.js';
-import { t as trackVideo } from './utils-1eb146e6.js';
+import { t as trackVideo } from './utils-e36db755.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-tune-in.entry.js

 import { r as registerInstance, h, H as Host, g as getElement } from './core-0c529088.js';
-import { T as TuneIn } from './utils-1eb146e6.js';
+import { T as TuneIn } from './utils-e36db755.js';
 
@@ -10,18 +10,22 @@ const TuneInDate = class {
     tuneInReadyHandler() {
-        if (this.date) {
-            this.isCurrent = TuneIn.currentTimeRange === this.date;
+        if (this.showBefore) {
+            this.isCurrent = TuneIn.isBefore(this.showBefore);
         }
-        else if (this.dateRange) {
-            const range = this.dateRange.split(',');
-            this.isCurrent = TuneIn.isBetween(range[0], range[1]);
+        else if (this.showAfter) {
+            this.isCurrent = TuneIn.isAfter(this.showAfter);
         }
-        else if (this.day) {
-            this.isCurrent = TuneIn.isToday(this.day);
+        else if (this.showOn) {
+            this.isCurrent = TuneIn.isToday(this.showOn);
         }
+        else if (this.showBetween) {
+            const [start, end] = this.showBetween.split(",");
+            this.isCurrent = TuneIn.isBetween(start, end);
+        }
     }
     render() {
         return (h(Host, { class: {
-                'tune-in-date': true,
-                'is-current-tune-in': this.isCurrent,
-                'is-invisible': true
+                "tune-in-date": true,
+                "is-current-tune-in": this.isCurrent,
+                "is-default-tune-in": this.isDefault,
+                "is-invisible": true,
             } }, h("slot", null)));
@@ -28,0 +32,0 @@ }

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-tiwogqpk",[[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-9nobkdh2",[[4,"glow-media-unit",{previewBgColor:[1,"preview-bg-color"],exitLink:[1,"exit-link"],premiereDate:[1,"premiere-date"],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-zltzpjx0",[[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-oxygzqys",[[4,"glow-tune-in",{date:[1,"show-if"],dateRange:[1,"show-only-between"],day:[1,"show-only-on"],isCurrent:[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["p-y5dpwuir",[[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-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-tiwogqpk",[[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-ctcyujjn",[[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-us3cdbre",[[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-metbrb6t",[[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-4hssgtk1",[[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));

dist/glow-media-component-framework/p-6e9ab625.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-976199d9.system.js"],(function(){"use strict";var e,o;return{setters:[function(a){e=a.p;o=a.b}],execute:function(){e().then((function(e){return o([["p-nf657o0n.system",[[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-fxl0zaln.system",[[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-vyrwfmgc.system",[[4,"glow-media-unit",{previewBgColor:[1,"preview-bg-color"],exitLink:[1,"exit-link"],premiereDate:[1,"premiere-date"],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-ixjuv3gf.system",[[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-djgtd4kw.system",[[4,"glow-lockup",{lockupPadding:[1,"lockup-padding"],exitLink:[1,"exit-link"]}]]],["p-1vjudhwj.system",[[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-dtbcs39h.system",[[4,"glow-tune-in",{date:[1,"show-if"],dateRange:[1,"show-only-between"],day:[1,"show-only-on"],isCurrent:[32]},[[32,"tune-in-ready","tuneInReadyHandler"]]]]],["p-fet0vfmo.system",[[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)}))}}}));
+System.register(["./p-976199d9.system.js"],(function(){"use strict";var e,o;return{setters:[function(a){e=a.p;o=a.b}],execute:function(){e().then((function(e){return o([["p-nf657o0n.system",[[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-fxl0zaln.system",[[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-zbpw5c1u.system",[[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-ixjuv3gf.system",[[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-djgtd4kw.system",[[4,"glow-lockup",{lockupPadding:[1,"lockup-padding"],exitLink:[1,"exit-link"]}]]],["p-9rfr6tn0.system",[[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-gq3sttf1.system",[[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-ylczdxwa.system",[[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)}))}}}));

dist/types/components.d.ts

@@ -35,3 +35,2 @@ /* eslint-disable */
     'placeholderImage': string;
-    'premiereDate': string;
     'previewBgColor': string;
@@ -82,5 +81,7 @@ 'size': string;
   interface GlowTuneIn {
-    'date': string;
-    'dateRange': string;
-    'day': string;
+    'isDefault': boolean;
+    'showAfter': string;
+    'showBefore': string;
+    'showBetween': string;
+    'showOn': string;
   }
@@ -189,3 +190,2 @@ }
     'placeholderImage'?: string;
-    'premiereDate'?: string;
     'previewBgColor'?: string;
@@ -243,5 +243,7 @@ 'size'?: string;
   interface GlowTuneIn {
-    'date'?: string;
-    'dateRange'?: string;
-    'day'?: string;
+    'isDefault'?: boolean;
+    'showAfter'?: string;
+    'showBefore'?: string;
+    'showBetween'?: string;
+    'showOn'?: string;
   }
@@ -248,0 +250,0 @@

dist/types/components/Media-Unit/media-unit.d.ts

@@ -8,3 +8,2 @@ import { EventEmitter } from "../../stencil.core";
     exitLink: string;
-    premiereDate: string;
     testDate: string | boolean;
@@ -11,0 +10,0 @@ size: string;

dist/types/components/tune-in/tune-in.d.ts

 export declare class TuneInDate {
-    date: string;
-    dateRange: string;
-    day: string;
+    showBefore: string;
+    showAfter: string;
+    showOn: string;
+    showBetween: string;
+    isDefault: boolean;
     isCurrent: boolean;
@@ -6,0 +8,0 @@ tuneInReadyHandler(): void;

dist/types/utils/utils.d.ts

@@ -1,11 +0,4 @@
-export declare function format(first: string, middle: string, last: string): string;
 export declare const TuneIn: {
     readonly todayMs: number;
-    readonly premiereMs: number;
     readonly todayStr: any;
-    readonly premiereStr: any;
-    readonly isPremiere: boolean;
-    readonly isBeforePremiere: boolean;
-    readonly isAfterPremiere: boolean;
-    readonly currentTimeRange: "before-premiere" | "is-premiere" | "after-premiere";
     parseStr(d: string): number;
@@ -17,4 +10,3 @@ addYear(dateString: string): string;
     isToday(d: any): boolean;
-    create({ premiereDate, today }: {
-        premiereDate: any;
+    create({ today }: {
         today: any;
@@ -21,0 +13,0 @@ }): void;

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

1079376

decreased by-0.34%

Lines of code

17097

decreased by-0.54%

No dependency changes