@weareglow/media-components - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

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

@@ -17,2 +17,4 @@ 'use strict';
     this.mediaExit = index.createEvent(this, "media-exit", 7);
+    this.pageLoaded = index.createEvent(this, "page-loaded", 7);
+    this.pageVisible = index.createEvent(this, "page-visible", 7);
     this.testDate = "";
@@ -41,5 +43,7 @@ }
     store.state.pageLoaded = true;
+    this.pageLoaded.emit();
   }
   onPageVisible() {
     store.state.pageVisible = true;
+    this.pageVisible.emit();
   }
@@ -46,0 +50,0 @@ handleEnablerInit() {

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

@@ -31,5 +31,7 @@ import { Component, h, Prop, Host } from "@stencil/core";
     state.pageLoaded = true;
+    this.pageLoaded.emit();
   }
   onPageVisible() {
     state.pageVisible = true;
+    this.pageVisible.emit();
   }
@@ -212,2 +214,32 @@ handleEnablerInit() {
       }
+    }, {
+      "method": "pageLoaded",
+      "name": "page-loaded",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "pageVisible",
+      "name": "page-visible",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
     }]; }
@@ -214,0 +246,0 @@ static get methods() { return {

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

@@ -13,2 +13,4 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-b4373c86.js';
     this.mediaExit = createEvent(this, "media-exit", 7);
+    this.pageLoaded = createEvent(this, "page-loaded", 7);
+    this.pageVisible = createEvent(this, "page-visible", 7);
     this.testDate = "";
@@ -37,5 +39,7 @@ }
     state.pageLoaded = true;
+    this.pageLoaded.emit();
   }
   onPageVisible() {
     state.pageVisible = true;
+    this.pageVisible.emit();
   }
@@ -42,0 +46,0 @@ handleEnablerInit() {

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-c47e77b2.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-432f9df7",[[0,"glow-background-video",{src:[1],endframeImage:[1,"endframe-image"],autoplay:[4],exit:[8],play:[64],pause:[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["p-aa0218b4",[[4,"glow-story",{exit:[1],storyData:[16],autoAnimate:[4,"auto-animate"],endframeImage:[1,"endframe-image"],replayBtnFill:[1,"replay-btn-fill"],playing:[32],storyLoaded:[32]}]]],["p-65525db0",[[4,"glow-trailer-video",{exit:[8],showReplay:[4,"show-replay"],replayFrom:[2,"replay-from"],src:[1],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],loaded:[32],play:[64],pause:[64],replayVideo:[64],skipToEnd:[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["p-31603606",[[4,"glow-media-unit",{exit:[1],testDate:[1,"test-date"],size:[1],placeholderImage:[1,"placeholder-image"],triggerExit:[64]}],[0,"glow-polite-image",{src:[1],alt:[1],exit:[8],pageLoaded:[32]}]]],["p-0d7082c9",[[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"],exit:[8],hovered:[32]}]]],["p-6c387bb5",[[4,"glow-tune-in",{is:[1],isBetween:[1,"is-between"],isOrAfter:[1,"is-or-after"],isOrBefore:[1,"is-or-before"],isBefore:[1,"is-before"],isAfter:[1,"is-after"],exit:[8],isCurrent:[32]}]]],["p-ca8695a5",[[4,"glow-exit-link",{exit:[8]}]]],["p-5b6c23f5",[[0,"glow-polite-video",{src:[1],muted:[4],autoplay:[4],endframeImage:[1,"endframe-image"],videoTitle:[1,"video-title"],exit:[8],playing:[32],loaded:[32],play:[64],pause:[64],setCurrentTime:[64]}]]]],e)));
+import{p as e,b as o}from"./p-c47e77b2.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-432f9df7",[[0,"glow-background-video",{src:[1],endframeImage:[1,"endframe-image"],autoplay:[4],exit:[8],play:[64],pause:[64]},[[0,"video-started","videoStartedHandler"],[0,"video-ended","videoEndedHandler"],[0,"video-loaded","videoLoadedHandler"]]]]],["p-aa0218b4",[[4,"glow-story",{exit:[1],storyData:[16],autoAnimate:[4,"auto-animate"],endframeImage:[1,"endframe-image"],replayBtnFill:[1,"replay-btn-fill"],playing:[32],storyLoaded:[32]}]]],["p-65525db0",[[4,"glow-trailer-video",{exit:[8],showReplay:[4,"show-replay"],replayFrom:[2,"replay-from"],src:[1],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],loaded:[32],play:[64],pause:[64],replayVideo:[64],skipToEnd:[64]},[[0,"video-loaded","handleVideoLoaded"],[0,"video-started","handleVideoStarted"],[0,"video-played","handleVideoPlayed"],[0,"video-ended","handleVideoEnded"]]]]],["p-b52a33ee",[[4,"glow-media-unit",{exit:[1],testDate:[1,"test-date"],size:[1],placeholderImage:[1,"placeholder-image"],triggerExit:[64]}],[0,"glow-polite-image",{src:[1],alt:[1],exit:[8],pageLoaded:[32]}]]],["p-0d7082c9",[[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"],exit:[8],hovered:[32]}]]],["p-6c387bb5",[[4,"glow-tune-in",{is:[1],isBetween:[1,"is-between"],isOrAfter:[1,"is-or-after"],isOrBefore:[1,"is-or-before"],isBefore:[1,"is-before"],isAfter:[1,"is-after"],exit:[8],isCurrent:[32]}]]],["p-ca8695a5",[[4,"glow-exit-link",{exit:[8]}]]],["p-5b6c23f5",[[0,"glow-polite-video",{src:[1],muted:[4],autoplay:[4],endframeImage:[1,"endframe-image"],videoTitle:[1,"video-title"],exit:[8],playing:[32],loaded:[32],play:[64],pause:[64],setCurrentTime:[64]}]]]],e)));

dist/types/components.d.ts

@@ -178,2 +178,4 @@ /* eslint-disable */
         "onMedia-exit"?: (event: CustomEvent<any>) => void;
+        "onPage-loaded"?: (event: CustomEvent<any>) => void;
+        "onPage-visible"?: (event: CustomEvent<any>) => void;
         "placeholderImage"?: string;
@@ -180,0 +182,0 @@ "size"?: string;

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

@@ -10,2 +10,4 @@ import { EventEmitter } from "../../stencil-public-runtime";
   mediaExit: EventEmitter;
+  pageLoaded: EventEmitter;
+  pageVisible: EventEmitter;
   connectedCallback(): void;
@@ -12,0 +14,0 @@ componentWillLoad(): void;

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

714698

increased by0.22%

Lines of code

13909

increased by0.35%

No dependency changes