@everymatrix/blog-article-details 1.13.4 → 1.13.6

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

@@ -1 +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-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)));

package/dist/blog-article-details/p-493d4f13.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-b3ab7cf8.js";const n=["ro","en","fr","ar"],r={en:{error:"Error"},ro:{error:"Eroare"},fr:{error:"Error"},ar:{error:"خطأ"}},o=class{constructor(n){t(this,n),this.language="en",this.clientStyling="",this.clientStylingUrl="",this.showPublishingDate=!0,this.showImage=!0,this.showTitle=!0,this.showContent=!0,this.postMessageEvent="articleActionButton",this.hasErrors=!1,this.limitStylingAppends=!1,this.isLoading=!0,this.bannerMatrixReady=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),i=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{i.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(i)}),1)})).catch((t=>{console.log("error ",t)}))},this.renderContentConditionally=t=>{var n,r;return-1!==(null==t?void 0:t.indexOf("<bannermatrix-banner"))?this.bannerMatrixReady?i("div",{class:"BlogContent",innerHTML:null===(r=this.blogData)||void 0===r?void 0:r.content}):null:i("div",{class:"BlogContent",innerHTML:null===(n=this.blogData)||void 0===n?void 0:n.content})}}handleBannerReady(){this.bannerMatrixReady=!0}watchEndpoint(t,i){t&&t!=i&&this.cmsEndpoint&&this.getBlogArticleDetails()}connectedCallback(){this.cmsEndpoint&&this.language&&this.getBlogArticleDetails()}getBlogArticleDetails(){if(!this.postId&&isNaN(this.postId))throw this.hasErrors=!0,new Error("The postId parameter is missing!");this.isLoading=!0;let t=new URL(`${this.cmsEndpoint}/${this.language}/blog-posts/${this.postId}`);fetch(t.href).then((t=>{if(t.status>=300)throw this.hasErrors=!0,new Error("There was an error while fetching the data");return t.json()})).then((t=>{this.blogData=t,this.blogData.publishingDate=new Date(this.blogData.publishingDate).toLocaleDateString(),this.isLoading=!1})).catch((t=>{this.hasErrors=!0,console.log("Error",t)})).finally((()=>this.isLoading=!1))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){var t,o,s,e;return this.hasErrors?i("div",{class:"BlogArticleDetails"},i("div",{class:"Title"},(()=>{const t=this.language;return r[void 0!==t&&n.includes(t)?t:"en"].error})())):this.isLoading?void 0:i("div",{ref:t=>this.stylingContainer=t},i("div",{class:"GridContainer"},this.showPublishingDate&&i("div",{class:"BlogDate"},null===(t=this.blogData)||void 0===t?void 0:t.publishingDate),this.showImage&&i("div",{class:"BlogBanner"},i("img",{src:this.blogData.image.src,alt:null===(o=this.blogData)||void 0===o?void 0:o.title})),this.showTitle&&i("div",{class:"BlogTitle"},null===(s=this.blogData)||void 0===s?void 0:s.title),this.showContent&&this.renderContentConditionally(null===(e=this.blogData)||void 0===e?void 0:e.content)))}static get watchers(){return{cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"]}}};o.style=":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}";export{o as blog_article_details}

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

@@ -65,7 +65,7 @@ const BlogArticleDetails = class {
     this.hasErrors = false;
     this.limitStylingAppends = false;
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
       let sheet = document.createElement('style');
       sheet.innerHTML = this.clientStyling;
@@ -84,10 +84,21 @@ const BlogArticleDetails = class {
         console.log('error ', err);
       });
     };
+    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 });
+      }
+      if (this.bannerMatrixReady) {
+        return index.h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.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;
   }
   watchEndpoint(newValue, oldValue) {
     if (newValue && newValue != oldValue && this.cmsEndpoint) {
@@ -137,15 +148,15 @@ const BlogArticleDetails = class {
     // end custom styling area
   }
   render() {
+    var _a, _b, _c, _d;
     if (this.hasErrors) {
       return (index.h("div", { class: "BlogArticleDetails" }, index.h("div", { class: "Title" }, translate('error', this.language))));
     }
     if (!this.isLoading) {
       return (index.h("div", { ref: el => this.stylingContainer = el }, index.h("div", { class: "GridContainer" }, this.showPublishingDate &&
-        index.h("div", { class: "BlogDate" }, this.blogData.publishingDate), this.showImage &&
-        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: "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))));
     }
   }
   static get watchers() { return {

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 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);
 });

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   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);
   });
 };
 

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

