@aiconomy/aico-components 0.0.154 → 0.0.158

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.
Files changed (53) hide show
  1. package/README.md +46 -19
  2. package/dist/aico-components/aico-components.esm.js +1 -1
  3. package/dist/aico-components/aico-components.esm.js.map +1 -1
  4. package/dist/aico-components/{p-4c5e55f1.entry.js → p-076c2ca2.entry.js} +4 -4
  5. package/dist/aico-components/p-076c2ca2.entry.js.map +1 -0
  6. package/dist/cjs/{aico-album-content_26.cjs.entry.js → aico-album-content_27.cjs.entry.js} +89 -10
  7. package/dist/cjs/aico-album-content_27.cjs.entry.js.map +1 -0
  8. package/dist/cjs/aico-components.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/collection-manifest.json +1 -0
  11. package/dist/collection/components/aico-news-list/aico-news-list.css +2 -4
  12. package/dist/collection/components/aico-news-list/aico-news-list.js +3 -22
  13. package/dist/collection/components/aico-news-list/aico-news-list.js.map +1 -1
  14. package/dist/collection/components/aico-news-list-item/aico-news-list-item.js +2 -21
  15. package/dist/collection/components/aico-news-list-item/aico-news-list-item.js.map +1 -1
  16. package/dist/collection/components/aico-special-news-carousel/aico-special-news-carousel.js +2 -2
  17. package/dist/collection/components/aico-special-news-carousel/aico-special-news-carousel.js.map +1 -1
  18. package/dist/collection/components/aico-top-news-carousel/aico-top-news-carousel.css +12088 -0
  19. package/dist/collection/components/aico-top-news-carousel/aico-top-news-carousel.js +253 -0
  20. package/dist/collection/components/aico-top-news-carousel/aico-top-news-carousel.js.map +1 -0
  21. package/dist/collection/components/aico-top-news-carousel/aico-top-news-carousel.stories.js +30 -0
  22. package/dist/collection/components/aico-top-news-carousel/aico-top-news-carousel.stories.js.map +1 -0
  23. package/dist/collection/components/aico-top-news-carousel/test/aico-top-news-carousel.e2e.js +6 -0
  24. package/dist/collection/components/aico-top-news-carousel/test/aico-top-news-carousel.e2e.js.map +1 -0
  25. package/dist/collection/components/aico-top-news-carousel/test/aico-top-news-carousel.spec.js +6 -0
  26. package/dist/collection/components/aico-top-news-carousel/test/aico-top-news-carousel.spec.js.map +1 -0
  27. package/dist/collection/utils/utils.js +17 -0
  28. package/dist/collection/utils/utils.js.map +1 -1
  29. package/dist/components/aico-news-list-item2.js +2 -4
  30. package/dist/components/aico-news-list-item2.js.map +1 -1
  31. package/dist/components/aico-news-list.js +3 -5
  32. package/dist/components/aico-news-list.js.map +1 -1
  33. package/dist/components/aico-special-news-carousel.js +2 -2
  34. package/dist/components/aico-special-news-carousel.js.map +1 -1
  35. package/dist/components/aico-top-news-carousel.d.ts +11 -0
  36. package/dist/components/aico-top-news-carousel.js +101 -0
  37. package/dist/components/aico-top-news-carousel.js.map +1 -0
  38. package/dist/components/utils.js +18 -1
  39. package/dist/components/utils.js.map +1 -1
  40. package/dist/esm/{aico-album-content_26.entry.js → aico-album-content_27.entry.js} +89 -11
  41. package/dist/esm/aico-album-content_27.entry.js.map +1 -0
  42. package/dist/esm/aico-components.js +1 -1
  43. package/dist/esm/loader.js +1 -1
  44. package/dist/types/components/aico-news-list/aico-news-list.d.ts +0 -4
  45. package/dist/types/components/aico-news-list-item/aico-news-list-item.d.ts +0 -1
  46. package/dist/types/components/aico-top-news-carousel/aico-top-news-carousel.d.ts +59 -0
  47. package/dist/types/components/aico-top-news-carousel/aico-top-news-carousel.stories.d.ts +7 -0
  48. package/dist/types/components.d.ts +96 -10
  49. package/dist/types/utils/utils.d.ts +1 -0
  50. package/package.json +1 -1
  51. package/dist/aico-components/p-4c5e55f1.entry.js.map +0 -1
  52. package/dist/cjs/aico-album-content_26.cjs.entry.js.map +0 -1
  53. package/dist/esm/aico-album-content_26.entry.js.map +0 -1
