@aiconomy/aico-components 0.0.149 → 0.0.154
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.
- package/README.md +19 -19
- package/dist/aico-components/aico-components.esm.js +1 -1
- package/dist/aico-components/aico-components.esm.js.map +1 -1
- package/dist/aico-components/{p-01932a11.entry.js → p-4c5e55f1.entry.js} +2 -2
- package/dist/aico-components/p-4c5e55f1.entry.js.map +1 -0
- package/dist/cjs/aico-album-content_26.cjs.entry.js +6 -6
- package/dist/cjs/aico-album-content_26.cjs.entry.js.map +1 -1
- package/dist/cjs/aico-components.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/aico-news-list/aico-news-list.js +6 -6
- package/dist/collection/components/aico-news-list/aico-news-list.js.map +1 -1
- package/dist/collection/components/aico-news-list-item/aico-news-list-item.js +5 -5
- package/dist/collection/components/aico-news-list-item/aico-news-list-item.js.map +1 -1
- package/dist/collection/components/aico-news-list-item/aico-news-list-item.stories.js +1 -0
- package/dist/collection/components/aico-news-list-item/aico-news-list-item.stories.js.map +1 -1
- package/dist/collection/model/Article.js.map +1 -1
- package/dist/components/aico-news-list-item2.js +4 -4
- package/dist/components/aico-news-list-item2.js.map +1 -1
- package/dist/components/aico-news-list.js +4 -4
- package/dist/components/aico-news-list.js.map +1 -1
- package/dist/esm/aico-album-content_26.entry.js +6 -6
- package/dist/esm/aico-album-content_26.entry.js.map +1 -1
- package/dist/esm/aico-components.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/aico-news-list/aico-news-list.d.ts +2 -2
- package/dist/types/components/aico-news-list-item/aico-news-list-item.d.ts +1 -1
- package/dist/types/components.d.ts +6 -6
- package/dist/types/model/Article.d.ts +1 -0
- package/package.json +1 -1
- package/dist/aico-components/p-01932a11.entry.js.map +0 -1
|
@@ -20634,7 +20634,7 @@ const AicoNewsList = class {
|
|
|
20634
20634
|
this.nextButtonText = 'Next';
|
|
20635
20635
|
this.previousButtonText = 'Previous';
|
|
20636
20636
|
this.locale = 'de';
|
|
20637
|
-
this.
|
|
20637
|
+
this.highlightTopArticles = false;
|
|
20638
20638
|
}
|
|
20639
20639
|
connectedCallback() {
|
|
20640
20640
|
this.newsListFetchController = new AbortController();
|
|
@@ -20658,11 +20658,11 @@ const AicoNewsList = class {
|
|
|
20658
20658
|
render() {
|
|
20659
20659
|
var _a, _b, _c;
|
|
20660
20660
|
return (index.h(index.Host, null, index.h("div", { class: "newslist-grid-container mb-4" }, (_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.data.map((article, articleIndex) => {
|
|
20661
|
-
return (index.h("div", { class: `col ${this.
|
|
20661
|
+
return (index.h("div", { class: `col ${this.highlightTopArticles && article.attributes.isTopNews ? 'row-span-2 col-span-md-2' : ''}` }, index.h("aico-news-list-item", { article: article, articleIndex: articleIndex, onArticleClick: e => {
|
|
20662
20662
|
var _a;
|
|
20663
20663
|
(_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
|
|
20664
20664
|
e.stopPropagation();
|
|
20665
|
-
}, locale: this.locale })));
|
|
20665
|
+
}, locale: this.locale, highlightTopArticle: this.highlightTopArticles })));
|
|
20666
20666
|
})), 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: () => {
|
|
20667
20667
|
if (this.pageNumber > 1) {
|
|
20668
20668
|
this.pageNumber -= 1;
|
|
@@ -20719,16 +20719,16 @@ const AicoNewsListItem = class {
|
|
|
20719
20719
|
this.articleClick = index.createEvent(this, "articleClick", 7);
|
|
20720
20720
|
this.article = undefined;
|
|
20721
20721
|
this.articleIndex = 0;
|
|
20722
|
-
this.
|
|
20722
|
+
this.highlightTopArticle = false;
|
|
20723
20723
|
this.locale = 'de';
|
|
20724
20724
|
}
|
|
20725
20725
|
render() {
|
|
20726
20726
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
20727
20727
|
const translation = this.article.attributes.translations.find(t => t.locale === this.locale);
|
|
20728
|
-
return (index.h("div", { class: `card h-100 pe-auto ${this.
|
|
20728
|
+
return (index.h("div", { class: `card h-100 pe-auto ${this.highlightTopArticle && this.article.attributes.isTopNews ? 'd-flex flex-column top-article' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
|
|
20729
20729
|
var _a;
|
|
20730
20730
|
(_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(this.article);
|
|
20731
|
-
} }, index.h("div", { class: `ratio ratio-16x9 overflow-hidden ${this.
|
|
20731
|
+
} }, index.h("div", { class: `ratio ratio-16x9 overflow-hidden ${this.highlightTopArticle && this.article.attributes.isTopNews ? 'flex-grow-1' : ''}` }, 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.image) !== null && _a !== void 0 ? _a : translation === null || translation === void 0 ? void 0 : translation.optimizedListImage) !== null && _b !== void 0 ? _b : translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _c !== void 0 ? _c : this.article.attributes.image) !== null && _d !== void 0 ? _d : this.article.attributes.optimizedListImage) !== null && _e !== void 0 ? _e : this.article.attributes.optimizedImage }), index.h("div", { class: "card-img-overlay d-flex justify-content-end" })), index.h("div", { class: `card-body ${this.highlightTopArticle && this.article.attributes.isTopNews ? 'flex-grow-0' : ''}` }, 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))));
|
|
20732
20732
|
}
|
|
20733
20733
|
};
|
|
20734
20734
|
AicoNewsListItem.style = aicoNewsListItemCss;
|