@aiconomy/aico-components 0.0.154 → 0.0.164

package/dist/esm/aico-components.js

@@ -14,7 +14,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["aico-asking-list-content",[[6,"aico-asking-list-content"]]],["aico-collection-content",[[6,"aico-collection-content"]]],["aico-album-content_26",[[2,"aico-fetch-article-detail",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"],"articleId":[1,"article-id"],"articleUrlHandle":[1,"article-url-handle"],"article":[32]}],[2,"aico-news-list",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"pageSize":[2,"page-size"],"nextButtonText":[1,"next-button-text"],"previousButtonText":[1,"previous-button-text"],"locale":[1],"highlightTopArticles":[4,"highlight-top-articles"],"newsResponse":[32],"pageNumber":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-special-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"numberOfArticles":[2,"number-of-articles"],"locale":[1],"newsResponse":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-article-detail",{"article":[16],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"]}],[2,"aico-news-list-item",{"article":[16],"articleIndex":[2,"article-index"],"highlightTopArticle":[4,"highlight-top-article"],"locale":[1]}],[2,"aico-bullet-content",{"content":[16],"locale":[1]}],[2,"aico-carousel-content",{"content":[16],"hasArrows":[4,"has-arrows"],"locale":[1]}],[2,"aico-content-card-content",{"content":[16],"locale":[1]}],[2,"aico-heading-content",{"content":[16],"locale":[1]}],[2,"aico-table-content",{"content":[16],"locale":[1]}],[2,"aico-text-content",{"content":[16],"locale":[1]}],[2,"aico-upload-content",{"content":[16],"locale":[1]}],[2,"aico-video-content",{"content":[16],"locale":[1]}],[2,"aico-album-content",{"content":[16]}],[2,"aico-asking-content",{"content":[16],"locale":[1]}],[2,"aico-block-quote-content",{"content":[16],"locale":[1]}],[2,"aico-divider-content",{"content":[16],"locale":[1]}],[2,"aico-document-content",{"content":[16],"locale":[1]}],[2,"aico-faq-content",{"content":[16],"locale":[1]}],[2,"aico-html-content",{"content":[16],"locale":[1]}],[2,"aico-link-content",{"content":[16],"locale":[1]}],[2,"aico-news-content",{"content":[16]}],[2,"aico-page-content",{"content":[16],"locale":[1]}],[2,"aico-testimonial-content",{"content":[16]}],[2,"aico-title-content",{"content":[16],"locale":[1]}],[2,"aico-no-content"]]]], options);
+  return bootstrapLazy([["aico-asking-list-content",[[6,"aico-asking-list-content"]]],["aico-collection-content",[[6,"aico-collection-content"]]],["aico-album-content_27",[[2,"aico-fetch-article-detail",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"],"articleId":[1,"article-id"],"articleUrlHandle":[1,"article-url-handle"],"article":[32]}],[2,"aico-news-list",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"hideTopArticles":[4,"hide-top-articles"],"hideSpecialArticles":[4,"hide-special-articles"],"pageSize":[2,"page-size"],"nextButtonText":[1,"next-button-text"],"previousButtonText":[1,"previous-button-text"],"locale":[1],"newsResponse":[32],"pageNumber":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-special-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"numberOfArticles":[2,"number-of-articles"],"locale":[1],"newsResponse":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-top-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"numberOfArticles":[2,"number-of-articles"],"locale":[1],"newsResponse":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-article-detail",{"article":[16],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"]}],[2,"aico-news-list-item",{"article":[16],"articleIndex":[2,"article-index"],"locale":[1]}],[2,"aico-bullet-content",{"content":[16],"locale":[1]}],[2,"aico-carousel-content",{"content":[16],"hasArrows":[4,"has-arrows"],"locale":[1]}],[2,"aico-content-card-content",{"content":[16],"locale":[1]}],[2,"aico-heading-content",{"content":[16],"locale":[1]}],[2,"aico-table-content",{"content":[16],"locale":[1]}],[2,"aico-text-content",{"content":[16],"locale":[1]}],[2,"aico-upload-content",{"content":[16],"locale":[1]}],[2,"aico-video-content",{"content":[16],"locale":[1]}],[2,"aico-album-content",{"content":[16]}],[2,"aico-asking-content",{"content":[16],"locale":[1]}],[2,"aico-block-quote-content",{"content":[16],"locale":[1]}],[2,"aico-divider-content",{"content":[16],"locale":[1]}],[2,"aico-document-content",{"content":[16],"locale":[1]}],[2,"aico-faq-content",{"content":[16],"locale":[1]}],[2,"aico-html-content",{"content":[16],"locale":[1]}],[2,"aico-link-content",{"content":[16],"locale":[1]}],[2,"aico-news-content",{"content":[16]}],[2,"aico-page-content",{"content":[16],"locale":[1]}],[2,"aico-testimonial-content",{"content":[16]}],[2,"aico-title-content",{"content":[16],"locale":[1]}],[2,"aico-no-content"]]]], options);
 });
 
 //# sourceMappingURL=aico-components.js.map

package/dist/esm/loader.js

@@ -3,7 +3,7 @@ export { s as setNonce } from './index-4621a8ba.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return bootstrapLazy([["aico-asking-list-content",[[6,"aico-asking-list-content"]]],["aico-collection-content",[[6,"aico-collection-content"]]],["aico-album-content_26",[[2,"aico-fetch-article-detail",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"],"articleId":[1,"article-id"],"articleUrlHandle":[1,"article-url-handle"],"article":[32]}],[2,"aico-news-list",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"pageSize":[2,"page-size"],"nextButtonText":[1,"next-button-text"],"previousButtonText":[1,"previous-button-text"],"locale":[1],"highlightTopArticles":[4,"highlight-top-articles"],"newsResponse":[32],"pageNumber":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-special-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"numberOfArticles":[2,"number-of-articles"],"locale":[1],"newsResponse":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-article-detail",{"article":[16],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"]}],[2,"aico-news-list-item",{"article":[16],"articleIndex":[2,"article-index"],"highlightTopArticle":[4,"highlight-top-article"],"locale":[1]}],[2,"aico-bullet-content",{"content":[16],"locale":[1]}],[2,"aico-carousel-content",{"content":[16],"hasArrows":[4,"has-arrows"],"locale":[1]}],[2,"aico-content-card-content",{"content":[16],"locale":[1]}],[2,"aico-heading-content",{"content":[16],"locale":[1]}],[2,"aico-table-content",{"content":[16],"locale":[1]}],[2,"aico-text-content",{"content":[16],"locale":[1]}],[2,"aico-upload-content",{"content":[16],"locale":[1]}],[2,"aico-video-content",{"content":[16],"locale":[1]}],[2,"aico-album-content",{"content":[16]}],[2,"aico-asking-content",{"content":[16],"locale":[1]}],[2,"aico-block-quote-content",{"content":[16],"locale":[1]}],[2,"aico-divider-content",{"content":[16],"locale":[1]}],[2,"aico-document-content",{"content":[16],"locale":[1]}],[2,"aico-faq-content",{"content":[16],"locale":[1]}],[2,"aico-html-content",{"content":[16],"locale":[1]}],[2,"aico-link-content",{"content":[16],"locale":[1]}],[2,"aico-news-content",{"content":[16]}],[2,"aico-page-content",{"content":[16],"locale":[1]}],[2,"aico-testimonial-content",{"content":[16]}],[2,"aico-title-content",{"content":[16],"locale":[1]}],[2,"aico-no-content"]]]], options);
+  return bootstrapLazy([["aico-asking-list-content",[[6,"aico-asking-list-content"]]],["aico-collection-content",[[6,"aico-collection-content"]]],["aico-album-content_27",[[2,"aico-fetch-article-detail",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"],"articleId":[1,"article-id"],"articleUrlHandle":[1,"article-url-handle"],"article":[32]}],[2,"aico-news-list",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"hideTopArticles":[4,"hide-top-articles"],"hideSpecialArticles":[4,"hide-special-articles"],"pageSize":[2,"page-size"],"nextButtonText":[1,"next-button-text"],"previousButtonText":[1,"previous-button-text"],"locale":[1],"newsResponse":[32],"pageNumber":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-special-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"numberOfArticles":[2,"number-of-articles"],"locale":[1],"newsResponse":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-top-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[1,"news-channels"],"newsSellerIds":[1,"news-seller-ids"],"newsBrandIds":[1,"news-brand-ids"],"newsLanguageLocales":[1,"news-language-locales"],"numberOfArticles":[2,"number-of-articles"],"locale":[1],"newsResponse":[32],"newsChannelsArr":[32],"newsSellerIdsArr":[32],"newsBrandIdsArr":[32],"newsLanguageLocalesArr":[32]}],[2,"aico-article-detail",{"article":[16],"locale":[1],"hideDateAndAuthor":[4,"hide-date-and-author"],"hideCategoryAndTags":[4,"hide-category-and-tags"]}],[2,"aico-news-list-item",{"article":[16],"articleIndex":[2,"article-index"],"locale":[1]}],[2,"aico-bullet-content",{"content":[16],"locale":[1]}],[2,"aico-carousel-content",{"content":[16],"hasArrows":[4,"has-arrows"],"locale":[1]}],[2,"aico-content-card-content",{"content":[16],"locale":[1]}],[2,"aico-heading-content",{"content":[16],"locale":[1]}],[2,"aico-table-content",{"content":[16],"locale":[1]}],[2,"aico-text-content",{"content":[16],"locale":[1]}],[2,"aico-upload-content",{"content":[16],"locale":[1]}],[2,"aico-video-content",{"content":[16],"locale":[1]}],[2,"aico-album-content",{"content":[16]}],[2,"aico-asking-content",{"content":[16],"locale":[1]}],[2,"aico-block-quote-content",{"content":[16],"locale":[1]}],[2,"aico-divider-content",{"content":[16],"locale":[1]}],[2,"aico-document-content",{"content":[16],"locale":[1]}],[2,"aico-faq-content",{"content":[16],"locale":[1]}],[2,"aico-html-content",{"content":[16],"locale":[1]}],[2,"aico-link-content",{"content":[16],"locale":[1]}],[2,"aico-news-content",{"content":[16]}],[2,"aico-page-content",{"content":[16],"locale":[1]}],[2,"aico-testimonial-content",{"content":[16]}],[2,"aico-title-content",{"content":[16],"locale":[1]}],[2,"aico-no-content"]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/aico-news-list/aico-news-list.d.ts

@@ -32,6 +32,14 @@ export declare class AicoNewsList {
      * Language locales as a comma separated list used to filter the results.
      */
     newsLanguageLocales: string;
+    /**
+     * Determines wheter top articles will be included in the list or not.
+     */
+    hideTopArticles: boolean;
+    /**
+     * Determines wheter special articles will be included in the list or not.
+     */
+    hideSpecialArticles: boolean;
     /**
      * The page size. Prefer this number to be even.
      */
@@ -56,10 +64,6 @@ export declare class AicoNewsList {
      * The handler receives the entire Article entity.
      */
     articleClick?: EventEmitter<Article>;
-    /**
-     * Determines if the top articles are highlighted by taking more space.
-     */
-    highlightTopArticles: boolean;
     private api?;
     private newsListFetchController?;
     connectedCallback(): void;

package/dist/types/components/aico-news-list-item/aico-news-list-item.d.ts

@@ -3,7 +3,6 @@ import { Article } from '../../model/Article';
 export declare class AicoNewsListItem {
     article: Article;
     articleIndex: number;
-    highlightTopArticle: boolean;
     articleClick?: EventEmitter<Article>;
     /**
      * The article translation that will be used to render the content.

package/dist/types/components/aico-top-news-carousel/aico-top-news-carousel.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { NewsResponse } from '../../model/NewsResponse';
+import type { Article } from '../../model/Article';
+import 'slick-carousel';
+export declare class AicoTopNewsCarousel {
+    newsResponse: NewsResponse;
+    newsChannelsArr: string[];
+    newsSellerIdsArr: string[];
+    newsBrandIdsArr: string[];
+    newsLanguageLocalesArr: string[];
+    /**
+     * The url of the Aico Api that will be used to retrieve the article.
+     */
+    aicoUrl: string;
+    /**
+     * The token used to authenticate against he Aico Api.
+     */
+    aicoBearerToken: string;
+    /**
+     * Channel names as a comma separated list used to filter the results.
+     */
+    newsChannels: string;
+    /**
+     * Seller ids as a comma separated list used to filter the results.
+     */
+    newsSellerIds: string;
+    /**
+     * Brand ids as a comma separated list used to filter the results.
+     */
+    newsBrandIds: string;
+    /**
+     * Language locales as a comma separated list used to filter the results.
+     */
+    newsLanguageLocales: string;
+    /**
+     * The number of articles shown in the carousel. Prefer this number to be small.
+     */
+    numberOfArticles: number;
+    /**
+     * The article translation that will be used to render the content.
+     *
+     * If the locale specified is not present in the article's translations, most content will not be shown.
+     */
+    locale: string;
+    /**
+     * Event emitted when a user clicks an article title.
+     *
+     * The handler receives the entire Article entity.
+     */
+    articleClicked?: EventEmitter<Article>;
+    private api?;
+    private newsListFetchController?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): Promise<void>;
+    componentWillUpdate(): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/aico-top-news-carousel/aico-top-news-carousel.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { JSX } from '../../components';
+declare const meta: Meta<JSX.AicoSpecialNewsCarousel>;
+export default meta;
+type Story = StoryObj;
+export declare const Kj: Story;
+export declare const Fcz: Story;

package/dist/types/components.d.ts

@@ -160,9 +160,13 @@ export namespace Components {
          */
         "aicoUrl": string;
         /**
-          * Determines if the top articles are highlighted by taking more space.
+          * Determines wheter special articles will be included in the list or not.
          */
-        "highlightTopArticles": boolean;
+        "hideSpecialArticles": boolean;
+        /**
+          * Determines wheter top articles will be included in the list or not.
+         */
+        "hideTopArticles": boolean;
         /**
           * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
          */
@@ -199,7 +203,6 @@ export namespace Components {
     interface AicoNewsListItem {
         "article": Article;
         "articleIndex": number;
-        "highlightTopArticle": boolean;
         /**
           * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
          */
@@ -260,6 +263,40 @@ export namespace Components {
         "content": TitleContent;
         "locale": string;
     }
+    interface AicoTopNewsCarousel {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
+        "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
+        "aicoUrl": string;
+        /**
+          * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
+         */
+        "locale": string;
+        /**
+          * Brand ids as a comma separated list used to filter the results.
+         */
+        "newsBrandIds": string;
+        /**
+          * Channel names as a comma separated list used to filter the results.
+         */
+        "newsChannels": string;
+        /**
+          * Language locales as a comma separated list used to filter the results.
+         */
+        "newsLanguageLocales": string;
+        /**
+          * Seller ids as a comma separated list used to filter the results.
+         */
+        "newsSellerIds": string;
+        /**
+          * The number of articles shown in the carousel. Prefer this number to be small.
+         */
+        "numberOfArticles": number;
+    }
     interface AicoUploadContent {
         "content": UploadContent;
         "locale": string;
@@ -289,6 +326,10 @@ export interface AicoSpecialNewsCarouselCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAicoSpecialNewsCarouselElement;
 }
+export interface AicoTopNewsCarouselCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLAicoTopNewsCarouselElement;
+}
 declare global {
     interface HTMLAicoAlbumContentElement extends Components.AicoAlbumContent, HTMLStencilElement {
     }
@@ -501,6 +542,23 @@ declare global {
         prototype: HTMLAicoTitleContentElement;
         new (): HTMLAicoTitleContentElement;
     };
+    interface HTMLAicoTopNewsCarouselElementEventMap {
+        "articleClicked": Article;
+    }
+    interface HTMLAicoTopNewsCarouselElement extends Components.AicoTopNewsCarousel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLAicoTopNewsCarouselElementEventMap>(type: K, listener: (this: HTMLAicoTopNewsCarouselElement, ev: AicoTopNewsCarouselCustomEvent<HTMLAicoTopNewsCarouselElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLAicoTopNewsCarouselElementEventMap>(type: K, listener: (this: HTMLAicoTopNewsCarouselElement, ev: AicoTopNewsCarouselCustomEvent<HTMLAicoTopNewsCarouselElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLAicoTopNewsCarouselElement: {
+        prototype: HTMLAicoTopNewsCarouselElement;
+        new (): HTMLAicoTopNewsCarouselElement;
+    };
     interface HTMLAicoUploadContentElement extends Components.AicoUploadContent, HTMLStencilElement {
     }
     var HTMLAicoUploadContentElement: {
@@ -540,6 +598,7 @@ declare global {
         "aico-testimonial-content": HTMLAicoTestimonialContentElement;
         "aico-text-content": HTMLAicoTextContentElement;
         "aico-title-content": HTMLAicoTitleContentElement;
+        "aico-top-news-carousel": HTMLAicoTopNewsCarouselElement;
         "aico-upload-content": HTMLAicoUploadContentElement;
         "aico-video-content": HTMLAicoVideoContentElement;
     }
@@ -656,9 +715,13 @@ declare namespace LocalJSX {
          */
         "aicoUrl": string;
         /**
-          * Determines if the top articles are highlighted by taking more space.
+          * Determines wheter special articles will be included in the list or not.
+         */
+        "hideSpecialArticles"?: boolean;
+        /**
+          * Determines wheter top articles will be included in the list or not.
          */
-        "highlightTopArticles"?: boolean;
+        "hideTopArticles"?: boolean;
         /**
           * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
          */
@@ -699,7 +762,6 @@ declare namespace LocalJSX {
     interface AicoNewsListItem {
         "article": Article;
         "articleIndex"?: number;
-        "highlightTopArticle"?: boolean;
         /**
           * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
          */
@@ -766,6 +828,44 @@ declare namespace LocalJSX {
         "content": TitleContent;
         "locale"?: string;
     }
+    interface AicoTopNewsCarousel {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
+        "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
+        "aicoUrl": string;
+        /**
+          * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
+         */
+        "locale"?: string;
+        /**
+          * Brand ids as a comma separated list used to filter the results.
+         */
+        "newsBrandIds"?: string;
+        /**
+          * Channel names as a comma separated list used to filter the results.
+         */
+        "newsChannels"?: string;
+        /**
+          * Language locales as a comma separated list used to filter the results.
+         */
+        "newsLanguageLocales"?: string;
+        /**
+          * Seller ids as a comma separated list used to filter the results.
+         */
+        "newsSellerIds"?: string;
+        /**
+          * The number of articles shown in the carousel. Prefer this number to be small.
+         */
+        "numberOfArticles"?: number;
+        /**
+          * Event emitted when a user clicks an article title.  The handler receives the entire Article entity.
+         */
+        "onArticleClicked"?: (event: AicoTopNewsCarouselCustomEvent<Article>) => void;
+    }
     interface AicoUploadContent {
         "content": UploadContent;
         "locale"?: string;
@@ -801,6 +901,7 @@ declare namespace LocalJSX {
         "aico-testimonial-content": AicoTestimonialContent;
         "aico-text-content": AicoTextContent;
         "aico-title-content": AicoTitleContent;
+        "aico-top-news-carousel": AicoTopNewsCarousel;
         "aico-upload-content": AicoUploadContent;
         "aico-video-content": AicoVideoContent;
     }
@@ -835,6 +936,7 @@ declare module "@stencil/core" {
             "aico-testimonial-content": LocalJSX.AicoTestimonialContent & JSXBase.HTMLAttributes<HTMLAicoTestimonialContentElement>;
             "aico-text-content": LocalJSX.AicoTextContent & JSXBase.HTMLAttributes<HTMLAicoTextContentElement>;
             "aico-title-content": LocalJSX.AicoTitleContent & JSXBase.HTMLAttributes<HTMLAicoTitleContentElement>;
+            "aico-top-news-carousel": LocalJSX.AicoTopNewsCarousel & JSXBase.HTMLAttributes<HTMLAicoTopNewsCarouselElement>;
             "aico-upload-content": LocalJSX.AicoUploadContent & JSXBase.HTMLAttributes<HTMLAicoUploadContentElement>;
             "aico-video-content": LocalJSX.AicoVideoContent & JSXBase.HTMLAttributes<HTMLAicoVideoContentElement>;
         }

package/dist/types/utils/utils.d.ts

@@ -1,8 +1,9 @@
 import { Article } from '../components';
 import { AicoApiRequestInfo } from '../model/AicoApiRequestInfo';
 import { NewsResponse } from '../model/NewsResponse';
-export declare function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
+export declare function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[], hideTopArticles?: boolean, hideSpecialArticles?: boolean): Promise<NewsResponse>;
 export declare function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
+export declare function fetchTopNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
 export declare function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article>;
 export declare function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article | undefined>;
 export declare function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiconomy/aico-components",
-  "version": "0.0.154",
+  "version": "0.0.164",
   "description": "Aiconomy components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",