@aiconomy/aico-components 0.0.124 → 0.0.128
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aico-components/aico-components.esm.js +1 -1
- package/dist/aico-components/aico-components.esm.js.map +1 -1
- package/dist/aico-components/p-64d6361b.entry.js +18 -0
- package/dist/aico-components/p-64d6361b.entry.js.map +1 -0
- package/dist/cjs/{slick-d0dfbd94.js → aico-album-content_26.cjs.entry.js} +7395 -2
- package/dist/cjs/aico-album-content_26.cjs.entry.js.map +1 -0
- package/dist/cjs/aico-components.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/aico-article-detail/aico-article-detail.js +1 -1
- package/dist/collection/components/aico-article-detail/aico-article-detail.js.map +1 -1
- package/dist/collection/components/aico-fetch-article-detail/aico-fetch-article-detail.js +12 -6
- package/dist/collection/components/aico-fetch-article-detail/aico-fetch-article-detail.js.map +1 -1
- package/dist/components/aico-article-detail2.js +1 -1
- package/dist/components/aico-article-detail2.js.map +1 -1
- package/dist/components/aico-fetch-article-detail.js +12 -6
- package/dist/components/aico-fetch-article-detail.js.map +1 -1
- package/dist/esm/{slick-d11cf173.js → aico-album-content_26.entry.js} +7368 -2
- package/dist/esm/aico-album-content_26.entry.js.map +1 -0
- package/dist/esm/aico-components.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/aico-fetch-article-detail/aico-fetch-article-detail.d.ts +1 -1
- package/package.json +1 -1
- package/dist/aico-components/p-0b6e7469.entry.js +0 -2
- package/dist/aico-components/p-0b6e7469.entry.js.map +0 -1
- package/dist/aico-components/p-34bd96ca.js +0 -2
- package/dist/aico-components/p-34bd96ca.js.map +0 -1
- package/dist/aico-components/p-7f6fcb2e.entry.js +0 -2
- package/dist/aico-components/p-7f6fcb2e.entry.js.map +0 -1
- package/dist/aico-components/p-86c7fdc7.js +0 -13
- package/dist/aico-components/p-86c7fdc7.js.map +0 -1
- package/dist/aico-components/p-9ea26390.entry.js +0 -2
- package/dist/aico-components/p-9ea26390.entry.js.map +0 -1
- package/dist/aico-components/p-a4f7ae53.entry.js +0 -2
- package/dist/aico-components/p-a4f7ae53.entry.js.map +0 -1
- package/dist/aico-components/p-b9bc0400.entry.js +0 -7
- package/dist/aico-components/p-b9bc0400.entry.js.map +0 -1
- package/dist/aico-components/p-bf3db54a.entry.js +0 -2
- package/dist/aico-components/p-bf3db54a.entry.js.map +0 -1
- package/dist/aico-components/p-e187bbea.js +0 -2
- package/dist/aico-components/p-e187bbea.js.map +0 -1
- package/dist/aico-components/p-eedb0ba1.entry.js +0 -2
- package/dist/aico-components/p-eedb0ba1.entry.js.map +0 -1
- package/dist/cjs/ConditionalRender-52579540.js +0 -9
- package/dist/cjs/ConditionalRender-52579540.js.map +0 -1
- package/dist/cjs/aico-album-content_19.cjs.entry.js +0 -6924
- package/dist/cjs/aico-album-content_19.cjs.entry.js.map +0 -1
- package/dist/cjs/aico-article-detail.cjs.entry.js +0 -135
- package/dist/cjs/aico-article-detail.cjs.entry.js.map +0 -1
- package/dist/cjs/aico-fetch-article-detail.cjs.entry.js +0 -47
- package/dist/cjs/aico-fetch-article-detail.cjs.entry.js.map +0 -1
- package/dist/cjs/aico-news-list-item.cjs.entry.js +0 -27
- package/dist/cjs/aico-news-list-item.cjs.entry.js.map +0 -1
- package/dist/cjs/aico-news-list.cjs.entry.js +0 -96
- package/dist/cjs/aico-news-list.cjs.entry.js.map +0 -1
- package/dist/cjs/aico-no-content_2.cjs.entry.js +0 -51
- package/dist/cjs/aico-no-content_2.cjs.entry.js.map +0 -1
- package/dist/cjs/aico-special-news-carousel.cjs.entry.js +0 -64
- package/dist/cjs/aico-special-news-carousel.cjs.entry.js.map +0 -1
- package/dist/cjs/slick-d0dfbd94.js.map +0 -1
- package/dist/cjs/utils-3d8a97f6.js +0 -114
- package/dist/cjs/utils-3d8a97f6.js.map +0 -1
- package/dist/esm/ConditionalRender-7460c386.js +0 -7
- package/dist/esm/ConditionalRender-7460c386.js.map +0 -1
- package/dist/esm/aico-album-content_19.entry.js +0 -6902
- package/dist/esm/aico-album-content_19.entry.js.map +0 -1
- package/dist/esm/aico-article-detail.entry.js +0 -131
- package/dist/esm/aico-article-detail.entry.js.map +0 -1
- package/dist/esm/aico-fetch-article-detail.entry.js +0 -43
- package/dist/esm/aico-fetch-article-detail.entry.js.map +0 -1
- package/dist/esm/aico-news-list-item.entry.js +0 -23
- package/dist/esm/aico-news-list-item.entry.js.map +0 -1
- package/dist/esm/aico-news-list.entry.js +0 -92
- package/dist/esm/aico-news-list.entry.js.map +0 -1
- package/dist/esm/aico-no-content_2.entry.js +0 -46
- package/dist/esm/aico-no-content_2.entry.js.map +0 -1
- package/dist/esm/aico-special-news-carousel.entry.js +0 -60
- package/dist/esm/aico-special-news-carousel.entry.js.map +0 -1
- package/dist/esm/slick-d11cf173.js.map +0 -1
- package/dist/esm/utils-f81eb958.js +0 -105
- package/dist/esm/utils-f81eb958.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as i,c as s,h as t,H as e}from"./p-ae20e789.js";import{b as l}from"./p-e187bbea.js";const o="";const n=class{constructor(t){i(this,t);this.articleClick=s(this,"articleClick",7);this.newsResponse=undefined;this.pageNumber=1;this.aicoUrl=undefined;this.aicoBearerToken=undefined;this.newsChannels=[];this.newsSellerIds=[];this.newsBrandIds=[];this.newsLanguageLocales=[];this.pageSize=16;this.nextButtonText="Next";this.previousButtonText="Previous"}connectedCallback(){this.newsListFetchController=new AbortController;this.pageNumber=1;this.api={baseApi:this.aicoUrl,bearerToken:this.aicoBearerToken}}disconnectedCallback(){this.newsListFetchController.abort("disconnected")}async componentWillLoad(){this.newsResponse=await l(this.api,this.pageNumber,this.pageSize,this.newsListFetchController.signal,this.newsChannels,this.newsSellerIds,this.newsBrandIds,this.newsLanguageLocales)}async componentWillUpdate(){this.newsListFetchController=new AbortController;this.newsResponse=await l(this.api,this.pageNumber,this.pageSize,this.newsListFetchController.signal,this.newsChannels,this.newsSellerIds,this.newsBrandIds,this.newsLanguageLocales)}render(){var i,s,l;return t(e,null,t("div",{class:"row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4 mb-4"},(i=this.newsResponse)===null||i===void 0?void 0:i.data.map((i=>t("div",{class:"col"},t("aico-news-list-item",{article:i,onArticleClick:i=>{var s;(s=this.articleClick)===null||s===void 0?void 0:s.emit(i.detail)}}))))),t("nav",{class:"w-100","aria-label":"News navigation"},t("ul",{class:"pagination justify-content-center"},t("li",{class:`page-item page-link user-select-none d-flex align-items-center ${!((s=this.newsResponse)===null||s===void 0?void 0:s.links.prev)?"disabled":""}`,style:{cursor:"pointer"},onClick:()=>{if(this.pageNumber>1){this.pageNumber-=1}return false}},t("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"},t("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"})),this.previousButtonText),this.getViewablePages().map((i=>t("li",{class:`page-item page-link user-select-none ${i==="..."?"disabled":Number(i)===this.pageNumber?"active":""}`,style:{cursor:"pointer"},onClick:()=>{if(i!=="..."){this.pageNumber=Number(i)}return false}},i))),t("li",{class:`page-item page-link user-select-none d-flex align-items-center ${!((l=this.newsResponse)===null||l===void 0?void 0:l.links.next)?"disabled":""}`,style:{cursor:"pointer"},onClick:()=>{var i,s;if(((i=this.newsResponse)===null||i===void 0?void 0:i.meta.page.lastPage)&&this.pageNumber<((s=this.newsResponse)===null||s===void 0?void 0:s.meta.page.lastPage)){this.pageNumber+=1}}},this.nextButtonText,t("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"},t("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"}))))))}getViewablePages(i=2){var s,t,e,l,o,n,h;const a=[];if(this.pageNumber-i>=2){a.push("1")}if(this.pageNumber-i>2){a.push("...")}for(let s=this.pageNumber-i;s<this.pageNumber;s+=1){if(s>=1){a.push(`${s}`)}}a.push(`${this.pageNumber}`);for(let e=this.pageNumber+1;e<=this.pageNumber+i;e+=1){if(e<=((t=(s=this.newsResponse)===null||s===void 0?void 0:s.meta.page.lastPage)!==null&&t!==void 0?t:0)){a.push(`${e}`)}}if(this.pageNumber+i<((l=(e=this.newsResponse)===null||e===void 0?void 0:e.meta.page.lastPage)!==null&&l!==void 0?l:0)-1){a.push("...")}if(this.pageNumber+i<=((n=(o=this.newsResponse)===null||o===void 0?void 0:o.meta.page.lastPage)!==null&&n!==void 0?n:0)-1){a.push(`${(h=this.newsResponse)===null||h===void 0?void 0:h.meta.page.lastPage}`)}return a}};n.style=o;export{n as aico_news_list};
|
|
2
|
-
//# sourceMappingURL=p-bf3db54a.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["aicoNewsListCss","AicoNewsList","connectedCallback","this","newsListFetchController","AbortController","pageNumber","api","baseApi","aicoUrl","bearerToken","aicoBearerToken","disconnectedCallback","abort","componentWillLoad","newsResponse","fetchNewsArticles","pageSize","signal","newsChannels","newsSellerIds","newsBrandIds","newsLanguageLocales","componentWillUpdate","render","h","Host","class","_a","data","map","article","onArticleClick","e","articleClick","emit","detail","_b","links","prev","style","cursor","onClick","xmlns","fill","width","height","viewBox","d","previousButtonText","getViewablePages","page","Number","_c","next","meta","lastPage","nextButtonText","lookAhead","pages","push","i","_d","_f","_e","_g"],"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":[null,"import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticles } 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 /**\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 used to filter the results.\n */\n @Prop() newsChannels: string[] = [];\n\n /**\n * Sellers used to filter the results.\n */\n @Prop() newsSellerIds: string[] = [];\n\n /**\n * Brands used to filter the results.\n */\n @Prop() newsBrandIds: string[] = [];\n\n /**\n * Language locales used to filter the results.\n */\n @Prop() newsLanguageLocales: string[] = [];\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 * 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\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.newsChannels,\n this.newsSellerIds,\n this.newsBrandIds,\n this.newsLanguageLocales,\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.newsChannels,\n this.newsSellerIds,\n this.newsBrandIds,\n this.newsLanguageLocales,\n );\n }\n\n render() {\n return (\n <Host>\n <div class=\"row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4 mb-4\">\n {this.newsResponse?.data.map(article => (\n <div class=\"col\">\n <aico-news-list-item\n article={article}\n onArticleClick={e => {\n this.articleClick?.emit(e.detail);\n }}\n />\n </div>\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"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const e=e=>{const t=new Headers;t.append("Accept","application/vnd.api+json");t.append("Authorization",`Bearer ${e}`);return t};const t=(t,n,r,a)=>new Request(new URL(`${n}?${r.toString()}`,t.baseApi),{headers:e(t.bearerToken),signal:a});function n(e,t,n){for(const r of n){e.append(t,r)}}async function r(e,r,a,s,c=[],i=[],u=[],l=[]){const o=new URLSearchParams;o.set("page[number]",String(r));o.set("page[size]",String(a));o.set("sort","-publishDate");o.set("filter[isActive]","1");o.set("filter[excludeTag][]","Eisnull");n(o,"filter[channel][]",c);n(o,"filter[sellerIds][]",i);n(o,"filter[brandId][]",u);n(o,"filter[newsLanguage][]",l);const f=t(e,"news",o,s);const w=await fetch(f);return await w.json()}async function a(e,r,a,s,c=[],i=[],u=[],l=[]){const o=new URLSearchParams;o.set("page[number]",String(r));o.set("page[size]",String(a));o.set("sort","-publishDate");o.set("filter[isActive]","1");o.set("filter[isSpecialArticle]","1");o.set("filter[isLightVersion]","true");o.set("filter[excludeTag][]","Eisnull");n(o,"filter[channel][]",c);n(o,"filter[sellerIds][]",i);n(o,"filter[brandId][]",u);n(o,"filter[newsLanguage][]",l);const f=t(e,"news",o,s);const w=await fetch(f);return await w.json()}async function s(e,n,r){const a=t(e,`news/${n}`,new URLSearchParams,r);const s=await fetch(a);const c=await s.json();return c.data}async function c(e,n,r){const a=new URLSearchParams;a.set("filter[urlHandle]",n);const s=t(e,"news",a,r);const c=await fetch(s);const i=await c.json();return i.data[0]}function i(e){switch(e){case"extra-small":return"28%";case"small":return"40%";case"large":return"80%";case"extra large":return"100%";default:return"60%"}}function u(e){const t=/.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#&?]*).*/;const n=e.match(t);if(n&&n[1].length==11){return`https://www.youtube.com/embed/${n[1]}`}return null}function l(e){if(!e||e===" "){return true}return false}function o(e){const t=[];for(const n of Object.entries(e)){if(n[1]){t.push(n[0])}}return t.join(" ")}export{s as a,r as b,a as c,o as d,u as e,c as f,i as g,l as s};
|
|
2
|
-
//# sourceMappingURL=p-e187bbea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getAuthenticatedHeaders","bearerToken","headers","Headers","append","getAuthenticatedRequest","api","route","query","signal","Request","URL","toString","baseApi","setArrayFilter","queryParams","key","values","value","async","fetchNewsArticles","page","size","newsChannels","newsSellerIds","newsBrandIds","newsLanguageLocales","URLSearchParams","set","String","request","response","fetch","json","fetchSpecialNewsArticles","fetchNewsArticle","articleId","article","data","fetchNewsArticleByHandle","urlHandle","articles","getImageWidthPrc","pictureSize","getYoutubeURL","url","regExp","match","length","strIsNullOrEmptyOrWhitespace","str","getClass","conditions","classes","kvp","Object","entries","push","join"],"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\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): 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\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 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"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as n,H as e}from"./p-ae20e789.js";import{C as c}from"./p-34bd96ca.js";import{s as o}from"./p-e187bbea.js";var a;(function(t){t["BULLET"]="BULLET";t["TEXT"]="TEXT";t["VIDEO"]="VIDEO";t["TABLE"]="TABLE";t["HEADING"]="HEADING";t["TITLE"]="TITLE";t["CONTENT_CARD"]="CONTENT_CARD";t["TESTIMONIAL"]="TESTIMONIAL";t["PRODUCT"]="PRODUCT";t["NEWS"]="NEWS";t["ASKING"]="ASKING";t["AGENDA"]="AGENDA";t["LIST_ASKING"]="LIST_ASKING";t["LIST_AGENDA"]="LIST_AGENDA";t["CRM"]="CRM";t["B2B"]="B2B";t["FORM_BUILDER"]="FORM_BUILDER";t["BLOCK_QUOTE"]="BLOCK_QUOTE";t["FAQ"]="FAQ";t["COURSE"]="COURSE";t["DOCUMENT"]="DOCUMENT";t["LINK"]="LINK";t["HTML"]="HTML";t["DIVIDER"]="DIVIDER";t["COLLECTION"]="COLLECTION";t["CAROUSEL"]="CAROUSEL";t["PAGE"]="PAGE";t["ALBUM"]="ALBUM";t["UPLOAD"]="UPLOAD"})(a||(a={}));const s="";const i=class{constructor(n){t(this,n);this.dateOptions={day:"numeric",month:"long",year:"numeric"};this.article=undefined;this.locale="de";this.hideDateAndAuthor=false;this.hideCategoryAndTags=false}render(){var t,a;const s=(a=(t=this.article.attributes.newsCategory)===null||t===void 0?void 0:t.translations.find((t=>t.locale===this.locale)))!==null&&a!==void 0?a:null;const i=new Date(this.article.attributes.publishDate);const l=this.article.attributes.contentBuilder.rows.sort(((t,n)=>t.order-n.order)).map(((t,n)=>this.mapRowContent(t,n)));return n(e,null,n("figure",null,n("blockquote",{class:"blockquote"},n("h2",{class:"text-uppercase"},this.article.attributes.name)),n(c,{condition:!this.hideDateAndAuthor},n("figcaption",{class:"blockquote-footer mb-1"},i.toLocaleDateString("en-US",this.dateOptions)," by ",n("cite",{title:"Author"},this.article.attributes.author))),n(c,{condition:!this.hideCategoryAndTags&&!o(s===null||s===void 0?void 0:s.webName)},n("span",{class:"badge bg-info text-dark"},s.webName))),n("div",{class:"content-wrapper"},l),n(c,{condition:!this.hideCategoryAndTags},this.article.attributes.newsTags.map((t=>{var e;const a=(e=t.translations.find((t=>t.locale===this.locale)))!==null&&e!==void 0?e:null;return n(c,{condition:!o(a===null||a===void 0?void 0:a.webName)},n("span",{class:"badge bg-light text-dark"},a.webName))}))))}mapRowContent(t,e){const c=t.columns.map(((t,n)=>this.mapColumnContent(t,n)));return n("div",{class:`content-row content-row-index-${e}`},c)}mapColumnContent(t,e){const c=t.contentContainer.contents.sort(((t,n)=>{var e,c;return((e=t.sort)!==null&&e!==void 0?e:0)-((c=n.sort)!==null&&c!==void 0?c:0)})).map(((t,n)=>this.mapContent(t,n)));return n("div",{class:`content-column content-column-index-${e}`},c)}mapContent(t,e){return n("div",{class:`content-data-wrapper content-data-wrapper-index-${e}`},this.mapContentData(t.type,t.contentData))}mapContentData(t,e){switch(t){case a.ALBUM:return n("aico-album-content",{content:e});case a.ASKING:return n("aico-asking-content",{content:e,locale:this.locale});case a.BLOCK_QUOTE:return n("aico-block-quote-content",{content:e,locale:this.locale});case a.BULLET:return n("aico-bullet-content",{content:e,locale:this.locale});case a.CAROUSEL:return n("aico-carousel-content",{content:e,locale:this.locale});case a.CONTENT_CARD:return n("aico-content-card-content",{content:e,locale:this.locale});case a.DIVIDER:return n("aico-divider-content",{content:e,locale:this.locale});case a.DOCUMENT:return n("aico-document-content",{content:e,locale:this.locale});case a.FAQ:return n("aico-faq-content",{content:e,locale:this.locale});case a.HEADING:return n("aico-heading-content",{content:e,locale:this.locale});case a.HTML:return n("aico-html-content",{content:e,locale:this.locale});case a.LINK:return n("aico-link-content",{content:e,locale:this.locale});case a.NEWS:return n("aico-news-content",{content:e});case a.PAGE:return n("aico-page-content",{content:e,locale:this.locale});case a.TABLE:return n("aico-table-content",{content:e,locale:this.locale});case a.TESTIMONIAL:return n("aico-testimonial-content",{content:e});case a.TEXT:return n("aico-text-content",{content:e,locale:this.locale});case a.TITLE:return n("aico-title-content",{content:e,locale:this.locale});case a.UPLOAD:return n("aico-upload-content",{content:e,locale:this.locale});case a.VIDEO:return n("aico-video-content",{content:e,locale:this.locale});case a.PRODUCT:case a.AGENDA:case a.LIST_ASKING:case a.LIST_AGENDA:case a.CRM:case a.B2B:case a.FORM_BUILDER:case a.COURSE:case a.COLLECTION:default:return n("div",{class:"content-data content-data-not-handled"},"Content type not handled.")}}};i.style=s;export{i as aico_article_detail};
|
|
2
|
-
//# sourceMappingURL=p-eedb0ba1.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ContentType","aicoArticleDetailCss","AicoArticleDetail","this","dateOptions","day","month","year","render","category","_b","_a","article","attributes","newsCategory","translations","find","translation","locale","articleDate","Date","publishDate","content","contentBuilder","rows","sort","a","b","order","map","row","index","mapRowContent","h","Host","class","name","ConditionalRender","condition","hideDateAndAuthor","toLocaleDateString","title","author","hideCategoryAndTags","strIsNullOrEmptyOrWhitespace","webName","newsTags","tag","rowContent","columns","column","columnIndex","mapColumnContent","columnContent","contentContainer","contents","contentIndex","mapContent","mapContentData","type","contentData","contentType","ALBUM","ASKING","BLOCK_QUOTE","BULLET","CAROUSEL","CONTENT_CARD","DIVIDER","DOCUMENT","FAQ","HEADING","HTML","LINK","NEWS","PAGE","TABLE","TESTIMONIAL","TEXT","TITLE","UPLOAD","VIDEO","PRODUCT","AGENDA","LIST_ASKING","LIST_AGENDA","CRM","B2B","FORM_BUILDER","COURSE","COLLECTION"],"sources":["src/model/article/ContentType.ts","src/components/aico-article-detail/aico-article-detail.css?tag=aico-article-detail&encapsulation=scoped","src/components/aico-article-detail/aico-article-detail.tsx"],"sourcesContent":["export enum ContentType {\n BULLET = 'BULLET',\n TEXT = 'TEXT',\n VIDEO = 'VIDEO',\n TABLE = 'TABLE',\n HEADING = 'HEADING',\n TITLE = 'TITLE',\n CONTENT_CARD = 'CONTENT_CARD',\n TESTIMONIAL = 'TESTIMONIAL',\n PRODUCT = 'PRODUCT',\n NEWS = 'NEWS',\n ASKING = 'ASKING',\n AGENDA = 'AGENDA',\n LIST_ASKING = 'LIST_ASKING',\n LIST_AGENDA = 'LIST_AGENDA',\n CRM = 'CRM',\n B2B = 'B2B',\n FORM_BUILDER = 'FORM_BUILDER',\n BLOCK_QUOTE = 'BLOCK_QUOTE',\n FAQ = 'FAQ',\n COURSE = 'COURSE',\n DOCUMENT = 'DOCUMENT',\n LINK = 'LINK',\n HTML = 'HTML',\n DIVIDER = 'DIVIDER',\n COLLECTION = 'COLLECTION',\n CAROUSEL = 'CAROUSEL',\n PAGE = 'PAGE',\n ALBUM = 'ALBUM',\n UPLOAD = 'UPLOAD',\n}\n",null,"import { Component, Host, Prop, h } from '@stencil/core';\nimport { ContentType } from '../../model/article/ContentType';\nimport type { Article, ArticleContent, ArticleContentBuilderColumn, ArticleContentBuilderRow } from '../../model/Article';\nimport type { HtmlContent } from '../../model/article/content/HtmlContent';\nimport type { AlbumContent } from '../../model/article/content/AlbumContent';\nimport type { TitleContent } from '../../model/article/content/TitleContent';\nimport type { BlockQuoteContent } from '../../model/article/content/BlockQuoteContent';\nimport type { BulletContent } from '../../model/article/content/BulletContent';\nimport type { CardContent } from '../../model/article/content/CardContent';\nimport type { CarouselContent } from '../../model/article/content/CarouselContent';\nimport type { DividerContent } from '../../model/article/content/DividerContent';\nimport type { DocumentContent } from '../../model/article/content/DocumentContent';\nimport type { HeadingContent } from '../../model/article/content/HeadingContent';\nimport type { LinkContent } from '../../model/article/content/LinkContent';\nimport type { TableContent } from '../../model/article/content/TableContet';\nimport type { TestimonialContent } from '../../model/article/content/TestimonialContent';\nimport type { TextContent } from '../../model/article/content/TextContent';\nimport type { VideoContent } from '../../model/article/content/VideoContent';\nimport type { AskingContent } from '../../model/article/content/AskingContent';\nimport type { FaqContent } from '../../model/article/content/FaqContent';\nimport type { NewsContent } from '../../model/article/content/NewsContent';\nimport type { PageContent } from '../../model/article/content/PageContent';\nimport type { UploadContent } from '../../model/article/content/UploadContent';\nimport ConditionalRender from '../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../utils/utils';\n\n@Component({\n tag: 'aico-article-detail',\n styleUrl: 'aico-article-detail.css',\n scoped: true,\n})\nexport class AicoArticleDetail {\n @Prop() article!: Article;\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 * Determines if the article date and author are shown or not.\n */\n @Prop() hideDateAndAuthor: boolean = false;\n\n /**\n * Determines if the article category and tags are shown or not.\n */\n @Prop() hideCategoryAndTags: boolean = false;\n\n private readonly dateOptions: Intl.DateTimeFormatOptions = { day: 'numeric', month: 'long', year: 'numeric' };\n\n render() {\n const category = this.article.attributes.newsCategory?.translations.find(translation => translation.locale === this.locale) ?? null;\n const articleDate = new Date(this.article.attributes.publishDate);\n const content = this.article.attributes.contentBuilder.rows.sort((a, b) => a.order - b.order).map((row, index) => this.mapRowContent(row, index));\n return (\n <Host>\n <figure>\n <blockquote class=\"blockquote\">\n <h2 class=\"text-uppercase\">{this.article.attributes.name}</h2>\n </blockquote>\n <ConditionalRender condition={!this.hideDateAndAuthor}>\n <figcaption class=\"blockquote-footer mb-1\">\n {articleDate.toLocaleDateString('en-US', this.dateOptions)} by <cite title=\"Author\">{this.article.attributes.author}</cite>\n </figcaption>\n </ConditionalRender>\n <ConditionalRender condition={!this.hideCategoryAndTags && !strIsNullOrEmptyOrWhitespace(category?.webName)}>\n <span class=\"badge bg-info text-dark\">{category!.webName}</span>\n </ConditionalRender>\n </figure>\n <div class=\"content-wrapper\">{content}</div>\n <ConditionalRender condition={!this.hideCategoryAndTags}>\n {this.article.attributes.newsTags.map(tag => {\n const translation = tag.translations.find(translation => translation.locale === this.locale) ?? null;\n return (\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.webName)}>\n <span class=\"badge bg-light text-dark\">{translation!.webName}</span>\n </ConditionalRender>\n );\n })}\n </ConditionalRender>\n </Host>\n );\n }\n\n private mapRowContent(row: ArticleContentBuilderRow, index: number) {\n const rowContent = row.columns.map((column, columnIndex) => this.mapColumnContent(column, columnIndex));\n return <div class={`content-row content-row-index-${index}`}>{rowContent}</div>;\n }\n\n private mapColumnContent(column: ArticleContentBuilderColumn, index: number) {\n const columnContent = column.contentContainer.contents.sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0)).map((content, contentIndex) => this.mapContent(content, contentIndex));\n return <div class={`content-column content-column-index-${index}`}>{columnContent}</div>;\n }\n\n private mapContent(content: ArticleContent, index: number) {\n return <div class={`content-data-wrapper content-data-wrapper-index-${index}`}>{this.mapContentData(content.type, content.contentData)}</div>;\n }\n\n private mapContentData(contentType: ContentType | undefined, content: object) {\n switch (contentType) {\n case ContentType.ALBUM:\n return <aico-album-content content={content as AlbumContent} />;\n\n case ContentType.ASKING:\n return <aico-asking-content content={content as AskingContent} locale={this.locale} />;\n\n case ContentType.BLOCK_QUOTE:\n return <aico-block-quote-content content={content as BlockQuoteContent} locale={this.locale} />;\n\n case ContentType.BULLET:\n return <aico-bullet-content content={content as BulletContent} locale={this.locale} />;\n\n case ContentType.CAROUSEL:\n return <aico-carousel-content content={content as CarouselContent} locale={this.locale} />;\n\n case ContentType.CONTENT_CARD:\n return <aico-content-card-content content={content as CardContent} locale={this.locale} />;\n\n case ContentType.DIVIDER:\n return <aico-divider-content content={content as DividerContent} locale={this.locale} />;\n\n case ContentType.DOCUMENT:\n return <aico-document-content content={content as DocumentContent} locale={this.locale} />;\n\n case ContentType.FAQ:\n return <aico-faq-content content={content as FaqContent} locale={this.locale} />;\n\n case ContentType.HEADING:\n return <aico-heading-content content={content as HeadingContent} locale={this.locale} />;\n\n case ContentType.HTML:\n return <aico-html-content content={content as HtmlContent} locale={this.locale} />;\n\n case ContentType.LINK:\n return <aico-link-content content={content as LinkContent} locale={this.locale} />;\n\n case ContentType.NEWS:\n return <aico-news-content content={content as NewsContent} />;\n\n case ContentType.PAGE:\n return <aico-page-content content={content as PageContent} locale={this.locale} />;\n\n case ContentType.TABLE:\n return <aico-table-content content={content as TableContent} locale={this.locale} />;\n\n case ContentType.TESTIMONIAL:\n return <aico-testimonial-content content={content as TestimonialContent} />;\n\n case ContentType.TEXT:\n return <aico-text-content content={content as TextContent} locale={this.locale} />;\n\n case ContentType.TITLE:\n return <aico-title-content content={content as TitleContent} locale={this.locale} />;\n\n case ContentType.UPLOAD:\n return <aico-upload-content content={content as UploadContent} locale={this.locale} />;\n\n case ContentType.VIDEO:\n return <aico-video-content content={content as VideoContent} locale={this.locale} />;\n\n case ContentType.PRODUCT:\n case ContentType.AGENDA:\n case ContentType.LIST_ASKING:\n case ContentType.LIST_AGENDA:\n case ContentType.CRM:\n case ContentType.B2B:\n case ContentType.FORM_BUILDER:\n case ContentType.COURSE:\n case ContentType.COLLECTION:\n default:\n return <div class=\"content-data content-data-not-handled\">Content type not handled.</div>;\n }\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"ConditionalRender-52579540.js","mappings":";;MAMM,iBAAiB,GAAgD,CAAC,EAAE,SAAS,EAAE,EAAE,QAAQ;IAC7F,OAAO,SAAS,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,CAAC;AACtE;;;;","names":[],"sources":["src/utils/ConditionalRender.tsx"],"sourcesContent":["import { FunctionalComponent } from '@stencil/core';\n\nexport type ConditionalRenderProps = {\n condition: boolean;\n};\n\nconst ConditionalRender: FunctionalComponent<ConditionalRenderProps> = ({ condition }, children) => {\n return condition && children && children.length > 0 ? children : [];\n};\n\nexport default ConditionalRender;\n"],"version":3}
|