@everymatrix/blog-article-details - npm Package Compare versions

Comparing version 1.13.6 to 1.13.7

dist/blog-article-details/blog-article-details.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as n}from"./p-b3ab7cf8.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((e=>n([["p-493d4f13",[[1,"blog-article-details",{cmsEndpoint:[1,"cms-endpoint"],language:[1],handleClick:[1,"handle-click"],clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],showPublishingDate:[4,"show-publishing-date"],showImage:[4,"show-image"],showTitle:[4,"show-title"],showContent:[4,"show-content"],postMessageEvent:[1,"post-message-event"],postId:[2,"post-id"],hasErrors:[32],limitStylingAppends:[32],isLoading:[32],bannerMatrixReady:[32]},[[8,"WebComponentsReady","handleBannerReady"]]]]]],e)));
+import{p as e,b as n}from"./p-3dbba26e.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((e=>n([["p-8aff42e8",[[1,"blog-article-details",{cmsEndpoint:[1,"cms-endpoint"],language:[1],handleClick:[1,"handle-click"],clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],showPublishingDate:[4,"show-publishing-date"],showImage:[4,"show-image"],showTitle:[4,"show-title"],showContent:[4,"show-content"],postMessageEvent:[1,"post-message-event"],postId:[2,"post-id"],hasErrors:[32],limitStylingAppends:[32],isLoading:[32],bannerMatrixReady:[32],device:[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]],e)));

dist/cjs/blog-article-details.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-045ab4cd.js');
+const index = require('./index-c42ed382.js');
 
@@ -29,2 +29,20 @@ const DEFAULT_LANGUAGE = 'en';
 
+function checkDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const width = screen.availWidth;
+  const height = screen.availHeight;
+  if (userAgent.includes('iphone')) {
+    return 'mobile';
+  }
+  if (userAgent.includes('android')) {
+    if (height > width && width < 800) {
+      return 'mobile';
+    }
+    if (width > height && height < 800) {
+      return 'tablet';
+    }
+  }
+  return 'desktop';
+}
+
 const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.GridContainer {\n  overflow: auto;\n  margin: auto;\n  width: 100%;\n  padding-bottom: 30px;\n  background-color: #07072A;\n  display: grid;\n  grid-template-rows: auto;\n  grid-template-columns: 30px 60px 1fr 30px;\n  gap: 10px;\n}\n.GridContainer .BlogBanner {\n  grid-column: 1/5;\n  grid-row: 1/3;\n}\n.GridContainer .BlogBanner img {\n  width: 100%;\n  height: auto;\n}\n.GridContainer .BlogDate {\n  grid-column: 2/3;\n  grid-row: 2/3;\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  color: #FFF;\n  background-color: #0D0D4D;\n  z-index: 1;\n}\n.GridContainer .BlogTitle {\n  grid-column: 2/4;\n  font-size: 24px;\n  color: #FFF;\n}\n.GridContainer .BlogContent {\n  grid-column: 2/4;\n  font-size: 14px;\n  color: #FFF;\n}\n\n@container (max-width: 475px) {\n  .GridContainer {\n    font-size: 12px;\n  }\n}";
@@ -71,2 +89,3 @@
     this.bannerMatrixReady = false;
+    this.device = '';
     this.setClientStyling = () => {
@@ -91,9 +110,8 @@ let sheet = document.createElement('style');
     this.renderContentConditionally = (content) => {
-      var _a, _b;
       const hasBanner = (content === null || content === void 0 ? void 0 : content.indexOf('<bannermatrix-banner')) !== -1;
       if (!hasBanner) {
-        return index.h("div", { class: "BlogContent", innerHTML: (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.content });
+        return index.h("div", { class: "BlogContent", innerHTML: content });
       }
       if (this.bannerMatrixReady) {
-        return index.h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.content });
+        return index.h("div", { class: "BlogContent", innerHTML: content });
       }
@@ -154,4 +172,10 @@ return null;
   }
+  componentDidLoad() {
+    this.detectAndAlertDeviceType();
+  }
+  detectAndAlertDeviceType() {
+    this.device = checkDeviceType();
+  }
   render() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (this.hasErrors) {
@@ -162,5 +186,4 @@ return (index.h("div", { class: "BlogArticleDetails" }, index.h("div", { class: "Title" }, translate('error', this.language))));
       return (index.h("div", { ref: el => this.stylingContainer = el }, index.h("div", { class: "GridContainer" }, this.showPublishingDate &&
-        index.h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate), this.showImage &&
-        index.h("div", { class: "BlogBanner" }, index.h("img", { src: this.blogData.image.src, alt: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.title })), this.showTitle &&
-        index.h("div", { class: "BlogTitle" }, (_c = this.blogData) === null || _c === void 0 ? void 0 : _c.title), this.showContent && this.renderContentConditionally((_d = this.blogData) === null || _d === void 0 ? void 0 : _d.content))));
+        index.h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate), this.showImage && (index.h("div", { class: "BlogBanner" }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (index.h("img", { src: this.blogData.image.src, alt: this.blogData.image.src })) : (((_c = this.blogData.video) === null || _c === void 0 ? void 0 : _c.sources[this.device]) ? (index.h("video", { src: this.blogData.video.sources[this.device], controls: true })) : (index.h("h1", { style: { color: "white" } }, "No Image"))))), this.showTitle &&
+        index.h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title), this.showContent && this.renderContentConditionally((_e = this.blogData) === null || _e === void 0 ? void 0 : _e.content))));
     }
