@aiconomy/aico-components 0.0.181 → 0.0.187

package/dist/collection/utils/utils.js

@@ -4,58 +4,77 @@ function setArrayFilter(queryParams, key, values) {
         queryParams.append(key, value);
     }
 }
-export async function fetchNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = [], hideTopArticles = false, hideSpecialArticles = false) {
+export async function fetchNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = [], hideTopArticles = false, hideSpecialArticles = false, latestNews = false) {
+    const url = api.bearerToken
+        ? 'news'
+        : api.accessToken
+            ? latestNews
+                ? 'aico-shops/1/latest-news-resource'
+                : 'aico-shops/1/news-resource'
+            : '';
     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');
-    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
-    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
-    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
-    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
-    if (hideTopArticles) {
-        queryParams.set('filter[isTopNews]', '0');
-    }
-    if (hideSpecialArticles) {
-        queryParams.set('filter[isSpecialArticle]', '0');
+    if (api.bearerToken) {
+        queryParams.set('sort', '-publishDate');
+        queryParams.set('filter[isActive]', '1');
+        queryParams.set('filter[excludeTag][]', 'Eisnull');
+        setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
+        setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
+        setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
+        setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
+        if (hideTopArticles) {
+            queryParams.set('filter[isTopNews]', '0');
+        }
+        if (hideSpecialArticles) {
+            queryParams.set('filter[isSpecialArticle]', '0');
+        }
     }
-    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    const request = getAuthenticatedRequest(api, url, queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
 export async function fetchSpecialNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = []) {
+    const url = api.bearerToken
+        ? 'news'
+        : 'aico-shops/1/news-resource';
     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');
-    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
-    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
-    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
-    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
-    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    if (api.bearerToken) {
+        queryParams.set('sort', '-publishDate');
+        queryParams.set('filter[isActive]', '1');
+        queryParams.set('filter[isSpecialArticle]', '1');
+        queryParams.set('filter[isLightVersion]', 'true');
+        queryParams.set('filter[excludeTag][]', 'Eisnull');
+        setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
+        setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
+        setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
+        setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
+    }
+    const request = getAuthenticatedRequest(api, url, queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
 export async function fetchTopNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = []) {
+    const url = api.bearerToken
+        ? 'news'
+        : 'aico-shops/1/news-resource';
     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[isTopNews]', '1');
-    queryParams.set('filter[isLightVersion]', 'true');
-    queryParams.set('filter[excludeTag][]', 'Eisnull');
-    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
-    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
-    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
-    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
-    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    if (api.bearerToken) {
+        queryParams.set('sort', '-publishDate');
+        queryParams.set('filter[isActive]', '1');
+        queryParams.set('filter[isTopNews]', '1');
+        queryParams.set('filter[isLightVersion]', 'true');
+        queryParams.set('filter[excludeTag][]', 'Eisnull');
+        setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
+        setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
+        setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
+        setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
+    }
+    const request = getAuthenticatedRequest(api, url, queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }

package/dist/collection/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nfunction setArrayFilter(queryParams: URLSearchParams, key: string, values: string[]) {\n  for (const value of values) {\n    queryParams.append(key, value);\n  }\n}\n\nexport async function fetchNewsArticles(\n  api: AicoApiRequestInfo,\n  page: number,\n  size: number,\n  signal: AbortSignal,\n  newsChannels: string[] = [],\n  newsSellerIds: string[] = [],\n  newsBrandIds: string[] = [],\n  newsLanguageLocales: string[] = [],\n  hideTopArticles: boolean = false,\n  hideSpecialArticles: boolean = false,\n): 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  setArrayFilter(queryParams, 'filter[channel][]', newsChannels);\n  setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);\n  setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);\n  setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);\n  if (hideTopArticles) {\n    queryParams.set('filter[isTopNews]', '0');\n  }\n\n  if (hideSpecialArticles) {\n    queryParams.set('filter[isSpecialArticle]', '0');\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(\n  api: AicoApiRequestInfo,\n  page: number,\n  size: number,\n  signal: AbortSignal,\n  newsChannels: string[] = [],\n  newsSellerIds: string[] = [],\n  newsBrandIds: string[] = [],\n  newsLanguageLocales: string[] = [],\n): 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  setArrayFilter(queryParams, 'filter[channel][]', newsChannels);\n  setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);\n  setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);\n  setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);\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 fetchTopNewsArticles(\n  api: AicoApiRequestInfo,\n  page: number,\n  size: number,\n  signal: AbortSignal,\n  newsChannels: string[] = [],\n  newsSellerIds: string[] = [],\n  newsBrandIds: string[] = [],\n  newsLanguageLocales: string[] = [],\n): 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[isTopNews]', '1');\n  queryParams.set('filter[isLightVersion]', 'true');\n  queryParams.set('filter[excludeTag][]', 'Eisnull');\n  setArrayFilter(queryParams, 'filter[channel][]', newsChannels);\n  setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);\n  setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);\n  setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);\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 | undefined> {\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.length === 1 ? articles.data[0] : undefined;\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\nexport function splitByComma(str?: string | null): string[] {\n  if (strIsNullOrEmptyOrWhitespace(str)) {\n    return [];\n  }\n\n  str = str!;\n  return str.indexOf(',') === -1 ? [str] : str.split(',');\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nfunction setArrayFilter(queryParams: URLSearchParams, key: string, values: string[]) {\n  for (const value of values) {\n    queryParams.append(key, value);\n  }\n}\n\nexport async function fetchNewsArticles(\n  api: AicoApiRequestInfo,\n  page: number,\n  size: number,\n  signal: AbortSignal,\n  newsChannels: string[] = [],\n  newsSellerIds: string[] = [],\n  newsBrandIds: string[] = [],\n  newsLanguageLocales: string[] = [],\n  hideTopArticles: boolean = false,\n  hideSpecialArticles: boolean = false,\n  latestNews: boolean = false\n): Promise<NewsResponse> {\n  const url = api.bearerToken\n    ? 'news'\n    : api.accessToken\n      ? latestNews\n        ? 'aico-shops/1/latest-news-resource'\n        : 'aico-shops/1/news-resource'\n      : '';\n\n  const queryParams = new URLSearchParams();\n  queryParams.set('page[number]', String(page));\n  queryParams.set('page[size]', String(size));\n\n  if (api.bearerToken) {\n    queryParams.set('sort', '-publishDate');\n    queryParams.set('filter[isActive]', '1');\n    queryParams.set('filter[excludeTag][]', 'Eisnull');\n    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);\n    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);\n    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);\n    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);\n\n    if (hideTopArticles) {\n      queryParams.set('filter[isTopNews]', '0');\n    }\n\n    if (hideSpecialArticles) {\n      queryParams.set('filter[isSpecialArticle]', '0');\n    }\n  }\n\n  const request = getAuthenticatedRequest(api, url, queryParams, signal);\n  const response = await fetch(request);\n  return await response.json();\n}\n\nexport async function fetchSpecialNewsArticles(\n  api: AicoApiRequestInfo,\n  page: number,\n  size: number,\n  signal: AbortSignal,\n  newsChannels: string[] = [],\n  newsSellerIds: string[] = [],\n  newsBrandIds: string[] = [],\n  newsLanguageLocales: string[] = [],\n): Promise<NewsResponse> {\n  const url = api.bearerToken\n    ? 'news'\n    : 'aico-shops/1/news-resource';\n\n  const queryParams = new URLSearchParams();\n  queryParams.set('page[number]', String(page));\n  queryParams.set('page[size]', String(size));\n\n  if (api.bearerToken) {\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    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);\n    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);\n    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);\n    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);\n  }\n\n  const request = getAuthenticatedRequest(api, url, queryParams, signal);\n  const response = await fetch(request);\n  return await response.json();\n}\n\nexport async function fetchTopNewsArticles(\n  api: AicoApiRequestInfo,\n  page: number,\n  size: number,\n  signal: AbortSignal,\n  newsChannels: string[] = [],\n  newsSellerIds: string[] = [],\n  newsBrandIds: string[] = [],\n  newsLanguageLocales: string[] = [],\n): Promise<NewsResponse> {\n  const url = api.bearerToken\n    ? 'news'\n    : 'aico-shops/1/news-resource';\n\n  const queryParams = new URLSearchParams();\n  queryParams.set('page[number]', String(page));\n  queryParams.set('page[size]', String(size));\n\n  if (api.bearerToken) {\n    queryParams.set('sort', '-publishDate');\n    queryParams.set('filter[isActive]', '1');\n    queryParams.set('filter[isTopNews]', '1');\n    queryParams.set('filter[isLightVersion]', 'true');\n    queryParams.set('filter[excludeTag][]', 'Eisnull');\n    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);\n    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);\n    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);\n    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);\n  }\n\n  const request = getAuthenticatedRequest(api, url, 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 | undefined> {\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.length === 1 ? articles.data[0] : undefined;\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\nexport function splitByComma(str?: string | null): string[] {\n  if (strIsNullOrEmptyOrWhitespace(str)) {\n    return [];\n  }\n\n  str = str!;\n  return str.indexOf(',') === -1 ? [str] : str.split(',');\n}\n"]}