@@ -14,7 +14,7 @@ const patchBrowser = () => {
14
14
  };
15
15
 
16
16
  patchBrowser().then(options => {
17
- 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);
17
+ 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"],"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);
18
18
  });
19
19
 
20
20
  //# sourceMappingURL=aico-components.js.map
@@ -3,7 +3,7 @@ export { s as setNonce } from './index-4621a8ba.js';
3
3
 
4
4
  const defineCustomElements = (win, options) => {
5
5
  if (typeof window === 'undefined') return undefined;
6
- 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);
6
+ 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"],"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);
7
7
  };
8
8
 
9
9
  export { defineCustomElements };
@@ -56,10 +56,6 @@ export declare class AicoNewsList {
56
56
  * The handler receives the entire Article entity.
57
57
  */
58
58
  articleClick?: EventEmitter<Article>;
59
- /**
60
- * Determines if the top articles are highlighted by taking more space.
61
- */
62
- highlightTopArticles: boolean;
63
59
  private api?;
64
60
  private newsListFetchController?;
65
61
  connectedCallback(): void;
@@ -3,7 +3,6 @@ import { Article } from '../../model/Article';
3
3
  export declare class AicoNewsListItem {
4
4
  article: Article;
5
5
  articleIndex: number;
6
- highlightTopArticle: boolean;
7
6
  articleClick?: EventEmitter<Article>;
8
7
  /**
9
8
  * The article translation that will be used to render the content.
@@ -0,0 +1,59 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import type { NewsResponse } from '../../model/NewsResponse';
3
+ import type { Article } from '../../model/Article';
4
+ import 'slick-carousel';
5
+ export declare class AicoTopNewsCarousel {
6
+ newsResponse: NewsResponse;
7
+ newsChannelsArr: string[];
8
+ newsSellerIdsArr: string[];
9
+ newsBrandIdsArr: string[];
10
+ newsLanguageLocalesArr: string[];
11
+ /**
12
+ * The url of the Aico Api that will be used to retrieve the article.
13
+ */
14
+ aicoUrl: string;
15
+ /**
16
+ * The token used to authenticate against he Aico Api.
17
+ */
18
+ aicoBearerToken: string;
19
+ /**
20
+ * Channel names as a comma separated list used to filter the results.
21
+ */
22
+ newsChannels: string;
23
+ /**
24
+ * Seller ids as a comma separated list used to filter the results.
25
+ */
26
+ newsSellerIds: string;
27
+ /**
28
+ * Brand ids as a comma separated list used to filter the results.
29
+ */
30
+ newsBrandIds: string;
31
+ /**
32
+ * Language locales as a comma separated list used to filter the results.
33
+ */
34
+ newsLanguageLocales: string;
35
+ /**
36
+ * The number of articles shown in the carousel. Prefer this number to be small.
37
+ */
38
+ numberOfArticles: number;
39
+ /**
40
+ * The article translation that will be used to render the content.
41
+ *
42
+ * If the locale specified is not present in the article's translations, most content will not be shown.
43
+ */
44
+ locale: string;
45
+ /**
46
+ * Event emitted when a user clicks an article title.
47
+ *
48
+ * The handler receives the entire Article entity.
49
+ */
50
+ articleClicked?: EventEmitter<Article>;
51
+ private api?;
52
+ private newsListFetchController?;
53
+ connectedCallback(): void;
54
+ disconnectedCallback(): void;
55
+ componentWillLoad(): Promise<void>;
56
+ componentWillUpdate(): Promise<void>;
57
+ componentDidLoad(): void;
58
+ render(): any;
59
+ }
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/web-components';
2
+ import { JSX } from '../../components';
3
+ declare const meta: Meta<JSX.AicoSpecialNewsCarousel>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Kj: Story;
7
+ export declare const Fcz: Story;
@@ -159,10 +159,6 @@ export namespace Components {
159
159
  * The url of the Aico Api that will be used to retrieve the article.
160
160
  */
161
161
  "aicoUrl": string;
162
- /**
163
- * Determines if the top articles are highlighted by taking more space.
164
- */
165
- "highlightTopArticles": boolean;
166
162
  /**
167
163
  * 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.
168
164
  */
@@ -199,7 +195,6 @@ export namespace Components {
199
195
  interface AicoNewsListItem {
200
196
  "article": Article;
201
197
  "articleIndex": number;
202
- "highlightTopArticle": boolean;
203
198
  /**
204
199
  * 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.
205
200
  */
@@ -260,6 +255,40 @@ export namespace Components {
260
255
  "content": TitleContent;
261
256
  "locale": string;
262
257
  }
258
+ interface AicoTopNewsCarousel {
259
+ /**
260
+ * The token used to authenticate against he Aico Api.
261
+ */
262
+ "aicoBearerToken": string;
263
+ /**
264
+ * The url of the Aico Api that will be used to retrieve the article.
265
+ */
266
+ "aicoUrl": string;
267
+ /**
268
+ * 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.
269
+ */
270
+ "locale": string;
271
+ /**
272
+ * Brand ids as a comma separated list used to filter the results.
273
+ */
274
+ "newsBrandIds": string;
275
+ /**
276
+ * Channel names as a comma separated list used to filter the results.
277
+ */
278
+ "newsChannels": string;
279
+ /**
280
+ * Language locales as a comma separated list used to filter the results.
281
+ */
282
+ "newsLanguageLocales": string;
283
+ /**
284
+ * Seller ids as a comma separated list used to filter the results.
285
+ */
286
+ "newsSellerIds": string;
287
+ /**
288
+ * The number of articles shown in the carousel. Prefer this number to be small.
289
+ */
290
+ "numberOfArticles": number;
291
+ }
263
292
  interface AicoUploadContent {
264
293
  "content": UploadContent;
265
294
  "locale": string;
@@ -289,6 +318,10 @@ export interface AicoSpecialNewsCarouselCustomEvent<T> extends CustomEvent<T> {
289
318
  detail: T;
290
319
  target: HTMLAicoSpecialNewsCarouselElement;
291
320
  }
321
+ export interface AicoTopNewsCarouselCustomEvent<T> extends CustomEvent<T> {
322
+ detail: T;
323
+ target: HTMLAicoTopNewsCarouselElement;
324
+ }
292
325
  declare global {
293
326
  interface HTMLAicoAlbumContentElement extends Components.AicoAlbumContent, HTMLStencilElement {
294
327
  }
@@ -501,6 +534,23 @@ declare global {
501
534
  prototype: HTMLAicoTitleContentElement;
502
535
  new (): HTMLAicoTitleContentElement;
503
536
  };
537
+ interface HTMLAicoTopNewsCarouselElementEventMap {
538
+ "articleClicked": Article;
539
+ }
540
+ interface HTMLAicoTopNewsCarouselElement extends Components.AicoTopNewsCarousel, HTMLStencilElement {
541
+ addEventListener<K extends keyof HTMLAicoTopNewsCarouselElementEventMap>(type: K, listener: (this: HTMLAicoTopNewsCarouselElement, ev: AicoTopNewsCarouselCustomEvent<HTMLAicoTopNewsCarouselElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
542
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
543
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
544
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
545
+ removeEventListener<K extends keyof HTMLAicoTopNewsCarouselElementEventMap>(type: K, listener: (this: HTMLAicoTopNewsCarouselElement, ev: AicoTopNewsCarouselCustomEvent<HTMLAicoTopNewsCarouselElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
546
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
547
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
548
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
549
+ }
550
+ var HTMLAicoTopNewsCarouselElement: {
551
+ prototype: HTMLAicoTopNewsCarouselElement;
552
+ new (): HTMLAicoTopNewsCarouselElement;
553
+ };
504
554
  interface HTMLAicoUploadContentElement extends Components.AicoUploadContent, HTMLStencilElement {
505
555
  }
506
556
  var HTMLAicoUploadContentElement: {
@@ -540,6 +590,7 @@ declare global {
540
590
  "aico-testimonial-content": HTMLAicoTestimonialContentElement;
541
591
  "aico-text-content": HTMLAicoTextContentElement;
542
592
  "aico-title-content": HTMLAicoTitleContentElement;
593
+ "aico-top-news-carousel": HTMLAicoTopNewsCarouselElement;
543
594
  "aico-upload-content": HTMLAicoUploadContentElement;
544
595
  "aico-video-content": HTMLAicoVideoContentElement;
545
596
  }
@@ -655,10 +706,6 @@ declare namespace LocalJSX {
655
706
  * The url of the Aico Api that will be used to retrieve the article.
656
707
  */
657
708
  "aicoUrl": string;
658
- /**
659
- * Determines if the top articles are highlighted by taking more space.
660
- */
661
- "highlightTopArticles"?: boolean;
662
709
  /**
663
710
  * 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.
664
711
  */
@@ -699,7 +746,6 @@ declare namespace LocalJSX {
699
746
  interface AicoNewsListItem {
700
747
  "article": Article;
701
748
  "articleIndex"?: number;
702
- "highlightTopArticle"?: boolean;
703
749
  /**
704
750
  * 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.
705
751
  */
@@ -766,6 +812,44 @@ declare namespace LocalJSX {
766
812
  "content": TitleContent;
767
813
  "locale"?: string;
768
814
  }
815
+ interface AicoTopNewsCarousel {
816
+ /**
817
+ * The token used to authenticate against he Aico Api.
818
+ */
819
+ "aicoBearerToken": string;
820
+ /**
821
+ * The url of the Aico Api that will be used to retrieve the article.
822
+ */
823
+ "aicoUrl": string;
824
+ /**
825
+ * 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.
826
+ */
827
+ "locale"?: string;
828
+ /**
829
+ * Brand ids as a comma separated list used to filter the results.
830
+ */
831
+ "newsBrandIds"?: string;
832
+ /**
833
+ * Channel names as a comma separated list used to filter the results.
834
+ */
835
+ "newsChannels"?: string;
836
+ /**
837
+ * Language locales as a comma separated list used to filter the results.
838
+ */
839
+ "newsLanguageLocales"?: string;
840
+ /**
841
+ * Seller ids as a comma separated list used to filter the results.
842
+ */
843
+ "newsSellerIds"?: string;
844
+ /**
845
+ * The number of articles shown in the carousel. Prefer this number to be small.
846
+ */
847
+ "numberOfArticles"?: number;
848
+ /**
849
+ * Event emitted when a user clicks an article title. The handler receives the entire Article entity.
850
+ */
851
+ "onArticleClicked"?: (event: AicoTopNewsCarouselCustomEvent<Article>) => void;
852
+ }
769
853
  interface AicoUploadContent {
770
854
  "content": UploadContent;
771
855
  "locale"?: string;
@@ -801,6 +885,7 @@ declare namespace LocalJSX {
801
885
  "aico-testimonial-content": AicoTestimonialContent;
802
886
  "aico-text-content": AicoTextContent;
803
887
  "aico-title-content": AicoTitleContent;
888
+ "aico-top-news-carousel": AicoTopNewsCarousel;
804
889
  "aico-upload-content": AicoUploadContent;
805
890
  "aico-video-content": AicoVideoContent;
806
891
  }
@@ -835,6 +920,7 @@ declare module "@stencil/core" {
835
920
  "aico-testimonial-content": LocalJSX.AicoTestimonialContent & JSXBase.HTMLAttributes<HTMLAicoTestimonialContentElement>;
836
921
  "aico-text-content": LocalJSX.AicoTextContent & JSXBase.HTMLAttributes<HTMLAicoTextContentElement>;
837
922
  "aico-title-content": LocalJSX.AicoTitleContent & JSXBase.HTMLAttributes<HTMLAicoTitleContentElement>;
923
+ "aico-top-news-carousel": LocalJSX.AicoTopNewsCarousel & JSXBase.HTMLAttributes<HTMLAicoTopNewsCarouselElement>;
838
924
  "aico-upload-content": LocalJSX.AicoUploadContent & JSXBase.HTMLAttributes<HTMLAicoUploadContentElement>;
839
925
  "aico-video-content": LocalJSX.AicoVideoContent & JSXBase.HTMLAttributes<HTMLAicoVideoContentElement>;
840
926
  }
@@ -3,6 +3,7 @@ import { AicoApiRequestInfo } from '../model/AicoApiRequestInfo';
3
3
  import { NewsResponse } from '../model/NewsResponse';
4
4
  export declare function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
5
5
  export declare function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
6
+ export declare function fetchTopNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
6
7
  export declare function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article>;
7
8
  export declare function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article | undefined>;
8
9
  export declare function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aiconomy/aico-components",
3
- "version": "0.0.154",
3
+ "version": "0.0.158",
4
4
  "description": "Aiconomy components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",