@@ -167,0 +190,0 @@ }

dist/cjs/blog-article-details.cjs.js

 'use strict';
 
-const index = require('./index-045ab4cd.js');
+const index = require('./index-c42ed382.js');
 
@@ -18,3 +18,3 @@ /*
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32]},[[8,"WebComponentsReady","handleBannerReady"]]]]]], options);
+  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-045ab4cd.js');
+const index = require('./index-c42ed382.js');
 
@@ -18,3 +18,3 @@ /*
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32]},[[8,"WebComponentsReady","handleBannerReady"]]]]]], options);
+  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/collection/components/blog-article-details/blog-article-details.js

 import { Component, Prop, State, Watch, h, Listen } from '@stencil/core';
 import { translate } from '../../utils/locale.utils';
+import { checkDeviceType } from '../../utils/utils';
 export class BlogArticleDetails {
@@ -41,2 +42,3 @@ constructor() {
     this.bannerMatrixReady = false;
+    this.device = '';
     this.setClientStyling = () => {
@@ -61,9 +63,8 @@ let sheet = document.createElement('style');
     this.renderContentConditionally = (content) => {
-      var _a, _b;
       const hasBanner = (content === null || content === void 0 ? void 0 : content.indexOf('<bannermatrix-banner')) !== -1;
       if (!hasBanner) {
-        return h("div", { class: "BlogContent", innerHTML: (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.content });
+        return h("div", { class: "BlogContent", innerHTML: content });
       }
       if (this.bannerMatrixReady) {
-        return h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.content });
+        return h("div", { class: "BlogContent", innerHTML: content });
       }
@@ -124,4 +125,10 @@ return null;
   }
+  componentDidLoad() {
+    this.detectAndAlertDeviceType();
+  }
+  detectAndAlertDeviceType() {
+    this.device = checkDeviceType();
+  }
   render() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (this.hasErrors) {
@@ -136,8 +143,6 @@ return (h("div", { class: "BlogArticleDetails" },
             h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate),
-          this.showImage &&
-            h("div", { class: "BlogBanner" },
-              h("img", { src: this.blogData.image.src, alt: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.title })),
+          this.showImage && (h("div", { class: "BlogBanner" }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (h("img", { src: this.blogData.image.src, alt: this.blogData.image.src })) : (((_c = this.blogData.video) === null || _c === void 0 ? void 0 : _c.sources[this.device]) ? (h("video", { src: this.blogData.video.sources[this.device], controls: true })) : (h("h1", { style: { color: "white" } }, "No Image"))))),
           this.showTitle &&
-            h("div", { class: "BlogTitle" }, (_c = this.blogData) === null || _c === void 0 ? void 0 : _c.title),
-          this.showContent && this.renderContentConditionally((_d = this.blogData) === null || _d === void 0 ? void 0 : _d.content))));
+            h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title),
+          this.showContent && this.renderContentConditionally((_e = this.blogData) === null || _e === void 0 ? void 0 : _e.content))));
     }
@@ -354,3 +359,4 @@ }
     "isLoading": {},
-    "bannerMatrixReady": {}
+    "bannerMatrixReady": {},
+    "device": {}
   }; }
@@ -365,3 +371,3 @@ static get watchers() { return [{
   static get listeners() { return [{
-      "name": "WebComponentsReady",
+      "name": "BannerMatrixReady",
       "method": "handleBannerReady",
@@ -368,0 +374,0 @@ "target": "window",

dist/components/blog-article-details.js

@@ -24,2 +24,20 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
+function checkDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const width = screen.availWidth;
+  const height = screen.availHeight;
+  if (userAgent.includes('iphone')) {
+    return 'mobile';
+  }
+  if (userAgent.includes('android')) {
+    if (height > width && width < 800) {
+      return 'mobile';
+    }
+    if (width > height && height < 800) {
+      return 'tablet';
+    }
+  }
+  return 'desktop';
+}
+
 const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.GridContainer {\n  overflow: auto;\n  margin: auto;\n  width: 100%;\n  padding-bottom: 30px;\n  background-color: #07072A;\n  display: grid;\n  grid-template-rows: auto;\n  grid-template-columns: 30px 60px 1fr 30px;\n  gap: 10px;\n}\n.GridContainer .BlogBanner {\n  grid-column: 1/5;\n  grid-row: 1/3;\n}\n.GridContainer .BlogBanner img {\n  width: 100%;\n  height: auto;\n}\n.GridContainer .BlogDate {\n  grid-column: 2/3;\n  grid-row: 2/3;\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  color: #FFF;\n  background-color: #0D0D4D;\n  z-index: 1;\n}\n.GridContainer .BlogTitle {\n  grid-column: 2/4;\n  font-size: 24px;\n  color: #FFF;\n}\n.GridContainer .BlogContent {\n  grid-column: 2/4;\n  font-size: 14px;\n  color: #FFF;\n}\n\n@container (max-width: 475px) {\n  .GridContainer {\n    font-size: 12px;\n  }\n}";
@@ -68,2 +86,3 @@
     this.bannerMatrixReady = false;
+    this.device = '';
     this.setClientStyling = () => {
@@ -88,9 +107,8 @@ let sheet = document.createElement('style');
     this.renderContentConditionally = (content) => {
-      var _a, _b;
       const hasBanner = (content === null || content === void 0 ? void 0 : content.indexOf('<bannermatrix-banner')) !== -1;
       if (!hasBanner) {
-        return h("div", { class: "BlogContent", innerHTML: (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.content });
+        return h("div", { class: "BlogContent", innerHTML: content });
       }
       if (this.bannerMatrixReady) {
-        return h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.content });
+        return h("div", { class: "BlogContent", innerHTML: content });
       }
@@ -151,4 +169,10 @@ return null;
   }
+  componentDidLoad() {
+    this.detectAndAlertDeviceType();
+  }
+  detectAndAlertDeviceType() {
+    this.device = checkDeviceType();
+  }
   render() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (this.hasErrors) {
@@ -159,5 +183,4 @@ return (h("div", { class: "BlogArticleDetails" }, h("div", { class: "Title" }, translate('error', this.language))));
       return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "GridContainer" }, this.showPublishingDate &&
-        h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate), this.showImage &&
-        h("div", { class: "BlogBanner" }, h("img", { src: this.blogData.image.src, alt: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.title })), this.showTitle &&
-        h("div", { class: "BlogTitle" }, (_c = this.blogData) === null || _c === void 0 ? void 0 : _c.title), this.showContent && this.renderContentConditionally((_d = this.blogData) === null || _d === void 0 ? void 0 : _d.content))));
+        h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate), this.showImage && (h("div", { class: "BlogBanner" }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (h("img", { src: this.blogData.image.src, alt: this.blogData.image.src })) : (((_c = this.blogData.video) === null || _c === void 0 ? void 0 : _c.sources[this.device]) ? (h("video", { src: this.blogData.video.sources[this.device], controls: true })) : (h("h1", { style: { color: "white" } }, "No Image"))))), this.showTitle &&
+        h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title), this.showContent && this.renderContentConditionally((_e = this.blogData) === null || _e === void 0 ? void 0 : _e.content))));
     }
@@ -185,4 +208,5 @@ }
     "isLoading": [32],
-    "bannerMatrixReady": [32]
-  }, [[8, "WebComponentsReady", "handleBannerReady"]]]);
+    "bannerMatrixReady": [32],
+    "device": [32]
+  }, [[8, "BannerMatrixReady", "handleBannerReady"]]]);
 function defineCustomElement$1() {
@@ -189,0 +213,0 @@ if (typeof customElements === "undefined") {

dist/esm/blog-article-details.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-26083270.js';
+import { r as registerInstance, h } from './index-87a2a2ff.js';
 
@@ -24,2 +24,20 @@ const DEFAULT_LANGUAGE = 'en';
 
+function checkDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const width = screen.availWidth;
+  const height = screen.availHeight;
+  if (userAgent.includes('iphone')) {
+    return 'mobile';
+  }
+  if (userAgent.includes('android')) {
+    if (height > width && width < 800) {
+      return 'mobile';
+    }
+    if (width > height && height < 800) {
+      return 'tablet';
+    }
+  }
+  return 'desktop';
+}
+
 const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.GridContainer {\n  overflow: auto;\n  margin: auto;\n  width: 100%;\n  padding-bottom: 30px;\n  background-color: #07072A;\n  display: grid;\n  grid-template-rows: auto;\n  grid-template-columns: 30px 60px 1fr 30px;\n  gap: 10px;\n}\n.GridContainer .BlogBanner {\n  grid-column: 1/5;\n  grid-row: 1/3;\n}\n.GridContainer .BlogBanner img {\n  width: 100%;\n  height: auto;\n}\n.GridContainer .BlogDate {\n  grid-column: 2/3;\n  grid-row: 2/3;\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  color: #FFF;\n  background-color: #0D0D4D;\n  z-index: 1;\n}\n.GridContainer .BlogTitle {\n  grid-column: 2/4;\n  font-size: 24px;\n  color: #FFF;\n}\n.GridContainer .BlogContent {\n  grid-column: 2/4;\n  font-size: 14px;\n  color: #FFF;\n}\n\n@container (max-width: 475px) {\n  .GridContainer {\n    font-size: 12px;\n  }\n}";
@@ -66,2 +84,3 @@
     this.bannerMatrixReady = false;
+    this.device = '';
     this.setClientStyling = () => {
@@ -86,9 +105,8 @@ let sheet = document.createElement('style');
     this.renderContentConditionally = (content) => {
-      var _a, _b;
       const hasBanner = (content === null || content === void 0 ? void 0 : content.indexOf('<bannermatrix-banner')) !== -1;
       if (!hasBanner) {
-        return h("div", { class: "BlogContent", innerHTML: (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.content });
+        return h("div", { class: "BlogContent", innerHTML: content });
       }
       if (this.bannerMatrixReady) {
-        return h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.content });
+        return h("div", { class: "BlogContent", innerHTML: content });
       }
@@ -149,4 +167,10 @@ return null;
   }
+  componentDidLoad() {
+    this.detectAndAlertDeviceType();
+  }
+  detectAndAlertDeviceType() {
+    this.device = checkDeviceType();
+  }
   render() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (this.hasErrors) {
@@ -157,5 +181,4 @@ return (h("div", { class: "BlogArticleDetails" }, h("div", { class: "Title" }, translate('error', this.language))));
       return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "GridContainer" }, this.showPublishingDate &&
-        h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate), this.showImage &&
-        h("div", { class: "BlogBanner" }, h("img", { src: this.blogData.image.src, alt: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.title })), this.showTitle &&
-        h("div", { class: "BlogTitle" }, (_c = this.blogData) === null || _c === void 0 ? void 0 : _c.title), this.showContent && this.renderContentConditionally((_d = this.blogData) === null || _d === void 0 ? void 0 : _d.content))));
+        h("div", { class: "BlogDate" }, (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate), this.showImage && (h("div", { class: "BlogBanner" }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (h("img", { src: this.blogData.image.src, alt: this.blogData.image.src })) : (((_c = this.blogData.video) === null || _c === void 0 ? void 0 : _c.sources[this.device]) ? (h("video", { src: this.blogData.video.sources[this.device], controls: true })) : (h("h1", { style: { color: "white" } }, "No Image"))))), this.showTitle &&
+        h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title), this.showContent && this.renderContentConditionally((_e = this.blogData) === null || _e === void 0 ? void 0 : _e.content))));
     }
@@ -162,0 +185,0 @@ }

dist/esm/blog-article-details.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-26083270.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-87a2a2ff.js';
 
@@ -16,3 +16,3 @@ /*
 patchBrowser().then(options => {
-  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32]},[[8,"WebComponentsReady","handleBannerReady"]]]]]], options);
+  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
 });

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-26083270.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-87a2a2ff.js';
 
@@ -13,3 +13,3 @@ /*
   return patchEsm().then(() => {
-  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32]},[[8,"WebComponentsReady","handleBannerReady"]]]]]], options);
+  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[1,"cms-endpoint"],"language":[1],"handleClick":[1,"handle-click"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"showPublishingDate":[4,"show-publishing-date"],"showImage":[4,"show-image"],"showTitle":[4,"show-title"],"showContent":[4,"show-content"],"postMessageEvent":[1,"post-message-event"],"postId":[2,"post-id"],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]]]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/types/components/blog-article-details/blog-article-details.d.ts

@@ -50,2 +50,3 @@ export declare class BlogArticleDetails {
   bannerMatrixReady: boolean;
+  device: string;
   handleBannerReady(): void;
@@ -58,2 +59,4 @@ watchEndpoint(newValue: string, oldValue: string): void;
   componentDidRender(): void;
+  componentDidLoad(): void;
+  detectAndAlertDeviceType(): void;
   setClientStyling: () => void;
@@ -60,0 +63,0 @@ setClientStylingURL: () => void;

package.json

 {
   "name": "@everymatrix/blog-article-details",
-  "version": "1.13.6",
+  "version": "1.13.7",
   "main": "./dist/index.cjs.js",
@@ -5,0 +5,0 @@ "module": "./dist/index.js",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

348746

increased by1.69%

Lines of code

5969

increased by2.65%

Worsened metrics

Number of medium supply chain risk alerts

13

increased by8.33%

No dependency changes