@everymatrix/blog-article-details 1.98.29 → 1.98.30

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

@@ -1 +1 @@
-import{r as t,h as i}from"./index-f613f8e8.js";const n={en:{error:"Error"},ro:{error:"Eroare"},fr:{error:"Error"},ar:{error:"خطأ"},hr:{error:"Greška"},"pt-br":{error:"Erro"},"es-mx":{error:"Error"}},e="__WIDGET_GLOBAL_STYLE_CACHE__";function o(t,i){if(t){const n=document.createElement("style");n.innerHTML=i,t.appendChild(n)}}function s(t,i){if(!t||!i)return;const n=new URL(i);fetch(n.href).then((t=>t.text())).then((i=>{const n=document.createElement("style");n.innerHTML=i,t&&t.appendChild(n)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function r(t){return t.includes("android")}const h=class{constructor(n){t(this,n),this.renderContentConditionally=t=>t&&(!t.includes("<bannermatrix-banner")||this.bannerMatrixReady)?i("div",{class:"BlogContent",innerHTML:t}):null,this.setImage=t=>{let i="";switch(this.device){case"mobile":i=t.sources[0].pictureSource;break;case"tablet":i=t.sources[1].pictureSource;break;case"desktop":i=t.sources[2].pictureSource}return i},this.cmsEndpoint=void 0,this.language="en",this.userRoles="everyone",this.cmsEnv="stage",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.showPublishingDate=!0,this.showImage=!0,this.showTitle=!0,this.showContent=!0,this.postId=void 0,this.postSlug=void 0,this.postCustomPath=void 0,this.intlDateTimeFormat="",this.hasErrors=!1,this.isLoading=!0,this.bannerMatrixReady=!1,this.device="mobile"}handleBannerReady(){this.bannerMatrixReady=!0}watchEndpoint(t,i){t&&t!=i&&this.cmsEndpoint&&this.language&&(this.postCustomPath||this.postSlug||this.postId)&&this.getBlogArticleDetails()}handleClientStylingChange(t,i){t!==i&&o(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,i){t!==i&&this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.cmsEndpoint&&this.language&&(this.postCustomPath||this.postSlug||this.postId)&&this.getBlogArticleDetails()}getBlogArticleDetails(){if(!this.postId&&!this.postSlug&&!this.postCustomPath)throw this.hasErrors=!0,new Error("postId, postSlug or postCustomPath parameter has to be provided!");this.isLoading=!0;let t=new URL(`${this.cmsEndpoint}/${this.language}/blog-posts${this.postCustomPath?"":"/"+(this.postSlug||this.postId)}`);t.searchParams.append("env",this.cmsEnv),t.searchParams.append("userRoles",this.userRoles),t.searchParams.append("device",(()=>{const t=(()=>{let t=window.navigator.userAgent;return t.toLowerCase().match(/android/i)?"Android":t.toLowerCase().match(/iphone/i)?"iPhone":t.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(t){if("PC"===t)return"dk";if("iPad"===t||"iPhone"===t)return"mtWeb"}return"mtWeb"})()),this.postCustomPath&&t.searchParams.append("customURL",this.postCustomPath),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=>{if(t.count>=1&&this.postCustomPath){let i=new Date(t.items[0].publishingDate),n=0;for(let e=1;e<t.items.length;e++){const o=new Date(t.items[e].publishingDate);i.getTime()<o.getTime()&&(i=o,n=e)}this.blogData=t.items[n]}else this.blogData=t;this.isLoading=!1})).catch((t=>{this.hasErrors=!0,console.log("Error",t)})).finally((()=>this.isLoading=!1))}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=function(t,i,n,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(t,i){const n=document.createElement("style");return window.emMessageBus.subscribe(i,(i=>{t&&(n.innerHTML=i,t.appendChild(n))}))}(t,i);window[e]||(window[e]={});const s=(n=function(t,i){return window.emMessageBus.subscribe(i,(n=>{if(!t)return;const o=t.getRootNode(),s=window[e];let r=s[i]&&s[i].sheet;r?s[i].refCount=s[i].refCount+1:(r=new CSSStyleSheet,r.replaceSync(n),s[i]={sheet:r,refCount:1});const h=o.adoptedStyleSheets||[];h.includes(r)||(o.adoptedStyleSheets=[...h,r])}))}(t,i)).unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[e][i]){const t=window[e][i];t.refCount>1?t.refCount=t.refCount-1:delete window[e][i]}s()},n}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.detectAndAlertDeviceType(),this.handleClientStyling()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}detectAndAlertDeviceType(){this.device=((t=!1)=>{if("undefined"==typeof window||"undefined"==typeof navigator)return"desktop";const i=navigator.userAgent.toLowerCase(),n=window.innerWidth;if(function(t){return!!t.includes("ipad")||t.includes("macintosh")&&navigator.maxTouchPoints>0}(i))return"tablet";if(function(t){return t.includes("iphone")||t.includes("ipod")}(i))return"mobile";if(function(t,i){return r(t)&&(t.includes("mobile")||t.includes("mobi")||i<=599)}(i,n))return"mobile";if(function(t,i){return r(t)&&!t.includes("mobile")&&!t.includes("mobi")&&i>599}(i,n))return"tablet";if(t){if(n<=599)return"mobile";if(n<=1099)return"tablet"}return"desktop"})()}parseDate(t){const i=new Date(t);if(i instanceof Date&&!Number.isNaN(i.getTime()))return i;const[n,e,o]=t.trim().split("/").map(Number);return new Date(o,e-1,n)}formatDate(t){const i=this.parseDate(t);return new Intl.DateTimeFormat(this.intlDateTimeFormat||"en-GB").format(i)}render(){var t,e,o,s,r,h;return this.hasErrors?i("div",{class:"BlogArticleDetails"},i("div",{class:"Title"},n[void 0!==(h=this.language)&&h in n?h:"en"].error)):i("div",{ref:t=>this.stylingContainer=t},!this.isLoading&&i("div",{class:"DetailsContainer"},i("div",{class:"DetailsHeadWrapper"},this.showPublishingDate&&this.blogData.publishingDate&&i("div",{class:"BlogDate"},this.formatDate(null===(t=this.blogData)||void 0===t?void 0:t.publishingDate)),this.showImage&&i("div",{class:`BlogBanner ${this.device}`},(null===(e=this.blogData.image)||void 0===e?void 0:e.src)?i("div",{style:{background:`url(${this.setImage(this.blogData.image)}) no-repeat center center / cover`}}):(null===(o=this.blogData.video)||void 0===o?void 0:o.sources[this.device])?i("video",{src:this.blogData.video.sources[this.device],controls:!0}):i("h1",{style:{color:"white"}},"No Image"))),i("div",{class:"DetailsBodyWrapper"},this.showTitle&&i("div",{class:"BlogTitle"},null===(s=this.blogData)||void 0===s?void 0:s.title),this.showContent&&this.renderContentConditionally(null===(r=this.blogData)||void 0===r?void 0:r.content))))}static get watchers(){return{postId:["watchEndpoint"],postSlug:["watchEndpoint"],postCustomPath:["watchEndpoint"],cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style=":host {\n  display: block;\n}\n\n.DetailsContainer {\n  background-color: #07072A;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n.DetailsContainer .BlogBanner div {\n  height: 400px;\n}\n.DetailsContainer .DetailsHeadWrapper {\n  position: relative;\n}\n.DetailsContainer .DetailsBodyWrapper {\n  padding: 30px;\n}\n.DetailsContainer .BlogDate {\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  background-color: #0D0D4D;\n  z-index: 1;\n  text-wrap: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 30px;\n}\n.DetailsContainer .BlogTitle {\n  font-size: 24px;\n}\n.DetailsContainer .BlogContent {\n  font-size: 14px;\n}\n.DetailsContainer .BlogContent p:last-child {\n  margin-bottom: 0;\n}\n\n@container (max-width: 475px) {\n  .DetailsContainer {\n    font-size: 12px;\n  }\n}";export{h as blog_article_details}
+import{r as t,h as i}from"./index-f613f8e8.js";const n={en:{error:"Error",home:"Home",blog:"Blog"},ro:{error:"Eroare",home:"Acasă",blog:"Blog"},fr:{error:"Error",home:"Accueil",blog:"Blog"},ar:{error:"خطأ",home:"الرئيسية",blog:"المدونة"},hr:{error:"Greška",home:"Početna",blog:"Blog"},"pt-br":{error:"Erro",home:"Início",blog:"Blog"},"es-mx":{error:"Error",home:"Inicio",blog:"Blog"}},e=(t,i)=>n[void 0!==i&&i in n?i:"en"][t],o="__WIDGET_GLOBAL_STYLE_CACHE__";function r(t,i){if(t){const n=document.createElement("style");n.innerHTML=i,t.appendChild(n)}}function s(t,i){if(!t||!i)return;const n=new URL(i);fetch(n.href).then((t=>t.text())).then((i=>{const n=document.createElement("style");n.innerHTML=i,t&&t.appendChild(n)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function a(t){return t.includes("android")}const h=class{constructor(n){t(this,n),this.renderContentConditionally=t=>t&&(!t.includes("<bannermatrix-banner")||this.bannerMatrixReady)?i("div",{class:"BlogContent",innerHTML:t}):null,this.setImage=t=>{let i="";switch(this.device){case"mobile":i=t.sources[0].pictureSource;break;case"tablet":i=t.sources[1].pictureSource;break;case"desktop":i=t.sources[2].pictureSource}return i},this.cmsEndpoint=void 0,this.language="en",this.userRoles="everyone",this.cmsEnv="stage",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.showPublishingDate=!0,this.showImage=!0,this.showTitle=!0,this.showBreadcrumb=!1,this.showContent=!0,this.postId=void 0,this.postSlug=void 0,this.postCustomPath=void 0,this.intlDateTimeFormat="",this.hasErrors=!1,this.isLoading=!0,this.bannerMatrixReady=!1,this.device="mobile"}handleBannerReady(){this.bannerMatrixReady=!0}watchEndpoint(t,i){t&&t!=i&&this.cmsEndpoint&&this.language&&(this.postCustomPath||this.postSlug||this.postId)&&this.getBlogArticleDetails()}handleClientStylingChange(t,i){t!==i&&r(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,i){t!==i&&this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.cmsEndpoint&&this.language&&(this.postCustomPath||this.postSlug||this.postId)&&this.getBlogArticleDetails()}getBlogArticleDetails(){if(!this.postId&&!this.postSlug&&!this.postCustomPath)throw this.hasErrors=!0,new Error("postId, postSlug or postCustomPath parameter has to be provided!");this.isLoading=!0;let t=new URL(`${this.cmsEndpoint}/${this.language}/blog-posts${this.postCustomPath?"":"/"+(this.postSlug||this.postId)}`);t.searchParams.append("env",this.cmsEnv),t.searchParams.append("userRoles",this.userRoles),t.searchParams.append("device",(()=>{const t=(()=>{let t=window.navigator.userAgent;return t.toLowerCase().match(/android/i)?"Android":t.toLowerCase().match(/iphone/i)?"iPhone":t.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(t){if("PC"===t)return"dk";if("iPad"===t||"iPhone"===t)return"mtWeb"}return"mtWeb"})()),this.postCustomPath&&t.searchParams.append("customURL",this.postCustomPath),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=>{if(t.count>=1&&this.postCustomPath){let i=new Date(t.items[0].publishingDate),n=0;for(let e=1;e<t.items.length;e++){const o=new Date(t.items[e].publishingDate);i.getTime()<o.getTime()&&(i=o,n=e)}this.blogData=t.items[n]}else this.blogData=t;this.isLoading=!1})).catch((t=>{this.hasErrors=!0,console.log("Error",t)})).finally((()=>this.isLoading=!1))}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=function(t,i,n,e=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!e)return function(t,i){const n=document.createElement("style");return window.emMessageBus.subscribe(i,(i=>{t&&(n.innerHTML=i,t.appendChild(n))}))}(t,i);window[o]||(window[o]={});const r=(n=function(t,i){return window.emMessageBus.subscribe(i,(n=>{if(!t)return;const e=t.getRootNode(),r=window[o];let s=r[i]&&r[i].sheet;s?r[i].refCount=r[i].refCount+1:(s=new CSSStyleSheet,s.replaceSync(n),r[i]={sheet:s,refCount:1});const a=e.adoptedStyleSheets||[];a.includes(s)||(e.adoptedStyleSheets=[...a,s])}))}(t,i)).unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[o][i]){const t=window[o][i];t.refCount>1?t.refCount=t.refCount-1:delete window[o][i]}r()},n}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.detectAndAlertDeviceType(),this.handleClientStyling()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}detectAndAlertDeviceType(){this.device=((t=!1)=>{if("undefined"==typeof window||"undefined"==typeof navigator)return"desktop";const i=navigator.userAgent.toLowerCase(),n=window.innerWidth;if(function(t){return!!t.includes("ipad")||t.includes("macintosh")&&navigator.maxTouchPoints>0}(i))return"tablet";if(function(t){return t.includes("iphone")||t.includes("ipod")}(i))return"mobile";if(function(t,i){return a(t)&&(t.includes("mobile")||t.includes("mobi")||i<=599)}(i,n))return"mobile";if(function(t,i){return a(t)&&!t.includes("mobile")&&!t.includes("mobi")&&i>599}(i,n))return"tablet";if(t){if(n<=599)return"mobile";if(n<=1099)return"tablet"}return"desktop"})()}parseDate(t){const i=new Date(t);if(i instanceof Date&&!Number.isNaN(i.getTime()))return i;const[n,e,o]=t.trim().split("/").map(Number);return new Date(o,e-1,n)}formatDate(t){const i=this.parseDate(t);return new Intl.DateTimeFormat(this.intlDateTimeFormat||"en-GB").format(i)}render(){var t,n,o,r,s,a;if(this.hasErrors)return i("div",{class:"BlogArticleDetails"},i("div",{class:"Title"},e("error",this.language)));const h=!this.isLoading&&this.showBreadcrumb?`/${encodeURIComponent(this.language)}`:"";return i("div",{ref:t=>this.stylingContainer=t},!this.isLoading&&i("div",{class:"DetailsContainer"},i("div",{class:"DetailsHeadWrapper"},this.showPublishingDate&&this.blogData.publishingDate&&i("div",{class:"BlogDate"},this.formatDate(null===(t=this.blogData)||void 0===t?void 0:t.publishingDate)),this.showImage&&i("div",{class:`BlogBanner ${this.device}`},(null===(n=this.blogData.image)||void 0===n?void 0:n.src)?i("div",{style:{background:`url(${this.setImage(this.blogData.image)}) no-repeat center center / cover`}}):(null===(o=this.blogData.video)||void 0===o?void 0:o.sources[this.device])?i("video",{src:this.blogData.video.sources[this.device],controls:!0}):i("h1",{style:{color:"white"}},"No Image"))),i("div",{class:"DetailsBodyWrapper"},this.showTitle&&i("div",{class:"BlogTitle"},null===(r=this.blogData)||void 0===r?void 0:r.title),this.showBreadcrumb&&i("nav",{class:"breadcrumb","aria-label":"Breadcrumb"},i("a",{href:h},e("home",this.language)),i("span",{"aria-hidden":"true"},"›"),i("a",{href:`${h}/blog`},e("blog",this.language)),i("span",{"aria-hidden":"true"},"›"),i("span",{"aria-current":"page"},null===(s=this.blogData)||void 0===s?void 0:s.title)),this.showContent&&this.renderContentConditionally(null===(a=this.blogData)||void 0===a?void 0:a.content))))}static get watchers(){return{postId:["watchEndpoint"],postSlug:["watchEndpoint"],postCustomPath:["watchEndpoint"],cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style=":host {\n  display: block;\n}\n\n.breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  max-width: 1300px;\n}\n.breadcrumb a {\n  color: inherit;\n}\n\n.DetailsContainer {\n  background-color: #07072A;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n.DetailsContainer .BlogBanner div {\n  height: 400px;\n}\n.DetailsContainer .DetailsHeadWrapper {\n  position: relative;\n}\n.DetailsContainer .DetailsBodyWrapper {\n  padding: 30px;\n}\n.DetailsContainer .BlogDate {\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  background-color: #0D0D4D;\n  z-index: 1;\n  text-wrap: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 30px;\n}\n.DetailsContainer .BlogTitle {\n  font-size: 24px;\n}\n.DetailsContainer .BlogContent {\n  font-size: 14px;\n}\n.DetailsContainer .BlogContent p:last-child {\n  margin-bottom: 0;\n}\n\n@container (max-width: 475px) {\n  .DetailsContainer {\n    font-size: 12px;\n  }\n}";export{h as blog_article_details}

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

@@ -1 +1 @@
-import{p as t,b as n}from"./index-f613f8e8.js";export{s as setNonce}from"./index-f613f8e8.js";import{g as e}from"./app-globals-0f993ce5.js";(()=>{const n=import.meta.url,e={};return""!==n&&(e.resourcesUrl=new URL(".",n).href),t(e)})().then((async t=>(await e(),n([["blog-article-details",[[1,"blog-article-details",{cmsEndpoint:[513,"cms-endpoint"],language:[513],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],showPublishingDate:[516,"show-publishing-date"],showImage:[516,"show-image"],showTitle:[516,"show-title"],showContent:[516,"show-content"],postId:[513,"post-id"],postSlug:[513,"post-slug"],postCustomPath:[513,"post-custom-path"],intlDateTimeFormat:[1,"intl-date-time-format"],hasErrors:[32],isLoading:[32],bannerMatrixReady:[32],device:[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{postId:["watchEndpoint"],postSlug:["watchEndpoint"],postCustomPath:["watchEndpoint"],cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],t))));
+import{p as t,b as n}from"./index-f613f8e8.js";export{s as setNonce}from"./index-f613f8e8.js";import{g as e}from"./app-globals-0f993ce5.js";(()=>{const n=import.meta.url,e={};return""!==n&&(e.resourcesUrl=new URL(".",n).href),t(e)})().then((async t=>(await e(),n([["blog-article-details",[[1,"blog-article-details",{cmsEndpoint:[513,"cms-endpoint"],language:[513],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],showPublishingDate:[516,"show-publishing-date"],showImage:[516,"show-image"],showTitle:[516,"show-title"],showBreadcrumb:[516,"show-breadcrumb"],showContent:[516,"show-content"],postId:[513,"post-id"],postSlug:[513,"post-slug"],postCustomPath:[513,"post-custom-path"],intlDateTimeFormat:[1,"intl-date-time-format"],hasErrors:[32],isLoading:[32],bannerMatrixReady:[32],device:[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{postId:["watchEndpoint"],postSlug:["watchEndpoint"],postCustomPath:["watchEndpoint"],cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],t))));

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

@@ -8,24 +8,38 @@ const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
     en: {
         error: 'Error',
+        home: 'Home',
+        blog: 'Blog',
     },
     ro: {
         error: 'Eroare',
+        home: 'Acasă',
+        blog: 'Blog',
     },
     fr: {
         error: 'Error',
+        home: 'Accueil',
+        blog: 'Blog',
     },
     ar: {
         error: 'خطأ',
+        home: 'الرئيسية',
+        blog: 'المدونة',
     },
     hr: {
         error: 'Greška',
+        home: 'Početna',
+        blog: 'Blog',
     },
     'pt-br': {
-        error: 'Erro'
+        error: 'Erro',
+        home: 'Início',
+        blog: 'Blog',
     },
     'es-mx': {
-        error: 'Error'
+        error: 'Error',
+        home: 'Inicio',
+        blog: 'Blog',
     }
 };
 const translate = (key, customLang) => {
@@ -238,7 +252,7 @@ const getDevicePlatform = () => {
     return 'mtWeb';
 };
 
-const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.DetailsContainer {\n  background-color: #07072A;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n.DetailsContainer .BlogBanner div {\n  height: 400px;\n}\n.DetailsContainer .DetailsHeadWrapper {\n  position: relative;\n}\n.DetailsContainer .DetailsBodyWrapper {\n  padding: 30px;\n}\n.DetailsContainer .BlogDate {\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  background-color: #0D0D4D;\n  z-index: 1;\n  text-wrap: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 30px;\n}\n.DetailsContainer .BlogTitle {\n  font-size: 24px;\n}\n.DetailsContainer .BlogContent {\n  font-size: 14px;\n}\n.DetailsContainer .BlogContent p:last-child {\n  margin-bottom: 0;\n}\n\n@container (max-width: 475px) {\n  .DetailsContainer {\n    font-size: 12px;\n  }\n}";
+const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  max-width: 1300px;\n}\n.breadcrumb a {\n  color: inherit;\n}\n\n.DetailsContainer {\n  background-color: #07072A;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n.DetailsContainer .BlogBanner div {\n  height: 400px;\n}\n.DetailsContainer .DetailsHeadWrapper {\n  position: relative;\n}\n.DetailsContainer .DetailsBodyWrapper {\n  padding: 30px;\n}\n.DetailsContainer .BlogDate {\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  background-color: #0D0D4D;\n  z-index: 1;\n  text-wrap: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 30px;\n}\n.DetailsContainer .BlogTitle {\n  font-size: 24px;\n}\n.DetailsContainer .BlogContent {\n  font-size: 14px;\n}\n.DetailsContainer .BlogContent p:last-child {\n  margin-bottom: 0;\n}\n\n@container (max-width: 475px) {\n  .DetailsContainer {\n    font-size: 12px;\n  }\n}";
 const BlogArticleDetailsStyle0 = blogArticleDetailsCss;
 
 const BlogArticleDetails = class {
@@ -278,6 +292,7 @@ const BlogArticleDetails = class {
         this.showPublishingDate = true;
         this.showImage = true;
         this.showTitle = true;
+        this.showBreadcrumb = false;
         this.showContent = true;
         this.postId = undefined;
         this.postSlug = undefined;
@@ -392,13 +407,14 @@ const BlogArticleDetails = class {
         return new Intl.DateTimeFormat(this.intlDateTimeFormat || 'en-GB').format(date);
     }
     render() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         if (this.hasErrors) {
             return (index.h("div", { class: "BlogArticleDetails" }, index.h("div", { class: "Title" }, translate('error', this.language))));
         }
+        const homeUrl = !this.isLoading && this.showBreadcrumb ? `/${encodeURIComponent(this.language)}` : '';
         return (index.h("div", { ref: el => this.stylingContainer = el }, !this.isLoading && (index.h("div", { class: "DetailsContainer" }, index.h("div", { class: "DetailsHeadWrapper" }, this.showPublishingDate && this.blogData.publishingDate &&
             index.h("div", { class: "BlogDate" }, this.formatDate((_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate)), this.showImage && (index.h("div", { class: `BlogBanner ${this.device}` }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (index.h("div", { style: { background: `url(${this.setImage(this.blogData.image)}) no-repeat center center / cover` } })) : (((_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")))))), index.h("div", { class: "DetailsBodyWrapper" }, 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))))));
+            index.h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title), this.showBreadcrumb && (index.h("nav", { class: "breadcrumb", "aria-label": "Breadcrumb" }, index.h("a", { href: homeUrl }, translate('home', this.language)), index.h("span", { "aria-hidden": "true" }, "\u203A"), index.h("a", { href: `${homeUrl}/blog` }, translate('blog', this.language)), index.h("span", { "aria-hidden": "true" }, "\u203A"), index.h("span", { "aria-current": "page" }, (_e = this.blogData) === null || _e === void 0 ? void 0 : _e.title))), this.showContent && this.renderContentConditionally((_f = this.blogData) === null || _f === void 0 ? void 0 : _f.content))))));
     }
     static get watchers() { return {
         "postId": ["watchEndpoint"],

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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showBreadcrumb":[516,"show-breadcrumb"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return index.bootstrapLazy([["blog-article-details.cjs",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showBreadcrumb":[516,"show-breadcrumb"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -2,6 +2,17 @@
   display: block;
 }
 
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+  max-width: 1300px;
+}
+.breadcrumb a {
+  color: inherit;
+}
+
 .DetailsContainer {
   background-color: #07072A;
   color: #fff;

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

@@ -38,6 +38,7 @@ export class BlogArticleDetails {
         this.showPublishingDate = true;
         this.showImage = true;
         this.showTitle = true;
+        this.showBreadcrumb = false;
         this.showContent = true;
         this.postId = undefined;
         this.postSlug = undefined;
@@ -153,13 +154,14 @@ export class BlogArticleDetails {
         return new Intl.DateTimeFormat(this.intlDateTimeFormat || 'en-GB').format(date);
     }
     render() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         if (this.hasErrors) {
             return (h("div", { class: "BlogArticleDetails" }, h("div", { class: "Title" }, translate('error', this.language))));
         }
+        const homeUrl = !this.isLoading && this.showBreadcrumb ? `/${encodeURIComponent(this.language)}` : '';
         return (h("div", { ref: el => this.stylingContainer = el }, !this.isLoading && (h("div", { class: "DetailsContainer" }, h("div", { class: "DetailsHeadWrapper" }, this.showPublishingDate && this.blogData.publishingDate &&
             h("div", { class: "BlogDate" }, this.formatDate((_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate)), this.showImage && (h("div", { class: `BlogBanner ${this.device}` }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (h("div", { style: { background: `url(${this.setImage(this.blogData.image)}) no-repeat center center / cover` } })) : (((_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")))))), h("div", { class: "DetailsBodyWrapper" }, 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))))));
+            h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title), this.showBreadcrumb && (h("nav", { class: "breadcrumb", "aria-label": "Breadcrumb" }, h("a", { href: homeUrl }, translate('home', this.language)), h("span", { "aria-hidden": "true" }, "\u203A"), h("a", { href: `${homeUrl}/blog` }, translate('blog', this.language)), h("span", { "aria-hidden": "true" }, "\u203A"), h("span", { "aria-current": "page" }, (_e = this.blogData) === null || _e === void 0 ? void 0 : _e.title))), this.showContent && this.renderContentConditionally((_f = this.blogData) === null || _f === void 0 ? void 0 : _f.content))))));
     }
     static get is() { return "blog-article-details"; }
     static get encapsulation() { return "shadow"; }
@@ -353,6 +355,24 @@ export class BlogArticleDetails {
                 "reflect": true,
                 "defaultValue": "true"
             },
+            "showBreadcrumb": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Property used to display the breadcrumb"
+                },
+                "attribute": "show-breadcrumb",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "showContent": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/utils/locale.utils.js

@@ -2,24 +2,38 @@ const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
     en: {
         error: 'Error',
+        home: 'Home',
+        blog: 'Blog',
     },
     ro: {
         error: 'Eroare',
+        home: 'Acasă',
+        blog: 'Blog',
     },
     fr: {
         error: 'Error',
+        home: 'Accueil',
+        blog: 'Blog',
     },
     ar: {
         error: 'خطأ',
+        home: 'الرئيسية',
+        blog: 'المدونة',
     },
     hr: {
         error: 'Greška',
+        home: 'Početna',
+        blog: 'Blog',
     },
     'pt-br': {
-        error: 'Erro'
+        error: 'Erro',
+        home: 'Início',
+        blog: 'Blog',
     },
     'es-mx': {
-        error: 'Error'
+        error: 'Error',
+        home: 'Inicio',
+        blog: 'Blog',
     }
 };
 export const translate = (key, customLang) => {

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

@@ -4,24 +4,38 @@ const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
     en: {
         error: 'Error',
+        home: 'Home',
+        blog: 'Blog',
     },
     ro: {
         error: 'Eroare',
+        home: 'Acasă',
+        blog: 'Blog',
     },
     fr: {
         error: 'Error',
+        home: 'Accueil',
+        blog: 'Blog',
     },
     ar: {
         error: 'خطأ',
+        home: 'الرئيسية',
+        blog: 'المدونة',
     },
     hr: {
         error: 'Greška',
+        home: 'Početna',
+        blog: 'Blog',
     },
     'pt-br': {
-        error: 'Erro'
+        error: 'Erro',
+        home: 'Início',
+        blog: 'Blog',
     },
     'es-mx': {
-        error: 'Error'
+        error: 'Error',
+        home: 'Inicio',
+        blog: 'Blog',
     }
 };
 const translate = (key, customLang) => {
@@ -234,7 +248,7 @@ const getDevicePlatform = () => {
     return 'mtWeb';
 };
 
-const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.DetailsContainer {\n  background-color: #07072A;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n.DetailsContainer .BlogBanner div {\n  height: 400px;\n}\n.DetailsContainer .DetailsHeadWrapper {\n  position: relative;\n}\n.DetailsContainer .DetailsBodyWrapper {\n  padding: 30px;\n}\n.DetailsContainer .BlogDate {\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  background-color: #0D0D4D;\n  z-index: 1;\n  text-wrap: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 30px;\n}\n.DetailsContainer .BlogTitle {\n  font-size: 24px;\n}\n.DetailsContainer .BlogContent {\n  font-size: 14px;\n}\n.DetailsContainer .BlogContent p:last-child {\n  margin-bottom: 0;\n}\n\n@container (max-width: 475px) {\n  .DetailsContainer {\n    font-size: 12px;\n  }\n}";
+const blogArticleDetailsCss = ":host {\n  display: block;\n}\n\n.breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  max-width: 1300px;\n}\n.breadcrumb a {\n  color: inherit;\n}\n\n.DetailsContainer {\n  background-color: #07072A;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n.DetailsContainer .BlogBanner div {\n  height: 400px;\n}\n.DetailsContainer .DetailsHeadWrapper {\n  position: relative;\n}\n.DetailsContainer .DetailsBodyWrapper {\n  padding: 30px;\n}\n.DetailsContainer .BlogDate {\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  background-color: #0D0D4D;\n  z-index: 1;\n  text-wrap: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 30px;\n}\n.DetailsContainer .BlogTitle {\n  font-size: 24px;\n}\n.DetailsContainer .BlogContent {\n  font-size: 14px;\n}\n.DetailsContainer .BlogContent p:last-child {\n  margin-bottom: 0;\n}\n\n@container (max-width: 475px) {\n  .DetailsContainer {\n    font-size: 12px;\n  }\n}";
 const BlogArticleDetailsStyle0 = blogArticleDetailsCss;
 
 const BlogArticleDetails = class {
@@ -274,6 +288,7 @@ const BlogArticleDetails = class {
         this.showPublishingDate = true;
         this.showImage = true;
         this.showTitle = true;
+        this.showBreadcrumb = false;
         this.showContent = true;
         this.postId = undefined;
         this.postSlug = undefined;
@@ -388,13 +403,14 @@ const BlogArticleDetails = class {
         return new Intl.DateTimeFormat(this.intlDateTimeFormat || 'en-GB').format(date);
     }
     render() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         if (this.hasErrors) {
             return (h("div", { class: "BlogArticleDetails" }, h("div", { class: "Title" }, translate('error', this.language))));
         }
+        const homeUrl = !this.isLoading && this.showBreadcrumb ? `/${encodeURIComponent(this.language)}` : '';
         return (h("div", { ref: el => this.stylingContainer = el }, !this.isLoading && (h("div", { class: "DetailsContainer" }, h("div", { class: "DetailsHeadWrapper" }, this.showPublishingDate && this.blogData.publishingDate &&
             h("div", { class: "BlogDate" }, this.formatDate((_a = this.blogData) === null || _a === void 0 ? void 0 : _a.publishingDate)), this.showImage && (h("div", { class: `BlogBanner ${this.device}` }, ((_b = this.blogData.image) === null || _b === void 0 ? void 0 : _b.src) ? (h("div", { style: { background: `url(${this.setImage(this.blogData.image)}) no-repeat center center / cover` } })) : (((_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")))))), h("div", { class: "DetailsBodyWrapper" }, 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))))));
+            h("div", { class: "BlogTitle" }, (_d = this.blogData) === null || _d === void 0 ? void 0 : _d.title), this.showBreadcrumb && (h("nav", { class: "breadcrumb", "aria-label": "Breadcrumb" }, h("a", { href: homeUrl }, translate('home', this.language)), h("span", { "aria-hidden": "true" }, "\u203A"), h("a", { href: `${homeUrl}/blog` }, translate('blog', this.language)), h("span", { "aria-hidden": "true" }, "\u203A"), h("span", { "aria-current": "page" }, (_e = this.blogData) === null || _e === void 0 ? void 0 : _e.title))), this.showContent && this.renderContentConditionally((_f = this.blogData) === null || _f === void 0 ? void 0 : _f.content))))));
     }
     static get watchers() { return {
         "postId": ["watchEndpoint"],

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

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showBreadcrumb":[516,"show-breadcrumb"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 });

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return bootstrapLazy([["blog-article-details",[[1,"blog-article-details",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showBreadcrumb":[516,"show-breadcrumb"],"showContent":[516,"show-content"],"postId":[513,"post-id"],"postSlug":[513,"post-slug"],"postCustomPath":[513,"post-custom-path"],"intlDateTimeFormat":[1,"intl-date-time-format"],"hasErrors":[32],"isLoading":[32],"bannerMatrixReady":[32],"device":[32]},[[8,"BannerMatrixReady","handleBannerReady"]],{"postId":["watchEndpoint"],"postSlug":["watchEndpoint"],"postCustomPath":["watchEndpoint"],"cmsEndpoint":["watchEndpoint"],"language":["watchEndpoint"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 };
 
 export { defineCustomElements };

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

@@ -40,6 +40,10 @@ export declare class BlogArticleDetails {
     * Property used to display the image
     */
     showTitle: boolean;
+    /**
+     * Property used to display the breadcrumb
+     */
+    showBreadcrumb: boolean;
     /**
     * Property used to display the description
     */

package/dist/types/components.d.ts

@@ -47,6 +47,10 @@ export namespace Components {
           * Slug of post
          */
         "postSlug"?: string;
+        /**
+          * Property used to display the breadcrumb
+         */
+        "showBreadcrumb": boolean;
         /**
           * Property used to display the description
          */
@@ -122,6 +126,10 @@ declare namespace LocalJSX {
           * Slug of post
          */
         "postSlug"?: string;
+        /**
+          * Property used to display the breadcrumb
+         */
+        "showBreadcrumb"?: boolean;
         /**
           * Property used to display the description
          */

package/package.json

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