@@ -37,7 +37,7 @@ export class BlogArticleDetails {
     this.hasErrors = false;
     this.limitStylingAppends = false;
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
       let sheet = document.createElement('style');
       sheet.innerHTML = this.clientStyling;
@@ -56,10 +56,21 @@ export class BlogArticleDetails {
         console.log('error ', err);
       });
     };
+    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 });
+      }
+      if (this.bannerMatrixReady) {
+        return h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.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;
   }
   watchEndpoint(newValue, oldValue) {
     if (newValue && newValue != oldValue && this.cmsEndpoint) {
@@ -109,6 +120,7 @@ export class BlogArticleDetails {
     // end custom styling area
   }
   render() {
+    var _a, _b, _c, _d;
     if (this.hasErrors) {
       return (h("div", { class: "BlogArticleDetails" },
         h("div", { class: "Title" }, translate('error', this.language))));
@@ -117,14 +129,13 @@ export class BlogArticleDetails {
       return (h("div", { ref: el => this.stylingContainer = el },
         h("div", { class: "GridContainer" },
           this.showPublishingDate &&
-            h("div", { class: "BlogDate" }, this.blogData.publishingDate),
+            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: this.blogData.title })),
+              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" }, this.blogData.title),
-          this.showContent &&
-            h("div", { class: "BlogContent", innerHTML: this.blogData.content }))));
+            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))));
     }
   }
   static get is() { return "blog-article-details"; }
@@ -336,7 +347,7 @@ export class BlogArticleDetails {
     "hasErrors": {},
     "limitStylingAppends": {},
     "isLoading": {},
-    "reRender": {}
+    "bannerMatrixReady": {}
   }; }
   static get watchers() { return [{
       "propName": "cmsEndpoint",
@@ -347,7 +358,7 @@ export class BlogArticleDetails {
     }]; }
   static get listeners() { return [{
       "name": "WebComponentsReady",
-      "method": "reRenderForBannerMatrix",
+      "method": "handleBannerReady",
       "target": "window",
       "capture": false,
       "passive": false

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

@@ -63,7 +63,7 @@ const BlogArticleDetails$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.hasErrors = false;
     this.limitStylingAppends = false;
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
       let sheet = document.createElement('style');
       sheet.innerHTML = this.clientStyling;
@@ -82,10 +82,21 @@ const BlogArticleDetails$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
         console.log('error ', err);
       });
     };
+    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 });
+      }
+      if (this.bannerMatrixReady) {
+        return h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.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;
   }
   watchEndpoint(newValue, oldValue) {
     if (newValue && newValue != oldValue && this.cmsEndpoint) {
@@ -135,15 +146,15 @@ const BlogArticleDetails$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     // end custom styling area
   }
   render() {
+    var _a, _b, _c, _d;
     if (this.hasErrors) {
       return (h("div", { class: "BlogArticleDetails" }, h("div", { class: "Title" }, translate('error', this.language))));
     }
     if (!this.isLoading) {
       return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "GridContainer" }, this.showPublishingDate &&
-        h("div", { class: "BlogDate" }, this.blogData.publishingDate), this.showImage &&
-        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: "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))));
     }
   }
   static get watchers() { return {
@@ -166,8 +177,8 @@ const BlogArticleDetails$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "hasErrors": [32],
     "limitStylingAppends": [32],
     "isLoading": [32],
-    "reRender": [32]
-  }, [[8, "WebComponentsReady", "reRenderForBannerMatrix"]]]);
+    "bannerMatrixReady": [32]
+  }, [[8, "WebComponentsReady", "handleBannerReady"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

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

@@ -61,7 +61,7 @@ const BlogArticleDetails = class {
     this.hasErrors = false;
     this.limitStylingAppends = false;
     this.isLoading = true;
-    this.reRender = false;
+    this.bannerMatrixReady = false;
     this.setClientStyling = () => {
       let sheet = document.createElement('style');
       sheet.innerHTML = this.clientStyling;
@@ -80,10 +80,21 @@ const BlogArticleDetails = class {
         console.log('error ', err);
       });
     };
+    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 });
+      }
+      if (this.bannerMatrixReady) {
+        return h("div", { class: "BlogContent", innerHTML: (_b = this.blogData) === null || _b === void 0 ? void 0 : _b.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;
   }
   watchEndpoint(newValue, oldValue) {
     if (newValue && newValue != oldValue && this.cmsEndpoint) {
@@ -133,15 +144,15 @@ const BlogArticleDetails = class {
     // end custom styling area
   }
   render() {
+    var _a, _b, _c, _d;
     if (this.hasErrors) {
       return (h("div", { class: "BlogArticleDetails" }, h("div", { class: "Title" }, translate('error', this.language))));
     }
     if (!this.isLoading) {
       return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "GridContainer" }, this.showPublishingDate &&
-        h("div", { class: "BlogDate" }, this.blogData.publishingDate), this.showImage &&
-        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: "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))));
     }
   }
   static get watchers() { return {

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

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 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);
 });

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   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);
   });
 };
 

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

