@aiconomy/aico-components 0.0.95 → 0.0.114
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/README.md +671 -32
- 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-34bd96ca.js +2 -0
- package/dist/aico-components/p-34bd96ca.js.map +1 -0
- package/dist/aico-components/p-7f6fcb2e.entry.js +2 -0
- package/dist/aico-components/p-7f6fcb2e.entry.js.map +1 -0
- package/dist/aico-components/p-a4f7ae53.entry.js +2 -0
- package/dist/aico-components/p-a4f7ae53.entry.js.map +1 -0
- package/dist/aico-components/p-b61bc8e9.entry.js +2 -0
- package/dist/aico-components/p-b61bc8e9.entry.js.map +1 -0
- package/dist/aico-components/{p-7ea04e72.entry.js → p-b9bc0400.entry.js} +3 -3
- package/dist/aico-components/p-b9bc0400.entry.js.map +1 -0
- package/dist/aico-components/p-bf3db54a.entry.js +2 -0
- package/dist/aico-components/p-bf3db54a.entry.js.map +1 -0
- package/dist/aico-components/p-e187bbea.js +2 -0
- package/dist/aico-components/p-e187bbea.js.map +1 -0
- package/dist/cjs/ConditionalRender-52579540.js +9 -0
- package/dist/cjs/ConditionalRender-52579540.js.map +1 -0
- package/dist/cjs/aico-album-content_19.cjs.entry.js +22 -25
- package/dist/cjs/aico-album-content_19.cjs.entry.js.map +1 -1
- package/dist/cjs/aico-article-detail.cjs.entry.js +11 -1
- package/dist/cjs/aico-article-detail.cjs.entry.js.map +1 -1
- package/dist/cjs/aico-components.cjs.js +1 -1
- package/dist/cjs/aico-fetch-article-detail.cjs.entry.js +4 -2
- package/dist/cjs/aico-fetch-article-detail.cjs.entry.js.map +1 -1
- package/dist/cjs/aico-news-list.cjs.entry.js +7 -4
- package/dist/cjs/aico-news-list.cjs.entry.js.map +1 -1
- package/dist/cjs/aico-special-news-carousel.cjs.entry.js +6 -3
- package/dist/cjs/aico-special-news-carousel.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-9ae3486f.js → utils-3d8a97f6.js} +16 -9
- package/dist/cjs/utils-3d8a97f6.js.map +1 -0
- package/dist/collection/components/aico-article-detail/aico-article-detail.js +48 -2
- 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 +42 -4
- package/dist/collection/components/aico-fetch-article-detail/aico-fetch-article-detail.js.map +1 -1
- package/dist/collection/components/aico-news-list/aico-news-list.js +78 -9
- package/dist/collection/components/aico-news-list/aico-news-list.js.map +1 -1
- package/dist/collection/components/aico-special-news-carousel/aico-special-news-carousel.js +58 -7
- package/dist/collection/components/aico-special-news-carousel/aico-special-news-carousel.js.map +1 -1
- package/dist/collection/model/Article.js.map +1 -1
- package/dist/collection/model/NewsTag.js +2 -0
- package/dist/collection/model/NewsTag.js.map +1 -0
- package/dist/collection/utils/utils.js +15 -8
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/components/aico-article-detail2.js +14 -2
- package/dist/components/aico-article-detail2.js.map +1 -1
- package/dist/components/aico-fetch-article-detail.js +5 -1
- package/dist/components/aico-fetch-article-detail.js.map +1 -1
- package/dist/components/aico-news-list.js +10 -3
- package/dist/components/aico-news-list.js.map +1 -1
- package/dist/components/aico-special-news-carousel.js +8 -2
- package/dist/components/aico-special-news-carousel.js.map +1 -1
- package/dist/components/utils.js +15 -8
- package/dist/components/utils.js.map +1 -1
- package/dist/esm/ConditionalRender-7460c386.js +7 -0
- package/dist/esm/ConditionalRender-7460c386.js.map +1 -0
- package/dist/esm/aico-album-content_19.entry.js +2 -5
- package/dist/esm/aico-album-content_19.entry.js.map +1 -1
- package/dist/esm/aico-article-detail.entry.js +11 -1
- package/dist/esm/aico-article-detail.entry.js.map +1 -1
- package/dist/esm/aico-components.js +1 -1
- package/dist/esm/aico-fetch-article-detail.entry.js +4 -2
- package/dist/esm/aico-fetch-article-detail.entry.js.map +1 -1
- package/dist/esm/aico-news-list.entry.js +7 -4
- package/dist/esm/aico-news-list.entry.js.map +1 -1
- package/dist/esm/aico-special-news-carousel.entry.js +6 -3
- package/dist/esm/aico-special-news-carousel.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-25eef7c7.js → utils-f81eb958.js} +16 -9
- package/dist/esm/utils-f81eb958.js.map +1 -0
- package/dist/types/components/aico-article-detail/aico-article-detail.d.ts +13 -0
- package/dist/types/components/aico-fetch-article-detail/aico-fetch-article-detail.d.ts +19 -0
- package/dist/types/components/aico-news-list/aico-news-list.d.ts +36 -1
- package/dist/types/components/aico-special-news-carousel/aico-special-news-carousel.d.ts +29 -0
- package/dist/types/components.d.ts +172 -0
- package/dist/types/model/Article.d.ts +2 -1
- package/dist/types/model/NewsTag.d.ts +8 -0
- package/dist/types/utils/utils.d.ts +2 -2
- package/package.json +2 -3
- package/dist/aico-components/p-19752961.entry.js +0 -2
- package/dist/aico-components/p-19752961.entry.js.map +0 -1
- package/dist/aico-components/p-59bfd021.js +0 -2
- package/dist/aico-components/p-59bfd021.js.map +0 -1
- package/dist/aico-components/p-7ea04e72.entry.js.map +0 -1
- package/dist/aico-components/p-80cb133a.entry.js +0 -2
- package/dist/aico-components/p-80cb133a.entry.js.map +0 -1
- package/dist/aico-components/p-918b9928.entry.js +0 -2
- package/dist/aico-components/p-918b9928.entry.js.map +0 -1
- package/dist/aico-components/p-c900f292.entry.js +0 -2
- package/dist/aico-components/p-c900f292.entry.js.map +0 -1
- package/dist/cjs/utils-9ae3486f.js.map +0 -1
- package/dist/esm/utils-25eef7c7.js.map +0 -1
- package/docs/components/aico-article-detail/readme.md +0 -83
- package/docs/components/aico-fetch-article-detail/readme.md +0 -63
- package/docs/components/aico-news-list/readme.md +0 -41
- package/docs/components/aico-news-list-item/readme.md +0 -37
- package/docs/components/aico-special-news-carousel/readme.md +0 -27
- package/docs/components/content/aico-album-content/readme.md +0 -30
- package/docs/components/content/aico-asking-content/readme.md +0 -31
- package/docs/components/content/aico-asking-list-content/readme.md +0 -10
- package/docs/components/content/aico-block-quote-content/readme.md +0 -31
- package/docs/components/content/aico-bullet-content/readme.md +0 -37
- package/docs/components/content/aico-carousel-content/readme.md +0 -38
- package/docs/components/content/aico-collection-content/readme.md +0 -10
- package/docs/components/content/aico-content-card-content/readme.md +0 -37
- package/docs/components/content/aico-divider-content/readme.md +0 -31
- package/docs/components/content/aico-document-content/readme.md +0 -31
- package/docs/components/content/aico-faq-content/readme.md +0 -31
- package/docs/components/content/aico-heading-content/readme.md +0 -37
- package/docs/components/content/aico-html-content/readme.md +0 -31
- package/docs/components/content/aico-link-content/readme.md +0 -31
- package/docs/components/content/aico-news-content/readme.md +0 -37
- package/docs/components/content/aico-no-content/readme.md +0 -23
- package/docs/components/content/aico-page-content/readme.md +0 -38
- package/docs/components/content/aico-table-content/readme.md +0 -37
- package/docs/components/content/aico-testimonial-content/readme.md +0 -30
- package/docs/components/content/aico-text-content/readme.md +0 -37
- package/docs/components/content/aico-title-content/readme.md +0 -52
- package/docs/components/content/aico-upload-content/readme.md +0 -37
- package/docs/components/content/aico-video-content/readme.md +0 -37
|
@@ -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-59bfd021.js";const o="";const n=class{constructor(t){i(this,t);this.articleClick=s(this,"articleClick",7);this.pageSize=16;this.newsResponse=undefined;this.pageNumber=1;this.aicoUrl=undefined;this.aicoBearerToken=undefined;this.newsChannels=[];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)}async componentWillUpdate(){this.newsListFetchController=new AbortController;this.newsResponse=await l(this.api,this.pageNumber,this.pageSize,this.newsListFetchController.signal,this.newsChannels)}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,a;const h=[];if(this.pageNumber-i>=2){h.push("1")}if(this.pageNumber-i>2){h.push("...")}for(let s=this.pageNumber-i;s<this.pageNumber;s+=1){if(s>=1){h.push(`${s}`)}}h.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)){h.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){h.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){h.push(`${(a=this.newsResponse)===null||a===void 0?void 0:a.meta.page.lastPage}`)}return h}};n.style=o;export{n as aico_news_list};
|
|
2
|
-
//# sourceMappingURL=p-80cb133a.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["aicoNewsListCss","AicoNewsList","this","pageSize","connectedCallback","newsListFetchController","AbortController","pageNumber","api","baseApi","aicoUrl","bearerToken","aicoBearerToken","disconnectedCallback","abort","componentWillLoad","newsResponse","fetchNewsArticles","signal","newsChannels","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 private readonly pageSize = 16;\n\n @State() newsResponse?: NewsResponse;\n\n @State() pageNumber = 1;\n\n @Prop() aicoUrl!: string;\n\n @Prop() aicoBearerToken!: string;\n\n @Prop() newsChannels: string[] = [];\n\n @Prop() nextButtonText: string = 'Next';\n\n @Prop() previousButtonText: string = 'Previous';\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(this.api!, this.pageNumber, this.pageSize, this.newsListFetchController!.signal, this.newsChannels);\n }\n\n async componentWillUpdate(): Promise<void> {\n this.newsListFetchController = new AbortController();\n this.newsResponse = await fetchNewsArticles(this.api!, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannels);\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
|
-
import{r as t,c as s,h as e}from"./p-ae20e789.js";import{c as i}from"./p-59bfd021.js";import{j as a}from"./p-86c7fdc7.js";const o=".slick-slide.sc-aico-special-news-carousel>div.sc-aico-special-news-carousel{height:100% !important}";const c=class{constructor(e){t(this,e);this.articleClicked=s(this,"articleClicked",7);this.newsResponse=undefined;this.aicoUrl=undefined;this.aicoBearerToken=undefined;this.newsChannels=[];this.numberOfArticles=6}connectedCallback(){this.newsListFetchController=new AbortController;this.api={baseApi:this.aicoUrl,bearerToken:this.aicoBearerToken}}disconnectedCallback(){this.newsListFetchController.abort("disconnected")}async componentWillLoad(){this.newsResponse=await i(this.api,1,this.numberOfArticles,this.newsListFetchController.signal,this.newsChannels)}async componentWillUpdate(){this.newsListFetchController=new AbortController;this.newsResponse=await i(this.api,1,this.numberOfArticles,this.newsListFetchController.signal,this.newsChannels)}componentDidLoad(){a(".carousel").slick({autoplay:true,autoplaySpeed:6e3,dots:true,arrows:false,pauseOnDotsHover:true})}render(){return e("div",{class:"carousel"},this.newsResponse.data.map((t=>{var s;const i=t.attributes.focusXPercentage?`${t.attributes.focusXPercentage}%`:"center";const a=t.attributes.focusYPercentage?`${t.attributes.focusYPercentage}%`:"center";return e("div",{class:"carousel-item card border-0"},e("div",{class:"card-body"},e("h5",{class:"card-title text-center text-uppercase"},e("a",{class:"text-reset text-decoration-none",href:"#",onClick:s=>{var e;s.preventDefault();(e=this.articleClicked)===null||e===void 0?void 0:e.emit(t)}},t.attributes.name))),e("div",{class:"ratio ratio-16x9 mx-auto",style:{"max-width":"50%"}},e("img",{class:"card-img-bottom object-fit-cover",style:{"object-position":`${i} ${a}`,"min-height":"15rem"},alt:"News Picture","data-lazy":(s=t.attributes.optimizedImage)!==null&&s!==void 0?s:t.attributes.image})))})))}};c.style=o;export{c as aico_special_news_carousel};
|
|
2
|
-
//# sourceMappingURL=p-918b9928.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["aicoSpecialNewsCarouselCss","AicoSpecialNewsCarousel","connectedCallback","this","newsListFetchController","AbortController","api","baseApi","aicoUrl","bearerToken","aicoBearerToken","disconnectedCallback","abort","componentWillLoad","newsResponse","fetchSpecialNewsArticles","numberOfArticles","signal","newsChannels","componentWillUpdate","componentDidLoad","$","slick","autoplay","autoplaySpeed","dots","arrows","pauseOnDotsHover","render","h","class","data","map","article","focusX","attributes","focusXPercentage","focusY","focusYPercentage","href","onClick","e","preventDefault","_a","articleClicked","emit","name","style","alt","optimizedImage","image"],"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":[".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 } 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 @Prop() aicoUrl!: string;\n\n @Prop() aicoBearerToken!: string;\n\n @Prop() newsChannels: string[] = [];\n\n @Prop() numberOfArticles: number = 6;\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\n disconnectedCallback() {\n this.newsListFetchController!.abort('disconnected');\n }\n\n async componentWillLoad(): Promise<void> {\n this.newsResponse = await fetchSpecialNewsArticles(this.api!, 1, this.numberOfArticles, this.newsListFetchController!.signal, this.newsChannels);\n }\n\n async componentWillUpdate(): Promise<void> {\n this.newsListFetchController = new AbortController();\n this.newsResponse = await fetchSpecialNewsArticles(this.api!, 1, this.numberOfArticles, this.newsListFetchController.signal, this.newsChannels);\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 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 {article.attributes.name}\n </a>\n </h5>\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={article.attributes.optimizedImage ?? article.attributes.image}\n />\n </div>\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"mappings":"0HAAA,MAAMA,EAA6B,uG,MCctBC,EAAuB,M,4KAOD,G,sBAEE,C,CAOnC,iBAAAC,GACEC,KAAKC,wBAA0B,IAAIC,gBACnCF,KAAKG,IAAM,CAAEC,QAASJ,KAAKK,QAASC,YAAaN,KAAKO,gB,CAGxD,oBAAAC,GACER,KAAKC,wBAAyBQ,MAAM,e,CAGtC,uBAAMC,GACJV,KAAKW,mBAAqBC,EAAyBZ,KAAKG,IAAM,EAAGH,KAAKa,iBAAkBb,KAAKC,wBAAyBa,OAAQd,KAAKe,a,CAGrI,yBAAMC,GACJhB,KAAKC,wBAA0B,IAAIC,gBACnCF,KAAKW,mBAAqBC,EAAyBZ,KAAKG,IAAM,EAAGH,KAAKa,iBAAkBb,KAAKC,wBAAwBa,OAAQd,KAAKe,a,CAGpI,gBAAAE,GACEC,EAAE,aAAaC,MAAM,CACnBC,SAAU,KACVC,cAAe,IACfC,KAAM,KACNC,OAAQ,MACRC,iBAAkB,M,CAItB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,YACR3B,KAAKW,aAAaiB,KAAKC,KAAIC,I,MAC1B,MAAMC,EAASD,EAAQE,WAAWC,iBAAmB,GAAGH,EAAQE,WAAWC,oBAAsB,SACjG,MAAMC,EAASJ,EAAQE,WAAWG,iBAAmB,GAAGL,EAAQE,WAAWG,oBAAsB,SACjG,OACET,EAAA,OAAKC,MAAM,+BACTD,EAAA,OAAKC,MAAM,aACTD,EAAA,MAAIC,MAAM,yCACRD,EAAA,KACEC,MAAM,kCACNS,KAAK,IACLC,QAASC,I,MACPA,EAAEC,kBACFC,EAAAxC,KAAKyC,kBAAc,MAAAD,SAAA,SAAAA,EAAEE,KAAKZ,EAAQ,GAGnCA,EAAQE,WAAWW,QAI1BjB,EAAA,OAAKC,MAAM,2BAA2BiB,MAAO,CAAE,YAAa,QAC1DlB,EAAA,OACEC,MAAM,mCACNiB,MAAO,CAAE,kBAAmB,GAAGb,KAAUG,IAAU,aAAc,SACjEW,IAAI,eAAc,aACPL,EAAAV,EAAQE,WAAWc,kBAAc,MAAAN,SAAA,EAAAA,EAAIV,EAAQE,WAAWe,SAGnE,I"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-ae20e789.js";import{f as e,a as s}from"./p-59bfd021.js";const h="";const r=class{constructor(i){t(this,i);this.article=undefined;this.aicoUrl=undefined;this.aicoBearerToken=undefined;this.locale="de";this.articleId=undefined;this.articleUrlHandle=undefined}connectedCallback(){this.articleFetchController=new AbortController;this.api={baseApi:this.aicoUrl,bearerToken:this.aicoBearerToken}}disconnectedCallback(){this.articleFetchController.abort("disconnected")}async componentWillLoad(){if(!this.articleId&&!this.articleUrlHandle){throw new Error("Either the article id or the url handle must be provided.")}if(this.articleUrlHandle){this.article=await e(this.api,this.articleUrlHandle,this.articleFetchController.signal);return}this.article=await s(this.api,this.articleId,this.articleFetchController.signal)}render(){return i("aico-article-detail",{article:this.article,locale:this.locale})}};r.style=h;export{r as aico_fetch_article_detail};
|
|
2
|
-
//# sourceMappingURL=p-c900f292.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["aicoFetchArticleDetailCss","AicoFetchArticleDetail","connectedCallback","this","articleFetchController","AbortController","api","baseApi","aicoUrl","bearerToken","aicoBearerToken","disconnectedCallback","abort","componentWillLoad","articleId","articleUrlHandle","Error","article","fetchNewsArticleByHandle","signal","fetchNewsArticle","render","h","locale"],"sources":["src/components/aico-fetch-article-detail/aico-fetch-article-detail.css?tag=aico-fetch-article-detail&encapsulation=scoped","src/components/aico-fetch-article-detail/aico-fetch-article-detail.tsx"],"sourcesContent":[null,"import { Component, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticle, fetchNewsArticleByHandle } from '../../utils/utils';\nimport { Article } from '../../model/Article';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\n\n@Component({\n tag: 'aico-fetch-article-detail',\n styleUrl: 'aico-fetch-article-detail.css',\n scoped: true,\n})\nexport class AicoFetchArticleDetail {\n @State() article!: Article;\n\n @Prop() aicoUrl!: string;\n\n @Prop() aicoBearerToken!: string;\n\n @Prop() locale: string = 'de';\n\n /**\n * The id will be used to fetch the article.\n *\n * If both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown.\n */\n @Prop() articleId?: string;\n\n /**\n * The url handle will be used to fetch the article.\n *\n * If both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown.\n */\n @Prop() articleUrlHandle?: string;\n\n private api?: AicoApiRequestInfo;\n private articleFetchController?: AbortController;\n\n connectedCallback() {\n this.articleFetchController = new AbortController();\n this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n }\n\n disconnectedCallback() {\n this.articleFetchController!.abort('disconnected');\n }\n\n async componentWillLoad(): Promise<void> {\n if (!this.articleId && !this.articleUrlHandle) {\n throw new Error('Either the article id or the url handle must be provided.');\n }\n\n if (this.articleUrlHandle) {\n this.article = await fetchNewsArticleByHandle(this.api!, this.articleUrlHandle, this.articleFetchController!.signal);\n return;\n }\n\n this.article = await fetchNewsArticle(this.api!, this.articleId!, this.articleFetchController!.signal);\n }\n\n render() {\n return <aico-article-detail article={this.article} locale={this.locale} />;\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAA4B,G,MCUrBC,EAAsB,M,kHAOR,K,yDAmBzB,iBAAAC,GACEC,KAAKC,uBAAyB,IAAIC,gBAClCF,KAAKG,IAAM,CAAEC,QAASJ,KAAKK,QAASC,YAAaN,KAAKO,gB,CAGxD,oBAAAC,GACER,KAAKC,uBAAwBQ,MAAM,e,CAGrC,uBAAMC,GACJ,IAAKV,KAAKW,YAAcX,KAAKY,iBAAkB,CAC7C,MAAM,IAAIC,MAAM,4D,CAGlB,GAAIb,KAAKY,iBAAkB,CACzBZ,KAAKc,cAAgBC,EAAyBf,KAAKG,IAAMH,KAAKY,iBAAkBZ,KAAKC,uBAAwBe,QAC7G,M,CAGFhB,KAAKc,cAAgBG,EAAiBjB,KAAKG,IAAMH,KAAKW,UAAYX,KAAKC,uBAAwBe,O,CAGjG,MAAAE,GACE,OAAOC,EAAA,uBAAqBL,QAASd,KAAKc,QAASM,OAAQpB,KAAKoB,Q"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"utils-9ae3486f.js","mappings":"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","names":[],"sources":["src/model/AicoApiRequestInfo.ts","src/utils/utils.ts"],"sourcesContent":["export type AicoApiRequestInfo = {\n baseApi: string;\n bearerToken: string;\n};\n\nexport const getAuthenticatedHeaders = (bearerToken: string): Headers => {\n const headers = new Headers();\n headers.append('Accept', 'application/vnd.api+json');\n headers.append('Authorization', `Bearer ${bearerToken}`);\n return headers;\n};\n\nexport const getAuthenticatedRequest = (api: AicoApiRequestInfo, route: string, query: URLSearchParams, signal?: AbortSignal): Request => {\n return new Request(new URL(`${route}?${query.toString()}`, api.baseApi), {\n headers: getAuthenticatedHeaders(api.bearerToken),\n signal,\n });\n};\n","import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nexport async function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('sort', '-publishDate');\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n for (const newsChannel of newsChannels) {\n queryParams.append('filter[channel][]', newsChannel);\n }\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('sort', '-publishDate');\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[isSpecialArticle]', '1');\n queryParams.set('filter[isLightVersion]', 'true');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n for (const newsChannel of newsChannels) {\n queryParams.append('filter[channel][]', newsChannel);\n }\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article> {\n const request = getAuthenticatedRequest(api, `news/${articleId}`, new URLSearchParams(), signal);\n const response = await fetch(request);\n const article = await response.json();\n return article.data;\n}\n\nexport async function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article> {\n const queryParams = new URLSearchParams();\n queryParams.set('filter[urlHandle]', urlHandle);\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n const articles = await response.json();\n return articles.data[0];\n}\n\nexport async function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article> {\n const request = new Request(new URL(url), {\n headers: getAuthenticatedHeaders(bearerToken),\n signal,\n });\n const response = await fetch(request);\n return await response.json();\n}\n\nexport function getImageWidthPrc(pictureSize?: string): string {\n switch (pictureSize) {\n case 'extra-small':\n return '28%';\n case 'small':\n return '40%';\n case 'large':\n return '80%';\n case 'extra large': // TODO: has - or not?\n return '100%';\n default:\n return '60%';\n }\n}\n\nexport function getYoutubeURL(url: string): string | null {\n const regExp = /.*(?:youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=)([^#&?]*).*/;\n const match = url.match(regExp);\n if (match && match[1].length == 11) {\n return `https://www.youtube.com/embed/${match[1]}`;\n }\n\n return null;\n}\n\nexport function strIsNullOrEmptyOrWhitespace(str?: string | null): boolean {\n if (!str || str === ' ') {\n return true;\n }\n\n return false;\n}\n\nexport function getClass(conditions: { [key: string]: boolean }): string {\n const classes: string[] = [];\n for (const kvp of Object.entries(conditions)) {\n if (kvp[1]) {\n classes.push(kvp[0]);\n }\n }\n\n return classes.join(' ');\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"utils-25eef7c7.js","mappings":"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","names":[],"sources":["src/model/AicoApiRequestInfo.ts","src/utils/utils.ts"],"sourcesContent":["export type AicoApiRequestInfo = {\n baseApi: string;\n bearerToken: string;\n};\n\nexport const getAuthenticatedHeaders = (bearerToken: string): Headers => {\n const headers = new Headers();\n headers.append('Accept', 'application/vnd.api+json');\n headers.append('Authorization', `Bearer ${bearerToken}`);\n return headers;\n};\n\nexport const getAuthenticatedRequest = (api: AicoApiRequestInfo, route: string, query: URLSearchParams, signal?: AbortSignal): Request => {\n return new Request(new URL(`${route}?${query.toString()}`, api.baseApi), {\n headers: getAuthenticatedHeaders(api.bearerToken),\n signal,\n });\n};\n","import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nexport async function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('sort', '-publishDate');\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n for (const newsChannel of newsChannels) {\n queryParams.append('filter[channel][]', newsChannel);\n }\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('sort', '-publishDate');\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[isSpecialArticle]', '1');\n queryParams.set('filter[isLightVersion]', 'true');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n for (const newsChannel of newsChannels) {\n queryParams.append('filter[channel][]', newsChannel);\n }\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article> {\n const request = getAuthenticatedRequest(api, `news/${articleId}`, new URLSearchParams(), signal);\n const response = await fetch(request);\n const article = await response.json();\n return article.data;\n}\n\nexport async function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article> {\n const queryParams = new URLSearchParams();\n queryParams.set('filter[urlHandle]', urlHandle);\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n const articles = await response.json();\n return articles.data[0];\n}\n\nexport async function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article> {\n const request = new Request(new URL(url), {\n headers: getAuthenticatedHeaders(bearerToken),\n signal,\n });\n const response = await fetch(request);\n return await response.json();\n}\n\nexport function getImageWidthPrc(pictureSize?: string): string {\n switch (pictureSize) {\n case 'extra-small':\n return '28%';\n case 'small':\n return '40%';\n case 'large':\n return '80%';\n case 'extra large': // TODO: has - or not?\n return '100%';\n default:\n return '60%';\n }\n}\n\nexport function getYoutubeURL(url: string): string | null {\n const regExp = /.*(?:youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=)([^#&?]*).*/;\n const match = url.match(regExp);\n if (match && match[1].length == 11) {\n return `https://www.youtube.com/embed/${match[1]}`;\n }\n\n return null;\n}\n\nexport function strIsNullOrEmptyOrWhitespace(str?: string | null): boolean {\n if (!str || str === ' ') {\n return true;\n }\n\n return false;\n}\n\nexport function getClass(conditions: { [key: string]: boolean }): string {\n const classes: string[] = [];\n for (const kvp of Object.entries(conditions)) {\n if (kvp[1]) {\n classes.push(kvp[0]);\n }\n }\n\n return classes.join(' ');\n}\n"],"version":3}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
# aico-article-detail
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ---------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `article` _(required)_ | -- | | `{ id: string; type: string; links: { self: string; }; attributes: ArticleAttributes; }` | `undefined` |
|
|
13
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
## Dependencies
|
|
17
|
-
|
|
18
|
-
### Used by
|
|
19
|
-
|
|
20
|
-
- [aico-fetch-article-detail](../aico-fetch-article-detail)
|
|
21
|
-
|
|
22
|
-
### Depends on
|
|
23
|
-
|
|
24
|
-
- [aico-album-content](../content/aico-album-content)
|
|
25
|
-
- [aico-asking-content](../content/aico-asking-content)
|
|
26
|
-
- [aico-block-quote-content](../content/aico-block-quote-content)
|
|
27
|
-
- [aico-bullet-content](../content/aico-bullet-content)
|
|
28
|
-
- [aico-carousel-content](../content/aico-carousel-content)
|
|
29
|
-
- [aico-content-card-content](../content/aico-content-card-content)
|
|
30
|
-
- [aico-divider-content](../content/aico-divider-content)
|
|
31
|
-
- [aico-document-content](../content/aico-document-content)
|
|
32
|
-
- [aico-faq-content](../content/aico-faq-content)
|
|
33
|
-
- [aico-heading-content](../content/aico-heading-content)
|
|
34
|
-
- [aico-html-content](../content/aico-html-content)
|
|
35
|
-
- [aico-link-content](../content/aico-link-content)
|
|
36
|
-
- [aico-news-content](../content/aico-news-content)
|
|
37
|
-
- [aico-page-content](../content/aico-page-content)
|
|
38
|
-
- [aico-table-content](../content/aico-table-content)
|
|
39
|
-
- [aico-testimonial-content](../content/aico-testimonial-content)
|
|
40
|
-
- [aico-text-content](../content/aico-text-content)
|
|
41
|
-
- [aico-title-content](../content/aico-title-content)
|
|
42
|
-
- [aico-upload-content](../content/aico-upload-content)
|
|
43
|
-
- [aico-video-content](../content/aico-video-content)
|
|
44
|
-
|
|
45
|
-
### Graph
|
|
46
|
-
```mermaid
|
|
47
|
-
graph TD;
|
|
48
|
-
aico-article-detail --> aico-album-content
|
|
49
|
-
aico-article-detail --> aico-asking-content
|
|
50
|
-
aico-article-detail --> aico-block-quote-content
|
|
51
|
-
aico-article-detail --> aico-bullet-content
|
|
52
|
-
aico-article-detail --> aico-carousel-content
|
|
53
|
-
aico-article-detail --> aico-content-card-content
|
|
54
|
-
aico-article-detail --> aico-divider-content
|
|
55
|
-
aico-article-detail --> aico-document-content
|
|
56
|
-
aico-article-detail --> aico-faq-content
|
|
57
|
-
aico-article-detail --> aico-heading-content
|
|
58
|
-
aico-article-detail --> aico-html-content
|
|
59
|
-
aico-article-detail --> aico-link-content
|
|
60
|
-
aico-article-detail --> aico-news-content
|
|
61
|
-
aico-article-detail --> aico-page-content
|
|
62
|
-
aico-article-detail --> aico-table-content
|
|
63
|
-
aico-article-detail --> aico-testimonial-content
|
|
64
|
-
aico-article-detail --> aico-text-content
|
|
65
|
-
aico-article-detail --> aico-title-content
|
|
66
|
-
aico-article-detail --> aico-upload-content
|
|
67
|
-
aico-article-detail --> aico-video-content
|
|
68
|
-
aico-bullet-content --> aico-title-content
|
|
69
|
-
aico-title-content --> aico-no-content
|
|
70
|
-
aico-carousel-content --> aico-title-content
|
|
71
|
-
aico-content-card-content --> aico-title-content
|
|
72
|
-
aico-heading-content --> aico-title-content
|
|
73
|
-
aico-table-content --> aico-title-content
|
|
74
|
-
aico-text-content --> aico-title-content
|
|
75
|
-
aico-upload-content --> aico-title-content
|
|
76
|
-
aico-video-content --> aico-title-content
|
|
77
|
-
aico-fetch-article-detail --> aico-article-detail
|
|
78
|
-
style aico-article-detail fill:#f9f,stroke:#333,stroke-width:4px
|
|
79
|
-
```
|
|
80
|
-
|
|
81
|
-
----------------------------------------------
|
|
82
|
-
|
|
83
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
# aico-fetch-article-detail
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------------------------ | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
-
| `aicoBearerToken` _(required)_ | `aico-bearer-token` | | `string` | `undefined` |
|
|
13
|
-
| `aicoUrl` _(required)_ | `aico-url` | | `string` | `undefined` |
|
|
14
|
-
| `articleId` | `article-id` | The id will be used to fetch the article. If both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown. | `string \| undefined` | `undefined` |
|
|
15
|
-
| `articleUrlHandle` | `article-url-handle` | The url handle will be used to fetch the article. If both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown. | `string \| undefined` | `undefined` |
|
|
16
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
## Dependencies
|
|
20
|
-
|
|
21
|
-
### Depends on
|
|
22
|
-
|
|
23
|
-
- [aico-article-detail](../aico-article-detail)
|
|
24
|
-
|
|
25
|
-
### Graph
|
|
26
|
-
```mermaid
|
|
27
|
-
graph TD;
|
|
28
|
-
aico-fetch-article-detail --> aico-article-detail
|
|
29
|
-
aico-article-detail --> aico-album-content
|
|
30
|
-
aico-article-detail --> aico-asking-content
|
|
31
|
-
aico-article-detail --> aico-block-quote-content
|
|
32
|
-
aico-article-detail --> aico-bullet-content
|
|
33
|
-
aico-article-detail --> aico-carousel-content
|
|
34
|
-
aico-article-detail --> aico-content-card-content
|
|
35
|
-
aico-article-detail --> aico-divider-content
|
|
36
|
-
aico-article-detail --> aico-document-content
|
|
37
|
-
aico-article-detail --> aico-faq-content
|
|
38
|
-
aico-article-detail --> aico-heading-content
|
|
39
|
-
aico-article-detail --> aico-html-content
|
|
40
|
-
aico-article-detail --> aico-link-content
|
|
41
|
-
aico-article-detail --> aico-news-content
|
|
42
|
-
aico-article-detail --> aico-page-content
|
|
43
|
-
aico-article-detail --> aico-table-content
|
|
44
|
-
aico-article-detail --> aico-testimonial-content
|
|
45
|
-
aico-article-detail --> aico-text-content
|
|
46
|
-
aico-article-detail --> aico-title-content
|
|
47
|
-
aico-article-detail --> aico-upload-content
|
|
48
|
-
aico-article-detail --> aico-video-content
|
|
49
|
-
aico-bullet-content --> aico-title-content
|
|
50
|
-
aico-title-content --> aico-no-content
|
|
51
|
-
aico-carousel-content --> aico-title-content
|
|
52
|
-
aico-content-card-content --> aico-title-content
|
|
53
|
-
aico-heading-content --> aico-title-content
|
|
54
|
-
aico-table-content --> aico-title-content
|
|
55
|
-
aico-text-content --> aico-title-content
|
|
56
|
-
aico-upload-content --> aico-title-content
|
|
57
|
-
aico-video-content --> aico-title-content
|
|
58
|
-
style aico-fetch-article-detail fill:#f9f,stroke:#333,stroke-width:4px
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
----------------------------------------------
|
|
62
|
-
|
|
63
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
# aico-news-list
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------------------------ | ---------------------- | ----------- | ---------- | ------------ |
|
|
12
|
-
| `aicoBearerToken` _(required)_ | `aico-bearer-token` | | `string` | `undefined` |
|
|
13
|
-
| `aicoUrl` _(required)_ | `aico-url` | | `string` | `undefined` |
|
|
14
|
-
| `newsChannels` | -- | | `string[]` | `[]` |
|
|
15
|
-
| `nextButtonText` | `next-button-text` | | `string` | `'Next'` |
|
|
16
|
-
| `previousButtonText` | `previous-button-text` | | `string` | `'Previous'` |
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
## Events
|
|
20
|
-
|
|
21
|
-
| Event | Description | Type |
|
|
22
|
-
| -------------- | ----------- | ----------------------------------------------------------------------------------------------------- |
|
|
23
|
-
| `articleClick` | | `CustomEvent<{ id: string; type: string; links: { self: string; }; attributes: ArticleAttributes; }>` |
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
## Dependencies
|
|
27
|
-
|
|
28
|
-
### Depends on
|
|
29
|
-
|
|
30
|
-
- [aico-news-list-item](../aico-news-list-item)
|
|
31
|
-
|
|
32
|
-
### Graph
|
|
33
|
-
```mermaid
|
|
34
|
-
graph TD;
|
|
35
|
-
aico-news-list --> aico-news-list-item
|
|
36
|
-
style aico-news-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
----------------------------------------------
|
|
40
|
-
|
|
41
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# aico-news-list-item
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ---------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `article` _(required)_ | -- | | `{ id: string; type: string; links: { self: string; }; attributes: ArticleAttributes; }` | `undefined` |
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
## Events
|
|
16
|
-
|
|
17
|
-
| Event | Description | Type |
|
|
18
|
-
| -------------- | ----------- | ----------------------------------------------------------------------------------------------------- |
|
|
19
|
-
| `articleClick` | | `CustomEvent<{ id: string; type: string; links: { self: string; }; attributes: ArticleAttributes; }>` |
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
## Dependencies
|
|
23
|
-
|
|
24
|
-
### Used by
|
|
25
|
-
|
|
26
|
-
- [aico-news-list](../aico-news-list)
|
|
27
|
-
|
|
28
|
-
### Graph
|
|
29
|
-
```mermaid
|
|
30
|
-
graph TD;
|
|
31
|
-
aico-news-list --> aico-news-list-item
|
|
32
|
-
style aico-news-list-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
----------------------------------------------
|
|
36
|
-
|
|
37
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
# aico-special-news-carousel
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------------------------ | -------------------- | ----------- | ---------- | ----------- |
|
|
12
|
-
| `aicoBearerToken` _(required)_ | `aico-bearer-token` | | `string` | `undefined` |
|
|
13
|
-
| `aicoUrl` _(required)_ | `aico-url` | | `string` | `undefined` |
|
|
14
|
-
| `newsChannels` | -- | | `string[]` | `[]` |
|
|
15
|
-
| `numberOfArticles` | `number-of-articles` | | `number` | `6` |
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
## Events
|
|
19
|
-
|
|
20
|
-
| Event | Description | Type |
|
|
21
|
-
| ---------------- | ----------- | ----------------------------------------------------------------------------------------------------- |
|
|
22
|
-
| `articleClicked` | | `CustomEvent<{ id: string; type: string; links: { self: string; }; attributes: ArticleAttributes; }>` |
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
----------------------------------------------
|
|
26
|
-
|
|
27
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
# aico-album-content
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
|
|
12
|
-
| `content` _(required)_ | -- | | `{ id: string \| number; createdAt: Date; updatedAt: Date; } & { textColor?: string \| undefined; buttonBackgroundColor?: string \| undefined; backgroundColor?: string \| undefined; buttonHoverColor?: string \| undefined; buttonTextColor?: string \| undefined; borderColor?: string \| undefined; album: { id: string \| number; createdAt: Date; updatedAt: Date; } & { name?: string \| undefined; images: ({ id: string \| number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string \| number; createdAt: Date; updatedAt: Date; locale: string; text?: string \| null \| undefined; title?: string \| null \| undefined; } & { name?: string \| undefined; alternativeText?: string \| undefined; caption?: string \| undefined; description?: string \| undefined; alternative_text?: string \| undefined; })[]; url?: string \| undefined; type?: string \| undefined; order?: number \| undefined; optimizedImage?: string \| undefined; })[]; }; }` | `undefined` |
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
## Dependencies
|
|
16
|
-
|
|
17
|
-
### Used by
|
|
18
|
-
|
|
19
|
-
- [aico-article-detail](../../aico-article-detail)
|
|
20
|
-
|
|
21
|
-
### Graph
|
|
22
|
-
```mermaid
|
|
23
|
-
graph TD;
|
|
24
|
-
aico-article-detail --> aico-album-content
|
|
25
|
-
style aico-album-content fill:#f9f,stroke:#333,stroke-width:4px
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
----------------------------------------------
|
|
29
|
-
|
|
30
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
# aico-asking-content
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `content` _(required)_ | -- | | `{ id: string \| number; createdAt: Date; updatedAt: Date; asking: { id: string \| number; createdAt: Date; updatedAt: Date; translations: { id: string \| number; createdAt: Date; updatedAt: Date; locale: string; text?: string \| null \| undefined; title?: string \| null \| undefined; }[]; isActive: boolean; startsAt: Date; startTime: Date; endTime?: Date \| null \| undefined; meetingPoint?: string \| null \| undefined; location?: string \| null \| undefined; recipents?: string \| null \| undefined; clothingEquipment?: string \| null \| undefined; coaching?: string \| null \| undefined; catering?: string \| null \| undefined; description?: string \| null \| undefined; furtherInfo?: string \| null \| undefined; }; }` | `undefined` |
|
|
13
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
## Dependencies
|
|
17
|
-
|
|
18
|
-
### Used by
|
|
19
|
-
|
|
20
|
-
- [aico-article-detail](../../aico-article-detail)
|
|
21
|
-
|
|
22
|
-
### Graph
|
|
23
|
-
```mermaid
|
|
24
|
-
graph TD;
|
|
25
|
-
aico-article-detail --> aico-asking-content
|
|
26
|
-
style aico-asking-content fill:#f9f,stroke:#333,stroke-width:4px
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
----------------------------------------------
|
|
30
|
-
|
|
31
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
# aico-block-quote-content
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `content` _(required)_ | -- | | `{ id: string \| number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string \| number; createdAt: Date; updatedAt: Date; locale: string; text?: string \| null \| undefined; title?: string \| null \| undefined; } & { quoteText: string; quoteAuthorLine: string; })[]; textColor?: string \| undefined; quotesColor?: string \| undefined; authorColor?: string \| undefined; }` | `undefined` |
|
|
13
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
## Dependencies
|
|
17
|
-
|
|
18
|
-
### Used by
|
|
19
|
-
|
|
20
|
-
- [aico-article-detail](../../aico-article-detail)
|
|
21
|
-
|
|
22
|
-
### Graph
|
|
23
|
-
```mermaid
|
|
24
|
-
graph TD;
|
|
25
|
-
aico-article-detail --> aico-block-quote-content
|
|
26
|
-
style aico-block-quote-content fill:#f9f,stroke:#333,stroke-width:4px
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
----------------------------------------------
|
|
30
|
-
|
|
31
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# aico-bullet-content
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `content` _(required)_ | -- | | `{ id: string \| number; createdAt: Date; updatedAt: Date; } & { translations: { id: string \| number; createdAt: Date; updatedAt: Date; locale: string; text?: string \| null \| undefined; title?: string \| null \| undefined; }[]; sort: number; titleSize?: string \| undefined; fontSize?: string \| undefined; fontFamily?: string \| undefined; bulletBullets: BulletBullet[]; }` | `undefined` |
|
|
13
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
## Dependencies
|
|
17
|
-
|
|
18
|
-
### Used by
|
|
19
|
-
|
|
20
|
-
- [aico-article-detail](../../aico-article-detail)
|
|
21
|
-
|
|
22
|
-
### Depends on
|
|
23
|
-
|
|
24
|
-
- [aico-title-content](../aico-title-content)
|
|
25
|
-
|
|
26
|
-
### Graph
|
|
27
|
-
```mermaid
|
|
28
|
-
graph TD;
|
|
29
|
-
aico-bullet-content --> aico-title-content
|
|
30
|
-
aico-title-content --> aico-no-content
|
|
31
|
-
aico-article-detail --> aico-bullet-content
|
|
32
|
-
style aico-bullet-content fill:#f9f,stroke:#333,stroke-width:4px
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
----------------------------------------------
|
|
36
|
-
|
|
37
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
# aico-carousel-content
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | ------------ | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `content` _(required)_ | -- | | `{ id: string \| number; createdAt: Date; updatedAt: Date; } & { translations: { id: string \| number; createdAt: Date; updatedAt: Date; locale: string; text?: string \| null \| undefined; title?: string \| null \| undefined; }[]; arrowsBackground?: string \| undefined; contentCarouselImages: CarouselImage[]; }` | `undefined` |
|
|
13
|
-
| `hasArrows` | `has-arrows` | | `boolean` | `true` |
|
|
14
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
## Dependencies
|
|
18
|
-
|
|
19
|
-
### Used by
|
|
20
|
-
|
|
21
|
-
- [aico-article-detail](../../aico-article-detail)
|
|
22
|
-
|
|
23
|
-
### Depends on
|
|
24
|
-
|
|
25
|
-
- [aico-title-content](../aico-title-content)
|
|
26
|
-
|
|
27
|
-
### Graph
|
|
28
|
-
```mermaid
|
|
29
|
-
graph TD;
|
|
30
|
-
aico-carousel-content --> aico-title-content
|
|
31
|
-
aico-title-content --> aico-no-content
|
|
32
|
-
aico-article-detail --> aico-carousel-content
|
|
33
|
-
style aico-carousel-content fill:#f9f,stroke:#333,stroke-width:4px
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
----------------------------------------------
|
|
37
|
-
|
|
38
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# aico-content-card-content
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------- | --------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `content` _(required)_ | -- | | `{ id: string \| number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string \| number; createdAt: Date; updatedAt: Date; locale: string; text?: string \| null \| undefined; title?: string \| null \| undefined; } & { linkText?: string \| undefined; })[]; picture?: string \| undefined; link?: string \| undefined; titleSize?: string \| undefined; }` | `undefined` |
|
|
13
|
-
| `locale` | `locale` | | `string` | `'de'` |
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
## Dependencies
|
|
17
|
-
|
|
18
|
-
### Used by
|
|
19
|
-
|
|
20
|
-
- [aico-article-detail](../../aico-article-detail)
|
|
21
|
-
|
|
22
|
-
### Depends on
|
|
23
|
-
|
|
24
|
-
- [aico-title-content](../aico-title-content)
|
|
25
|
-
|
|
26
|
-
### Graph
|
|
27
|
-
```mermaid
|
|
28
|
-
graph TD;
|
|
29
|
-
aico-content-card-content --> aico-title-content
|
|
30
|
-
aico-title-content --> aico-no-content
|
|
31
|
-
aico-article-detail --> aico-content-card-content
|
|
32
|
-
style aico-content-card-content fill:#f9f,stroke:#333,stroke-width:4px
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
----------------------------------------------
|
|
36
|
-
|
|
37
|
-
*Built with [StencilJS](https://stenciljs.com/)*
|