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

Comparing version 1.13.4 to 1.13.5

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-32c04b78",[[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],reRender:[32]},[[8,"WebComponentsReady","reRenderForBannerMatrix"]]]]]],e)));
+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-5a2d1987",[[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)));

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

@@ -68,3 +68,3 @@ 'use strict';
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
@@ -88,6 +88,16 @@ let sheet = document.createElement('style');
     };
+    this.renderContentConditionally = (content) => {
+      const hasBanner = content.indexOf('<bannermatrix-banner') !== -1;
+      if (!hasBanner) {
+        return index.h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      if (this.bannerMatrixReady) {
+        return index.h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      return null;
+    };
   }
   // Rerender when bannermatrix has finished loaded. Issue when bannermatrix passed as content from CMS.
-  reRenderForBannerMatrix() {
-    this.reRender = true;
+  handleBannerReady() {
+    this.bannerMatrixReady = true;
   }
@@ -149,4 +159,3 @@ watchEndpoint(newValue, oldValue) {
         index.h("div", { class: "BlogBanner" }, index.h("img", { src: this.blogData.image.src, alt: this.blogData.title })), this.showTitle &&
-        index.h("div", { class: "BlogTitle" }, this.blogData.title), this.showContent &&
-        index.h("div", { class: "BlogContent", innerHTML: this.blogData.content }))));
+        index.h("div", { class: "BlogTitle" }, this.blogData.title), this.showContent && this.renderContentConditionally(this.blogData.content))));
     }
@@ -153,0 +162,0 @@ }

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

@@ -18,3 +18,3 @@ 'use strict';
 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],"reRender":[32]},[[8,"WebComponentsReady","reRenderForBannerMatrix"]]]]]], 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);
 });

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   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],"reRender":[32]},[[8,"WebComponentsReady","reRenderForBannerMatrix"]]]]]], 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);
   });
@@ -20,0 +20,0 @@ };

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

@@ -40,3 +40,3 @@ import { Component, Prop, State, Watch, h, Listen } from '@stencil/core';
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
@@ -60,6 +60,16 @@ let sheet = document.createElement('style');
     };
+    this.renderContentConditionally = (content) => {
+      const hasBanner = content.indexOf('<bannermatrix-banner') !== -1;
+      if (!hasBanner) {
+        return h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      if (this.bannerMatrixReady) {
+        return h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      return null;
+    };
   }
   // Rerender when bannermatrix has finished loaded. Issue when bannermatrix passed as content from CMS.
-  reRenderForBannerMatrix() {
-    this.reRender = true;
+  handleBannerReady() {
+    this.bannerMatrixReady = true;
   }
@@ -128,4 +138,3 @@ watchEndpoint(newValue, oldValue) {
             h("div", { class: "BlogTitle" }, this.blogData.title),
-          this.showContent &&
-            h("div", { class: "BlogContent", innerHTML: this.blogData.content }))));
+          this.showContent && this.renderContentConditionally(this.blogData.content))));
     }
@@ -342,3 +351,3 @@ }
     "isLoading": {},
-    "reRender": {}
+    "bannerMatrixReady": {}
   }; }
@@ -354,3 +363,3 @@ static get watchers() { return [{
       "name": "WebComponentsReady",
-      "method": "reRenderForBannerMatrix",
+      "method": "handleBannerReady",
       "target": "window",
@@ -357,0 +366,0 @@ "capture": false,

dist/components/blog-article-details.js

@@ -66,3 +66,3 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
@@ -86,6 +86,16 @@ let sheet = document.createElement('style');
     };
+    this.renderContentConditionally = (content) => {
+      const hasBanner = content.indexOf('<bannermatrix-banner') !== -1;
+      if (!hasBanner) {
+        return h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      if (this.bannerMatrixReady) {
+        return h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      return null;
+    };
   }
   // Rerender when bannermatrix has finished loaded. Issue when bannermatrix passed as content from CMS.
-  reRenderForBannerMatrix() {
-    this.reRender = true;
+  handleBannerReady() {
+    this.bannerMatrixReady = true;
   }
@@ -147,4 +157,3 @@ watchEndpoint(newValue, oldValue) {
         h("div", { class: "BlogBanner" }, h("img", { src: this.blogData.image.src, alt: this.blogData.title })), this.showTitle &&
-        h("div", { class: "BlogTitle" }, this.blogData.title), this.showContent &&
-        h("div", { class: "BlogContent", innerHTML: this.blogData.content }))));
+        h("div", { class: "BlogTitle" }, this.blogData.title), this.showContent && this.renderContentConditionally(this.blogData.content))));
     }
@@ -172,4 +181,4 @@ }
     "isLoading": [32],
-    "reRender": [32]
-  }, [[8, "WebComponentsReady", "reRenderForBannerMatrix"]]]);
+    "bannerMatrixReady": [32]
+  }, [[8, "WebComponentsReady", "handleBannerReady"]]]);
 function defineCustomElement$1() {
@@ -176,0 +185,0 @@ if (typeof customElements === "undefined") {

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

@@ -64,3 +64,3 @@ import { r as registerInstance, h } from './index-26083270.js';
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
@@ -84,6 +84,16 @@ let sheet = document.createElement('style');
     };
+    this.renderContentConditionally = (content) => {
+      const hasBanner = content.indexOf('<bannermatrix-banner') !== -1;
+      if (!hasBanner) {
+        return h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      if (this.bannerMatrixReady) {
+        return h("div", { class: "BlogContent", innerHTML: this.blogData.content });
+      }
+      return null;
+    };
   }
   // Rerender when bannermatrix has finished loaded. Issue when bannermatrix passed as content from CMS.
-  reRenderForBannerMatrix() {
-    this.reRender = true;
+  handleBannerReady() {
+    this.bannerMatrixReady = true;
   }
@@ -145,4 +155,3 @@ watchEndpoint(newValue, oldValue) {
         h("div", { class: "BlogBanner" }, h("img", { src: this.blogData.image.src, alt: this.blogData.title })), this.showTitle &&
-        h("div", { class: "BlogTitle" }, this.blogData.title), this.showContent &&
-        h("div", { class: "BlogContent", innerHTML: this.blogData.content }))));
+        h("div", { class: "BlogTitle" }, this.blogData.title), this.showContent && this.renderContentConditionally(this.blogData.content))));
     }
@@ -149,0 +158,0 @@ }

dist/esm/blog-article-details.js

@@ -16,3 +16,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-26083270.js';
 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],"reRender":[32]},[[8,"WebComponentsReady","reRenderForBannerMatrix"]]]]]], 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);
 });

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-26083270.js';
   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],"reRender":[32]},[[8,"WebComponentsReady","reRenderForBannerMatrix"]]]]]], 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);
   });
@@ -16,0 +16,0 @@ };

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

@@ -49,4 +49,4 @@ export declare class BlogArticleDetails {
   private isLoading;
-  reRender: boolean;
-  reRenderForBannerMatrix(): void;
+  bannerMatrixReady: boolean;
+  handleBannerReady(): void;
   watchEndpoint(newValue: string, oldValue: string): void;
@@ -60,3 +60,4 @@ private stylingContainer;
   setClientStylingURL: () => void;
+  renderContentConditionally: (content: string) => HTMLElement;
   render(): void;
 }

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

341195

increased by0.55%

Lines of code

5807

increased by0.64%

No dependency changes