@everymatrix/blog-articles-grid 1.34.2 → 1.34.3

package/dist/collection/index.js

@@ -1 +0,0 @@
-export * from './components';

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

@@ -1,40 +0,0 @@
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    error: 'Error',
-    readmore: 'Read more',
-  },
-  ro: {
-    error: 'Eroare',
-    readmore: 'Read more',
-  },
-  fr: {
-    error: 'Error',
-    readmore: 'Read more',
-  },
-  ar: {
-    error: 'خطأ',
-    readmore: 'Read more',
-  },
-  hu: {
-    error: 'خطأ',
-    readmore: 'Tovább olvasom',
-  },
-  hr: {
-    error: 'Greška',
-    readmore: 'Pročitaj više'
-  },
-  'pt-br': {
-    error: 'Erro',
-    readmore: 'Ler mais'
-  },
-  'es-mx': {
-    error: 'Error',
-    readmore: 'Leer más'
-  }
-};
-export const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};

package/dist/collection/utils/utils.js

@@ -1,67 +0,0 @@
-export 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';
-}
-function checkCustomDeviceWidth() {
-  const width = screen.availWidth;
-  if (width < 600) {
-    return 'mobile';
-  }
-  else if (width >= 600 && width < 1100) {
-    return 'tablet';
-  }
-}
-function isIpad() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  // Traditional iPad user agent
-  if (userAgent.includes('ipad')) {
-    return true;
-  }
-  return userAgent.indexOf('macintosh') > -1 && navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
-}
-export function getDeviceCustom() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  let source = '';
-  source = (userAgent.includes('android') || userAgent.includes('iphone') || isIpad()) ? checkCustomDeviceWidth() : 'desktop';
-  return source;
-}
-export const getDevice = () => {
-  let userAgent = window.navigator.userAgent;
-  if (userAgent.toLowerCase().match(/android/i)) {
-    return 'Android';
-  }
-  if (userAgent.toLowerCase().match(/iphone/i)) {
-    return 'iPhone';
-  }
-  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
-    return 'iPad';
-  }
-  return 'PC';
-};
-export const getDevicePlatform = () => {
-  const device = getDevice();
-  if (device) {
-    if (device === 'PC') {
-      return 'dk';
-    }
-    else if (device === 'iPad' || device === 'iPhone') {
-      return 'mtWeb';
-    }
-    else {
-      return 'mtWeb';
-    }
-  }
-};

