@aiconomy/aico-components 0.0.53 → 0.0.78

package/dist/esm/loader.js

@@ -1,9 +1,9 @@
-import { b as bootstrapLazy } from './index-f9f11572.js';
-export { s as setNonce } from './index-f9f11572.js';
+import { b as bootstrapLazy } from './index-4621a8ba.js';
+export { s as setNonce } from './index-4621a8ba.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return bootstrapLazy([["aico-fetch-article-detail",[[2,"aico-fetch-article-detail",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"articleId":[1,"article-id"],"article":[32]}]]],["aico-news-list",[[2,"aico-news-list",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"nextButtonText":[1,"next-button-text"],"previousButtonText":[1,"previous-button-text"],"newsResponse":[32],"pageNumber":[32]}]]],["aico-asking-list-content",[[6,"aico-asking-list-content"]]],["aico-collection-content",[[6,"aico-collection-content"]]],["aico-special-news-carousel",[[2,"aico-special-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"numberOfArticles":[2,"number-of-articles"],"newsResponse":[32]}]]],["bootstrap-slick-test",[[2,"bootstrap-slick-test"]]],["aico-no-content_2",[[2,"aico-title-content",{"content":[16]}],[2,"aico-no-content"]]],["aico-album-content_19",[[2,"aico-bullet-content",{"content":[16]}],[2,"aico-carousel-content",{"content":[16],"hasArrows":[4,"has-arrows"]}],[2,"aico-content-card-content",{"content":[16]}],[2,"aico-heading-content",{"content":[16]}],[2,"aico-table-content",{"content":[16]}],[2,"aico-text-content",{"content":[16]}],[2,"aico-upload-content",{"content":[16]}],[2,"aico-video-content",{"content":[16]}],[2,"aico-html-content",{"content":[16]}],[2,"aico-album-content",{"content":[16]}],[2,"aico-asking-content",{"content":[16]}],[2,"aico-block-quote-content",{"content":[16]}],[2,"aico-divider-content",{"content":[16]}],[2,"aico-document-content",{"content":[16]}],[2,"aico-faq-content",{"content":[16]}],[2,"aico-link-content",{"content":[16]}],[2,"aico-news-content",{"content":[16]}],[2,"aico-page-content",{"content":[16]}],[2,"aico-testimonial-content",{"content":[16]}]]],["aico-article-detail",[[2,"aico-article-detail",{"article":[16]}]]],["aico-news-list-item",[[2,"aico-news-list-item",{"article":[16]}]]]], options);
+  return bootstrapLazy([["aico-fetch-article-detail",[[2,"aico-fetch-article-detail",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"locale":[1],"articleId":[1,"article-id"],"articleUrlHandle":[1,"article-url-handle"],"article":[32]}]]],["aico-news-list",[[2,"aico-news-list",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[16],"nextButtonText":[1,"next-button-text"],"previousButtonText":[1,"previous-button-text"],"newsResponse":[32],"pageNumber":[32]}]]],["aico-asking-list-content",[[6,"aico-asking-list-content"]]],["aico-collection-content",[[6,"aico-collection-content"]]],["aico-special-news-carousel",[[2,"aico-special-news-carousel",{"aicoUrl":[1,"aico-url"],"aicoBearerToken":[1,"aico-bearer-token"],"newsChannels":[16],"numberOfArticles":[2,"number-of-articles"],"newsResponse":[32]}]]],["aico-no-content_2",[[2,"aico-title-content",{"content":[16],"locale":[1]}],[2,"aico-no-content"]]],["aico-album-content_19",[[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]}]]],["aico-article-detail",[[2,"aico-article-detail",{"article":[16],"locale":[1]}]]],["aico-news-list-item",[[2,"aico-news-list-item",{"article":[16]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{utils-2b7ec879.js → utils-b4eec8e9.js}

@@ -11,26 +11,32 @@ const getAuthenticatedRequest = (api, route, query, signal) => {
     });
 };
 
-async function fetchNewsArticles(api, page, size, signal) {
+async function fetchNewsArticles(api, page, size, signal, newsChannels = []) {
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
+    queryParams.set('sort', '-publishDate');
     queryParams.set('filter[isActive]', '1');
     queryParams.set('filter[excludeTag][]', 'Eisnull');
-    queryParams.set('sort', '-publishDate');
+    for (const newsChannel of newsChannels) {
+        queryParams.set('filter[channel][]', newsChannel);
+    }
     const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
-async function fetchSpecialNewsArticles(api, page, size, signal) {
+async function fetchSpecialNewsArticles(api, page, size, signal, newsChannels = []) {
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
+    queryParams.set('sort', '-publishDate');
     queryParams.set('filter[isActive]', '1');
     queryParams.set('filter[isSpecialArticle]', '1');
     queryParams.set('filter[isLightVersion]', 'true');
     queryParams.set('filter[excludeTag][]', 'Eisnull');
-    queryParams.set('sort', '-publishDate');
+    for (const newsChannel of newsChannels) {
+        queryParams.set('filter[channel][]', newsChannel);
+    }
     const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
     const response = await fetch(request);
     return await response.json();
@@ -41,6 +47,14 @@ async function fetchNewsArticle(api, articleId, signal) {
     const article = await response.json();
     return article.data;
 }
+async function fetchNewsArticleByHandle(api, urlHandle, signal) {
+    const queryParams = new URLSearchParams();
+    queryParams.set('filter[urlHandle]', urlHandle);
+    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    const response = await fetch(request);
+    const articles = await response.json();
+    return articles.data[0];
+}
 function getImageWidthPrc(pictureSize) {
     switch (pictureSize) {
         case 'extra-small':
@@ -79,6 +93,6 @@ function getClass(conditions) {
     return classes.join(' ');
 }
 
-export { fetchNewsArticles as a, fetchSpecialNewsArticles as b, getClass as c, getYoutubeURL as d, fetchNewsArticle as f, getImageWidthPrc as g, strIsNullOrEmptyOrWhitespace as s };
+export { fetchNewsArticle as a, fetchNewsArticles as b, fetchSpecialNewsArticles as c, getClass as d, getYoutubeURL as e, fetchNewsArticleByHandle as f, getImageWidthPrc as g, strIsNullOrEmptyOrWhitespace as s };
 
-//# sourceMappingURL=utils-2b7ec879.js.map
+//# sourceMappingURL=utils-b4eec8e9.js.map

package/dist/esm/utils-b4eec8e9.js.map

@@ -0,0 +1 @@
+{"file":"utils-b4eec8e9.js","mappings":"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","names":[],"sources":["src/model/AicoApiRequestInfo.ts","src/utils/utils.ts"],"sourcesContent":["export type AicoApiRequestInfo = {\n  baseApi: string;\n  bearerToken: string;\n};\n\nexport const getAuthenticatedHeaders = (bearerToken: string): Headers => {\n  const headers = new Headers();\n  headers.append('Accept', 'application/vnd.api+json');\n  headers.append('Authorization', `Bearer ${bearerToken}`);\n  return headers;\n};\n\nexport const getAuthenticatedRequest = (api: AicoApiRequestInfo, route: string, query: URLSearchParams, signal?: AbortSignal): Request => {\n  return new Request(new URL(`${route}?${query.toString()}`, api.baseApi), {\n    headers: getAuthenticatedHeaders(api.bearerToken),\n    signal,\n  });\n};\n","import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nexport async function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n  const queryParams = new URLSearchParams();\n  queryParams.set('page[number]', String(page));\n  queryParams.set('page[size]', String(size));\n  queryParams.set('sort', '-publishDate');\n  queryParams.set('filter[isActive]', '1');\n  queryParams.set('filter[excludeTag][]', 'Eisnull');\n  for (const newsChannel of newsChannels) {\n    queryParams.set('filter[channel][]', newsChannel);\n  }\n\n  const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n  const response = await fetch(request);\n  return await response.json();\n}\n\nexport async function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n  const queryParams = new URLSearchParams();\n  queryParams.set('page[number]', String(page));\n  queryParams.set('page[size]', String(size));\n  queryParams.set('sort', '-publishDate');\n  queryParams.set('filter[isActive]', '1');\n  queryParams.set('filter[isSpecialArticle]', '1');\n  queryParams.set('filter[isLightVersion]', 'true');\n  queryParams.set('filter[excludeTag][]', 'Eisnull');\n  for (const newsChannel of newsChannels) {\n    queryParams.set('filter[channel][]', newsChannel);\n  }\n\n  const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n  const response = await fetch(request);\n  return await response.json();\n}\n\nexport async function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article> {\n  const request = getAuthenticatedRequest(api, `news/${articleId}`, new URLSearchParams(), signal);\n  const response = await fetch(request);\n  const article = await response.json();\n  return article.data;\n}\n\nexport async function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article> {\n  const queryParams = new URLSearchParams();\n  queryParams.set('filter[urlHandle]', urlHandle);\n\n  const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n  const response = await fetch(request);\n  const articles = await response.json();\n  return articles.data[0];\n}\n\nexport async function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article> {\n  const request = new Request(new URL(url), {\n    headers: getAuthenticatedHeaders(bearerToken),\n    signal,\n  });\n  const response = await fetch(request);\n  return await response.json();\n}\n\nexport function getImageWidthPrc(pictureSize?: string): string {\n  switch (pictureSize) {\n    case 'extra-small':\n      return '28%';\n    case 'small':\n      return '40%';\n    case 'large':\n      return '80%';\n    case 'extra large': // TODO: has - or not?\n      return '100%';\n    default:\n      return '60%';\n  }\n}\n\nexport function getYoutubeURL(url: string): string | null {\n  const regExp = /.*(?:youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=)([^#&?]*).*/;\n  const match = url.match(regExp);\n  if (match && match[1].length == 11) {\n    return `https://www.youtube.com/embed/${match[1]}`;\n  }\n\n  return null;\n}\n\nexport function strIsNullOrEmptyOrWhitespace(str?: string | null): boolean {\n  if (!str || str === ' ') {\n    return true;\n  }\n\n  return false;\n}\n\nexport function getClass(conditions: { [key: string]: boolean }): string {\n  const classes: string[] = [];\n  for (const kvp of Object.entries(conditions)) {\n    if (kvp[1]) {\n      classes.push(kvp[0]);\n    }\n  }\n\n  return classes.join(' ');\n}\n"],"version":3}

package/dist/types/components/aico-article-detail/aico-article-detail.d.ts

@@ -1,6 +1,7 @@
 import type { Article } from '../../model/Article';
 export declare class AicoArticleDetail {
     article: Article;
+    locale: string;
     private readonly dateOptions;
     render(): any;
     private mapRowContent;

package/dist/types/components/aico-fetch-article-detail/aico-fetch-article-detail.d.ts

@@ -3,7 +3,21 @@ export declare class AicoFetchArticleDetail {
     article: Article;
     aicoUrl: string;
     aicoBearerToken: string;
-    articleId: string;
+    locale: string;
+    /**
+     * The id will be used to fetch the article.
+     *
+     * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are
+     * provided, the latter will be used. If neither are provided, an error is thrown.
+     */
+    articleId?: string;
+    /**
+     * The url handle will be used to fetch the article.
+     *
+     * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are
+     * provided, the latter will be used. If neither are provided, an error is thrown.
+     */
+    articleUrlHandle?: string;
     private api?;
     private articleFetchController?;
     connectedCallback(): void;

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

@@ -7,9 +7,10 @@ export declare class AicoNewsList {
     pageNumber: number;
     aicoUrl: string;
     aicoBearerToken: string;
+    newsChannels: string[];
     nextButtonText: string;
     previousButtonText: string;
-    articleClicked?: EventEmitter<Article>;
+    articleClick?: EventEmitter<Article>;
     private api?;
     private newsListFetchController?;
     connectedCallback(): void;

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

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

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

@@ -2,6 +2,6 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Article } from '../../model/Article';
 export declare class AicoNewsListItem {
     article: Article;
-    articleClicked?: EventEmitter<Article>;
+    articleClick?: EventEmitter<Article>;
     render(): any;
 }

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

@@ -6,6 +6,7 @@ export declare class AicoSpecialNewsCarousel {
     newsResponse: NewsResponse;
     aicoUrl: string;
     aicoBearerToken: string;
+    newsChannels: string[];
     numberOfArticles: number;
     articleClicked?: EventEmitter<Article>;
     private api?;

package/dist/types/components/content/aico-asking-content/aico-asking-content.d.ts

@@ -1,5 +1,6 @@
 import { AskingContent } from '../../../model/article/content/AskingContent';
 export declare class AicoAskingContent {
     content: AskingContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-block-quote-content/aico-block-quote-content.d.ts

@@ -1,5 +1,6 @@
 import type { BlockQuoteContent } from '../../../model/article/content/BlockQuoteContent';
 export declare class AicoBlockQuoteContent {
     content: BlockQuoteContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-bullet-content/aico-bullet-content.d.ts

@@ -1,6 +1,7 @@
 import type { BulletContent } from '../../../model/article/content/BulletContent';
 export declare class AicoBulletContent {
     content: BulletContent;
+    locale: string;
     render(): any;
     private makeTitleContent;
 }

package/dist/types/components/content/aico-carousel-content/aico-carousel-content.d.ts

@@ -3,6 +3,7 @@ import 'slick-carousel';
 export declare class AicoCarouselContent {
     content: CarouselContent;
     hasArrows: boolean;
+    locale: string;
     componentDidLoad(): void;
     render(): any;
     private makeTitleContent;

package/dist/types/components/content/aico-content-card-content/aico-content-card-content.d.ts

@@ -1,6 +1,7 @@
 import type { CardContent } from '../../../model/article/content/CardContent';
 export declare class AicoContentCardContent {
     content: CardContent;
+    locale: string;
     render(): any;
     private makeTitleContent;
 }

package/dist/types/components/content/aico-divider-content/aico-divider-content.d.ts

@@ -1,5 +1,6 @@
 import type { DividerContent } from '../../../model/article/content/DividerContent';
 export declare class AicoDividerContent {
     content: DividerContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-document-content/aico-document-content.d.ts

@@ -1,5 +1,6 @@
 import type { DocumentContent } from '../../../model/article/content/DocumentContent';
 export declare class AicoDocumentContent {
     content: DocumentContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-faq-content/aico-faq-content.d.ts

@@ -2,5 +2,6 @@ import type { FaqContent } from '../../../model/article/content/FaqContent';
 import 'bootstrap';
 export declare class AicoFaqContent {
     content: FaqContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-heading-content/aico-heading-content.d.ts

@@ -1,6 +1,7 @@
 import type { HeadingContent } from '../../../model/article/content/HeadingContent';
 export declare class AicoHeadingContent {
     content: HeadingContent;
+    locale: string;
     render(): any;
     private makeTitleContent;
 }

package/dist/types/components/content/aico-html-content/aico-html-content.d.ts

@@ -1,5 +1,6 @@
 import { HtmlContent } from '../../../model/article/content/HtmlContent';
 export declare class AicoHtmlContent {
     content: HtmlContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-link-content/aico-link-content.d.ts

@@ -1,5 +1,6 @@
 import type { LinkContent } from '../../../model/article/content/LinkContent';
 export declare class AicoLinkContent {
     content: LinkContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-page-content/aico-page-content.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import type { PageContent } from '../../../model/article/content/PageContent';
 export declare class AicoPageContent {
     content: PageContent;
+    locale: string;
     pageClicked?: EventEmitter<PageContent>;
     render(): any;
 }

package/dist/types/components/content/aico-table-content/aico-table-content.d.ts

@@ -1,6 +1,7 @@
 import type { TableContent } from '../../../model/article/content/TableContet';
 export declare class AicoTableContent {
     content: TableContent;
+    locale: string;
     render(): any;
     private makeTitleContent;
 }

package/dist/types/components/content/aico-text-content/aico-text-content.d.ts

@@ -2,6 +2,7 @@ import type { TextContent } from '../../../model/article/content/TextContent';
 import 'bootstrap';
 export declare class AicoTextContent {
     content: TextContent;
+    locale: string;
     render(): any;
     private getImageComponent;
     private getTextComponent;

package/dist/types/components/content/aico-title-content/aico-title-content.d.ts

@@ -1,5 +1,6 @@
 import { TitleContent } from '../../../model/article/content/TitleContent';
 export declare class AicoTitleContent {
     content: TitleContent;
+    locale: string;
     render(): any;
 }

package/dist/types/components/content/aico-upload-content/aico-upload-content.d.ts

@@ -1,6 +1,7 @@
 import type { UploadContent } from '../../../model/article/content/UploadContent';
 export declare class AicoUploadContent {
     content: UploadContent;
+    locale: string;
     render(): any;
     private makeTitleContent;
 }

package/dist/types/components/content/aico-video-content/aico-video-content.d.ts

@@ -1,6 +1,7 @@
 import type { VideoContent } from '../../../model/article/content/VideoContent';
 export declare class AicoVideoContent {
     content: VideoContent;
+    locale: string;
     render(): any;
     private makeTitleContent;
 }

package/dist/types/components.d.ts

@@ -55,49 +55,69 @@ export namespace Components {
     }
     interface AicoArticleDetail {
         "article": Article;
+        "locale": string;
     }
     interface AicoAskingContent {
         "content": AskingContent;
+        "locale": string;
     }
     interface AicoAskingListContent {
     }
     interface AicoBlockQuoteContent {
         "content": BlockQuoteContent;
+        "locale": string;
     }
     interface AicoBulletContent {
         "content": BulletContent;
+        "locale": string;
     }
     interface AicoCarouselContent {
         "content": CarouselContent;
         "hasArrows": boolean;
+        "locale": string;
     }
     interface AicoCollectionContent {
     }
     interface AicoContentCardContent {
         "content": CardContent;
+        "locale": string;
     }
     interface AicoDividerContent {
         "content": DividerContent;
+        "locale": string;
     }
     interface AicoDocumentContent {
         "content": DocumentContent;
+        "locale": string;
     }
     interface AicoFaqContent {
         "content": FaqContent;
+        "locale": string;
     }
     interface AicoFetchArticleDetail {
         "aicoBearerToken": string;
         "aicoUrl": string;
-        "articleId": string;
+        /**
+          * The id will be used to fetch the article.  If both the {@link AicoFetchArticleDetail#articleId } and {@link AicoFetchArticleDetail#articleUrlHandle } are provided, the latter will be used. If neither are provided, an error is thrown.
+         */
+        "articleId"?: string;
+        /**
+          * The url handle will be used to fetch the article.  If both the {@link AicoFetchArticleDetail#articleId } and {@link AicoFetchArticleDetail#articleUrlHandle } are provided, the latter will be used. If neither are provided, an error is thrown.
+         */
+        "articleUrlHandle"?: string;
+        "locale": string;
     }
     interface AicoHeadingContent {
         "content": HeadingContent;
+        "locale": string;
     }
     interface AicoHtmlContent {
         "content": HtmlContent;
+        "locale": string;
     }
     interface AicoLinkContent {
         "content": LinkContent;
+        "locale": string;
     }
     interface AicoNewsContent {
         "content": NewsContent;
@@ -105,6 +125,7 @@ export namespace Components {
     interface AicoNewsList {
         "aicoBearerToken": string;
         "aicoUrl": string;
+        "newsChannels": string[];
         "nextButtonText": string;
         "previousButtonText": string;
     }
@@ -115,31 +136,36 @@ export namespace Components {
     }
     interface AicoPageContent {
         "content": PageContent;
+        "locale": string;
     }
     interface AicoSpecialNewsCarousel {
         "aicoBearerToken": string;
         "aicoUrl": string;
+        "newsChannels": string[];
         "numberOfArticles": number;
     }
     interface AicoTableContent {
         "content": TableContent;
+        "locale": string;
     }
     interface AicoTestimonialContent {
         "content": TestimonialContent;
     }
     interface AicoTextContent {
         "content": TextContent;
+        "locale": string;
     }
     interface AicoTitleContent {
         "content": TitleContent;
+        "locale": string;
     }
     interface AicoUploadContent {
         "content": UploadContent;
+        "locale": string;
     }
     interface AicoVideoContent {
         "content": VideoContent;
-    }
-    interface BootstrapSlickTest {
+        "locale": string;
     }
 }
 export interface AicoNewsContentCustomEvent<T> extends CustomEvent<T> {
@@ -277,7 +303,7 @@ declare global {
         new (): HTMLAicoNewsContentElement;
     };
     interface HTMLAicoNewsListElementEventMap {
-        "articleClicked": Article;
+        "articleClick": Article;
     }
     interface HTMLAicoNewsListElement extends Components.AicoNewsList, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAicoNewsListElementEventMap>(type: K, listener: (this: HTMLAicoNewsListElement, ev: AicoNewsListCustomEvent<HTMLAicoNewsListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -294,7 +320,7 @@ declare global {
         new (): HTMLAicoNewsListElement;
     };
     interface HTMLAicoNewsListItemElementEventMap {
-        "articleClicked": Article;
+        "articleClick": Article;
     }
     interface HTMLAicoNewsListItemElement extends Components.AicoNewsListItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAicoNewsListItemElementEventMap>(type: K, listener: (this: HTMLAicoNewsListItemElement, ev: AicoNewsListItemCustomEvent<HTMLAicoNewsListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -386,12 +412,6 @@ declare global {
         prototype: HTMLAicoVideoContentElement;
         new (): HTMLAicoVideoContentElement;
     };
-    interface HTMLBootstrapSlickTestElement extends Components.BootstrapSlickTest, HTMLStencilElement {
-    }
-    var HTMLBootstrapSlickTestElement: {
-        prototype: HTMLBootstrapSlickTestElement;
-        new (): HTMLBootstrapSlickTestElement;
-    };
     interface HTMLElementTagNameMap {
         "aico-album-content": HTMLAicoAlbumContentElement;
         "aico-article-detail": HTMLAicoArticleDetailElement;
@@ -421,7 +441,6 @@ declare global {
         "aico-title-content": HTMLAicoTitleContentElement;
         "aico-upload-content": HTMLAicoUploadContentElement;
         "aico-video-content": HTMLAicoVideoContentElement;
-        "bootstrap-slick-test": HTMLBootstrapSlickTestElement;
     }
 }
 declare namespace LocalJSX {
@@ -430,49 +449,69 @@ declare namespace LocalJSX {
     }
     interface AicoArticleDetail {
         "article": Article;
+        "locale"?: string;
     }
     interface AicoAskingContent {
         "content": AskingContent;
+        "locale"?: string;
     }
     interface AicoAskingListContent {
     }
     interface AicoBlockQuoteContent {
         "content": BlockQuoteContent;
+        "locale"?: string;
     }
     interface AicoBulletContent {
         "content": BulletContent;
+        "locale"?: string;
     }
     interface AicoCarouselContent {
         "content": CarouselContent;
         "hasArrows"?: boolean;
+        "locale"?: string;
     }
     interface AicoCollectionContent {
     }
     interface AicoContentCardContent {
         "content": CardContent;
+        "locale"?: string;
     }
     interface AicoDividerContent {
         "content": DividerContent;
+        "locale"?: string;
     }
     interface AicoDocumentContent {
         "content": DocumentContent;
+        "locale"?: string;
     }
     interface AicoFaqContent {
         "content": FaqContent;
+        "locale"?: string;
     }
     interface AicoFetchArticleDetail {
         "aicoBearerToken": string;
         "aicoUrl": string;
-        "articleId": string;
+        /**
+          * The id will be used to fetch the article.  If both the {@link AicoFetchArticleDetail#articleId } and {@link AicoFetchArticleDetail#articleUrlHandle } are provided, the latter will be used. If neither are provided, an error is thrown.
+         */
+        "articleId"?: string;
+        /**
+          * The url handle will be used to fetch the article.  If both the {@link AicoFetchArticleDetail#articleId } and {@link AicoFetchArticleDetail#articleUrlHandle } are provided, the latter will be used. If neither are provided, an error is thrown.
+         */
+        "articleUrlHandle"?: string;
+        "locale"?: string;
     }
     interface AicoHeadingContent {
         "content": HeadingContent;
+        "locale"?: string;
     }
     interface AicoHtmlContent {
         "content": HtmlContent;
+        "locale"?: string;
     }
     interface AicoLinkContent {
         "content": LinkContent;
+        "locale"?: string;
     }
     interface AicoNewsContent {
         "content": NewsContent;
@@ -481,45 +520,51 @@ declare namespace LocalJSX {
     interface AicoNewsList {
         "aicoBearerToken": string;
         "aicoUrl": string;
+        "newsChannels"?: string[];
         "nextButtonText"?: string;
-        "onArticleClicked"?: (event: AicoNewsListCustomEvent<Article>) => void;
+        "onArticleClick"?: (event: AicoNewsListCustomEvent<Article>) => void;
         "previousButtonText"?: string;
     }
     interface AicoNewsListItem {
         "article": Article;
-        "onArticleClicked"?: (event: AicoNewsListItemCustomEvent<Article>) => void;
+        "onArticleClick"?: (event: AicoNewsListItemCustomEvent<Article>) => void;
     }
     interface AicoNoContent {
     }
     interface AicoPageContent {
         "content": PageContent;
+        "locale"?: string;
         "onPageClicked"?: (event: AicoPageContentCustomEvent<PageContent>) => void;
     }
     interface AicoSpecialNewsCarousel {
         "aicoBearerToken": string;
         "aicoUrl": string;
+        "newsChannels"?: string[];
         "numberOfArticles"?: number;
         "onArticleClicked"?: (event: AicoSpecialNewsCarouselCustomEvent<Article>) => void;
     }
     interface AicoTableContent {
         "content": TableContent;
+        "locale"?: string;
     }
     interface AicoTestimonialContent {
         "content": TestimonialContent;
     }
     interface AicoTextContent {
         "content": TextContent;
+        "locale"?: string;
     }
     interface AicoTitleContent {
         "content": TitleContent;
+        "locale"?: string;
     }
     interface AicoUploadContent {
         "content": UploadContent;
+        "locale"?: string;
     }
     interface AicoVideoContent {
         "content": VideoContent;
-    }
-    interface BootstrapSlickTest {
+        "locale"?: string;
     }
     interface IntrinsicElements {
         "aico-album-content": AicoAlbumContent;
@@ -550,7 +595,6 @@ declare namespace LocalJSX {
         "aico-title-content": AicoTitleContent;
         "aico-upload-content": AicoUploadContent;
         "aico-video-content": AicoVideoContent;
-        "bootstrap-slick-test": BootstrapSlickTest;
     }
 }
 export { LocalJSX as JSX };
@@ -585,7 +629,6 @@ declare module "@stencil/core" {
             "aico-title-content": LocalJSX.AicoTitleContent & JSXBase.HTMLAttributes<HTMLAicoTitleContentElement>;
             "aico-upload-content": LocalJSX.AicoUploadContent & JSXBase.HTMLAttributes<HTMLAicoUploadContentElement>;
             "aico-video-content": LocalJSX.AicoVideoContent & JSXBase.HTMLAttributes<HTMLAicoVideoContentElement>;
-            "bootstrap-slick-test": LocalJSX.BootstrapSlickTest & JSXBase.HTMLAttributes<HTMLBootstrapSlickTestElement>;
         }
     }
 }

package/dist/types/model/article/content/CarouselContent.d.ts

@@ -2,8 +2,10 @@ import { Entity } from '../../Entity';
 import { Translation } from '../Translation';
 export type CarouselImage = Entity & {
     order: number;
-    picture: string;
-    translations: Translation[];
+    picture?: string;
+    translations: (Translation & {
+        picture?: string;
+    })[];
 };
 export type CarouselContent = Entity & {
     translations: Translation[];