package/dist/components/aico-news-list.js

@@ -17,13 +17,15 @@ const AicoNewsList$1 = /*@__PURE__*/ proxyCustomElement(class AicoNewsList exten
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
         this.newsLanguageLocales = '';
         this.hideTopArticles = true;
         this.hideSpecialArticles = false;
+        this.latestNews = false;
         this.pageSize = 16;
         this.nextButtonText = 'Next';
         this.previousButtonText = 'Previous';
@@ -32,7 +34,7 @@ const AicoNewsList$1 = /*@__PURE__*/ proxyCustomElement(class AicoNewsList exten
     connectedCallback() {
         this.newsListFetchController = new AbortController();
         this.pageNumber = 1;
-        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };
+        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };
         this.newsChannelsArr = splitByComma(this.newsChannels);
         this.newsSellerIdsArr = splitByComma(this.newsSellerIds);
         this.newsBrandIdsArr = splitByComma(this.newsBrandIds);
@@ -42,36 +44,37 @@ const AicoNewsList$1 = /*@__PURE__*/ proxyCustomElement(class AicoNewsList exten
         this.newsListFetchController.abort('disconnected');
     }
     async componentWillLoad() {
-        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles);
+        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles, this.latestNews);
     }
     async componentWillUpdate() {
         this.newsListFetchController = new AbortController();
-        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles);
+        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles, this.latestNews);
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'aacad98b3f28998312f373ce64352e4d0e053255' }, h("div", { key: '5d1d20400ca9c70e948d8c3ace1c1ec73706d650', class: "newslist-grid-container mb-4" }, (_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.data.filter(article => !article.attributes.isTopNews).map((article, articleIndex) => {
+        return (h(Host, { key: 'e1667c954dd75052b26f824431174b7e734b484c' }, h("div", { key: '93ebe550604322a061fc082390592445491877a6', class: "newslist-grid-container mb-4" }, (_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.data.filter(article => this.latestNews || !article.attributes.isTopNews).map((article, articleIndex) => {
             return (h("div", { key: article.id, class: "col" }, h("aico-news-list-item", { article: article, articleIndex: articleIndex, onArticleClick: e => {
                     var _a;
                     (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
                     e.stopPropagation();
                 }, locale: this.locale })));
-        })), h("nav", { key: 'bfb45f66e785d2541815cfbe35a84f64405256aa', class: "w-100", "aria-label": "News navigation" }, h("ul", { key: '1c0ec21fb0b2637883b3cb2108767c78d33306ac', class: "pagination justify-content-center" }, h("li", { key: '1e70a53475fc409cd00ea92f7dcf69bacbfc5579', class: `page-item page-link user-select-none d-flex align-items-center ${!((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.links.prev) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
-                if (this.pageNumber > 1) {
-                    this.pageNumber -= 1;
-                }
-                return false;
-            } }, h("svg", { key: '90f7a776166c44dc5bd74fcdf1cec89bbca167b2', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-left me-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, h("path", { key: '2762edda4d68a9fa6022c0cd8cbc7c5cff710c6b', "fill-rule": "evenodd", d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0" })), this.previousButtonText), this.getViewablePages().map(page => (h("li", { class: `page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
-                if (page !== '...') {
-                    this.pageNumber = Number(page);
-                }
-                return false;
-            } }, page))), h("li", { key: '788a95d3978bccb990c7497cfc7b52b794159d97', class: `page-item page-link user-select-none d-flex align-items-center ${!((_c = this.newsResponse) === null || _c === void 0 ? void 0 : _c.links.next) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
-                var _a, _b;
-                if (((_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.meta.page.lastPage) && this.pageNumber < ((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.meta.page.lastPage)) {
-                    this.pageNumber += 1;
-                }
-            } }, this.nextButtonText, h("svg", { key: 'debb4cd195cc6bfe8c1bead7c324eebfb393f0b9', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-right ms-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, h("path", { key: 'ec9997466d968752da2213d5167db8f1b7b6191f', "fill-rule": "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" })))))));
+        })), !this.latestNews &&
+            h("nav", { key: 'b4e081968bf0de39ca6deb53f46e51149ba90c96', class: "w-100", "aria-label": "News navigation" }, h("ul", { key: '306919fae60915ef97b0f8b499105252cffa7355', class: "pagination justify-content-center" }, h("li", { key: '2004858d91a1d36f344947003e16276c06d012e4', class: `page-item page-link user-select-none d-flex align-items-center ${!((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.links.prev) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+                    if (this.pageNumber > 1) {
+                        this.pageNumber -= 1;
+                    }
+                    return false;
+                } }, h("svg", { key: '794bc0a90223b0bfb469732e64c8ecdc33cbf95f', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-left me-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, h("path", { key: 'c114c34774e564ee68e70a72f02a53acc7d7403f', "fill-rule": "evenodd", d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0" })), this.previousButtonText), this.getViewablePages().map(page => (h("li", { class: `page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+                    if (page !== '...') {
+                        this.pageNumber = Number(page);
+                    }
+                    return false;
+                } }, page))), h("li", { key: 'a3b8aa8f9d69ad837e90b17f683fbcb97e70dd56', class: `page-item page-link user-select-none d-flex align-items-center ${!((_c = this.newsResponse) === null || _c === void 0 ? void 0 : _c.links.next) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+                    var _a, _b;
+                    if (((_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.meta.page.lastPage) && this.pageNumber < ((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.meta.page.lastPage)) {
+                        this.pageNumber += 1;
+                    }
+                } }, this.nextButtonText, h("svg", { key: '46589c53b68ba1f8a87a893a63469e460d01b25e', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-right ms-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, h("path", { key: '5ea164fd74b2138274adcba33e0e54a42e52be4e', "fill-rule": "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" })))))));
     }
     getViewablePages(lookAhead = 2) {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -105,12 +108,14 @@ const AicoNewsList$1 = /*@__PURE__*/ proxyCustomElement(class AicoNewsList exten
 }, [2, "aico-news-list", {
         "aicoUrl": [1, "aico-url"],
         "aicoBearerToken": [1, "aico-bearer-token"],
+        "userAccessToken": [1, "user-access-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"],
+        "latestNews": [4, "latest-news"],
         "pageSize": [2, "page-size"],
         "nextButtonText": [1, "next-button-text"],
         "previousButtonText": [1, "previous-button-text"],

package/dist/components/aico-news-list.js.map

@@ -1 +1 @@
-{"file":"aico-news-list.js","mappings":"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","names":["AicoNewsList"],"sources":["src/components/aico-news-list/aico-news-list.css?tag=aico-news-list&encapsulation=scoped","src/components/aico-news-list/aico-news-list.tsx"],"sourcesContent":["@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';\n\n:host,\n:host::before,\n:host::after {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  -webkit-text-size-adjust: 100%;\n}\n\n.newslist-grid-container {\n  display: grid;\n  grid-gap: 24px;\n  grid-auto-flow: dense;\n}\n\n.row-span-2 {\n  grid-row-end: span 2;\n}\n\n@media (min-width: 768px) {\n  .newslist-grid-container {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .col-span-md-2 {\n    grid-column-end: span 2;\n  }\n}\n\n@media (min-width: 992px) {\n  .newslist-grid-container {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n@media (max-width: 767px) {\n  .newslist-grid-container {\n    grid-auto-rows: 1fr;\n  }\n}\n","import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticles, splitByComma } from '../../utils/utils';\nimport { NewsResponse } from '../../model/NewsResponse';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport { Article } from '../../model/Article';\n\n@Component({\n  tag: 'aico-news-list',\n  styleUrl: 'aico-news-list.css',\n  scoped: true,\n})\nexport class AicoNewsList {\n  @State() newsResponse?: NewsResponse;\n\n  @State() pageNumber = 1;\n\n  @State() newsChannelsArr: string[] = [];\n\n  @State() newsSellerIdsArr: string[] = [];\n\n  @State() newsBrandIdsArr: string[] = [];\n\n  @State() newsLanguageLocalesArr: string[] = [];\n\n  /**\n   * The url of the Aico Api that will be used to retrieve the article.\n   */\n  @Prop() aicoUrl!: string;\n\n  /**\n   * The token used to authenticate against he Aico Api.\n   */\n  @Prop() aicoBearerToken!: string;\n\n  /**\n   * Channel names as a comma separated list used to filter the results.\n   */\n  @Prop() newsChannels: string = '';\n\n  /**\n   * Seller ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsSellerIds: string = '';\n\n  /**\n   * Brand ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsBrandIds: string = '';\n\n  /**\n   * Language locales as a comma separated list used to filter the results.\n   */\n  @Prop() newsLanguageLocales: string = '';\n\n  /**\n   * Determines wheter top articles will be included in the list or not.\n   */\n  @Prop() hideTopArticles: boolean = true;\n\n  /**\n   * Determines wheter special articles will be included in the list or not.\n   */\n  @Prop() hideSpecialArticles: boolean = false;\n\n  /**\n   * The page size. Prefer this number to be even.\n   */\n  @Prop() pageSize: number = 16;\n\n  /**\n   * The text used by the next button in the pagination component.\n   */\n  @Prop() nextButtonText: string = 'Next';\n\n  /**\n   * The text used by the previous button in the pagination component.\n   */\n  @Prop() previousButtonText: string = 'Previous';\n\n  /**\n   * The article translation that will be used to render the content.\n   *\n   * If the locale specified is not present in the article's translations, most content will not be shown.\n   */\n  @Prop() locale: string = 'de';\n\n  /**\n   * Event emitted when a user clicks an article.\n   *\n   * The handler receives the entire Article entity.\n   */\n  @Event() articleClick?: EventEmitter<Article>;\n\n  private api?: AicoApiRequestInfo;\n  private newsListFetchController?: AbortController;\n\n  connectedCallback() {\n    this.newsListFetchController = new AbortController();\n    this.pageNumber = 1;\n\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n\n    this.newsChannelsArr = splitByComma(this.newsChannels);\n    this.newsSellerIdsArr = splitByComma(this.newsSellerIds);\n    this.newsBrandIdsArr = splitByComma(this.newsBrandIds);\n    this.newsLanguageLocalesArr = splitByComma(this.newsLanguageLocales);\n  }\n\n  disconnectedCallback() {\n    this.newsListFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.newsResponse = await fetchNewsArticles(\n      this.api!,\n      this.pageNumber,\n      this.pageSize,\n      this.newsListFetchController!.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n      this.hideTopArticles,\n      this.hideSpecialArticles,\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchNewsArticles(\n      this.api!,\n      this.pageNumber,\n      this.pageSize,\n      this.newsListFetchController.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n      this.hideTopArticles,\n      this.hideSpecialArticles,\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"newslist-grid-container mb-4\">\n          {this.newsResponse?.data\n            .filter(article => !article.attributes.isTopNews)\n            .map((article, articleIndex) => {\n              return (\n                <div key={article.id} class=\"col\">\n                  <aico-news-list-item\n                    article={article}\n                    articleIndex={articleIndex}\n                    onArticleClick={e => {\n                      this.articleClick?.emit(e.detail);\n                      e.stopPropagation();\n                    }}\n                    locale={this.locale}\n                  />\n                </div>\n              );\n            })}\n        </div>\n        <nav class=\"w-100\" aria-label=\"News navigation\">\n          <ul class=\"pagination justify-content-center\">\n            <li\n              class={`page-item page-link user-select-none d-flex align-items-center ${!this.newsResponse?.links.prev ? 'disabled' : ''}`}\n              style={{ cursor: 'pointer' }}\n              onClick={() => {\n                if (this.pageNumber > 1) {\n                  this.pageNumber -= 1;\n                }\n\n                return false;\n              }}\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-chevron-left me-1 fs-4\" style={{ width: '1em', height: '1em' }} viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0\" />\n              </svg>\n              {this.previousButtonText}\n            </li>\n            {this.getViewablePages().map(page => (\n              <li\n                class={`page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`}\n                style={{ cursor: 'pointer' }}\n                onClick={() => {\n                  if (page !== '...') {\n                    this.pageNumber = Number(page);\n                  }\n                  return false;\n                }}\n              >\n                {page}\n              </li>\n            ))}\n            <li\n              class={`page-item page-link user-select-none d-flex align-items-center ${!this.newsResponse?.links.next ? 'disabled' : ''}`}\n              style={{ cursor: 'pointer' }}\n              onClick={() => {\n                if (this.newsResponse?.meta.page.lastPage && this.pageNumber < this.newsResponse?.meta.page.lastPage) {\n                  this.pageNumber += 1;\n                }\n              }}\n            >\n              {this.nextButtonText}\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-chevron-right ms-1 fs-4\" style={{ width: '1em', height: '1em' }} viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708\" />\n              </svg>\n            </li>\n          </ul>\n        </nav>\n      </Host>\n    );\n  }\n\n  private getViewablePages(lookAhead: number = 2) {\n    const pages: string[] = [];\n    if (this.pageNumber - lookAhead >= 2) {\n      pages.push('1');\n    }\n\n    if (this.pageNumber - lookAhead > 2) {\n      pages.push('...');\n    }\n\n    for (let i = this.pageNumber - lookAhead; i < this.pageNumber; i += 1) {\n      if (i >= 1) {\n        pages.push(`${i}`);\n      }\n    }\n\n    pages.push(`${this.pageNumber}`);\n    for (let i = this.pageNumber + 1; i <= this.pageNumber + lookAhead; i += 1) {\n      if (i <= (this.newsResponse?.meta.page.lastPage ?? 0)) {\n        pages.push(`${i}`);\n      }\n    }\n\n    if (this.pageNumber + lookAhead < (this.newsResponse?.meta.page.lastPage ?? 0) - 1) {\n      pages.push('...');\n    }\n\n    if (this.pageNumber + lookAhead <= (this.newsResponse?.meta.page.lastPage ?? 0) - 1) {\n      pages.push(`${this.newsResponse?.meta.page.lastPage}`);\n    }\n\n    return pages;\n  }\n}\n"],"version":3}
+{"file":"aico-news-list.js","mappings":"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","names":["AicoNewsList"],"sources":["src/components/aico-news-list/aico-news-list.css?tag=aico-news-list&encapsulation=scoped","src/components/aico-news-list/aico-news-list.tsx"],"sourcesContent":["@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';\n\n:host,\n:host::before,\n:host::after {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  -webkit-text-size-adjust: 100%;\n}\n\n.newslist-grid-container {\n  display: grid;\n  grid-gap: 24px;\n  grid-auto-flow: dense;\n}\n\n.row-span-2 {\n  grid-row-end: span 2;\n}\n\n@media (min-width: 768px) {\n  .newslist-grid-container {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .col-span-md-2 {\n    grid-column-end: span 2;\n  }\n}\n\n@media (min-width: 992px) {\n  .newslist-grid-container {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n@media (max-width: 767px) {\n  .newslist-grid-container {\n    grid-auto-rows: 1fr;\n  }\n}\n","import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticles, splitByComma } from '../../utils/utils';\nimport { NewsResponse } from '../../model/NewsResponse';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport { Article } from '../../model/Article';\n\n@Component({\n  tag: 'aico-news-list',\n  styleUrl: 'aico-news-list.css',\n  scoped: true,\n})\nexport class AicoNewsList {\n  @State() newsResponse?: NewsResponse;\n\n  @State() pageNumber = 1;\n\n  @State() newsChannelsArr: string[] = [];\n\n  @State() newsSellerIdsArr: string[] = [];\n\n  @State() newsBrandIdsArr: string[] = [];\n\n  @State() newsLanguageLocalesArr: string[] = [];\n\n  /**\n   * The url of the Aico Api that will be used to retrieve the article.\n   */\n  @Prop() aicoUrl!: string;\n\n  /**\n   * The token used to authenticate against he Aico Api.\n   */\n  @Prop() aicoBearerToken: string = '';\n\n  /**\n   * The user access token\n   */\n  @Prop() userAccessToken: string = '';\n\n  /**\n   * Channel names as a comma separated list used to filter the results.\n   */\n  @Prop() newsChannels: string = '';\n\n  /**\n   * Seller ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsSellerIds: string = '';\n\n  /**\n   * Brand ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsBrandIds: string = '';\n\n  /**\n   * Language locales as a comma separated list used to filter the results.\n   */\n  @Prop() newsLanguageLocales: string = '';\n\n  /**\n   * Determines wheter top articles will be included in the list or not.\n   */\n  @Prop() hideTopArticles: boolean = true;\n\n  /**\n   * Determines wheter special articles will be included in the list or not.\n   */\n  @Prop() hideSpecialArticles: boolean = false;\n\n  /**\n   * Determines wheter special articles will be included in the list or not.\n   */\n  @Prop() latestNews: boolean = false;\n\n  /**\n   * The page size. Prefer this number to be even.\n   */\n  @Prop() pageSize: number = 16;\n\n  /**\n   * The text used by the next button in the pagination component.\n   */\n  @Prop() nextButtonText: string = 'Next';\n\n  /**\n   * The text used by the previous button in the pagination component.\n   */\n  @Prop() previousButtonText: string = 'Previous';\n\n  /**\n   * The article translation that will be used to render the content.\n   *\n   * If the locale specified is not present in the article's translations, most content will not be shown.\n   */\n  @Prop() locale: string = 'de';\n\n  /**\n   * Event emitted when a user clicks an article.\n   *\n   * The handler receives the entire Article entity.\n   */\n  @Event() articleClick?: EventEmitter<Article>;\n\n  private api?: AicoApiRequestInfo;\n  private newsListFetchController?: AbortController;\n\n  connectedCallback() {\n    this.newsListFetchController = new AbortController();\n    this.pageNumber = 1;\n\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };\n\n    this.newsChannelsArr = splitByComma(this.newsChannels);\n    this.newsSellerIdsArr = splitByComma(this.newsSellerIds);\n    this.newsBrandIdsArr = splitByComma(this.newsBrandIds);\n    this.newsLanguageLocalesArr = splitByComma(this.newsLanguageLocales);\n  }\n\n  disconnectedCallback() {\n    this.newsListFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.newsResponse = await fetchNewsArticles(\n      this.api!,\n      this.pageNumber,\n      this.pageSize,\n      this.newsListFetchController!.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n      this.hideTopArticles,\n      this.hideSpecialArticles,\n      this.latestNews\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchNewsArticles(\n      this.api!,\n      this.pageNumber,\n      this.pageSize,\n      this.newsListFetchController.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n      this.hideTopArticles,\n      this.hideSpecialArticles,\n      this.latestNews\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"newslist-grid-container mb-4\">\n          {this.newsResponse?.data\n             .filter(article => this.latestNews || !article.attributes.isTopNews)\n            .map((article, articleIndex) => {\n              return (\n                <div key={article.id} class=\"col\">\n                  <aico-news-list-item\n                    article={article}\n                    articleIndex={articleIndex}\n                    onArticleClick={e => {\n                      this.articleClick?.emit(e.detail);\n                      e.stopPropagation();\n                    }}\n                    locale={this.locale}\n                  />\n                </div>\n              );\n            })}\n        </div>\n        {!this.latestNews && \n        <nav class=\"w-100\" aria-label=\"News navigation\">\n          <ul class=\"pagination justify-content-center\">\n            <li\n              class={`page-item page-link user-select-none d-flex align-items-center ${!this.newsResponse?.links.prev ? 'disabled' : ''}`}\n              style={{ cursor: 'pointer' }}\n              onClick={() => {\n                if (this.pageNumber > 1) {\n                  this.pageNumber -= 1;\n                }\n\n                return false;\n              }}\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-chevron-left me-1 fs-4\" style={{ width: '1em', height: '1em' }} viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0\" />\n              </svg>\n              {this.previousButtonText}\n            </li>\n            {this.getViewablePages().map(page => (\n              <li\n                class={`page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`}\n                style={{ cursor: 'pointer' }}\n                onClick={() => {\n                  if (page !== '...') {\n                    this.pageNumber = Number(page);\n                  }\n                  return false;\n                }}\n              >\n                {page}\n              </li>\n            ))}\n            <li\n              class={`page-item page-link user-select-none d-flex align-items-center ${!this.newsResponse?.links.next ? 'disabled' : ''}`}\n              style={{ cursor: 'pointer' }}\n              onClick={() => {\n                if (this.newsResponse?.meta.page.lastPage && this.pageNumber < this.newsResponse?.meta.page.lastPage) {\n                  this.pageNumber += 1;\n                }\n              }}\n            >\n              {this.nextButtonText}\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-chevron-right ms-1 fs-4\" style={{ width: '1em', height: '1em' }} viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708\" />\n              </svg>\n            </li>\n          </ul>\n        </nav>}\n      </Host>\n    );\n  }\n\n  private getViewablePages(lookAhead: number = 2) {\n    const pages: string[] = [];\n    if (this.pageNumber - lookAhead >= 2) {\n      pages.push('1');\n    }\n\n    if (this.pageNumber - lookAhead > 2) {\n      pages.push('...');\n    }\n\n    for (let i = this.pageNumber - lookAhead; i < this.pageNumber; i += 1) {\n      if (i >= 1) {\n        pages.push(`${i}`);\n      }\n    }\n\n    pages.push(`${this.pageNumber}`);\n    for (let i = this.pageNumber + 1; i <= this.pageNumber + lookAhead; i += 1) {\n      if (i <= (this.newsResponse?.meta.page.lastPage ?? 0)) {\n        pages.push(`${i}`);\n      }\n    }\n\n    if (this.pageNumber + lookAhead < (this.newsResponse?.meta.page.lastPage ?? 0) - 1) {\n      pages.push('...');\n    }\n\n    if (this.pageNumber + lookAhead <= (this.newsResponse?.meta.page.lastPage ?? 0) - 1) {\n      pages.push(`${this.newsResponse?.meta.page.lastPage}`);\n    }\n\n    return pages;\n  }\n}\n"],"version":3}

package/dist/components/aico-special-news-carousel.js

@@ -16,7 +16,8 @@ const AicoSpecialNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoSpe
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
@@ -26,7 +27,7 @@ const AicoSpecialNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoSpe
     }
     connectedCallback() {
         this.newsListFetchController = new AbortController();
-        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };
+        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };
         this.newsChannelsArr = splitByComma(this.newsChannels);
         this.newsSellerIdsArr = splitByComma(this.newsSellerIds);
         this.newsBrandIdsArr = splitByComma(this.newsBrandIds);
@@ -52,7 +53,7 @@ const AicoSpecialNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoSpe
         });
     }
     render() {
-        return (h("div", { key: 'ba2ff387f355995b8123e472de17810f0705b23a', class: "carousel" }, this.newsResponse.data.map(article => {
+        return (h("div", { key: 'cdbe261371e46876ac8b4677067c0c1d60d2e9e9', class: "carousel" }, this.newsResponse.data.map(article => {
             var _a, _b, _c, _d, _e, _f, _g;
             const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';
             const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';
@@ -68,6 +69,7 @@ const AicoSpecialNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoSpe
 }, [2, "aico-special-news-carousel", {
         "aicoUrl": [1, "aico-url"],
         "aicoBearerToken": [1, "aico-bearer-token"],
+        "userAccessToken": [1, "user-access-token"],
         "newsChannels": [1, "news-channels"],
         "newsSellerIds": [1, "news-seller-ids"],
         "newsBrandIds": [1, "news-brand-ids"],

package/dist/components/aico-special-news-carousel.js.map

@@ -1 +1 @@
-{"file":"aico-special-news-carousel.js","mappings":"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","names":["AicoSpecialNewsCarousel"],"sources":["src/components/aico-special-news-carousel/aico-special-news-carousel.css?tag=aico-special-news-carousel&encapsulation=scoped","src/components/aico-special-news-carousel/aico-special-news-carousel.tsx"],"sourcesContent":["@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';\n\n:host,\n:host::before,\n:host::after {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  -webkit-text-size-adjust: 100%;\n}\n\n.slick-slide > div {\n  height: 100% !important;\n}\n","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\nimport type { NewsResponse } from '../../model/NewsResponse';\nimport type { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport type { Article } from '../../model/Article';\nimport { fetchSpecialNewsArticles, splitByComma } from '../../utils/utils';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-special-news-carousel',\n  styleUrl: 'aico-special-news-carousel.css',\n  scoped: true,\n})\nexport class AicoSpecialNewsCarousel {\n  @State() newsResponse!: NewsResponse;\n\n  @State() newsChannelsArr: string[] = [];\n\n  @State() newsSellerIdsArr: string[] = [];\n\n  @State() newsBrandIdsArr: string[] = [];\n\n  @State() newsLanguageLocalesArr: string[] = [];\n\n  /**\n   * The url of the Aico Api that will be used to retrieve the article.\n   */\n  @Prop() aicoUrl!: string;\n\n  /**\n   * The token used to authenticate against he Aico Api.\n   */\n  @Prop() aicoBearerToken!: string;\n\n  /**\n   * Channel names as a comma separated list used to filter the results.\n   */\n  @Prop() newsChannels: string = '';\n\n  /**\n   * Seller ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsSellerIds: string = '';\n\n  /**\n   * Brand ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsBrandIds: string = '';\n\n  /**\n   * Language locales as a comma separated list used to filter the results.\n   */\n  @Prop() newsLanguageLocales: string = '';\n\n  /**\n   * The number of articles shown in the carousel. Prefer this number to be small.\n   */\n  @Prop() numberOfArticles: number = 6;\n\n  /**\n   * The article translation that will be used to render the content.\n   *\n   * If the locale specified is not present in the article's translations, most content will not be shown.\n   */\n  @Prop() locale: string = 'de';\n\n  /**\n   * Event emitted when a user clicks an article title.\n   *\n   * The handler receives the entire Article entity.\n   */\n  @Event() articleClicked?: EventEmitter<Article>;\n\n  private api?: AicoApiRequestInfo;\n  private newsListFetchController?: AbortController;\n\n  connectedCallback() {\n    this.newsListFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n\n    this.newsChannelsArr = splitByComma(this.newsChannels);\n    this.newsSellerIdsArr = splitByComma(this.newsSellerIds);\n    this.newsBrandIdsArr = splitByComma(this.newsBrandIds);\n    this.newsLanguageLocalesArr = splitByComma(this.newsLanguageLocales);\n  }\n\n  disconnectedCallback() {\n    this.newsListFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.newsResponse = await fetchSpecialNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController!.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchSpecialNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      dots: true,\n      arrows: false,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"carousel\">\n        {this.newsResponse.data.map(article => {\n          const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';\n          const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';\n          const translation = article.attributes.translations.find(t => t.locale === this.locale);\n          return (\n            <div class=\"carousel-item card border-0\">\n              <div class=\"card-body\">\n                <h5 class=\"card-title text-center text-uppercase\">\n                  <a\n                    class=\"text-reset text-decoration-none\"\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault();\n                      this.articleClicked?.emit(article);\n                    }}\n                  >\n                    {translation?.name ?? article.attributes.name}\n                  </a>\n                </h5>\n                <p class=\"card-text text-center\">{translation?.excerpt ?? article.attributes.excerpt}</p>\n              </div>\n              <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                <img\n                  class=\"card-img-bottom object-fit-cover\"\n                  style={{ 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }}\n                  alt=\"News Picture\"\n                  data-lazy={\n                    translation?.optimizedListImage ??\n                    translation?.optimizedImage ??\n                    translation?.image ??\n                    article.attributes.optimizedListImage ??\n                    article.attributes.optimizedImage ??\n                    article.attributes.image\n                  }\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-special-news-carousel.js","mappings":"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","names":["AicoSpecialNewsCarousel"],"sources":["src/components/aico-special-news-carousel/aico-special-news-carousel.css?tag=aico-special-news-carousel&encapsulation=scoped","src/components/aico-special-news-carousel/aico-special-news-carousel.tsx"],"sourcesContent":["@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';\n\n:host,\n:host::before,\n:host::after {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  -webkit-text-size-adjust: 100%;\n}\n\n.slick-slide > div {\n  height: 100% !important;\n}\n","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\nimport type { NewsResponse } from '../../model/NewsResponse';\nimport type { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport type { Article } from '../../model/Article';\nimport { fetchSpecialNewsArticles, splitByComma } from '../../utils/utils';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-special-news-carousel',\n  styleUrl: 'aico-special-news-carousel.css',\n  scoped: true,\n})\nexport class AicoSpecialNewsCarousel {\n  @State() newsResponse!: NewsResponse;\n\n  @State() newsChannelsArr: string[] = [];\n\n  @State() newsSellerIdsArr: string[] = [];\n\n  @State() newsBrandIdsArr: string[] = [];\n\n  @State() newsLanguageLocalesArr: string[] = [];\n\n  /**\n   * The url of the Aico Api that will be used to retrieve the article.\n   */\n  @Prop() aicoUrl!: string;\n\n  /**\n   * The token used to authenticate against he Aico Api.\n   */\n  @Prop() aicoBearerToken: string = '';\n\n  /**\n   * The user access token\n   */\n  @Prop() userAccessToken: string = '';\n\n  /**\n   * Channel names as a comma separated list used to filter the results.\n   */\n  @Prop() newsChannels: string = '';\n\n  /**\n   * Seller ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsSellerIds: string = '';\n\n  /**\n   * Brand ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsBrandIds: string = '';\n\n  /**\n   * Language locales as a comma separated list used to filter the results.\n   */\n  @Prop() newsLanguageLocales: string = '';\n\n  /**\n   * The number of articles shown in the carousel. Prefer this number to be small.\n   */\n  @Prop() numberOfArticles: number = 6;\n\n  /**\n   * The article translation that will be used to render the content.\n   *\n   * If the locale specified is not present in the article's translations, most content will not be shown.\n   */\n  @Prop() locale: string = 'de';\n\n  /**\n   * Event emitted when a user clicks an article title.\n   *\n   * The handler receives the entire Article entity.\n   */\n  @Event() articleClicked?: EventEmitter<Article>;\n\n  private api?: AicoApiRequestInfo;\n  private newsListFetchController?: AbortController;\n\n  connectedCallback() {\n    this.newsListFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };\n\n    this.newsChannelsArr = splitByComma(this.newsChannels);\n    this.newsSellerIdsArr = splitByComma(this.newsSellerIds);\n    this.newsBrandIdsArr = splitByComma(this.newsBrandIds);\n    this.newsLanguageLocalesArr = splitByComma(this.newsLanguageLocales);\n  }\n\n  disconnectedCallback() {\n    this.newsListFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.newsResponse = await fetchSpecialNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController!.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchSpecialNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      dots: true,\n      arrows: false,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"carousel\">\n        {this.newsResponse.data.map(article => {\n          const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';\n          const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';\n          const translation = article.attributes.translations.find(t => t.locale === this.locale);\n          return (\n            <div class=\"carousel-item card border-0\">\n              <div class=\"card-body\">\n                <h5 class=\"card-title text-center text-uppercase\">\n                  <a\n                    class=\"text-reset text-decoration-none\"\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault();\n                      this.articleClicked?.emit(article);\n                    }}\n                  >\n                    {translation?.name ?? article.attributes.name}\n                  </a>\n                </h5>\n                <p class=\"card-text text-center\">{translation?.excerpt ?? article.attributes.excerpt}</p>\n              </div>\n              <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                <img\n                  class=\"card-img-bottom object-fit-cover\"\n                  style={{ 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }}\n                  alt=\"News Picture\"\n                  data-lazy={\n                    translation?.optimizedListImage ??\n                    translation?.optimizedImage ??\n                    translation?.image ??\n                    article.attributes.optimizedListImage ??\n                    article.attributes.optimizedImage ??\n                    article.attributes.image\n                  }\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-top-news-carousel.js

@@ -16,7 +16,8 @@ const AicoTopNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoTopNews
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
@@ -26,7 +27,7 @@ const AicoTopNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoTopNews
     }
     connectedCallback() {
         this.newsListFetchController = new AbortController();
-        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };
+        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };
         this.newsChannelsArr = splitByComma(this.newsChannels);
         this.newsSellerIdsArr = splitByComma(this.newsSellerIds);
         this.newsBrandIdsArr = splitByComma(this.newsBrandIds);
@@ -52,7 +53,7 @@ const AicoTopNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoTopNews
         });
     }
     render() {
-        return (h("div", { key: '35573f965fd179a8fe35125da8856e42533b86b4', class: "carousel" }, this.newsResponse.data.map(article => {
+        return (h("div", { key: '403ffcf2505ada818121277bedf4099015221c9a', class: "carousel" }, this.newsResponse.data.map(article => {
             var _a, _b, _c, _d, _e, _f, _g;
             const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';
             const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';
@@ -68,6 +69,7 @@ const AicoTopNewsCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AicoTopNews
 }, [2, "aico-top-news-carousel", {
         "aicoUrl": [1, "aico-url"],
         "aicoBearerToken": [1, "aico-bearer-token"],
+        "userAccessToken": [1, "user-access-token"],
         "newsChannels": [1, "news-channels"],
         "newsSellerIds": [1, "news-seller-ids"],
         "newsBrandIds": [1, "news-brand-ids"],

package/dist/components/aico-top-news-carousel.js.map

@@ -1 +1 @@
-{"file":"aico-top-news-carousel.js","mappings":"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","names":["AicoTopNewsCarousel"],"sources":["src/components/aico-top-news-carousel/aico-top-news-carousel.css?tag=aico-top-news-carousel&encapsulation=scoped","src/components/aico-top-news-carousel/aico-top-news-carousel.tsx"],"sourcesContent":["@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';\n\n:host,\n:host::before,\n:host::after {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  -webkit-text-size-adjust: 100%;\n}\n\n.slick-slide > div {\n  height: 100% !important;\n}\n","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\nimport type { NewsResponse } from '../../model/NewsResponse';\nimport type { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport type { Article } from '../../model/Article';\nimport { fetchTopNewsArticles, splitByComma } from '../../utils/utils';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-top-news-carousel',\n  styleUrl: 'aico-top-news-carousel.css',\n  scoped: true,\n})\nexport class AicoTopNewsCarousel {\n  @State() newsResponse!: NewsResponse;\n\n  @State() newsChannelsArr: string[] = [];\n\n  @State() newsSellerIdsArr: string[] = [];\n\n  @State() newsBrandIdsArr: string[] = [];\n\n  @State() newsLanguageLocalesArr: string[] = [];\n\n  /**\n   * The url of the Aico Api that will be used to retrieve the article.\n   */\n  @Prop() aicoUrl!: string;\n\n  /**\n   * The token used to authenticate against he Aico Api.\n   */\n  @Prop() aicoBearerToken!: string;\n\n  /**\n   * Channel names as a comma separated list used to filter the results.\n   */\n  @Prop() newsChannels: string = '';\n\n  /**\n   * Seller ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsSellerIds: string = '';\n\n  /**\n   * Brand ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsBrandIds: string = '';\n\n  /**\n   * Language locales as a comma separated list used to filter the results.\n   */\n  @Prop() newsLanguageLocales: string = '';\n\n  /**\n   * The number of articles shown in the carousel. Prefer this number to be small.\n   */\n  @Prop() numberOfArticles: number = 6;\n\n  /**\n   * The article translation that will be used to render the content.\n   *\n   * If the locale specified is not present in the article's translations, most content will not be shown.\n   */\n  @Prop() locale: string = 'de';\n\n  /**\n   * Event emitted when a user clicks an article title.\n   *\n   * The handler receives the entire Article entity.\n   */\n  @Event() articleClicked?: EventEmitter<Article>;\n\n  private api?: AicoApiRequestInfo;\n  private newsListFetchController?: AbortController;\n\n  connectedCallback() {\n    this.newsListFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n\n    this.newsChannelsArr = splitByComma(this.newsChannels);\n    this.newsSellerIdsArr = splitByComma(this.newsSellerIds);\n    this.newsBrandIdsArr = splitByComma(this.newsBrandIds);\n    this.newsLanguageLocalesArr = splitByComma(this.newsLanguageLocales);\n  }\n\n  disconnectedCallback() {\n    this.newsListFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.newsResponse = await fetchTopNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController!.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchTopNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      dots: true,\n      arrows: false,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"carousel\">\n        {this.newsResponse.data.map(article => {\n          const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';\n          const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';\n          const translation = article.attributes.translations.find(t => t.locale === this.locale);\n          return (\n            <div class=\"carousel-item card border-0\">\n              <div class=\"card-body\">\n                <h5 class=\"card-title text-center text-uppercase\">\n                  <a\n                    class=\"text-reset text-decoration-none\"\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault();\n                      this.articleClicked?.emit(article);\n                    }}\n                  >\n                    {translation?.name ?? article.attributes.name}\n                  </a>\n                </h5>\n                <p class=\"card-text text-center\">{translation?.excerpt ?? article.attributes.excerpt}</p>\n              </div>\n              <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                <img\n                  class=\"card-img-bottom object-fit-cover\"\n                  style={{ 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }}\n                  alt=\"News Picture\"\n                  data-lazy={\n                    translation?.image ??\n                    translation?.optimizedListImage ??\n                    translation?.optimizedImage ??\n                    article.attributes.image ??\n                    article.attributes.optimizedListImage ??\n                    article.attributes.optimizedImage\n                  }\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-top-news-carousel.js","mappings":"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","names":["AicoTopNewsCarousel"],"sources":["src/components/aico-top-news-carousel/aico-top-news-carousel.css?tag=aico-top-news-carousel&encapsulation=scoped","src/components/aico-top-news-carousel/aico-top-news-carousel.tsx"],"sourcesContent":["@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';\n\n:host,\n:host::before,\n:host::after {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  -webkit-text-size-adjust: 100%;\n}\n\n.slick-slide > div {\n  height: 100% !important;\n}\n","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\nimport type { NewsResponse } from '../../model/NewsResponse';\nimport type { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport type { Article } from '../../model/Article';\nimport { fetchTopNewsArticles, splitByComma } from '../../utils/utils';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-top-news-carousel',\n  styleUrl: 'aico-top-news-carousel.css',\n  scoped: true,\n})\nexport class AicoTopNewsCarousel {\n  @State() newsResponse!: NewsResponse;\n\n  @State() newsChannelsArr: string[] = [];\n\n  @State() newsSellerIdsArr: string[] = [];\n\n  @State() newsBrandIdsArr: string[] = [];\n\n  @State() newsLanguageLocalesArr: string[] = [];\n\n  /**\n   * The url of the Aico Api that will be used to retrieve the article.\n   */\n  @Prop() aicoUrl!: string;\n\n  /**\n   * The token used to authenticate against he Aico Api.\n   */\n  @Prop() aicoBearerToken: string = '';\n\n  /**\n   * The user access token\n   */\n  @Prop() userAccessToken: string = '';\n\n  /**\n   * Channel names as a comma separated list used to filter the results.\n   */\n  @Prop() newsChannels: string = '';\n\n  /**\n   * Seller ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsSellerIds: string = '';\n\n  /**\n   * Brand ids as a comma separated list used to filter the results.\n   */\n  @Prop() newsBrandIds: string = '';\n\n  /**\n   * Language locales as a comma separated list used to filter the results.\n   */\n  @Prop() newsLanguageLocales: string = '';\n\n  /**\n   * The number of articles shown in the carousel. Prefer this number to be small.\n   */\n  @Prop() numberOfArticles: number = 6;\n\n  /**\n   * The article translation that will be used to render the content.\n   *\n   * If the locale specified is not present in the article's translations, most content will not be shown.\n   */\n  @Prop() locale: string = 'de';\n\n  /**\n   * Event emitted when a user clicks an article title.\n   *\n   * The handler receives the entire Article entity.\n   */\n  @Event() articleClicked?: EventEmitter<Article>;\n\n  private api?: AicoApiRequestInfo;\n  private newsListFetchController?: AbortController;\n\n  connectedCallback() {\n    this.newsListFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };\n\n    this.newsChannelsArr = splitByComma(this.newsChannels);\n    this.newsSellerIdsArr = splitByComma(this.newsSellerIds);\n    this.newsBrandIdsArr = splitByComma(this.newsBrandIds);\n    this.newsLanguageLocalesArr = splitByComma(this.newsLanguageLocales);\n  }\n\n  disconnectedCallback() {\n    this.newsListFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.newsResponse = await fetchTopNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController!.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchTopNewsArticles(\n      this.api!,\n      1,\n      this.numberOfArticles,\n      this.newsListFetchController.signal,\n      this.newsChannelsArr,\n      this.newsSellerIdsArr,\n      this.newsBrandIdsArr,\n      this.newsLanguageLocalesArr,\n    );\n  }\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      dots: true,\n      arrows: false,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"carousel\">\n        {this.newsResponse.data.map(article => {\n          const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';\n          const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';\n          const translation = article.attributes.translations.find(t => t.locale === this.locale);\n          return (\n            <div class=\"carousel-item card border-0\">\n              <div class=\"card-body\">\n                <h5 class=\"card-title text-center text-uppercase\">\n                  <a\n                    class=\"text-reset text-decoration-none\"\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault();\n                      this.articleClicked?.emit(article);\n                    }}\n                  >\n                    {translation?.name ?? article.attributes.name}\n                  </a>\n                </h5>\n                <p class=\"card-text text-center\">{translation?.excerpt ?? article.attributes.excerpt}</p>\n              </div>\n              <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                <img\n                  class=\"card-img-bottom object-fit-cover\"\n                  style={{ 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }}\n                  alt=\"News Picture\"\n                  data-lazy={\n                    translation?.image ??\n                    translation?.optimizedListImage ??\n                    translation?.optimizedImage ??\n                    article.attributes.image ??\n                    article.attributes.optimizedListImage ??\n                    article.attributes.optimizedImage\n                  }\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}