@aiconomy/aico-components 0.0.128 → 0.0.136

package/dist/cjs/aico-album-content_26.cjs.entry.js

@@ -13763,7 +13763,7 @@ var ContentType;
 })(ContentType || (ContentType = {}));
 
 const ConditionalRender = ({ condition }, children) => {
-    return condition && children && children.length > 0 ? children : [];
+    return condition ? children : [];
 };
 
 const getAuthenticatedHeaders = (bearerToken) => {
@@ -13828,7 +13828,7 @@ async function fetchNewsArticleByHandle(api, urlHandle, signal) {
     const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
     const response = await fetch(request);
     const articles = await response.json();
-    return articles.data[0];
+    return articles.data.length === 1 ? articles.data[0] : undefined;
 }
 function getImageWidthPrc(pictureSize) {
     switch (pictureSize) {
@@ -13880,11 +13880,12 @@ const AicoArticleDetail = class {
         this.hideCategoryAndTags = false;
     }
     render() {
-        var _a, _b;
-        const category = (_b = (_a = this.article.attributes.newsCategory) === null || _a === void 0 ? void 0 : _a.translations.find(translation => translation.locale === this.locale)) !== null && _b !== void 0 ? _b : null;
+        var _a, _b, _c, _d;
+        const translation = (_a = this.article.attributes.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+        const category = (_c = (_b = this.article.attributes.newsCategory) === null || _b === void 0 ? void 0 : _b.translations.find(translation => translation.locale === this.locale)) !== null && _c !== void 0 ? _c : null;
         const articleDate = new Date(this.article.attributes.publishDate);
         const content = this.article.attributes.contentBuilder.rows.sort((a, b) => a.order - b.order).map((row, index) => this.mapRowContent(row, index));
-        return (index.h(index.Host, null, index.h("figure", null, index.h("blockquote", { class: "blockquote" }, index.h("h2", { class: "text-uppercase" }, this.article.attributes.name)), index.h(ConditionalRender, { condition: !this.hideDateAndAuthor }, index.h("figcaption", { class: "blockquote-footer mb-1" }, articleDate.toLocaleDateString('en-US', this.dateOptions), " by ", index.h("cite", { title: "Author" }, this.article.attributes.author))), index.h(ConditionalRender, { condition: !this.hideCategoryAndTags && !strIsNullOrEmptyOrWhitespace(category === null || category === void 0 ? void 0 : category.webName) }, index.h("span", { class: "badge bg-info text-dark" }, category === null || category === void 0 ? void 0 : category.webName))), index.h("div", { class: "content-wrapper" }, content), index.h(ConditionalRender, { condition: !this.hideCategoryAndTags }, this.article.attributes.newsTags.map(tag => {
+        return (index.h(index.Host, null, index.h("figure", null, index.h("blockquote", { class: "blockquote" }, index.h("h2", { class: "text-uppercase" }, (_d = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _d !== void 0 ? _d : this.article.attributes.name)), index.h(ConditionalRender, { condition: !this.hideDateAndAuthor }, index.h("figcaption", { class: "blockquote-footer mb-1" }, articleDate.toLocaleDateString('en-US', this.dateOptions), " by ", index.h("cite", { title: "Author" }, this.article.attributes.author))), index.h(ConditionalRender, { condition: !this.hideCategoryAndTags && !strIsNullOrEmptyOrWhitespace(category === null || category === void 0 ? void 0 : category.webName) }, index.h("span", { class: "badge bg-info text-dark" }, category === null || category === void 0 ? void 0 : category.webName))), index.h("div", { class: "content-wrapper" }, content), index.h(ConditionalRender, { condition: !this.hideCategoryAndTags }, this.article.attributes.newsTags.map(tag => {
             var _a;
             const translation = (_a = tag.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
             return (index.h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.webName) }, index.h("span", { class: "badge bg-light text-dark" }, translation.webName)));
@@ -20621,6 +20622,7 @@ const AicoNewsList = class {
         this.pageSize = 16;
         this.nextButtonText = 'Next';
         this.previousButtonText = 'Previous';
+        this.locale = 'de';
     }
     connectedCallback() {
         this.newsListFetchController = new AbortController();
@@ -20642,7 +20644,7 @@ const AicoNewsList = class {
         return (index.h(index.Host, null, index.h("div", { class: "row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4 mb-4" }, (_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.data.map(article => (index.h("div", { class: "col" }, index.h("aico-news-list-item", { article: article, onArticleClick: e => {
                 var _a;
                 (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-            } }))))), index.h("nav", { class: "w-100", "aria-label": "News navigation" }, index.h("ul", { class: "pagination justify-content-center" }, index.h("li", { class: `page-item page-link user-select-none d-flex align-items-center ${!((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.links.prev) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+            }, locale: this.locale }))))), index.h("nav", { class: "w-100", "aria-label": "News navigation" }, index.h("ul", { class: "pagination justify-content-center" }, index.h("li", { class: `page-item page-link user-select-none d-flex align-items-center ${!((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.links.prev) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
                 if (this.pageNumber > 1) {
                     this.pageNumber -= 1;
                 }
@@ -20697,13 +20699,15 @@ const AicoNewsListItem = class {
         index.registerInstance(this, hostRef);
         this.articleClick = index.createEvent(this, "articleClick", 7);
         this.article = undefined;
+        this.locale = 'de';
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
+        const translation = this.article.attributes.translations.find(t => t.locale === this.locale);
         return (index.h("div", { class: "card h-100 pe-auto", style: { cursor: 'pointer' }, onClick: () => {
                 var _a;
                 (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(this.article);
-            } }, 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" }, this.article.attributes.name), index.h("p", { class: "card-text" }, this.article.attributes.excerpt))));
+            } }, 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))));
     }
 };
 AicoNewsListItem.style = aicoNewsListItemCss;
@@ -20755,6 +20759,7 @@ const AicoSpecialNewsCarousel = class {
         this.newsBrandIds = [];
         this.newsLanguageLocales = [];
         this.numberOfArticles = 6;
+        this.locale = 'de';
     }
     connectedCallback() {
         this.newsListFetchController = new AbortController();
@@ -20781,14 +20786,15 @@ const AicoSpecialNewsCarousel = class {
     }
     render() {
         return (index.h("div", { class: "carousel" }, this.newsResponse.data.map(article => {
-            var _a;
+            var _a, _b, _c, _d;
             const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';
             const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';
+            const translation = article.attributes.translations.find(t => t.locale === this.locale);
             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 => {
                     var _a;
                     e.preventDefault();
                     (_a = this.articleClicked) === null || _a === void 0 ? void 0 : _a.emit(article);
-                } }, 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": (_a = article.attributes.optimizedImage) !== null && _a !== void 0 ? _a : article.attributes.image }))));
+                } }, (_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 }))));
         })));
     }
 };