@@ -46,8 +46,8 @@ export declare class BlogArticleDetails {
   private hasErrors;
   private limitStylingAppends;
   private isLoading;
-  reRender: boolean;
-  reRenderForBannerMatrix(): void;
+  bannerMatrixReady: boolean;
+  handleBannerReady(): void;
   watchEndpoint(newValue: string, oldValue: string): void;
   private stylingContainer;
   private blogData;
@@ -56,5 +56,6 @@ export declare class BlogArticleDetails {
   componentDidRender(): void;
   setClientStyling: () => void;
   setClientStylingURL: () => void;
+  renderContentConditionally: (content: string) => HTMLElement;
   render(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/blog-article-details",
-  "version": "1.13.4",
+  "version": "1.13.6",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/blog-article-details/p-32c04b78.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i}from"./p-b3ab7cf8.js";const n=["ro","en","fr","ar"],r={en:{error:"Error"},ro:{error:"Eroare"},fr:{error:"Error"},ar:{error:"خطأ"}},s=class{constructor(i){t(this,i),this.language="en",this.clientStyling="",this.clientStylingUrl="",this.showPublishingDate=!0,this.showImage=!0,this.showTitle=!0,this.showContent=!0,this.postMessageEvent="articleActionButton",this.hasErrors=!1,this.limitStylingAppends=!1,this.isLoading=!0,this.reRender=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),i=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{i.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(i)}),1)})).catch((t=>{console.log("error ",t)}))}}reRenderForBannerMatrix(){this.reRender=!0}watchEndpoint(t,i){t&&t!=i&&this.cmsEndpoint&&this.getBlogArticleDetails()}connectedCallback(){this.cmsEndpoint&&this.language&&this.getBlogArticleDetails()}getBlogArticleDetails(){if(!this.postId&&isNaN(this.postId))throw this.hasErrors=!0,new Error("The postId parameter is missing!");this.isLoading=!0;let t=new URL(`${this.cmsEndpoint}/${this.language}/blog-posts/${this.postId}`);fetch(t.href).then((t=>{if(t.status>=300)throw this.hasErrors=!0,new Error("There was an error while fetching the data");return t.json()})).then((t=>{this.blogData=t,this.blogData.publishingDate=new Date(this.blogData.publishingDate).toLocaleDateString(),this.isLoading=!1})).catch((t=>{this.hasErrors=!0,console.log("Error",t)})).finally((()=>this.isLoading=!1))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return this.hasErrors?i("div",{class:"BlogArticleDetails"},i("div",{class:"Title"},(()=>{const t=this.language;return r[void 0!==t&&n.includes(t)?t:"en"].error})())):this.isLoading?void 0:i("div",{ref:t=>this.stylingContainer=t},i("div",{class:"GridContainer"},this.showPublishingDate&&i("div",{class:"BlogDate"},this.blogData.publishingDate),this.showImage&&i("div",{class:"BlogBanner"},i("img",{src:this.blogData.image.src,alt:this.blogData.title})),this.showTitle&&i("div",{class:"BlogTitle"},this.blogData.title),this.showContent&&i("div",{class:"BlogContent",innerHTML:this.blogData.content})))}static get watchers(){return{cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"]}}};s.style=":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}";export{s as blog_article_details}