package/dist/components/blog-articles-grid.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BlogArticlesGrid extends Components.BlogArticlesGrid, HTMLElement {}
-export const BlogArticlesGrid: {
-  prototype: BlogArticlesGrid;
-  new (): BlogArticlesGrid;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/blog-articles-grid.js

@@ -1,482 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './helper-pagination2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    error: 'Error',
-    readmore: 'Read more',
-  },
-  ro: {
-    error: 'Eroare',
-    readmore: 'Read more',
-  },
-  fr: {
-    error: 'Error',
-    readmore: 'Read more',
-  },
-  ar: {
-    error: 'خطأ',
-    readmore: 'Read more',
-  },
-  hu: {
-    error: 'خطأ',
-    readmore: 'Tovább olvasom',
-  },
-  hr: {
-    error: 'Greška',
-    readmore: 'Pročitaj više'
-  },
-  'pt-br': {
-    error: 'Erro',
-    readmore: 'Ler mais'
-  },
-  'es-mx': {
-    error: 'Error',
-    readmore: 'Leer más'
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-function checkCustomDeviceWidth() {
-  const width = screen.availWidth;
-  if (width < 600) {
-    return 'mobile';
-  }
-  else if (width >= 600 && width < 1100) {
-    return 'tablet';
-  }
-}
-function isIpad() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  // Traditional iPad user agent
-  if (userAgent.includes('ipad')) {
-    return true;
-  }
-  return userAgent.indexOf('macintosh') > -1 && navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
-}
-function getDeviceCustom() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  let source = '';
-  source = (userAgent.includes('android') || userAgent.includes('iphone') || isIpad()) ? checkCustomDeviceWidth() : 'desktop';
-  return source;
-}
-const getDevice = () => {
-  let userAgent = window.navigator.userAgent;
-  if (userAgent.toLowerCase().match(/android/i)) {
-    return 'Android';
-  }
-  if (userAgent.toLowerCase().match(/iphone/i)) {
-    return 'iPhone';
-  }
-  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
-    return 'iPad';
-  }
-  return 'PC';
-};
-const getDevicePlatform = () => {
-  const device = getDevice();
-  if (device) {
-    if (device === 'PC') {
-      return 'dk';
-    }
-    else if (device === 'iPad' || device === 'iPhone') {
-      return 'mtWeb';
-    }
-    else {
-      return 'mtWeb';
-    }
-  }
-};
-
-const blogArticlesGridCss = ":host {\n  display: block;\n}\n\n.BlogPageContainer {\n  background: #0A0A17;\n  padding: 20px;\n}\n\n.GridContainerWrapper {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n.BlogPage-0 .GridContainer.FeaturedPost:first-child {\n  width: 100%;\n  flex-basis: auto;\n}\n\n.GridContainer {\n  container-type: inline-size;\n  container-name: article;\n  border-radius: 15px;\n  color: #000;\n  overflow: hidden;\n}\n.GridContainer.FeaturedPost:first-child {\n  grid-column: 1/-1;\n  width: 100%;\n}\n.GridContainer .GridWrapper {\n  display: flex;\n  flex-direction: row;\n  height: 280px;\n  background: var(--emfe-w-color-white, #FFFFFF);\n}\n.GridContainer .GridSector {\n  flex-basis: 50%;\n  position: relative;\n}\n.GridContainer .GridSector:first-of-type {\n  height: 280px;\n  display: flex;\n}\n.GridContainer .GridSector:last-of-type {\n  padding: 20px 40px;\n  display: flex;\n  flex-direction: column;\n}\n.GridContainer .VisualContent {\n  width: 100%;\n}\n.GridContainer .BlogDate {\n  position: absolute;\n  bottom: 0px;\n  left: 30px;\n  font-size: 12px;\n  border-radius: 5px 5px 0 0;\n  padding: 10px;\n  width: fit-content;\n  text-align: center;\n  color: var(--emfe-w-color-white, #FFFFFF);\n  background-color: #CD0B5E;\n  z-index: 1;\n}\n.GridContainer .BlogTitle {\n  font-size: 24px;\n  color: #000;\n  padding-bottom: 10px;\n}\n.GridContainer .BlogContent {\n  display: -webkit-box;\n  font-size: 14px;\n  line-height: 1.2em;\n  -webkit-line-clamp: 6;\n  color: #000;\n  -webkit-box-orient: vertical;\n  box-sizing: border-box;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.GridContainer .BlogLink {\n  color: #000;\n  position: absolute;\n  bottom: 16px;\n}\n.GridContainer .BlogLink button {\n  font-size: 14px;\n  border: none;\n  padding: 0;\n  background: none;\n  color: #D0046C;\n  cursor: pointer;\n}\n\n@container article (max-width: 550px) {\n  .GridContainer .GridWrapper {\n    height: 380px;\n    flex-direction: column;\n  }\n  .GridContainer .GridWrapper .GridSector:first-of-type {\n    height: 120px;\n    flex-shrink: 0;\n    flex-basis: 150px;\n  }\n  .GridContainer .GridWrapper .GridSector:last-of-type {\n    padding: 20px 20px 40px;\n  }\n}\n.LoadingImage {\n  width: 100%;\n  height: 100%;\n  background-color: var(--emfe-w-color-gray-100, #E6E6E6);\n}\n\n.LoadingStripe {\n  border: 1px solid var(--emfe-w-color-white, #FFFFFF);\n  height: 20%;\n  background-color: var(--emfe-w-color-gray-100, #E6E6E6);\n  margin-bottom: 5px;\n}\n\n.LoadingSmallStripe {\n  width: 40%;\n}\n\n.LoadingMediumStripe {\n  width: 70%;\n}\n\n.BlogLink.LoadingLongStripe {\n  position: static;\n  width: 100%;\n}\n\n.GridContainerWrapper.LoadingGrid .GridSector {\n  justify-content: space-around;\n}\n\n.GridContainerWrapper.LoadingGrid .LoadingImage, .GridContainerWrapper.LoadingGrid .LoadingStripe {\n  animation: pulsatingLoader 2s ease-in-out 0s infinite reverse;\n  -webkit-animation: pulsatingLoader 2s ease-in-out 0s infinite reverse;\n}\n\n@keyframes pulsatingLoader {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n@-webkit-keyframes pulsatingLoader {\n  0% {\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}";
-
-const BlogArticlesGrid$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.ArticleActionButton = createEvent(this, "ArticleActionButton", 7);
-    /**
-    * Language of the widget
-    */
-    this.language = 'en';
-    /**
-     * User roles
-     */
-    this.userRoles = 'everyone';
-    /**
-     * CMS Endpoint stage
-     */
-    this.cmsEnv = 'stage';
-    /**
-    * Client custom styling via string
-    */
-    this.clientStyling = '';
-    /**
-    * Client custom styling via url
-    */
-    this.clientStylingUrl = '';
-    /**
-     * Property used to display the publishing date
-     */
-    this.showPublishingDate = true;
-    /**
-    * Property used to display the image
-    */
-    this.showImage = true;
-    /**
-    * Property used to display the image
-    */
-    this.showTitle = true;
-    /**
-    * Property used to display the description
-    */
-    this.showContent = true;
-    /**
-    * Property used to display the button
-    */
-    this.showButton = true;
-    /**
-    * Event name to be sent when the button is clicked
-    */
-    this.postMessageEvent = '';
-    /**
-    * Customize pagination: Activate pagination numbered navigation
-    */
-    this.blogsLimit = '0';
-    /**
-     * Intl date format
-     */
-    this.intlDateTimeFormat = '';
-    /**
-     * Page to particularly be opened on start
-     */
-    this.page = '1';
-    this.paginationBlogList = {
-      offset: 0
-    };
-    this.currentPage = 0;
-    this.hasErrors = false;
-    this.limitStylingAppends = false;
-    this.isLoading = true;
-    this.bannerMatrixReady = false;
-    this.nextPage = '';
-    this.previousPage = '';
-    this.device = '';
-    this.totalBlogs = 0;
-    this.defaultStyling = `
-  div#PaginationContainer {
-    justify-content: right;
-  }
-  .LeftItems button .NavigationButton {
-    display: none;
-  }
-  .LeftItems button:after, .RightItems button:after {
-    padding: 7px 12px;
-    font-size: 18px;
-    font-weight: 700;
-    line-height: 46px;
-  }
-  .LeftItems button:after {
-    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.2em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
-  }
-  .RightItems button:after {
-    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.2em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
-    display: block;
-    height: 38px;
-  }
-  div.LeftItems button, div.RightItems button {
-    width: unset;
-    height: 40px;
-    background-color: #fff;
-    color: #000;
-    border: 1px solid #000;
-    overflow: hidden;
-    &:disabled {
-      background-color: #989898;
-    }
-  }
-  div.LeftItems button {
-    min-width: 60px;
-    border-radius: 20px 0 0 20px;
-    border-right: 0;
-  }
-  div.RightItems button {
-    display: flex;
-    min-width: 100px;
-    justify-content: space-evenly;
-    align-items: center;
-    border-radius: 0 20px 20px 0;
-    text-transform: none;
-  }
-  .RightItems button .NavigationButton {
-    padding: 12px 0 12px 12px;
-    font-weight: 700;
-  }`;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-    this.setImage = (image) => {
-      let source = '';
-      switch (this.device) {
-        case 'mobile':
-          source = image.sources[0].pictureSource;
-          break;
-        case 'tablet':
-          source = image.sources[1].pictureSource;
-          break;
-        case 'desktop':
-          source = image.sources[2].pictureSource;
-          break;
-      }
-      return source;
-    };
-    this.renderContentConditionally = (content) => {
-      if (!content)
-        return;
-      const hasBanner = content.indexOf('<bannermatrix-banner') !== -1;
-      if (!hasBanner) {
-        return h("div", { class: "BlogContent", innerHTML: content });
-      }
-      if (this.bannerMatrixReady) {
-        return h("div", { class: "BlogContent", innerHTML: content });
-      }
-      return null;
-    };
-  }
-  getArticleId(postId, slug, customPath) {
-    if (this.usePostmessage) {
-      window.postMessage({ type: this.postMessageEvent, postId, slug, customPath });
-    }
-    else {
-      this.ArticleActionButton.emit({ postId, slug, customPath });
-    }
-  }
-  // Rerender when bannermatrix has finished loaded. Issue when bannermatrix passed as content from CMS.
-  handleBannerReady() {
-    this.bannerMatrixReady = true;
-  }
-  watchEndpoint(newValue, oldValue) {
-    this.currentPage = parseInt(this.page) - 1;
-    if (newValue && newValue != oldValue && this.cmsEndpoint && this.language) {
-      this.getBlogArticleGrid();
-    }
-  }
-  hpPageChange(event) {
-    var _a, _b;
-    this.paginationBlogList = event.detail;
-    this.currentPage = Math.floor(((_a = this.paginationBlogList) === null || _a === void 0 ? void 0 : _a.offset) / ((_b = this.paginationBlogList) === null || _b === void 0 ? void 0 : _b.limit));
-    if (this.page) {
-      this.currentPage = this.currentPage + +this.page - 1;
-    }
-    if (this.currentPage + 1 > this.lastPage) {
-      this.nextPage = null;
-      return;
-    }
-    if (this.currentPage < 0) {
-      this.previousPage = null;
-      return;
-    }
-    window.postMessage({ type: 'BlogArticlesGridActivePagination', currentPage: this.currentPage }, window.location.href);
-    this.getBlogArticleGrid();
-  }
-  connectedCallback() {
-    if (this.cmsEndpoint && this.language && this.blogsLimit) {
-      if (this.page) {
-        this.currentPage = this.currentPage + +this.page - 1;
-        this.getBlogArticleGrid(+this.page);
-      }
-      else {
-        this.getBlogArticleGrid();
-      }
-    }
-  }
-  componentDidLoad() {
-    window.postMessage({ type: 'BlogArticlesGridLoaded' }, window.location.href);
-    this.device = getDeviceCustom();
-  }
-  sortArticlesByDate(arr) {
-    arr.sort((a, b) => {
-      if (a.publishingDate > b.publishingDate)
-        return -1;
-      if (a.publishingDate < b.publishingDate)
-        return 1;
-      return 0;
-    });
-    return arr;
-  }
-  findLatestFeatured(array) {
-    let featuredItems = array.filter(item => item.isFeaturedPost);
-    if (featuredItems.length === 0) {
-      return null;
-    }
-    featuredItems = this.sortArticlesByDate(featuredItems);
-    return featuredItems[0];
-  }
-  moveLatestFeatureToStart(articlesArray, latestFeatured) {
-    const index = articlesArray.indexOf(latestFeatured);
-    if (index !== -1) {
-      articlesArray.splice(index, 1);
-      articlesArray.unshift(latestFeatured);
-    }
-    return articlesArray;
-  }
-  getBlogArticleGrid(page) {
-    this.isLoading = true;
-    let url = new URL(`${this.cmsEndpoint}/${this.language}/blog-posts`);
-    url.searchParams.append('per_page', this.blogsLimit);
-    url.searchParams.append('page', JSON.stringify(page ? page : this.currentPage + 1));
-    url.searchParams.append('env', this.cmsEnv);
-    url.searchParams.append('userRoles', this.userRoles);
-    url.searchParams.append('device', getDevicePlatform());
-    fetch(url.href)
-      .then((res) => {
-      if (res.status >= 300) {
-        this.hasErrors = true;
-        throw new Error('There was an error while fetching the data');
-      }
-      return res.json();
-    })
-      .then((blogContent) => {
-      this.lastPage = +blogContent.pages.last.match(/&page=(\d+)/)[1];
-      let blogItems = blogContent.items;
-      this.nextPage = blogContent.pages.next;
-      this.previousPage = blogContent.pages.previous;
-      this.totalBlogs = blogContent.total;
-      const latestFeatured = this.findLatestFeatured(blogItems);
-      this.blogData = this.sortArticlesByDate(blogItems);
-      this.blogData = this.moveLatestFeatureToStart(blogItems, latestFeatured);
-      this.blogData.items = blogItems.map((item) => {
-        return Object.assign(Object.assign({}, item), { publishingDate: new Date(item.publishingDate).toLocaleDateString() });
-      });
-      this.isLoading = false;
-      this.hasErrors = false;
-    })
-      .catch((err) => {
-      this.hasErrors = true;
-      console.log('Error', err);
-    })
-      .finally(() => this.isLoading = false);
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  formatDate(dateString) {
-    return new Intl.DateTimeFormat(this.intlDateTimeFormat).format(new Date(dateString));
-  }
-  render() {
-    var _a, _b;
-    if (this.hasErrors) {
-      return (h("div", { class: "BlogsContainer" }, h("div", { class: "ErrorMessage" }, translate('error', this.language))));
-    }
-    // Create an array to store the placeholder elements for each card
-    const placeholderCards = [];
-    // Loop through the blogsLimit in order to generate the desired number of cards
-    for (let i = 0; i < parseInt(this.blogsLimit); i++) {
-      placeholderCards.push(h("div", { class: "GridContainer FeaturedPost" }, h("div", { class: "GridWrapper" }, h("div", { class: "GridSector" }, h("div", { class: "VisualContent LoadingImage" })), h("div", { class: "GridSector" }, h("div", { class: "BlogTitle LoadingStripe LoadingSmallStripe" }), h("div", { class: "BlogDetails LoadingStripe LoadingMediumStripe" }), h("div", { class: "BlogLink LoadingStripe LoadingLongStripe" })))));
-    }
-    return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "BlogPageContainer" }, h("div", { class: "BlogGridPaginationWrapper" }, this.paginationActive == true && this.totalBlogs > +this.blogsLimit && h("helper-pagination", { "next-page": this.nextPage, "prev-page": this.previousPage, offset: this.paginationBlogList.offset, limit: this.blogsLimit, total: (_b = (_a = this.blogData) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length, language: this.language, "client-styling": this.clientStyling || this.defaultStyling, "arrows-active": this.arrowsActive || true, "secondary-arrows-active": this.secondaryArrowsActive || false, "numbered-nav-active": this.numberedNavActive || false })), (!this.isLoading) &&
-      h("div", { class: `GridContainerWrapper BlogPage-${this.currentPage}` }, this.blogData && this.blogData.map((data) => {
-        var _a, _b;
-        return h("div", { key: data.postID, class: data.isFeaturedPost ? 'GridContainer FeaturedPost' : 'GridContainer' }, h("div", { class: "GridWrapper" }, h("div", { class: "GridSector" }, this.showPublishingDate &&
-          h("div", { class: "BlogDate" }, this.formatDate(data === null || data === void 0 ? void 0 : data.publishingDate)), this.showImage && ((_a = data.image) === null || _a === void 0 ? void 0 : _a.src) ? (h("div", { class: "VisualContent", style: { background: `url(${this.setImage(data.image)}) no-repeat center center / cover` } })) : (((_b = data.video) === null || _b === void 0 ? void 0 : _b.sources[this.device]) ? (h("video", { class: "VisualContent", src: data.video.sources[this.device], controls: true })) : (h("h1", { class: "VisualContent", style: { color: "#fff" } }, "No Image")))), h("div", { class: "GridSector" }, this.showTitle &&
-          h("div", { class: "BlogTitle" }, data === null || data === void 0 ? void 0 : data.title), this.showContent &&
-          this.renderContentConditionally(data === null || data === void 0 ? void 0 : data.descriptionPreview), this.showButton &&
-          h("div", { class: "BlogLink" }, h("button", { onClick: () => this.getArticleId(data === null || data === void 0 ? void 0 : data.postID, data === null || data === void 0 ? void 0 : data.slug, data === null || data === void 0 ? void 0 : data.customPath) }, translate('readmore', this.language))))));
-      })), (this.isLoading) &&
-      h("div", { class: "GridContainerWrapper LoadingGrid" }, placeholderCards))));
-  }
-  static get watchers() { return {
-    "page": ["watchEndpoint"],
-    "hasErrors": ["watchEndpoint"],
-    "cmsEndpoint": ["watchEndpoint"],
-    "language": ["watchEndpoint"],
-    "cmsEnv": ["watchEndpoint"],
-    "userRoles": ["watchEndpoint"],
-    "blogsLimit": ["watchEndpoint"]
-  }; }
-  static get style() { return blogArticlesGridCss; }
-}, [1, "blog-articles-grid", {
-    "cmsEndpoint": [513, "cms-endpoint"],
-    "language": [513],
-    "userRoles": [513, "user-roles"],
-    "cmsEnv": [513, "cms-env"],
-    "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"],
-    "showButton": [516, "show-button"],
-    "usePostmessage": [516, "use-postmessage"],
-    "postMessageEvent": [513, "post-message-event"],
-    "blogsLimit": [513, "blogs-limit"],
-    "paginationActive": [516, "pagination-active"],
-    "arrowsActive": [516, "arrows-active"],
-    "secondaryArrowsActive": [516, "secondary-arrows-active"],
-    "numberedNavActive": [516, "numbered-nav-active"],
-    "intlDateTimeFormat": [513, "intl-date-time-format"],
-    "page": [513],
-    "paginationBlogList": [32],
-    "currentPage": [32],
-    "hasErrors": [32],
-    "limitStylingAppends": [32],
-    "isLoading": [32],
-    "bannerMatrixReady": [32],
-    "nextPage": [32],
-    "previousPage": [32],
-    "device": [32],
-    "blogData": [32],
-    "totalBlogs": [32]
-  }, [[8, "BannerMatrixReady", "handleBannerReady"], [0, "hpPageChange", "hpPageChange"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["blog-articles-grid", "helper-pagination"];
-  components.forEach(tagName => { switch (tagName) {
-    case "blog-articles-grid":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BlogArticlesGrid$1);
-      }
-      break;
-    case "helper-pagination":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const BlogArticlesGrid = BlogArticlesGrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BlogArticlesGrid, defineCustomElement };

package/dist/components/helper-pagination.js

@@ -1,6 +0,0 @@
-import { H as HelperPagination$1, d as defineCustomElement$1 } from './helper-pagination2.js';
-
-const HelperPagination = HelperPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { HelperPagination, defineCustomElement };