@aiconomy/aico-components 0.0.132 → 0.0.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20702,11 +20702,12 @@ const AicoNewsListItem = class {
20702
20702
  this.locale = 'de';
20703
20703
  }
20704
20704
  render() {
20705
- var _a, _b, _c, _d;
20705
+ var _a, _b, _c, _d, _e, _f, _g;
20706
+ const translation = this.article.attributes.translations.find(t => t.locale === this.locale);
20706
20707
  return (index.h("div", { class: "card h-100 pe-auto", style: { cursor: 'pointer' }, onClick: () => {
20707
20708
  var _a;
20708
20709
  (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(this.article);
20709
- } }, index.h("div", { class: "ratio ratio-16x9 overflow-hidden" }, index.h("img", { class: "object-fit-cover", style: { 'min-height': '15rem' }, alt: "Article image", src: (_b = (_a = this.article.attributes.optimizedListImage) !== null && _a !== void 0 ? _a : this.article.attributes.optimizedImage) !== null && _b !== void 0 ? _b : this.article.attributes.image }), index.h("div", { class: "card-img-overlay d-flex justify-content-end" })), index.h("div", { class: "card-body" }, index.h("h5", { class: "card-title" }, (_d = (_c = this.article.attributes.translations.find(t => t.locale === this.locale)) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : this.article.attributes.name), index.h("p", { class: "card-text" }, this.article.attributes.excerpt))));
20710
+ } }, index.h("div", { class: "ratio ratio-16x9 overflow-hidden" }, index.h("img", { class: "object-fit-cover", style: { 'min-height': '15rem' }, alt: "Article image", src: (_e = (_d = (_c = (_b = (_a = translation === null || translation === void 0 ? void 0 : translation.optimizedListImage) !== null && _a !== void 0 ? _a : translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _b !== void 0 ? _b : translation === null || translation === void 0 ? void 0 : translation.image) !== null && _c !== void 0 ? _c : this.article.attributes.optimizedListImage) !== null && _d !== void 0 ? _d : this.article.attributes.optimizedImage) !== null && _e !== void 0 ? _e : this.article.attributes.image }), index.h("div", { class: "card-img-overlay d-flex justify-content-end" })), index.h("div", { class: "card-body" }, index.h("h5", { class: "card-title" }, (_f = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _f !== void 0 ? _f : this.article.attributes.name), index.h("p", { class: "card-text" }, (_g = translation === null || translation === void 0 ? void 0 : translation.excerpt) !== null && _g !== void 0 ? _g : this.article.attributes.excerpt))));
20710
20711
  }
20711
20712
  };
20712
20713
  AicoNewsListItem.style = aicoNewsListItemCss;
@@ -20785,14 +20786,15 @@ const AicoSpecialNewsCarousel = class {
20785
20786
  }
20786
20787
  render() {
20787
20788
  return (index.h("div", { class: "carousel" }, this.newsResponse.data.map(article => {
20788
- var _a, _b, _c;
20789
+ var _a, _b, _c, _d;
20789
20790
  const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';
20790
20791
  const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';
20792
+ const translation = article.attributes.translations.find(t => t.locale === this.locale);
20791
20793
  return (index.h("div", { class: "carousel-item card border-0" }, index.h("div", { class: "card-body" }, index.h("h5", { class: "card-title text-center text-uppercase" }, index.h("a", { class: "text-reset text-decoration-none", href: "#", onClick: e => {
20792
20794
  var _a;
20793
20795
  e.preventDefault();
20794
20796
  (_a = this.articleClicked) === null || _a === void 0 ? void 0 : _a.emit(article);
20795
- } }, (_b = (_a = article.attributes.translations.find(t => t.locale === this.locale)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : article.attributes.name))), index.h("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, index.h("img", { class: "card-img-bottom object-fit-cover", style: { 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }, alt: "News Picture", "data-lazy": (_c = article.attributes.optimizedImage) !== null && _c !== void 0 ? _c : article.attributes.image }))));
20797
+ } }, (_a = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _a !== void 0 ? _a : article.attributes.name))), index.h("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, index.h("img", { class: "card-img-bottom object-fit-cover", style: { 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }, alt: "News Picture", "data-lazy": (_d = (_c = (_b = translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _b !== void 0 ? _b : translation === null || translation === void 0 ? void 0 : translation.image) !== null && _c !== void 0 ? _c : article.attributes.optimizedImage) !== null && _d !== void 0 ? _d : article.attributes.image }))));
20796
20798
  })));
20797
20799
  }
20798
20800
  };